on master help sign in
Urbit.org: Adding post directory template
677220eMatilde Park
sass/_main.scss+22−2
@@ -14,13 +14,29 @@ nav {
14}
14}
15
15
16article {
16article {
17+ // default
17 grid-area: auto / 4 / auto / 9;
18 grid-area: auto / 4 / auto / 9;
19+ // links on body text
18 a {
20 a {
19 @extend .bb1, .b-black;
21 @extend .bb1, .b-black;
22+ &.mono {
23+ border-bottom: 0;
24+ }
25+ }
26+ // post directories
27+ &.post-list {
28+ grid-area: auto / 4 / auto / 12;
20− }
29+ }
21}
30}
22
31
23// components
32// components
33+ // ul reset
34+ul {
35+ margin-block-start: 0;
36+ margin-block-end: 0;
37+ padding-inline-start: 0;
38+ padding-inline-end: 0;
39+}
24 // images
40 // images
25img {
41img {
26 max-width: 100%;
42 max-width: 100%;
@@ -34,8 +50,12 @@ span[rel=author] {
34 font-weight: 600;
50 font-weight: 600;
35 margin-right: 5px;
51 margin-right: 5px;
36}
52}
37−
38address {
53address {
39 display: inline;
54 display: inline;
40 font-style: normal;
55 font-style: normal;
56+}
57+
58+ // post lists
59+ul.posts {
60+ list-style-type: none;
41}
61}
templates/posts/single.html+17−39
@@ -3,55 +3,33 @@
3{% block content %}
3{% block content %}
4<!-- header -->
4<!-- header -->
5<!-- content -->
5<!-- content -->
6−<div>
7− <nav>
6+ <nav class="mt6">
8− <ul>
9− <li>
10− <a href="{{ config.base_url }}/posts/">
11− All
12− </a>
13− </li>
14− <li class="list__item content-nav__item">
15− <a href="{{ config.base_url }}/posts/essays/">
7+ <a class="gray3" href="{{config.base_url}}">Urbit</a>
16− Essays
8+ <span class="gray3"> / </span>
17− </a>
18− </li>
19− <li class="list__item content-nav__item">
20− <a href="{{ config.base_url }}/posts/media/">
9+ <a href="{{config.base_url}}/posts/{{term.name | lower}}">
21− Media
10+ {{ term.name }}
22− </a>
11+ </a>
23− </li>
24− <li class="list__item content-nav__item">
25− <a href="{{ config.base_url }}/posts/updates/">
26− Updates
27− </a>
28− </li>
29− </ul>
30 </nav>
12 </nav>
31− </div>
32− <div>
33− <article>
13+ <article class="mt6 mb6 post-list">
34− <h1>{{ term.name }}</h1>
14+ <h1 class="fw-regular mt8 mb8">{{ term.name }}</h1>
35− <ul>
15+ <ul class="posts">
36 {% for page in term.pages %}
16 {% for page in term.pages %}
37− <li>
17+ <li class="mb5 mt5">
18+ <h2 class="mb1"><a class="bb0" href="{{ page.permalink }}">{{ page.title }}</a></h2>
19+ <p class="mb2 mt2">{{ page.description }}</p>
38− <span>&#126;{{ page.date | date(format="%Y.%m.%d") }}</span>
20+ <span class="mono f5">&#126;{{ page.date | date(format="%Y.%m.%d") }}</span>
39− <span>
21+ <span class="mono f5">
40 {% if page.taxonomies.posts %}
22 {% if page.taxonomies.posts %}
41 {% for post in page.taxonomies.posts %}
23 {% for post in page.taxonomies.posts %}
42− <a href="{{ get_taxonomy_url(kind="posts", name=post | safe) }}">
24+ <a class="mono f5" href="{{ get_taxonomy_url(kind="posts", name=post | safe) }}">
43− {{ post }}
25+ {{ post | lower }}
44 </a>
26 </a>
45 {% endfor %}
27 {% endfor %}
46 {% endif %}
28 {% endif %}
29+ {% if page.extra.ship %}<span class="mono f5 ml2">{{ page.extra.ship }}</span> {% endif %}
47 </span>
30 </span>
48− <h2><a href="{{ page.permalink }}">{{ page.title }}</a></h2>
49− <p>{{ page.description }}</p>
50 </li>
31 </li>
51 {% endfor %}
32 {% endfor %}
52 </ul>
33 </ul>
53 </article>
34 </article>
54− </div>
55− </div>
56−</div>
57{% endblock content %}
35{% endblock content %}