9 files changed, 96 insertions, 168 deletions

diff --git a/themes/simple/layouts/_default/list.html b/themes/simple/layouts/_default/list.html
index 856abf4..8d72aed 100755
--- a/themes/simple/layouts/_default/list.html
+++ b/themes/simple/layouts/_default/list.html
@@ -9,7 +9,8 @@
     {{ range (where .Site.RegularPages "Section" "posts") }}
     <article class="mb-5" itemscope itemtype="http://schema.org/Article">
       <time class="block text-gray-400 font-medium text-xs">{{ .Date.Format "Monday Jan 2, 2006" }}</time>
-      <a href="/{{ .Params.url }}" itemprop="url" class="hover:bg-yellow-100" rel="bookmark noopener" aria-label="Opens URL">
+      <a href="/{{ .Params.url }}" itemprop="url" class="hover:bg-yellow-100" rel="bookmark noopener"
+        aria-label="Opens URL">
         {{ if .Params.draft }}
         <span class="bg-orange-600 text-white px-1.5">Draft</span>
         {{ end }}
@@ -30,4 +31,4 @@
   {{ partial "openring.html" . }}
 
 </main>
-{{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/simple/layouts/_default/single.html b/themes/simple/layouts/_default/single.html
index 81a7d58..ffa776f 100755
--- a/themes/simple/layouts/_default/single.html
+++ b/themes/simple/layouts/_default/single.html
@@ -4,14 +4,21 @@
   <!-- Single article -->
   <article itemtype="http://schema.org/Article" class="single mb-12">
     <header class="mb-6">
-      <h1 itemtype="headline" class="text-4xl font-extrabold mb-6 leading-1 md:leading-2">{{ .Title }}</h1>
+      <h1 itemtype="headline" class="text-4xl font-bold mb-4 leading-1 md:leading-2">{{ .Title }}</h1>
 
       {{ if in .Type "posts" }}
       <time class="text-gray-400 font-medium text-sm">Published on {{ .Date.Format "Monday Jan 2, 2006" }}</time>
       {{ end }}
     </header>
 
-    <div class="leading-relaxed">
+    <div>
+      {{ if ge (len .TableOfContents) 100 }}
+      <p class="font-semibold">Table of contents</p>
+      <div>{{ .TableOfContents }}</div>
+      {{ end }}
+    </div>
+
+    <div class="leading-relaxed content">
       {{.Content}}
     </div>
   </article>
@@ -46,4 +53,4 @@
   {{ end }}
 
 </main>
-{{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/simple/layouts/partials/comments.html b/themes/simple/layouts/partials/comments.html
index b905967..bd26145 100755
--- a/themes/simple/layouts/partials/comments.html
+++ b/themes/simple/layouts/partials/comments.html
@@ -1,21 +1,11 @@
 <section class="comments">
-  <h2 class="text-xl font-bold mb-2">Leave a comment</h2>
-  <p class="mb-4">You can write me an email at <a href="mailto:m@mitjafelicijan.com" class="underline hover:bg-yellow-100">m@mitjafelicijan.com</a> or comment bellow.</p>
-  <div id="comment-section"></div>
-
-  <script type="text/javascript" src="https://latest.cactus.chat/cactus.js"></script>
-
-  <script>
-    window.addEventListener('load', () => {
-      initComments({
-        node: document.getElementById("comment-section"),
-        defaultHomeserverUrl: "https://matrix.cactus.chat:8448",
-        serverName: "cactus.chat",
-        siteName: "mitjafelicijan.com",
-        commentSectionId: "{{ .File }}",
-        pageSize: 50,
-        updateInterval: 10,
-      });
-    });
-  </script>
-</section>
+  <h2 class="text-xl font-bold mb-2">Care to leave a comment?</h2>
+  <p class="mb-4">You can write me an email at
+    <a href="mailto:m@mitjafelicijan.com"
+      class="underline-offset-2 decoration-1 decoration-wavy underline hover:bg-yellow-100">m@mitjafelicijan.com</a>
+    or catch up with me
+    <a href="https://telegram.me/mitjafelicijan" target="_blank"
+      class="underline-offset-2 decoration-1 decoration-wavy underline hover:bg-yellow-100">on
+      Telegram</a>.
+  </p>
+</section>
\ No newline at end of file
diff --git a/themes/simple/layouts/partials/footer.html b/themes/simple/layouts/partials/footer.html
index 7383ae1..a0c745f 100755
--- a/themes/simple/layouts/partials/footer.html
+++ b/themes/simple/layouts/partials/footer.html
@@ -1,8 +1,12 @@
 <footer class="container-blog mx-auto px-6 md:p-0 text-gray-400 text-sm">
-  <p class="pb-12">
+  <hr class="border-2 border-gray-100 my-12">
+  <p class="pb-16">
     This website does not track you.
-    Content is made available under the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noreferrer" class="underline hover:text-gray-800">CC BY 4.0 license</a> unless specified otherwise.
-    Blog feed is available as <a href="/index.xml" target="_blank" class="underline hover:text-gray-800">RSS</a> feed.
+    Content is made available under the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank"
+      rel="noreferrer" class="underline-offset-2 decoration-1 decoration-wavy underline hover:text-gray-800">CC BY 4.0
+      license</a> unless specified otherwise.
+    Blog feed is available as <a href="/index.xml" target="_blank"
+      class="underline-offset-2 decoration-1 decoration-wavy underline hover:text-gray-800">RSS feed</a>.
   </p>
 </footer>
 
@@ -11,9 +15,13 @@
 
 {{ if ne .IsHome true }}
 <!-- KaTeX math library -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.css" integrity="sha384-RZU/ijkSsFbcmivfdRBQDtwuwVqK7GMOw6IMvKyeWL2K5UAlyp6WonmB8m7Jd0Hn" crossorigin="anonymous">
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.js" integrity="sha384-pK1WpvzWVBQiP0/GjnvRxV4mOb0oxFuyRxJlk6vVw146n3egcN5C925NCP7a7BY8" crossorigin="anonymous"></script>
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/contrib/auto-render.min.js" integrity="sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.css"
+  integrity="sha384-RZU/ijkSsFbcmivfdRBQDtwuwVqK7GMOw6IMvKyeWL2K5UAlyp6WonmB8m7Jd0Hn" crossorigin="anonymous">
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.js"
+  integrity="sha384-pK1WpvzWVBQiP0/GjnvRxV4mOb0oxFuyRxJlk6vVw146n3egcN5C925NCP7a7BY8" crossorigin="anonymous"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/contrib/auto-render.min.js"
+  integrity="sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl" crossorigin="anonymous"
+  onload="renderMathInElement(document.body);"></script>
 {{ end }}
 
 {{ if ne .IsHome true }}
@@ -51,4 +59,4 @@
     }
   });
 </script>
-{{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/simple/layouts/partials/navigation.html b/themes/simple/layouts/partials/navigation.html
index ba727c5..a463ade 100755
--- a/themes/simple/layouts/partials/navigation.html
+++ b/themes/simple/layouts/partials/navigation.html
@@ -1,16 +1,18 @@
 <div class="container-blog mx-auto px-6 md:p-0">
-  <header class="flex py-4 mt-4 mb-6 flex-col md:flex-row items-center ">
+  <header class="flex py-4 mt-4 mb-8 flex-col md:flex-row items-center ">
     <div class="flex-grow mb-2 md:mb-0">
-      <a href="/" itemprop="url" class="text-xl font-bold hover:bg-yellow-100">Mitja Felicijan</a>
+      <a href="/" itemprop="url" class="text-xl font-semibold hover:bg-yellow-100">Mitja Felicijan</a>
     </div>
 
     <nav itemscope itemtype="http://schema.org/SiteNavigationElement" class="flex items-center gap-1" role="toolbar">
       <meta itemprop="name" content="Main Menu">
 
-      <a href="https://git.mitjafelicijan.com" target="_blank" rel="noopener nofollow" itemprop="url" class="font-medium px-2 hover:bg-yellow-100">Git</a>
-      <a href="https://files.mitjafelicijan.com" target="_blank" rel="noopener nofollow" itemprop="url" class="font-medium px-2 hover:bg-yellow-100">Files</a>
+      <a href="https://git.mitjafelicijan.com" target="_blank" rel="noopener nofollow" itemprop="url"
+        class="font-medium px-2 hover:bg-yellow-100">Git</a>
+      <a href="https://files.mitjafelicijan.com" target="_blank" rel="noopener nofollow" itemprop="url"
+        class="font-medium px-2 hover:bg-yellow-100">Files</a>
       <a href="/curriculum-vitae.html" class="font-medium px-2 hover:bg-yellow-100">CV</a>
       <a href="/index.xml" itemprop="url" class="font-medium px-2 hover:bg-yellow-100 hidden md:block">RSS</a>
     </nav>
   </header>
-</div>
+</div>
\ No newline at end of file
diff --git a/themes/simple/layouts/partials/read-more.html b/themes/simple/layouts/partials/read-more.html
index d604bfc..a238017 100644
--- a/themes/simple/layouts/partials/read-more.html
+++ b/themes/simple/layouts/partials/read-more.html
@@ -13,4 +13,4 @@
       {{ end }}
     </ul>
   </nav>
-</section>
+</section>
\ No newline at end of file
diff --git a/themes/simple/layouts/partials/side-projects.html b/themes/simple/layouts/partials/side-projects.html
index 5cca9b6..f675803 100644
--- a/themes/simple/layouts/partials/side-projects.html
+++ b/themes/simple/layouts/partials/side-projects.html
@@ -1,10 +1,33 @@
 <section class="mb-12">
   <h2 class="text-2xl font-bold mb-6">Side projects I worked on</h2>
   <ul class="list-disc ml-6">
-    <li><a href="https://git.mitjafelicijan.com/journalctl-proxy.git/" target="_blank" rel="noopener nofollow" class="hover:bg-yellow-100">journalctl-proxy - Exposes your systemd logs to web via web interface</a></li>
-    <li><a href="https://git.mitjafelicijan.com/redis-marshal.git/" target="_blank" rel="noopener nofollow" class="hover:bg-yellow-100">redis-marshal - Lightweight Redis data exploration tool</a></li>
-    <li><a href="https://git.mitjafelicijan.com/dna-encoding.git/" target="_blank" rel="noopener nofollow" class="hover:bg-yellow-100">dna-encoding - Tools for encoding files to DNA sequence</a></li>
-    <li><a href="https://git.mitjafelicijan.com/vertex.git/" target="_blank" rel="noopener nofollow" class="hover:bg-yellow-100">vertex - Create mock API's and add basic logic to simplify prototyping</a></li>
-    <li><a href="https://git.mitjafelicijan.com/scarecrow.git/" target="_blank" rel="noopener nofollow" class="hover:bg-yellow-100">scarecrow - Minimal configuration reverse proxy</a></li>
+    <li>
+      <a href="https://git.mitjafelicijan.com/cord.h.git/" target="_blank" rel="noopener nofollow"
+        class="hover:bg-yellow-100">cord.h - Small C library for handling strings</a>
+    </li>
+    <li>
+      <a href="https://git.mitjafelicijan.com/mprogress.git/" target="_blank" rel="noopener nofollow"
+        class="hover:bg-yellow-100">mprogress - Tiny utility that displays progress bar in terminal</a>
+    </li>
+    <li>
+      <a href="https://git.mitjafelicijan.com/journalctl-proxy.git/" target="_blank" rel="noopener nofollow"
+        class="hover:bg-yellow-100">journalctl-proxy - Exposes your systemd logs to web via web interface</a>
+    </li>
+    <li>
+      <a href="https://git.mitjafelicijan.com/redis-marshal.git/" target="_blank" rel="noopener nofollow"
+        class="hover:bg-yellow-100">redis-marshal - Lightweight Redis data exploration tool</a>
+    </li>
+    <li>
+      <a href="https://git.mitjafelicijan.com/dna-encoding.git/" target="_blank" rel="noopener nofollow"
+        class="hover:bg-yellow-100">dna-encoding - Tools for encoding files to DNA sequence</a>
+    </li>
+    <li>
+      <a href="https://git.mitjafelicijan.com/vertex.git/" target="_blank" rel="noopener nofollow"
+        class="hover:bg-yellow-100">vertex - Create mock API's and add basic logic to simplify prototyping</a>
+    </li>
+    <li>
+      <a href="https://git.mitjafelicijan.com/scarecrow.git/" target="_blank" rel="noopener nofollow"
+        class="hover:bg-yellow-100">scarecrow - Minimal configuration reverse proxy</a>
+    </li>
   </ul>
-</section>
+</section>
\ No newline at end of file
diff --git a/themes/simple/openring/openring.html b/themes/simple/openring/openring.html
index bd9ac55..8bc92f5 100755
--- a/themes/simple/openring/openring.html
+++ b/themes/simple/openring/openring.html
@@ -7,7 +7,8 @@
       <a href="{{ .Link }}" target="_blank" rel="noopener" class="font-medium mb-1 hover:bg-yellow-100">{{ .Title }}</a>
       <p class="mb-1 text-sm text-gray-600">{{ .Summary }}</p>
       <div class="text-gray-500 font-medium text-xs">
-        Via <a href="{{ .SourceLink }}" class="underline">{{ .SourceTitle }}</a> on {{ .Date | datef "January 2, 2006" }}
+        Via <a href="{{ .SourceLink }}" class="underline">{{ .SourceTitle }}</a>
+        on {{ .Date | datef "January 2, 2006" }}
       </div>
     </article>
     {{ end }}
@@ -16,4 +17,4 @@
   <p class="text-sm text-gray-500">
     <a href="https://git.sr.ht/~sircmpwn/openring" class="no-underline hover:underline">Generated with openring.</a>
   </p>
-</section>
+</section>
\ No newline at end of file
diff --git a/themes/simple/static/css/tailwind.css b/themes/simple/static/css/tailwind.css
index edbb0ab..05b6492 100644
--- a/themes/simple/static/css/tailwind.css
+++ b/themes/simple/static/css/tailwind.css
@@ -20,7 +20,7 @@
 
 /* Headings */
 article.single h2 {
-  @apply text-2xl font-bold mb-4 mt-8;
+  @apply text-2xl font-bold mb-8 mt-8;
 }
 
 article.single h3 {
@@ -38,11 +38,11 @@ article.single p {
 
 /* Links */
 article.single a {
-  @apply underline hover:bg-yellow-100;
+  @apply underline-offset-2 decoration-1 decoration-wavy underline hover:bg-yellow-100;
 }
 
 /* Blockquote */
-article.single blockquote {
+article.single .content blockquote {
   background-image: url('/general/alert-light.svg');
   background-size: 30px 30px;
   background-repeat: no-repeat;
@@ -50,6 +50,10 @@ article.single blockquote {
   @apply pl-12 my-8;
 }
 
+article.single .content blockquote p {
+  @apply mb-2;
+}
+
 /* Media: Images, audio, video */
 article.single img {
   @apply rounded w-full !bg-gray-50 my-8;
@@ -90,13 +94,21 @@ article.single table th {
 }
 
 /* Unordered list */
-article.single ul {
+article.single .content ul {
   @apply list-disc pl-6 md:pl-10 mb-6;
 }
 
 /* Ordered list */
-article.single ol {
-  @apply list-decimal pl-8 md:pl-10;
+article.single .content ol {
+  @apply list-decimal pl-8 md:pl-10 mb-6;
+}
+
+/* Table of contents */
+article.single #TableOfContents {
+  @apply mb-10 ml-4 leading-relaxed;
+}
+article.single #TableOfContents ul {
+  @apply list-decimal pl-4 md:pl-6;
 }
 
 /* Katex */
@@ -117,119 +129,3 @@ article.single .ll-iframe::before {
 article.single .ll-iframe.empty::before {
   content: none;
 }
-
-/* Cactus Comments */
-.comments img {
-  max-width: auto !important;
-  max-width: unset !important;
-  max-width: inherit !important;
-}
-
-.cactus-container .cactus-editor-textarea {
-  @apply border w-full h-32 px-3 py-2 outline-none rounded mb-2;
-}
-
-.cactus-container .cactus-editor-name input {
-  @apply border w-full px-3 py-2 mb-2 outline-none rounded;
-}
-
-.cactus-container .cactus-editor-name {
-  @apply mb-1;
-}
-
-/* Cactus: Buttons */
-.cactus-editor-buttons {
-  @apply flex gap-2;
-}
-
-.cactus-container .cactus-button {
-  @apply text-base bg-gray-200 hover:bg-gray-300 font-medium px-6 py-2 rounded;
-}
-
-.cactus-container .cactus-editor {
-  @apply mb-10;
-}
-
-/* Cactus: Comment List */
-.cactus-container .cactus-comments-list {
-  @apply flex flex-col gap-8;
-}
-
-.cactus-container .cactus-comment {
-  @apply flex gap-4;
-}
-
-.cactus-container .cactus-comment .cactus-comment-avatar img {
-  @apply w-8 h-8 rounded-full;
-}
-
-.cactus-container .cactus-comment .cactus-comment-avatar-placeholder {
-  @apply w-8 h-8 rounded-full bg-gray-300;
-}
-
-.cactus-container .cactus-comment .cactus-comment-header {
-  @apply flex gap-2 items-center;
-}
-
-.cactus-container .cactus-comment .cactus-comment-header .cactus-comment-displayname {
-  @apply font-semibold;
-}
-
-.cactus-container .cactus-comment .cactus-comment-header .cactus-comment-time {
-  @apply text-gray-400 text-sm;
-}
-
-.cactus-container .cactus-comment .cactus-message-text code {
-  @apply bg-yellow-100 rounded px-2 py-1 text-xs font-medium;
-}
-
-/* Unordered list */
-.cactus-container .cactus-comment .cactus-message-text ul {
-  @apply list-disc pl-2 md:pl-6;
-}
-
-/* Ordered list */
-.cactus-container .cactus-comment .cactus-message-text ol {
-  @apply list-decimal pl-2 md:pl-6;
-}
-
-/* Cactus: Login */
-.cactus-container .cactus-login-form-wrapper {
-  @apply border mb-6 p-3 relative rounded;
-}
-
-.cactus-container .cactus-login-form .cactus-login-close {
-  @apply absolute right-3 top-3 w-4 h-4;
-}
-
-.cactus-container .cactus-login-form .cactus-login-title {
-  @apply font-bold mb-4 mt-0 pt-0;
-}
-
-/* Cactus: Login with a button */
-.cactus-container .cactus-login-form .cactus-login-client {
-  @apply mb-6;
-}
-
-.cactus-container .cactus-login-form .cactus-login-client-title {
-  @apply font-semibold mb-2;
-}
-
-/* Cactus: Login with credentials */
-.cactus-container .cactus-login-form .cactus-login-credentials {}
-
-.cactus-container .cactus-login-form .cactus-login-credentials-title {
-  @apply font-semibold mb-1;
-}
-
-.cactus-container .cactus-login-form .cactus-login-field {
-  @apply flex gap-4 mb-2 items-center;
-}
-
-.cactus-container .cactus-login-form .cactus-login-label {
-  @apply w-20;
-}
-
-.cactus-container .cactus-login-form input {
-  @apply border px-2 py-1 rounded;
-}