aboutsummaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorMitja Felicijan <mitja.felicijan@gmail.com>2025-04-09 08:11:05 +0200
committerMitja Felicijan <mitja.felicijan@gmail.com>2025-04-09 08:11:05 +0200
commitcd360009270a0a9b0501ed73fe327be84824ca29 (patch)
treeff438b4a229227a934fd5e05785bcd3d2aac7a27 /templates
parent7492a206dedf44ecb8ab64981f8d0ab40bcd9ead (diff)
downloadmitjafelicijan.com-cd360009270a0a9b0501ed73fe327be84824ca29.tar.gz
Style update
Diffstat (limited to 'templates')
-rw-r--r--templates/base.html126
-rw-r--r--templates/index.html94
-rw-r--r--templates/note.html49
-rw-r--r--templates/post.html50
4 files changed, 191 insertions, 128 deletions
diff --git a/templates/base.html b/templates/base.html
index 4fe5df3..956241a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,7 +11,60 @@
11 <link href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL69vf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv76+/8LBwQkAAAAAAAAAAAAAAAC+vb3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL+9vf/Bv78JAAAAAAAAAAAAAAAAu7q6/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC7ubr/vr29CAAAAAAAAAAAy8nJAZ6foP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnqGj/6GipAoAAAAAHLjU/xcXHf/BwsL/I8XY/yPK3v8XGiD/IbjL/yPF2f8XGiD/Fxkf/yLF2f8gnK3/Fxog/62ztv8fwNf/FRcd/x271v8mz93/GRsi/xkXHf8p097/GiIp/xobIv8p0t3/KdPe/xocIv8fYmr/KNPe/xoZH/8aHCL/J87c/xy81/8VFxz/IsPZ/8zS0/8XGiD/Ir/R/yPH2/8XGiD/Fxkf/yPH2/8dd4T/GBog/yPJ3f8jyNr/uru9/xcUGv8cudb/EhITDKi5vRKlvMP/RUpOERwcHRAdOj4QHTk8EBwdHRAdNTgQHTo/EBwcHRAcHB0QSGduEKW4vf+koqQfHzg+EBqz0ewSFRv7EyMr/xq51vsTERb7ExUb+xq41fsau9j7ExUb+xiPp/sZudb7ExUb+xMVG/sZuNX/GKvI/BIUGfMdvdn/IrfL/xcaIP8n1eb/J9Dh/xkcIf8ZGR7/J8/f/xxCSv8ZGyH/J9Dg/ybQ4P8ZHCL/FSQs/yPK3/8UExj/GE1b/ybS5P8ZGB7/Ghwj/ynW5P8p2Ob/Ghwi/yWrtv8p1eH/Ghwi/xocIv8p1uT/J8XT/xkcIv8m1un/Hb7d/xUYH/8hzOr/HtHu/xcaIf8XGB//I8vi/xgxOv8XGSD/I8rg/yPK4P8XGiD/GUFL/yPP6f8SERj/Fhkh/x3A4f8AAAAAJ2f9/ydr//8mZPH/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlYu38J2v//ydo/f8AAAAAAAAAAAd8/fkFqf//Iob8sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMY39awWr//8FfP3/AAAAAAAAAAAFm/7/SfD//wR+/f8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOB/f9B7v//BaX+/wAAAAAAAAAAQ878SAyZ/v9n1v4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADu9v8DDJb+/z3N/XgAAAAA3/sAAN/7AADf+wAA3/sAAAAAAAAAAAAAAAAAAN/7AAAAAAAAAAAAAAAAAAAAAAAAj/EAAI/5AACP8QAA3/sAAA==" rel="icon" type="image/x-icon" /> 11 <link href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL69vf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv76+/8LBwQkAAAAAAAAAAAAAAAC+vb3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL+9vf/Bv78JAAAAAAAAAAAAAAAAu7q6/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC7ubr/vr29CAAAAAAAAAAAy8nJAZ6foP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnqGj/6GipAoAAAAAHLjU/xcXHf/BwsL/I8XY/yPK3v8XGiD/IbjL/yPF2f8XGiD/Fxkf/yLF2f8gnK3/Fxog/62ztv8fwNf/FRcd/x271v8mz93/GRsi/xkXHf8p097/GiIp/xobIv8p0t3/KdPe/xocIv8fYmr/KNPe/xoZH/8aHCL/J87c/xy81/8VFxz/IsPZ/8zS0/8XGiD/Ir/R/yPH2/8XGiD/Fxkf/yPH2/8dd4T/GBog/yPJ3f8jyNr/uru9/xcUGv8cudb/EhITDKi5vRKlvMP/RUpOERwcHRAdOj4QHTk8EBwdHRAdNTgQHTo/EBwcHRAcHB0QSGduEKW4vf+koqQfHzg+EBqz0ewSFRv7EyMr/xq51vsTERb7ExUb+xq41fsau9j7ExUb+xiPp/sZudb7ExUb+xMVG/sZuNX/GKvI/BIUGfMdvdn/IrfL/xcaIP8n1eb/J9Dh/xkcIf8ZGR7/J8/f/xxCSv8ZGyH/J9Dg/ybQ4P8ZHCL/FSQs/yPK3/8UExj/GE1b/ybS5P8ZGB7/Ghwj/ynW5P8p2Ob/Ghwi/yWrtv8p1eH/Ghwi/xocIv8p1uT/J8XT/xkcIv8m1un/Hb7d/xUYH/8hzOr/HtHu/xcaIf8XGB//I8vi/xgxOv8XGSD/I8rg/yPK4P8XGiD/GUFL/yPP6f8SERj/Fhkh/x3A4f8AAAAAJ2f9/ydr//8mZPH/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlYu38J2v//ydo/f8AAAAAAAAAAAd8/fkFqf//Iob8sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMY39awWr//8FfP3/AAAAAAAAAAAFm/7/SfD//wR+/f8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOB/f9B7v//BaX+/wAAAAAAAAAAQ878SAyZ/v9n1v4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADu9v8DDJb+/z3N/XgAAAAA3/sAAN/7AADf+wAA3/sAAAAAAAAAAAAAAAAAAN/7AAAAAAAAAAAAAAAAAAAAAAAAj/EAAI/5AACP8QAA3/sAAA==" rel="icon" type="image/x-icon" />
12 12
13 <style> 13 <style>
14 html { scroll-padding: 2rem; font-family: sans-serif; } 14 :root {
15 --first-child-width: 150px;
16 --primary-color: gainsboro;
17 --secondary-color: #555;
18 --tertiary-color: #eee;
19 --code-color: #f9f9f9;
20 --border-width: 1px;
21 --header-border-width: 2px;
22 }
23
24 * { box-sizing: border-box; }
25
26 html { scroll-padding-top: 1.5em; }
27 body { font-family: sans-serif; padding: 0 1em; line-height: 160%; display: flex; flex-direction: column; gap: 4em; }
28 table { width: 100%; border: var(--border-width) solid var(--primary-color); border-collapse: collapse; }
29 table thead { background: var(--primary-color); border: var(--border-width) solid var(--secondary-color); }
30 table td, table th { text-align: left; padding: 0.3em 0.5em; }
31 table tbody tr { border-bottom: var(--border-width) solid var(--primary-color); vertical-align: middle; }
32 table tr td:first-child { width: var(--first-child-width); }
33 table td.tags { display: flex; gap: 0.5em; justify-content: flex-end; align-items: center; }
34 table td.tags mark { padding: 0 0.4em; background: var(--primary-color); font-size: small; }
35
36 a { color: blue; text-decoration: none; }
37 a:hover { text-decoration: underline; }
38
39 header { border-bottom: var(--header-border-width) solid var(--secondary-color); padding: 0.5em 0; display: flex; }
40 header nav:first-child { display: flex; width: var(--first-child-width); }
41 header nav:last-child { display: flex; gap: 1.5em; }
42 header nav:last-child a { color: black; }
43
44 footer { color: gray; }
45 footer a { color: gray; text-decoration: underline; }
46
47 main { max-width: 840px; display: flex; gap: 2em; flex-direction: column; }
48 h1, h2, h3, h4 { font-size: initial; }
49 article h2, article h3, article h4 { margin-block-start: 2.5em; }
50 article h1 { font-size: 130%; line-height: 110%; }
51
52 img, video, audio { max-width: 100%; }
53 figure { display: flex; justify-content: center; margin: 2.5em 0; }
54 img, video { border: var(--border-width) solid var(--primary-color); padding: 0.5em; }
55 img.no-border, video.no-border { border: 0; padding: 0; }
56
57 pre { background: var(--code-color)!important; border: var(--border-width) solid var(--primary-color); text-wrap: wrap; padding: 1.0em; line-height: 170%; }
58 code { background: var(--code-color); padding: 0 0.2em; }
59 pre code { padding: 0; }
60
61 .capitalize { text-transform: capitalize; }
62
63 /* Hotfixes for strange behaviour. */
64 article iframe { margin: 0!important; }
65 pre code span { display: initial !important; }
66
67 /*html { scroll-padding: 2rem; font-family: sans-serif; }
15 body { display: grid; gap: 2em; grid-template-columns: 16em auto; max-width: 1200px; line-height: 130%; } 68 body { display: grid; gap: 2em; grid-template-columns: 16em auto; max-width: 1200px; line-height: 130%; }
16 h1, h2, h3, h4, h5, h6 { line-height: 120%; } 69 h1, h2, h3, h4, h5, h6 { line-height: 120%; }
17 a { color: blue; text-decoration: none; } 70 a { color: blue; text-decoration: none; }
@@ -33,66 +86,35 @@
33 .flow-three-column > ul { column-count: 1; } 86 .flow-three-column > ul { column-count: 1; }
34 .hide-on-mobile { display: none; } 87 .hide-on-mobile { display: none; }
35 } 88 }
36 /* Fixes embeds going to center. */
37 article iframe { margin: 0!important; } 89 article iframe { margin: 0!important; }
38 /* Fix desktop and mobile code when font sizes are all over the place. */ 90 pre code span { display: initial !important; }*/
39 pre code span { display: initial !important; }
40 </style> 91 </style>
41 <script defer src="https://app.tinyanalytics.io/pixel/isfRNEahfHiS2Ttp"></script> 92 <script defer src="https://app.tinyanalytics.io/pixel/isfRNEahfHiS2Ttp"></script>
42 </head> 93 </head>
43 94
44 <body> 95 <body>
45 <aside> 96 <header>
46 <div><img src="/assets/general/animation.gif"></div> 97 <nav>
47 <p>You do not learn by relaxing. You learn by violently assaulting your problem until it surrenders its mysteries to you.</p> 98 <span><strong>Navigation</strong></span>
48 <div> 99 </nav>
49 <strong>About</strong> 100 <nav>
50 <ul> 101 <span><a href="/">Home</a></span>
51 <li><a href="/">Home</a></li> 102 <span><a href="/projects.html">Projects</a></span>
52 <li><a href="/projects.html">Recent Projects</a></li> 103 <span><a href="https://github.com/mitjafelicijan/probe" target="_blank">Probe</a></span>
53 <li><a href="https://github.com/mitjafelicijan" target="_blank">Code on GitHub</a></li> 104 <span><a href="https://github.com/mitjafelicijan" target="_blank">Code</a></span>
54 <li><a href="https://github.com/mitjafelicijan/probe" target="_blank">Probe repository</a></li> 105 <span><a href="https://github.com/mitjafelicijan/dotfiles" target="_blank">Dotfiles</a></span>
55 <li class="hide-on-mobile"><a href="https://github.com/mitjafelicijan/dotfiles" target="_blank">My dotfiles</a></li> 106 <span><a href="/curriculum-vitae.html">CV</a></span>
56 <li><a href="/bookmarks.html">Bookmarks</a></li> 107 <span><a href="/feed.xml">RSS</a></span>
57 <li><a href="/curriculum-vitae.html">Curriculum Vitae</a></li> 108 </nav>
58 <li class="hide-on-mobile"><a href="/feed.xml">RSS Feed</a></li> 109 </header>
59 </ul>
60 </div>
61
62 <div class="hide-on-mobile">
63 <strong>Tools & Fun Stuff</strong>
64 <ul>
65 <li><a href="https://github.com/mitjafelicijan/oberon" target="_blank">OpenResty Template</a></li>
66 <li><a href="https://github.com/mitjafelicijan/newsbarge" target="_blank">Newsbarge RSS rader</a></li>
67 <li><a href="https://mitjafelicijan.github.io/gguf-list/" target="_blank">GGUF model list</a></li>
68 <li><a href="https://github.com/mitjafelicijan/godot-experiments" target="_blank">Godot experiments</a></li>
69 <li><a href="https://github.com/mitjafelicijan/blpconvert" target="_blank">BLP converter</a></li>
70 <li><a href="https://mitjafelicijan.github.io/symbols/" target="_blank">Symbol explorer</a></li>
71 <li><a href="https://mitjafelicijan.github.io/hextorgba/" target="_blank">HEX to RGBA</a></li>
72 <li><a href="https://mitjafelicijan.github.io/binary-visualization/" target="_blank">Binary visualizations</a></li>
73 <li><a href="https://mitjafelicijan.github.io/mapsofdoom/" target="_blank">Maps of Doom</a></li>
74 <li><a href="/assets/general/mitja-felicijan-hairytales.pdf" target="_blank">Hairy Tales</a></li>
75 </ul>
76 </div>
77 </aside>
78
79 <main> 110 <main>
80 <div> 111 {{ block "content" . }}{{ end }}
81 {{ block "content" . }}{{ end }}
82 </div>
83
84 <footer>
85 <hr>
86 <p><big><strong>Want to comment or have something to add?</strong></big></p>
87 <p>You can write me an email at <a href="mailto:mitja.felicijan@gmail.com">mitja.felicijan@gmail.com</a> or catch up with me <a href="https://telegram.me/mitjafelicijan" target="_blank">on Telegram</a>.</p>
88 <hr>
89 <p><small>This page's is also available as <a href="/feed.xml" target="_blank">RSS feed</a>. Page was built with <a href="https://github.com/mitjafelicijan/jbmafp" target="_blank">jbmafp</a>.</small></p>
90 </footer>
91 </main> 112 </main>
92 113
93 <script> 114 <footer>
94 document.querySelectorAll("table").forEach(t => t.setAttribute("border", 1)); 115 <p>You can write me an email at <a href="mailto:mitja.felicijan@gmail.com">mitja.felicijan@gmail.com</a> or catch up with me <a href="https://telegram.me/mitjafelicijan" target="_blank">on Telegram</a>.</p>
95 </script> 116 <p>This page's is also available as <a href="/feed.xml" target="_blank">RSS feed</a>. Page was built with <a href="https://github.com/mitjafelicijan/jbmafp" target="_blank">jbmafp</a>.</p>
117 </footer>
96 </body> 118 </body>
97</html> 119</html>
98 120
diff --git a/templates/index.html b/templates/index.html
index ec29351..ce656ff 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,45 +1,67 @@
1{{ template "base.html" . }} 1{{ template "base.html" . }}
2 2
3{{ define "content" }} 3{{ define "content" }}
4<div>
5 <h2>Visualizations and exploration of binary files</h2>
6 <a href="https://mitjafelicijan.github.io/binary-visualization/" target="_blank">
7 <img src="/assets/general/trigraphs.gif">
8 </a>
9</div>
10 4
11<section class="flow-two-column"> 5<section>
12 <h1>Notes, post and other stuff</h1> 6 <h2>Notes</h2>
13 <ul itemscope itemtype="https://schema.org/SiteNavigationElement" role="list"> 7 <table>
14 {{ range .Pages }} 8 <thead>
15 {{ if and (not .Draft) (or (eq .Type "note") (eq .Type "post")) }} 9 <tr>
16 <li> 10 <th>Date</th>
17 {{ if .Meta.tags }} 11 <th>Title</th>
18 <div class="tags"> 12 <th></th>
19 {{ range .Meta.tags }}<mark>{{ . }}</mark>{{ end }} 13 </tr>
20 </div> 14 </thead>
15 <tbody>
16 {{ range .Pages }}
17 {{ if and (not .Draft) (eq .Type "note") }}
18 <tr>
19 <td><time datetime="{{ .Created.Format "2006-01-02" }}">{{ .Created.Format "2006-01-02" }}</time></td>
20 <td><a href="{{ .RelPermalink }}">{{ .Title }}</a></td>
21 <td class="tags">
22 {{ if .Meta.tags }}
23 {{ range .Meta.tags }}<mark>{{ . }}</mark>{{ end }}
24 {{ end }}
25 </td>
26 </tr>
21 {{ end }} 27 {{ end }}
22 <a href="{{ .RelPermalink }}">{{ .Title }}</a>
23 </li>
24 {{ end }} 28 {{ end }}
25 {{ end }} 29 </tbody>
26 </ul> 30 </table>
27</section> 31</section>
28 32
29<div> 33<section>
30 <h2>Small side projects I work/worked on</h2> 34 <h2>Posts</h2>
31 <ul itemscope itemtype="https://schema.org/SiteNavigationElement" role="list" aria-label="Side projects"> 35 <table>
32 <meta itemprop="name" content="Side projects"> 36 <thead>
33 <li role="listitem"><a href="https://github.com/mitjafelicijan/makext" target="_blank">makext</a> — QOL Extensions for GNU Make</li> 37 <tr>
34 <li role="listitem"><a href="https://github.com/mitjafelicijan/binary-visualization" target="_blank">binary-visualization</a> — Visualizations and exploration of binary files</li> 38 <th>Date</th>
35 <li role="listitem"><a href="https://github.com/mitjafelicijan/p9tree" target="_blank">p9tree</a> — Tree utility for 9front/Plan9 operating systems</li> 39 <th>Title</th>
36 <li role="listitem"><a href="https://github.com/mitjafelicijan/i3blocks" target="_blank">i3blocks</a> — Minimal i3blocks indicators</li> 40 <th></th>
37 <li role="listitem"><a href="https://github.com/mitjafelicijan/cord.h" target="_blank">cord.h</a> — Small C library for handling strings</li> 41 </tr>
38 <li role="listitem"><a href="https://github.com/mitjafelicijan/mprogress" target="_blank">mprogress</a> — Tiny utility that displays progress bar in terminal</li> 42 </thead>
39 <li role="listitem"><a href="https://github.com/mitjafelicijan/qli" target="_blank">qli</a> — Quantum Lorem Ipsum generator for command line</li> 43 <tbody>
40 <li role="listitem"><a href="https://github.com/mitjafelicijan/journalctl-proxy" target="_blank">journalctl-proxy</a> — Exposes your systemd logs to web via web interface</li> 44 {{ range .Pages }}
41 <li role="listitem"><a href="https://github.com/mitjafelicijan/redis-marshal" target="_blank">redis-marshal</a> — Lightweight Redis UI tool</li> 45 {{ if and (not .Draft) (eq .Type "post") }}
42 <li role="listitem"><a href="https://github.com/mitjafelicijan/dna-encoding" target="_blank">dna-encoding</a> — Tools for encoding files to DNA sequences</li> 46 <tr>
43 </ul> 47 <td><time datetime="{{ .Created.Format "2006-01-02" }}">{{ .Created.Format "2006-01-02" }}</time></td>
44</div> 48 <td><a href="{{ .RelPermalink }}">{{ .Title }}</a></td>
49 <td class="tags">
50 {{ if .Meta.tags }}
51 {{ range .Meta.tags }}<mark>{{ . }}</mark>{{ end }}
52 {{ end }}
53 </td>
54 </tr>
55 {{ end }}
56 {{ end }}
57 </tbody>
58 </table>
59</section>
60
61<section>
62 <h2>Visualizations and exploration of binary files</h2>
63 <a href="https://mitjafelicijan.github.io/binary-visualization/" target="_blank">
64 <img src="/assets/general/trigraphs.gif" class="no-border">
65 </a>
66</section>
45{{ end }} 67{{ end }}
diff --git a/templates/note.html b/templates/note.html
index 62ac5f0..939fdfa 100644
--- a/templates/note.html
+++ b/templates/note.html
@@ -4,33 +4,42 @@
4{{ define "description" }}{{ .Page.Summary }}{{ end }} 4{{ define "description" }}{{ .Page.Summary }}{{ end }}
5 5
6{{ define "content" }} 6{{ define "content" }}
7
7<article> 8<article>
8 <hgroup> 9 <hgroup>
9 <h1>{{ .Page.Title }}</h1> 10 <h1>{{ .Page.Title }}</h1>
10 <p><cap>{{ .Page.Type }}</cap>, {{ .Page.Created.Format "Jan 2, 2006" }}, on <a href="{{ .Config.BaseURL }}">{{ .Config.Title }}'s blog</a></p> 11 <p><span class="capitalize">{{ .Page.Type }}</span>, {{ .Page.Created.Format "Jan 2, 2006" }}, on <a href="{{ .Config.BaseURL }}">{{ .Config.Title }}'s blog</a></p>
11 </hgroup> 12 </hgroup>
12 <div>{{ .Page.HTML }}</div> 13 {{ .Page.HTML }}
13</article> 14</article>
14 15
15<div> 16<section>
16 <br><hr> 17 <h2>Other notes</h2>
17 <p><big><strong>Other notes</strong></big></p> 18 <table>
18 <ul itemscope itemtype="https://schema.org/SiteNavigationElement" role="list" aria-label="Other notes"> 19 <thead>
19 <meta itemprop="name" content="Other notes"> 20 <tr>
20 {{ range .Pages | filterbytype "note" | random 15 }} 21 <th>Date</th>
21 {{ if not .Draft }} 22 <th>Title</th>
22 <li> 23 <th></th>
23 {{ if .Meta.tags }} 24 </tr>
24 <div class="tags"> 25 </thead>
25 {{ range .Meta.tags }}<mark>{{ . }}</mark>{{ end }} 26 <tbody>
26 </div> 27 {{ range .Pages | filterbytype "note" | random 15 }}
27 {{ end }} 28 {{ if not .Draft }}
28 <a href="{{ .RelPermalink }}">{{ .Title }}</a> 29 <tr>
29 </li> 30 <td><time datetime="{{ .Created.Format "2006-01-02" }}">{{ .Created.Format "2006-01-02" }}</time></td>
31 <td><a href="{{ .RelPermalink }}">{{ .Title }}</a></td>
32 <td class="tags">
33 {{ if .Meta.tags }}
34 {{ range .Meta.tags }}<mark>{{ . }}</mark>{{ end }}
35 {{ end }}
36 </td>
37 </tr>
38 {{ end }}
30 {{ end }} 39 {{ end }}
31 {{ end }} 40 </tbody>
32 </ul> 41 </table>
33</div> 42</section>
34 43
35{{ if .Page.Meta.mathjax }} 44{{ if .Page.Meta.mathjax }}
36 <script src="https://cdn.jsdelivr.net/npm/mathjax@3.0.1/es5/tex-mml-chtml.js" async></script> 45 <script src="https://cdn.jsdelivr.net/npm/mathjax@3.0.1/es5/tex-mml-chtml.js" async></script>
diff --git a/templates/post.html b/templates/post.html
index 4458e8f..297b18f 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -4,35 +4,45 @@
4{{ define "description" }}{{ .Page.Summary }}{{ end }} 4{{ define "description" }}{{ .Page.Summary }}{{ end }}
5 5
6{{ define "content" }} 6{{ define "content" }}
7
7<article> 8<article>
8 <hgroup> 9 <hgroup>
9 <h1>{{ .Page.Title }}</h1> 10 <h1>{{ .Page.Title }}</h1>
10 <p><cap>{{ .Page.Type }}</cap>, {{ .Page.Created.Format "Jan 2, 2006" }}, on <a href="{{ .Config.BaseURL }}">{{ .Config.Title }}'s blog</a></p> 11 <p><span class="capitalize">{{ .Page.Type }}</span>, {{ .Page.Created.Format "Jan 2, 2006" }}, on <a href="{{ .Config.BaseURL }}">{{ .Config.Title }}'s blog</a></p>
11 </hgroup> 12 </hgroup>
12 <div>{{ .Page.HTML }}</div> 13 {{ .Page.HTML }}
13</article> 14</article>
14 15
15<div> 16<section>
16 <br><hr> 17 <h2>Other posts</h2>
17 <p><big><strong>Other posts</strong></big></p> 18 <table>
18 <ul itemscope itemtype="https://schema.org/SiteNavigationElement" role="list" aria-label="Other posts"> 19 <thead>
19 <meta itemprop="name" content="Other post"> 20 <tr>
20 {{ range .Pages | filterbytype "post" | random 15 }} 21 <th>Date</th>
21 {{ if not .Draft }} 22 <th>Title</th>
22 <li> 23 <th></th>
23 {{ if .Meta.tags }} 24 </tr>
24 <div class="tags"> 25 </thead>
25 {{ range .Meta.tags }}<mark>{{ . }}</mark>{{ end }} 26 <tbody>
26 </div> 27 {{ range .Pages | filterbytype "post" | random 15 }}
27 {{ end }} 28 {{ if not .Draft }}
28 <a href="{{ .RelPermalink }}">{{ .Title }}</a> 29 <tr>
29 </li> 30 <td><time datetime="{{ .Created.Format "2006-01-02" }}">{{ .Created.Format "2006-01-02" }}</time></td>
31 <td><a href="{{ .RelPermalink }}">{{ .Title }}</a></td>
32 <td class="tags">
33 {{ if .Meta.tags }}
34 {{ range .Meta.tags }}<mark>{{ . }}</mark>{{ end }}
35 {{ end }}
36 </td>
37 </tr>
38 {{ end }}
30 {{ end }} 39 {{ end }}
31 {{ end }} 40 </tbody>
32 </ul> 41 </table>
33</div> 42</section>
34 43
35{{ if .Page.Meta.mathjax }} 44{{ if .Page.Meta.mathjax }}
36 <script src="https://cdn.jsdelivr.net/npm/mathjax@3.0.1/es5/tex-mml-chtml.js" async></script> 45 <script src="https://cdn.jsdelivr.net/npm/mathjax@3.0.1/es5/tex-mml-chtml.js" async></script>
37{{ end }} 46{{ end }}
47
38{{ end }} 48{{ end }}
generated by cgit v1.2.3 (git 2.46.0) at 2026-04-30 19:10:55 +0000