on master help sign in
Adding post date/time
01d2da4Matilde Park
sass/_main.scss+12−2
@@ -1,6 +1,8 @@
1@import "indigo";
1@import "indigo";
2@import url('https://rsms.me/inter/inter-ui.css');
2@import url('https://rsms.me/inter/inter-ui.css');
3
3
4+// layout
5+
4body {
6body {
5 @extend .sans, .f4, .grid12;
7 @extend .sans, .f4, .grid12;
6 margin: 0 32px;
8 margin: 0 32px;
@@ -19,13 +21,21 @@ article {
19}
21}
20
22
21// components
23// components
24+ // images
25+img {
26+ max-width: 100%;
27+}
22 // flatten headers
28 // flatten headers
23h1, h2, h3, h4, h5 {
29h1, h2, h3, h4, h5 {
24 @extend .f4, .fw-bold;
30 @extend .f4, .fw-bold;
25}
31}
26− // ship styling
32+ // author and ship styling
33+span[rel=author] {
34+ font-weight: 600;
35+ margin-right: 5px;
36+}
37+
27address {
38address {
28 display: inline;
39 display: inline;
29 font-style: normal;
40 font-style: normal;
30− float: right;
31}
41}
templates/page.html+9−2
@@ -8,10 +8,17 @@
8<nav class="mt6"><a class="gray3" href="{{config.base_url}}">Urbit</a> <span class="gray3"> / </span><a href="{{config.base_url}}/posts/{{page.taxonomies.posts[0]}}">{{ page.taxonomies.posts[0] }}</a></nav>
8<nav class="mt6"><a class="gray3" href="{{config.base_url}}">Urbit</a> <span class="gray3"> / </span><a href="{{config.base_url}}/posts/{{page.taxonomies.posts[0]}}">{{ page.taxonomies.posts[0] }}</a></nav>
9{% endif %}
9{% endif %}
10 <article class="mt6 mb6">
10 <article class="mt6 mb6">
11− <!-- <h4><code>&#126;{% if page.date %}{{ page.date | date(format="%Y.%m.%d") }}{% endif %}</code></h4> -->
12 <h1>{{ page.title }}</h1>
11 <h1>{{ page.title }}</h1>
13 <!-- body -->
12 <!-- body -->
14 {{ page.content | safe }}
13 {{ page.content | safe }}
14+ {% if page.extra.author %}
15− {% if page.extra.author %} <span class="mt3" rel="author"> {{ page.extra.author }} </span> {% if page.extra.ship %} <address class="mono">{{ page.extra.ship }}</address>{% endif %} {% endif %}
15+ <span class="mt3" rel="author"> {{ page.extra.author }} </span>
16+ {% if page.extra.ship %}
17+ <address class="mono">{{ page.extra.ship }}</address>
18+ {% endif %}
19+ {% if page.date %}
20+ <time class="mono block f5">~{{page.date}}</time>
21+ {% endif %}
22+ {% endif %}
16 </article>
23 </article>
17{% endblock content %}
24{% endblock content %}