the home site for me: also iteration 3 or 4 of my site
chore: give code blocks a title
+137
-138
+2
content/_index.md
+2
content/_index.md
+27
-4
static/css/style.css
+27
-4
static/css/style.css
···
99
99
float: left
100
100
}
101
101
102
-
/* shortcodes css */
103
-
.webring {
104
-
margin: .375rem;
105
-
}
102
+
pre {
103
+
border-top-left-radius: 0;
104
+
}
105
+
106
+
blockquote:has(+ pre) {
107
+
display: inline-block;
108
+
border: none;
109
+
font-family: "code" !important;
110
+
font-size: .8rem;
111
+
font-weight: 600;
112
+
margin: 0;
113
+
margin-bottom: 0.2rem;
114
+
margin-block: 0 0;
115
+
border-top-left-radius: 5px;
116
+
border-top-right-radius: 5px;
117
+
padding-left: .75rem;
118
+
padding-right: .75rem;
119
+
padding-top: .25rem;
120
+
padding-bottom: .25rem;
121
+
position: relative;
122
+
background-color: var(--accent);
123
+
}
124
+
125
+
blockquote:has(+ pre) p {
126
+
margin: 0;
127
+
color: var(--accent-text);
128
+
}
+78
-92
templates/head.html
+78
-92
templates/head.html
···
1
-
<meta charset="UTF-8">
2
-
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
3
-
<meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
4
-
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
5
-
<meta name="robots" content="index, follow">
6
-
{% if page.title %}
7
-
{% set title = page.title %}
8
-
{% elif section.title %}
9
-
{% set title = section.title %}
10
-
{% elif config.title %}
11
-
{% set title = config.title %}
12
-
{% endif %}
13
-
{% if page.extra.author %}
14
-
{% set author = page.extra.author %}
15
-
{% elif section.extra.author %}
16
-
{% set author = section.extra.author %}
17
-
{% elif config.extra.author %}
18
-
{% set author = config.extra.author %}
19
-
{% endif %}
20
-
{% if page.description %}
21
-
{% set description = page.description | truncate(length=150) %}
22
-
{% elif section.description %}
23
-
{% set description = section.description | truncate(length=150) %}
24
-
{% elif config.description %}
25
-
{% set description = config.description | truncate(length=150) %}
26
-
{% endif %}
27
-
{% if page.extra.image %}
28
-
{% set image = get_url(path=page.extra.image, trailing_slash=false) %}
29
-
{% elif section.extra.image %}
30
-
{% set image = get_url(path=section.extra.image, trailing_slash=false) %}
31
-
{% elif config.extra.favicon %}
32
-
{% set image = get_url(path=config.extra.favicon, trailing_slash=false) %}
33
-
{% endif %}
34
-
{% if page.permalink %}
35
-
{% set url = page.permalink %}
36
-
{% elif section.permalink %}
37
-
{% set url = section.permalink %}
38
-
{% elif config.base_url %}
39
-
{% set url = config.base_url %}
40
-
{% endif %}
41
-
{% if title %}
1
+
<meta charset="UTF-8" />
2
+
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
3
+
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
4
+
<meta
5
+
name="viewport"
6
+
content="width=device-width, initial-scale=1, user-scalable=no"
7
+
/>
8
+
<meta name="robots" content="index, follow" />
9
+
{% if page.title %} {% set title = page.title %} {% elif section.title %} {% set
10
+
title = section.title %} {% elif config.title %} {% set title = config.title %}
11
+
{% endif %} {% if page.extra.author %} {% set author = page.extra.author %} {%
12
+
elif section.extra.author %} {% set author = section.extra.author %} {% elif
13
+
config.extra.author %} {% set author = config.extra.author %} {% endif %} {% if
14
+
page.description %} {% set description = page.description | truncate(length=150)
15
+
%} {% elif section.description %} {% set description = section.description |
16
+
truncate(length=150) %} {% elif config.description %} {% set description =
17
+
config.description | truncate(length=150) %} {% endif %} {% if page.extra.image
18
+
%} {% set image = get_url(path=page.extra.image, trailing_slash=false) %} {%
19
+
elif section.extra.image %} {% set image = get_url(path=section.extra.image,
20
+
trailing_slash=false) %} {% elif config.extra.favicon %} {% set image =
21
+
get_url(path=config.extra.favicon, trailing_slash=false) %} {% endif %} {% if
22
+
page.permalink %} {% set url = page.permalink %} {% elif section.permalink %} {%
23
+
set url = section.permalink %} {% elif config.base_url %} {% set url =
24
+
config.base_url %} {% endif %} {% if title %}
42
25
<title>{{ title }}</title>
43
-
{% endif %}
44
-
{% block metatags %}
45
-
{% if title %}
46
-
<meta name="title" content="{{ title }}">
47
-
{% endif %}
48
-
{% if author %}
49
-
<meta name="author" content="{{ author }}">
50
-
{% endif %}
51
-
{% if description %}
52
-
<meta name="description" content="{{ description }}">
53
-
{% endif %}
54
-
<meta property="og:type" content="website">
55
-
<meta property="og:url" content="{{ url | safe }}">
56
-
{% if title %}
57
-
<meta property="og:site_name" content="{{ config.title }}">
26
+
{% endif %} {% block metatags %} {% if title %}
27
+
<meta name="title" content="{{ title }}" />
28
+
{% endif %} {% if author %}
29
+
<meta name="author" content="{{ author }}" />
30
+
{% endif %} {% if description %}
31
+
<meta name="description" content="{{ description }}" />
58
32
{% endif %}
33
+
<meta property="og:type" content="website" />
34
+
<meta property="og:url" content="{{ url | safe }}" />
59
35
{% if title %}
60
-
<meta property="og:title" content="{{ title }}">
61
-
{% endif %}
62
-
{% if description %}
63
-
<meta property="og:description" content="{{ description }}">
64
-
{% endif %}
65
-
{% if image %}
66
-
<meta property="og:image" content="{{ image }}">
67
-
{% endif %}
68
-
{% set twitter_card = config.extra.twitter_card | default(value=true) %}
69
-
{% if twitter_card != false %}
70
-
<meta property="twitter:card" content="summary_large_image">
71
-
<meta property="twitter:url" content="{{ url | safe }}">
36
+
<meta property="og:site_name" content="{{ config.title }}" />
37
+
{% endif %} {% if title %}
38
+
<meta property="og:title" content="{{ title }}" />
39
+
{% endif %} {% if description %}
40
+
<meta property="og:description" content="{{ description }}" />
41
+
{% endif %} {% if image %}
42
+
<meta property="og:image" content="{{ image }}" />
43
+
{% endif %} {% set twitter_card = config.extra.twitter_card |
44
+
default(value=true) %} {% if twitter_card != false %}
45
+
<meta property="twitter:card" content="summary_large_image" />
46
+
<meta property="twitter:url" content="{{ url | safe }}" />
72
47
{% if title %}
73
-
<meta property="twitter:title" content="{{ title }}">
74
-
{% endif %}
75
-
{% if description %}
76
-
<meta property="twitter:description" content="{{ description }}">
77
-
{% endif %}
48
+
<meta property="twitter:title" content="{{ title }}" />
49
+
{% endif %} {% if description %}
50
+
<meta property="twitter:description" content="{{ description }}" />
51
+
{% endif %} {% if image %}
52
+
<meta property="twitter:image" content="{{ image }}" />
53
+
{% endif %} {% endif %}
54
+
<link rel="canonical" href="{{ url | safe }}" />
78
55
{% if image %}
79
-
<meta property="twitter:image" content="{{ image }}">
80
-
{% endif %}
81
-
{% endif %}
82
-
<link rel="canonical" href="{{ url | safe }}">
83
-
{% if image %}
84
-
<link rel="shortcut icon" type="image/x-icon" href="{{ get_url(path=config.extra.favicon, trailing_slash=false) }}">
85
-
{% endif %}
86
-
{% endblock metatags %}
87
-
{% if config.generate_feeds %}
88
-
{% block feed %}
89
-
<link rel="alternate" type="application/atom+xml" title="RSS" href="{{ get_url(path="atom.xml", trailing_slash=false) }}">
90
-
{% endblock feed %}
91
-
{% endif %}
92
-
{% block css %}
93
-
<link rel="stylesheet" type="text/css" href="https://speyll.github.io/suCSS/reset-min.css"/>
94
-
<link rel="stylesheet" type="text/css" href="https://speyll.github.io/suCSS/suCSS-min.css"/>
95
-
<link rel="stylesheet" type="text/css" href="{{ get_url(path='css/style.css', trailing_slash=false) | safe }}"/>
56
+
<link
57
+
rel="shortcut icon"
58
+
type="image/x-icon"
59
+
href="{{ get_url(path=config.extra.favicon, trailing_slash=false) }}"
60
+
/>
61
+
{% endif %} {% endblock metatags %} {% if config.generate_feeds %} {% block feed
62
+
%} <link rel="alternate" type="application/atom+xml" title="RSS" href="{{
63
+
get_url(path="atom.xml", trailing_slash=false) }}"> {% endblock feed %} {% endif
64
+
%} {% block css %}
65
+
<link
66
+
rel="stylesheet"
67
+
type="text/css"
68
+
href="https://speyll.github.io/suCSS/reset-min.css"
69
+
/>
70
+
<link
71
+
rel="stylesheet"
72
+
type="text/css"
73
+
href="https://speyll.github.io/suCSS/suCSS-min.css"
74
+
/>
75
+
<link
76
+
rel="stylesheet"
77
+
type="text/css"
78
+
href="{{ get_url(path='css/style.css', trailing_slash=false) | safe }}"
79
+
/>
96
80
{% endblock css %}
97
-
<script src="{{ get_url(path='js/script.js', trailing_slash=false) | safe }}" defer></script>
98
-
81
+
<script
82
+
src="{{ get_url(path='js/script.js', trailing_slash=false) | safe }}"
83
+
defer
84
+
></script>
+13
-19
templates/index.html
+13
-19
templates/index.html
···
1
-
{% extends "base.html" %}
2
-
3
-
{% block content %}
4
-
{{ section.content | safe }}
5
-
6
-
{% if config.extra.list_pages %}
7
-
8
-
{% if paginator %}
9
-
{% set pages = paginator.pages %}
10
-
{% else %}
11
-
{% set pages = section.pages %}
12
-
{% endif %}
1
+
{% extends "base.html" %} {% block content %} {{ section.content | safe }} {% if
2
+
config.extra.list_pages %} {% if paginator %} {% set pages = paginator.pages %}
3
+
{% else %} {% set pages = section.pages %} {% endif %}
13
4
14
5
<ul class="titleList">
15
-
{% for page in pages %}
6
+
{% for page in pages %}
16
7
<li>
17
8
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
18
9
<br />
19
10
{{ page.description }}
20
11
</li>
21
-
{% endfor %}
12
+
{% endfor %}
22
13
</ul>
23
14
24
15
{% if paginator %}
25
-
<div class="metaData">{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a>   <a href="{{ paginator.previous }}"><</a>{% endif %}   {{ paginator.current_index }} / {{ paginator.number_pagers }}   {% if paginator.next %}<a href="{{ paginator.next }}">></a>   <a href="{{ paginator.last }}">⥸</a>{% endif %}</div>
26
-
{% endif %}
27
-
28
-
{% endif %}
29
-
{% endblock content %}
16
+
<div class="metaData">
17
+
{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a>  
18
+
<a href="{{ paginator.previous }}"><</a>{% endif %}   {{
19
+
paginator.current_index }} / {{ paginator.number_pagers }}   {% if
20
+
paginator.next %}<a href="{{ paginator.next }}">></a>  
21
+
<a href="{{ paginator.last }}">⥸</a>{% endif %}
22
+
</div>
23
+
{% endif %} {% endif %} {% endblock content %}
+17
-23
templates/page.html
+17
-23
templates/page.html
···
1
-
{% extends "base.html" %}
2
-
3
-
{% block content %}
1
+
{% extends "base.html" %} {% block content %}
4
2
<h1>{{ page.title }}</h1>
5
3
6
4
{% if page.toc and page.extra.toc %}
7
5
<h2>Table of contents</h2>
8
6
<ul>
9
-
{% for h1 in page.toc %}
7
+
{% for h1 in page.toc %}
10
8
<li>
11
-
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
12
-
{% if h1.children %}
9
+
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
10
+
{% if h1.children %}
13
11
<ul>
14
12
{% for h2 in h1.children %}
15
-
<li>
13
+
<li>
16
14
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
17
-
<ul>
15
+
<ul>
18
16
{% for h3 in h2.children %}
19
-
<li>
17
+
<li>
20
18
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
21
-
</li>
19
+
</li>
22
20
{% endfor %}
23
-
</ul>
24
-
</li>
21
+
</ul>
22
+
</li>
25
23
{% endfor %}
26
24
</ul>
27
-
{% endif %}
25
+
{% endif %}
28
26
</li>
29
-
{% endfor %}
27
+
{% endfor %}
30
28
</ul>
31
-
{% endif %}
32
-
33
-
{{ page.content | safe }}
29
+
{% endif %} {{ page.content | safe }}
34
30
35
31
<p class="tags-data">
36
-
{% if page.taxonomies.tags %}
37
-
{% for tag in page.taxonomies.tags %}
38
-
<a href="/tags/{{ tag | slugify }}">/{{ tag }}/</a>
39
-
{% endfor %}
40
-
{% endif %}
32
+
{% if page.taxonomies.tags %} {% for tag in page.taxonomies.tags %}
33
+
<a href="/tags/{{ tag | slugify }}">/{{ tag }}/</a>
34
+
{% endfor %} {% endif %}
41
35
</p>
42
-
{% endblock content %}
36
+
{% endblock content %}