on master help sign in
Urbit.org: Adding post directory template
commit677220e17cdfea2c823f1308efbd26ebb072343a authorMatilde Park <matilde@tlon.io> dateFri 30 Aug 2019, 13:28 (7 years ago) parent8128f69
2 files changed+39−41
sass/_main.scss+22−2 templates/posts/single.html+17−39
sass/_main.scss+22−2
@@ -14,13 +14,29 @@ nav {
1414}
1515
1616article {
17+ // default
1718 grid-area: auto / 4 / auto / 9;
19+ // links on body text
1820 a {
1921 @extend .bb1, .b-black;
20− }
22+ &.mono {
23+ border-bottom: 0;
24+ }
25+ }
26+ // post directories
27+ &.post-list {
28+ grid-area: auto / 4 / auto / 12;
29+ }
2130}
2231
2332// 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+}
2440 // images
2541img {
2642 max-width: 100%;
@@ -34,8 +50,12 @@ span[rel=author] {
3450 font-weight: 600;
3551 margin-right: 5px;
3652}
37−
3853address {
3954 display: inline;
4055 font-style: normal;
56+}
57+
58+ // post lists
59+ul.posts {
60+ list-style-type: none;
4161}
templates/posts/single.html+17−39
@@ -3,55 +3,33 @@
33{% block content %}
44<!-- header -->
55<!-- content -->
6−<div>
7− <nav>
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/">
16− Essays
17− </a>
18− </li>
19− <li class="list__item content-nav__item">
20− <a href="{{ config.base_url }}/posts/media/">
21− Media
22− </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>
6+ <nav class="mt6">
7+ <a class="gray3" href="{{config.base_url}}">Urbit</a>
8+ <span class="gray3"> / </span>
9+ <a href="{{config.base_url}}/posts/{{term.name | lower}}">
10+ {{ term.name }}
11+ </a>
3012 </nav>
31− </div>
32− <div>
33− <article>
34− <h1>{{ term.name }}</h1>
35− <ul>
13+ <article class="mt6 mb6 post-list">
14+ <h1 class="fw-regular mt8 mb8">{{ term.name }}</h1>
15+ <ul class="posts">
3616 {% for page in term.pages %}
37− <li>
38− <span>&#126;{{ page.date | date(format="%Y.%m.%d") }}</span>
39− <span>
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>
20+ <span class="mono f5">&#126;{{ page.date | date(format="%Y.%m.%d") }}</span>
21+ <span class="mono f5">
4022 {% if page.taxonomies.posts %}
4123 {% for post in page.taxonomies.posts %}
42− <a href="{{ get_taxonomy_url(kind="posts", name=post | safe) }}">
43− {{ post }}
24+ <a class="mono f5" href="{{ get_taxonomy_url(kind="posts", name=post | safe) }}">
25+ {{ post | lower }}
4426 </a>
4527 {% endfor %}
4628 {% endif %}
29+ {% if page.extra.ship %}<span class="mono f5 ml2">{{ page.extra.ship }}</span> {% endif %}
4730 </span>
48− <h2><a href="{{ page.permalink }}">{{ page.title }}</a></h2>
49− <p>{{ page.description }}</p>
5031 </li>
5132 {% endfor %}
5233 </ul>
5334 </article>
54− </div>
55− </div>
56−</div>
5735{% endblock content %}