summaryrefslogtreecommitdiff
path: root/design
diff options
context:
space:
mode:
Diffstat (limited to 'design')
-rw-r--r--design/sass/_notes.scss43
-rw-r--r--design/templates/archives/notes_date.html76
-rw-r--r--design/templates/base.html4
3 files changed, 29 insertions, 94 deletions
diff --git a/design/sass/_notes.scss b/design/sass/_notes.scss
index 27655c7..e0f7c28 100644
--- a/design/sass/_notes.scss
+++ b/design/sass/_notes.scss
@@ -36,26 +36,12 @@
font-weight: 400;
font-size: 1.5em;
letter-spacing: 0px;
-}
-//date-as-headline
-.note--date-hed {
- margin-bottom: 0;
- time {
- text-align: left;
- font-weight: 400;
- font-size: 1.5em;
- letter-spacing: 0px;
- font-style: italic;
- text-transform: none;
- color: $body_font;
- }
a {
- border: none;
text-decoration: none;
+ color: $body_font !important;
}
}
-//small date
.note--date {
@include smcaps;
@include fontsize(11);
@@ -77,33 +63,6 @@
float: left;
}
}
-.note--actions {
- font-size: 0.75em;
- text-align: center;
- @include breakpoint(beta) {
- float: right;
- clear: both;
- margin-top: .5em;
- }
- li {
- display: inline-block;
- }
- li:after {
- content: "\2219";
- margin-left: 0.25em;
- padding-right: 0.35em;
- padding-left: 0.35em;
- }
- li:last-child:after {
- content: "";
- padding-right: 0;
- padding-left: 0;
- margin-left: 0;
- }
- a {
- color: $brown;
- }
-}
.note--footer {
margin-top: 1.7em;
@include breakpoint(beta) {
diff --git a/design/templates/archives/notes_date.html b/design/templates/archives/notes_date.html
index 345a383..be41176 100644
--- a/design/templates/archives/notes_date.html
+++ b/design/templates/archives/notes_date.html
@@ -13,42 +13,28 @@
<main role="main">
<h1>Field Notes Published in {% if not month %}{{year|date:"Y"}}{%else%} {{month|date:"F Y"}}{% endif %}</h1>{% if month %}{% for object in object_list %}</h1>
- <article class="h-entry">
- <h2 class="p-name note--title">{{object.title|safe|amp|smartypants}}</h2>
+ <article class="h-entry post--article">
+ {% if object.title %}<h1 class="p-name note--title"><a href="{{object.get_absolute_url}}" class="permalink">{{object.title|safe|amp|smartypants}}</a></h1>{%endif%}
<div class="e-content">
- {{object.body_html|safe|amp|smartypants}}
+ {{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 class="note--footer">
- <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>{% if object.location %}
- <p class="p-location h-adr note--location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">
+ <footer>
+ {% 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>,
<span class="p-country-name">{{object.location.state.country.name}}</span>
<data class="p-latitude" value="{{object.latitude}}"></data>
<data class="p-longitude" value="{{object.longitude}}"></data>
- </p>{% endif %}{% 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>
- <li>
- <action do="reply" with="{{SITE_URL}}{{object.get_absolute_url}}"><a href="https://twitter.com/intent/tweet?in_reply_to={{object.twitter_id}}">Reply</a></action>
- </li>
- <li>
- <action do="post" with="{{SITE_URL}}{{object.get_absolute_url}}">
- <a href="https://twitter.com/intent/retweet?tweet_id={{object.twitter_id}}">Retweet</a>
- </action>
- </li>
- <li>
- <action do="bookmark" with="{{SITE_URL}}{{object.get_absolute_url}}">
- <a href="https://twitter.com/intent/favorite?tweet_id={{object.twitter_id}}">Favourite</a>
- </action>
- </li>
- </ul>{% endif %}
+ </p>{% endif %}
+
+ <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>
</footer>
</article>
{% endfor %}
@@ -56,38 +42,28 @@
{% regroup object_list by pub_date.month as entries_by_month %}{% for month in entries_by_month %}
<section class="month--divider">
<h2 class="month--header">{{ month.list.0.pub_date|date:"F Y" }}</h2>{% for object in month.list|dictsortreversed:"pub_date" %}
- <article class="h-entry">
- <h2 class="p-name note--title">{{object.title|safe|amp|smartypants}}</h2>
+ <article class="h-entry post--article">
+ {% if object.title %}<h1 class="p-name note--title"><a href="{{object.get_absolute_url}}" class="permalink">{{object.title|safe|amp|smartypants}}</a></h1>{%endif%}
<div class="e-content">
- {{object.body_html|safe|amp|smartypants }}
+ {{object.body_html|safe|smartypants}}
</div>
- <footer class="note--footer">
- <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>{% if object.location %}
- <p class="p-location h-adr note--location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">
+ <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>
+ {% 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>,
<span class="p-country-name">{{object.location.state.country.name}}</span>
<data class="p-latitude" value="{{object.latitude}}"></data>
<data class="p-longitude" value="{{object.longitude}}"></data>
- </p>{% endif %}{% 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>
- <li>
- <action do="reply" with="{{SITE_URL}}{{object.get_absolute_url}}"><a href="https://twitter.com/intent/tweet?in_reply_to={{object.twitter_id}}">Reply</a></action>
- </li>
- <li>
- <action do="post" with="{{SITE_URL}}{{object.get_absolute_url}}">
- <a href="https://twitter.com/intent/retweet?tweet_id={{object.twitter_id}}">Retweet</a>
- </action>
- </li>
- <li>
- <action do="bookmark" with="{{SITE_URL}}{{object.get_absolute_url}}">
- <a href="https://twitter.com/intent/favorite?tweet_id={{object.twitter_id}}">Favourite</a>
- </action>
- </li>
- </ul>{% endif %}
+ </p>{% endif %}
+
+ <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>
</footer>
</article>
{% endfor %}
diff --git a/design/templates/base.html b/design/templates/base.html
index 42867ca..d62d742 100644
--- a/design/templates/base.html
+++ b/design/templates/base.html
@@ -39,8 +39,8 @@
<nav role="navigation" class="bl">
<ul>
<li id="laverdad"><a href="/jrnl/" title="What we've been up to lately">Journal</a></li>
- <!--<li id="nota"><a href="/field-notes/" title="Quick notes and images from the road">Notes</a></li>
- <li id="fotos"><a href="/photos/" title="Photos from travels around the world">Photos</a></li>i-->
+ <li id="nota"><a href="/field-notes/" title="Quick notes and images from the road">Notes</a></li>
+ <!--<li id="fotos"><a href="/photos/" title="Photos from travels around the world">Photos</a></li>i-->
<li id="maps"><a href="/map" title="Maps">Map</a></li>
<li id="about"><a href="/about" title="About Luxagraf">About</a></li>
<li id="etc" class="last"><a href="/projects/" title="the less visible portions of the iceberg">More</a></li>
generated by cgit v1.2.3-70-g09d2 (git 2.47.0) at 2024-11-16 14:33:19 +0000