diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/_notes.scss | 7 | ||||
| -rw-r--r-- | design/templates/details/note.html | 25 |
2 files changed, 21 insertions, 11 deletions
diff --git a/design/sass/_notes.scss b/design/sass/_notes.scss index e0f7c28..cccdd2c 100644 --- a/design/sass/_notes.scss +++ b/design/sass/_notes.scss @@ -56,6 +56,13 @@ text-decoration: none; } } +.note--date-container{ + @extend %clearfix; + +} +.e-content { + @extend %clearfix; +} .note--location { text-align: center; margin-top: 0; diff --git a/design/templates/details/note.html b/design/templates/details/note.html index a964381..31797a9 100644 --- a/design/templates/details/note.html +++ b/design/templates/details/note.html @@ -24,17 +24,8 @@ <main role="main"> <article class="h-entry post--article"> {% if object.title %}<h1 class="p-name note--title">{{object.title|safe|amp|smartypants}}</h1>{%endif%} - <div class="e-content"> - {{object.body_html|safe|smartypants}} - </div> - <span class="p-author h-card"> - <data class="p-name" value="Scott Gilbertson"></data> - <data class="u-url" value="https://luxagraf.net/"></data> - </span> - <footer> - {%comment%}<p class="note--date"> - <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time class="dt-published" datetime="{{object.pub_date|html5_datetime}}">{{object.pub_date|date:"F j, Y"}}</time></a> - </p>{%endcomment%}{% if object.location %} + <div class="note--date-container"> + {% if object.location %} <p class="p-location h-adr note--location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo"> <span class="p-locality">{{object.location.name|smartypants|safe}}</span>, <span class="p-region">{{object.location.state.name}}</span>, @@ -46,6 +37,18 @@ <p class="note--date"> <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time class="dt-published" datetime="{{object.pub_date|html5_datetime}}">{{object.pub_date|date:"F j, Y"}}</time></a> </p> + </div> + <div class="e-content"> + {{object.body_html|safe|smartypants}} + </div> + <span class="p-author h-card"> + <data class="p-name" value="Scott Gilbertson"></data> + <data class="u-url" value="https://luxagraf.net/"></data> + </span> + <footer> + {%comment%}<p class="note--date"> + <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time class="dt-published" datetime="{{object.pub_date|html5_datetime}}">{{object.pub_date|date:"F j, Y"}}</time></a> + </p>{%endcomment%} {% comment %} {% if object.twitter_id %} <ul class="note--actions"> <li><a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">View on Twitter</a></li> |