A little app to serve my photography from my personal website
more blog layout stuff
Waiting for spindle ...
+35
-5
+1
src/views/blog/index/style.css
+1
src/views/blog/index/style.css
+29
-1
src/views/blog/show/style.css
+29
-1
src/views/blog/show/style.css
···
1
1
.blog__header {
2
-
border-bottom: solid var(--foreground) 3px;
2
+
border-bottom: solid var(--foreground) 2px;
3
+
}
4
+
5
+
.blog__title {
6
+
font-size: 26pt;
7
+
margin: 30px 0;
8
+
}
9
+
10
+
.blog__tags {
11
+
display: flex;
12
+
align-items: center;
13
+
gap: 10px;
14
+
padding: 10px 0;
15
+
}
16
+
17
+
.blog__tags-title {
18
+
font-size: 10pt;
19
+
text-transform: uppercase;
20
+
font-weight: 600;
21
+
}
22
+
23
+
.blog__tag-list {
24
+
display: flex;
25
+
gap: 5px;
26
+
margin: 0;
27
+
padding: 0;
28
+
list-style-type: none;
3
29
}
4
30
5
31
.blog__toc {
6
32
position: sticky;
7
33
top: 30px;
8
34
align-self: flex-start;
35
+
margin-top: 30px;
9
36
}
10
37
11
38
.blog__toc a {
···
30
57
31
58
.blog__body {
32
59
max-width: 620px;
60
+
width: 100%;
33
61
}
34
62
35
63
.blog__body pre {
+5
-4
src/views/blog/show/template.jinja
+5
-4
src/views/blog/show/template.jinja
···
11
11
{% block body %}
12
12
<div class="blog__layout">
13
13
<div class="blog__header">
14
-
<h2 class="blog__title">{{ post.title }}</h2>
15
-
<p>
14
+
<h1 class="blog__title">{{ post.title }}</h1>
15
+
<div>
16
+
<span class="blog__tags-title">Posted</span>
16
17
<time datetime="{{ post.published_at }}">{{ post.published_at }}</time>
17
-
</p>
18
+
</div>
18
19
<div class="blog__tags">
19
20
<span class="blog__tags-title">Filed Under</span>
20
21
<ul class="blog__tag-list">
21
22
{% for tag in post.tags %}
22
-
<li><a href="/blog?tag={{ tag }}">{{ tag }}</a></li>
23
+
<li><a class="tag" href="/blog?tag={{ tag }}">{{ tag }}</a></li>
23
24
{% endfor %}
24
25
</ul>
25
26
</div>