From 7aea7e0135921bb6739d85069ce3b6174641010e Mon Sep 17 00:00:00 2001
From: ae <git@golfed.xyz>
Date: Mon, 9 Dec 2024 21:23:07 +0200
Subject: [PATCH] feat: lists & post templates

---
 .gitignore                   |   4 +-
 archetypes/default.md        |   2 +
 assets/css/style.css         |  84 ++++++++++++++++++++++++++++++++---
 layouts/_default/baseof.html |   3 --
 layouts/_default/single.html |  28 +++++++++++-
 layouts/index.html           |   6 +--
 layouts/partials/footer.html |   1 -
 static/favicon.ico           | Bin 15406 -> 0 bytes
 8 files changed, 113 insertions(+), 15 deletions(-)
 delete mode 100644 layouts/partials/footer.html
 delete mode 100644 static/favicon.ico

diff --git a/.gitignore b/.gitignore
index 802cbc7..3fdba42 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,5 +13,7 @@ hugo.linux
 # Temporary lock file while building
 /.hugo_build.lock
 
-# Configs (testing)
+# Configs, site contents (for testing)
 hugo.yaml
+content/
+static/
diff --git a/archetypes/default.md b/archetypes/default.md
index c6f3fce..2657284 100644
--- a/archetypes/default.md
+++ b/archetypes/default.md
@@ -2,4 +2,6 @@
 title = '{{ replace .File.ContentBaseName "-" " " | title }}'
 date = {{ .Date }}
 draft = true
+tags = []
+categories = []
 +++
diff --git a/assets/css/style.css b/assets/css/style.css
index 1c1f2cc..f12e139 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,5 +1,6 @@
 :root {
   --background: #0a0a0a;
+  --code: #222222;
   --highlight: #fdc500;
   --text: #a9d6e5;
 }
@@ -15,10 +16,12 @@ body {
     align-items: center;
     min-height: 100vh;
 }
+
 .main-content {
     max-width: 1000px;
     padding: 20px;
 }
+
 .ascii-art {
     white-space: pre;
     font-size: 14px;
@@ -27,20 +30,31 @@ body {
     color: var(--highlight);
     margin-bottom: 20px;
 }
+
 .links {
     text-align: center;
     margin-top: 20px;
 }
-.links a {
+
+a {
     color: var(--text);
     text-decoration: none;
-    margin: 0 10px;
     transition: color 0.3s ease;
-    display: inline-block;
 }
-.links a:hover {
+
+a:hover {
     color: var(--highlight);
 }
+
+.content a {
+  text-decoration: underline;
+}
+
+.links a {
+    margin: 0 10px;
+    display: inline-block;
+}
+
 .separator {
     content: "•";
     display: block;
@@ -48,9 +62,11 @@ body {
     margin: 15px auto;
     color: var(--highlight);
 }
+
 h1 {
     color: var(--highlight);
 }
+
 .date {
     font-style: italic;
     color: var(--highlight);
@@ -62,4 +78,62 @@ h1 {
   color: var(--text);
   margin-top: 20px;
   font-size: 1.2em;
-}
\ No newline at end of file
+}
+
+.content img {
+  display: block;
+  max-width: 80%;
+  max-height: 500px;
+  width: auto;
+  height: auto;
+  margin: 20px auto;
+  object-fit: contain;
+  object-position: center;
+}
+
+/* code snippets */
+.content pre {
+  padding: 1rem;
+  border-radius: 0.3rem;
+  line-height: 1.5;
+  overflow-x: auto;
+}
+
+.content code {
+  font-size: 0.8rem;
+}
+
+.content > p > code {
+  background-color: var(--code);
+  border-radius: 0.15rem;
+  padding: 0.02rem 0.2rem;
+  white-space: normal;
+  word-break: break-word;
+}
+
+.metadata {
+    margin-bottom: 20px;
+}
+
+.categories, .tags {
+    font-size: 0.9em;
+    color: var(--text);
+    opacity: 0.8;
+    margin: 5px 0;
+}
+
+.categories a, .tags a {
+    margin-right: 10px;
+    text-decoration: underline;
+}
+
+.content ul, 
+.content ol {
+    line-height: 1.3;
+    padding-left: 30px;
+}
+
+.content ul li, 
+.content ol li {
+    margin-bottom: 8px;
+}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 4b33ce4..d0fd924 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -7,8 +7,5 @@
   <main>
     {{ block "main" . }}{{ end }}
   </main>
-  <footer>
-    {{ partial "footer.html" . }}
-  </footer>
 </body>
 </html>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index df0cd75..a5fe558 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,7 +1,31 @@
 {{ define "main" }}
 <div class="main-content">
     <h1>{{ .Title }}</h1>
-    <p class="date">{{ .Date.Format "January 02, 2006" }}</p>
+    <div class="metadata">
+        <p class="date">{{ .Date.Format "January 02, 2006" }}</p>
+        
+        {{ with .Params.categories }}
+        <p class="categories">
+            Categories: 
+            {{ range . }}
+                <a href="{{ "/categories/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
+            {{ end }}
+        </p>
+        {{ end }}
+
+        {{ with .Params.tags }}
+        <p class="tags">
+            Tags: 
+            {{ $maxTags := 3 }}
+            {{ range first $maxTags . }}
+                <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
+            {{ end }}
+            {{ if gt (len .) $maxTags }}
+                ...
+            {{ end }}
+        </p>
+        {{ end }}
+    </div>
     
     {{ with .Params.originalPost }}
     <p><em>Originally posted on <a href="{{ .url }}">{{ .source }}</a></em></p>
@@ -11,4 +35,4 @@
         {{ .Content }}
     </div>
 </div>
-{{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index bde6861..08e9ac1 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -31,19 +31,19 @@
         </p>
         <div class="links">
             {{ range .Site.Params.services }}
-            <a href="{{ .url }}" title="{{ .name }}">{{ .name }}</a>
+            <a href="{{ .url }}" target="_blank" rel="noopener noreferrer" title="{{ .name }}">{{ .name }}</a>
             {{ end }}
         </div>
         <div class="separator">•••</div>
         <div class="links">
             {{ range .Site.Params.contacts }}
-            <a href="{{ .url }}" title="{{ .display }}">{{ .name }}</a>
+            <a href="{{ .url }}" target="_blank" rel="noopener noreferrer" title="{{ .display }}">{{ .name }}</a>
             {{ end }}
         </div>
         <div class="separator">•••</div>
         <div class="links">
             {{ range .Site.Params.others }}
-            <a href="{{ .url }}" title="{{ .display }}">{{ .name }}</a>
+            <a href="{{ .url }}" target="_blank" rel="noopener noreferrer" title="{{ .display }}">{{ .name }}</a>
             {{ end }}
         </div>
     </div>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
deleted file mode 100644
index a7cd916..0000000
--- a/layouts/partials/footer.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>Copyright {{ now.Year }}. All rights reserved.</p>
diff --git a/static/favicon.ico b/static/favicon.ico
deleted file mode 100644
index 67f8b777851849527933b78b1f98bd564d8255d1..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 15406
zcmeI3%WEH16vro|f`O{FV5Nc>unpZA42Xe(zeP4Fn0Fu>#YKe(c41L;qszMJ-bXDi
z>L1W57+rSdLS5OG#!V^IKxvbj6n@gC#QOREdT$vg^US^Tf(#t)%-r+%o^#KA&hHll
zeL;V)Z(l$;7%c7yg4co|7#w``eB{|6_?CCW!=`>H2!44k2#&ym2ojIpQ{=j)r>9?;
zot^z+et!PXxw*M}BHinq>XMX<j*bq%^EJF%(8C1U5>Kboc`~d=&+uPNklCgSOc%pC
zkdxhQd};55Lm1#0hSD%6>D`)|ni^JI((I(w8QJADo{YL>VsSr%Ckg*U$-2s8+X=sG
z{FIYm*irl0d{!<LjiF?04j0W|Z2d2PrAPgT_nG}iJmK887;G8pzrEZr?YpcvTYoLD
zk5c2zAk=|0KDk~K6BAE?c>y{D{f@u4p-n@#^$z+5S`e?RJu8p?Lq>0x`@}vIu7kfT
z8Od5bMN4D{&~ch_$NgBcM#n%A`@~N^|ABlif3x_ci!t%#JQ&cWarai1&Z6~TkWOa9
z<VzS0pBKNQ7^OQY4)Cg<dy9G0cIa6)w&erZlxwB<9o5U2b2{7#)E|Oe^1LW+*?QbJ
zxjzdP)#1cX49+SB<KyE`6Z>w}_GQ!9UZ~o(wFidYcy6DoF0rq<<hQErhV1>yz2-5e
zTyl`ty!pUE-U+vC*KNN6@vklal>5+`8rxs}uh#LW?(tW105Q;7(Wx&Lm6uJ~)`e`X
z^RF;~r?T~jY{_Q$A_iJ-m%jcoHny$5gr&~)r;P=1C}sVP-puv4#i0EM{FfkKed1Em
zy4%`}me{Us{}sjpj#~DgVGO#rYen+cu9<pk2cETl(0y+%p<EDeRDSn4J_0%?(Wdkr
z$j3PeYT~Xw+Gsy}j>FI~=yTd>3AzfcLA`SnbFXu|pT#pXGc&>2(2!(N+83v|%y-!B
zH|JI#fb9Zw1NxWuxyA*<yJBQN#GhBCvrNoZH)Gff*g6N@gcRRgm{a&R@k3+iIsACZ
z+VNcy?*p{`N$jkrU~%<j0~?>n7Wlp875YYr(Gs{zKTE)l_AX1<e8Wc@pyyrmtwOo;
z+qHdU3tFQs-ruPYBO@bEAg}&;*A<V0{6E5wcK)5@A9C-3ebvFXYhUQe3xj+}!Ws9T
zao{*|-MX=d?5iDe<&ydh*#8R2dWoZ}J}|ABKAku&jg5^x1E0p3oqS&^)lYD#Pyd7u
z8e3y8>Q6wmo%>|9k+6aP<2dk>lant}U*_E8rG3D-5uK;;yPx-8W%=Kfda!;c%(fl0
ze&XHrrr^uM0oGf>Z1DFnHhqLl>1%^5TzTuk|3H|*ul4(0o-gE;Z3>^kyq|VB2&R>$
z;3|M)g|TQza{|6pwl*t(FLk^UW^(9F%1?ditXdD)PeI>TZP%AQuxqb<#h1RS^?+T!
z8Ck2^t}lCF{~KLC_TZ^~%@^LN9`I|g*;@RHecST~{FkHc(w1kiUj^&=w&0Dy`6E8G
zdj4Yla1<Zfx_&sO^&9wa#I#K<V`5$$!p!>TF#N4vKWh(zA3A5dm)G|O@NEjS_AkOu
zAJA`duQdQy-kiND%)+h<+}gi?*&_V<{_uGJE+6<V@jUPDw7`dTjXA;`y~wFW@HcrM
ze;<q|qqyyJ3(gPqT_f@QP<~LaZ!L|R55Tla-n?#OomRs47J0PMl)eD=yI?w=hB;bC
zp0)P-g?!<g%^vwsXFCx0t}y6ZRy4kOpXm>8oBmMcH-Rl|t`yCgB%e&5Zsqq=>yyS-
z+H#S&ls3nqdmTC<Th^}cQu8!6wAQ#r>0`~O|AJhXPJKi1jW<po*jxMiji^8PvX_2#
xkUnyh{Q8XN^ThHpbO-AFj@jH_q5cQ)@SC%aWF(8e#P5kwTf5J@5%3*>{{U!5hztM#