up

assets/css/compiled/main.css

@@ -1,4 +1,4 @@
-/*! Congo v2.7.6 | MIT License | https://github.com/jpanther/congo */
+/*! Congo v2.9.0 | MIT License | https://github.com/jpanther/congo */
 
 /*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */
 
@@ -1115,6 +1115,12 @@ body:has(#menu-controller:checked) {
 
 /* Table of Contents */
 
+.toc {
+  max-height: 100vh;
+  overflow-y: auto;
+  padding-bottom: 50px;
+}
+
 .toc ul,
 .toc li {
   list-style-type: none;
@@ -1210,6 +1216,33 @@ body:has(#menu-controller:checked) {
   opacity: 0.05;
 }
 
+/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
+
+.katex-display {
+  overflow: auto hidden;
+}
+
+/* Fix long tables breaking out of article on mobile */
+
+table {
+  display: block;
+  overflow: auto;
+}
+
+@media (min-width: 768px) {
+  table {
+    display: table;
+  }
+}
+
+/* Fix long inline code sections breaking out of article on mobile */
+
+code {
+  word-wrap: break-word;
+  /* All browsers since IE 5.5+ */
+  overflow-wrap: break-word;
+}
+
 /* -- Chroma Highlight -- */
 
 /* Background */
@@ -1753,10 +1786,6 @@ body:has(#menu-controller:checked) {
   top: 5rem;
 }
 
-.top-8 {
-  top: 2rem;
-}
-
 .top-\[100vh\] {
   top: 100vh;
 }
@@ -1852,14 +1881,14 @@ body:has(#menu-controller:checked) {
   margin-top: -0.75rem;
 }
 
-.-mt-4 {
-  margin-top: -1rem;
-}
-
 .mb-1 {
   margin-bottom: 0.25rem;
 }
 
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
+
 .mb-12 {
   margin-bottom: 3rem;
 }
@@ -1989,22 +2018,14 @@ body:has(#menu-controller:checked) {
   height: 3rem;
 }
 
-.h-2 {
-  height: 0.5rem;
-}
-
-.h-24 {
-  height: 6rem;
-}
-
-.h-36 {
-  height: 9rem;
-}
-
 .h-8 {
   height: 2rem;
 }
 
+.h-auto {
+  height: auto;
+}
+
 .h-full {
   height: 100%;
 }
@@ -2144,6 +2165,10 @@ body:has(#menu-controller:checked) {
   align-items: flex-start;
 }
 
+.items-end {
+  align-items: flex-end;
+}
+
 .items-center {
   align-items: center;
 }
@@ -2981,6 +3006,11 @@ body:has(#menu-controller:checked) {
   visibility: visible;
 }
 
+.group:hover .group-hover\:-translate-x-\[-2px\] {
+  --tw-translate-x: 2px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .group:hover .group-hover\:-translate-x-\[2px\] {
   --tw-translate-x: -2px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

config/_default/config.toml

@@ -21,16 +21,5 @@ ignoreFiles = ['_data/*']
 [outputs]
 home = ["HTML", "RSS", "JSON"]
 
-[author]
-name = "Adrien Beaudouin"
-image = "author.jpg"
-bio = "A senior web developer @janze"
-links = [
-  { email = "mailto:adrien@okami101.io" },
-  { github = "https://github.com/adr1enbe4udou1n" },
-  { linkedin = "https://linkedin.com/in/adr1enbe4udou1n" },
-  { twitter = "https://twitter.com/adr1enbe4udou1n" },
-]
-
 [permalinks]
 posts = "/:year/:month/:title/"

config/_default/params.toml

@@ -61,3 +61,14 @@ excludedKinds = ["taxonomy", "term"]
 # bing = ""
 # pinterest = ""
 # yandex = ""
+
+[author]
+name = "Adrien Beaudouin"
+image = "author.jpg"
+bio = "A senior web developer @janze"
+links = [
+    { email = "mailto:adrien@okami101.io" },
+    { github = "https://github.com/adr1enbe4udou1n" },
+    { linkedin = "https://linkedin.com/in/adr1enbe4udou1n" },
+    { twitter = "https://twitter.com/adr1enbe4udou1n" },
+]

layouts/partials/footer.html

@@ -76,9 +76,6 @@
     <div class="flex items-center gap-4">
       <img src="/kube.png" width="30" height="30" alt="Kubernetes"
         title="Run on K3s over Hetzner Cloud" />
-      <a href="https://concourse.okami101.io/teams/main/pipelines/okami-blog" target="_blank">
-        <img src="https://concourse.okami101.io/api/v1/teams/main/pipelines/okami-blog/badge" alt="build" />
-      </a>
     </div>
     <div class="hidden lg:block">
       {{/* Copyright */}}
@@ -89,7 +86,7 @@
           {{- else }}
             &copy;
             {{ now.Format "2006" }}
-            {{ .Site.Author.name | markdownify | emojify }}
+            {{ .Site.Params.Author.name | markdownify | emojify }}
           {{- end }}
         </p>
       {{ end }}

layouts/partials/home/profile.html

@@ -6,9 +6,9 @@
 >
   <header class="flex flex-col items-center mb-3">
     <h1 class="text-4xl font-extrabold">
-      {{ .Site.Author.name | default .Site.Title }}
+      {{ .Site.Params.Author.name | default .Site.Title }}
     </h1>
-    {{ with .Site.Author.headline }}
+    {{ with .Site.Params.Author.headline }}
       <h2 class="text-xl text-neutral-500 dark:text-neutral-400">
         {{ . | markdownify | emojify }}
       </h2>