From 1ac073cc30a23b68371e819c77422b4906dd4f20 Mon Sep 17 00:00:00 2001
From: Mitja Felicijan <mitja.felicijan@gmail.com>
Date: Tue, 20 Dec 2022 20:33:57 +0100
Subject: Move to bare theme.

---
 themes/bare/layouts/partials/comments.html      | 21 ++++++++
 themes/bare/layouts/partials/footer.html        | 54 +++++++++++++++++++++
 themes/bare/layouts/partials/head.html          | 31 ++++++++++++
 themes/bare/layouts/partials/navigation.html    | 16 +++++++
 themes/bare/layouts/partials/openring.html      | 64 +++++++++++++++++++++++++
 themes/bare/layouts/partials/read-more.html     | 16 +++++++
 themes/bare/layouts/partials/side-projects.html | 10 ++++
 7 files changed, 212 insertions(+)
 create mode 100755 themes/bare/layouts/partials/comments.html
 create mode 100755 themes/bare/layouts/partials/footer.html
 create mode 100755 themes/bare/layouts/partials/head.html
 create mode 100755 themes/bare/layouts/partials/navigation.html
 create mode 100755 themes/bare/layouts/partials/openring.html
 create mode 100644 themes/bare/layouts/partials/read-more.html
 create mode 100644 themes/bare/layouts/partials/side-projects.html

(limited to 'themes/bare/layouts/partials')

diff --git a/themes/bare/layouts/partials/comments.html b/themes/bare/layouts/partials/comments.html
new file mode 100755
index 0000000..b905967
--- /dev/null
+++ b/themes/bare/layouts/partials/comments.html
@@ -0,0 +1,21 @@
+<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>
diff --git a/themes/bare/layouts/partials/footer.html b/themes/bare/layouts/partials/footer.html
new file mode 100755
index 0000000..ced622d
--- /dev/null
+++ b/themes/bare/layouts/partials/footer.html
@@ -0,0 +1,54 @@
+<footer style="margin-top:20px">
+  <small>
+    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.
+  </small>
+</footer>
+
+<!-- Fathom - beautiful, simple website analytics -->
+<script src="https://cdn.usefathom.com/script.js" data-site="XHQARKXP" defer></script>
+
+{{ 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>
+{{ end }}
+
+{{ if ne .IsHome true }}
+<!-- Lazy loading of iframes -->
+<script>
+  window.addEventListener('load', () => {
+    const iframes = document.querySelectorAll('.ll-iframe');
+
+    if (iframes) {
+      iframes.forEach(iframe => {
+        iframe.addEventListener('click', (evt) => {
+          // If there are no elements yet in the target element add iframe.
+          if (!evt.target.dataset.alreadyLoaded) {
+            // Setting this element as already loaded so it doesn't
+            // attempt to load it again.
+            evt.target.dataset.alreadyLoaded = true;
+
+            // Clearing up all existing elements inside of the target one.
+            evt.target.innerHTML = '';
+            evt.target.classList.add('empty');
+            evt.target.classList.add('border-0');
+
+            // Creating iframe DOM element.
+            const iframeElement = document.createElement('iframe');
+            iframeElement.classList.add('w-full');
+            iframeElement.classList.add('h-full');
+            iframeElement.classList.add('rounded');
+            iframeElement.src = evt.target.dataset.src;
+
+            // Appending iframe as a child of current element.
+            evt.target.appendChild(iframeElement);
+          }
+        });
+      });
+    }
+  });
+</script>
+{{ end }}
diff --git a/themes/bare/layouts/partials/head.html b/themes/bare/layouts/partials/head.html
new file mode 100755
index 0000000..14ec02e
--- /dev/null
+++ b/themes/bare/layouts/partials/head.html
@@ -0,0 +1,31 @@
+<meta charset="UTF-8">
+<meta name="theme-color" content="#ffffff">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+<link rel="alternate" type="application/rss+xml" href="/index.xml" title="{{ .Site.Author.name }}">
+
+<style>
+body{padding:10px;line-height:1.3em;font-family:serif;}
+h1,h2,h3,h4,h5,h6{line-height:110%;}
+h1{font-size:190%}
+video,img{max-width:700px;}
+code{background:#ddd;white-space:nowrap;}
+pre code{background:transparent;white-space:pre;}
+pre{border:1px solid #000;padding:5px;overflow:auto;}
+table {border-collapse: collapse;border: 1px solid #000;}
+td,th {border:1px solid #000;padding:3px 10px;}
+@media only screen and (max-width: 740px){video,img{max-width:100%;}time{display:block!important}}
+</style>
+
+<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" />
+
+<title>{{ .Title }}</title>
+<meta name="description" content="{{ .Site.Params.description }}" />
+
+<meta property="og:type" content="article">
+<meta property="og:title" content="{{ .Title }}">
+<meta property="og:description" content="{{ if .Summary }}{{ .Summary }}{{ else }}{{ .Site.Params.Description }}{{ end }}">
+<meta property="og:url" content="https://mitjafelicijan.com/{{ .Params.url }}">
+<meta property="og:image" content="https://mitjafelicijan.com/general/og-big.jpg">
diff --git a/themes/bare/layouts/partials/navigation.html b/themes/bare/layouts/partials/navigation.html
new file mode 100755
index 0000000..5797b78
--- /dev/null
+++ b/themes/bare/layouts/partials/navigation.html
@@ -0,0 +1,16 @@
+<div style="margin-bottom:20px;">
+  <header style="display:flex;gap:10px;">
+    <div>
+      <a href="/" itemprop="url" style="color:firebrick">Mitja Felicijan</a>
+    </div>
+
+    <nav itemscope itemtype="http://schema.org/SiteNavigationElement" role="toolbar"  style="display:flex;gap:10px;">
+      <meta itemprop="name" content="Main Menu">
+
+      <a href="https://git.mitjafelicijan.com" target="_blank" rel="noopener nofollow" itemprop="url" style="color:darkgoldenrod">Git</a>
+      <a href="https://files.mitjafelicijan.com" target="_blank" rel="noopener nofollow" itemprop="url" style="color:dodgerblue">Files</a>
+      <a href="/curriculum-vitae.html" style="color:tomato">CV</a>
+      <a href="/index.xml" itemprop="url" style="color:teal">RSS</a>
+    </nav>
+  </header>
+</div>
diff --git a/themes/bare/layouts/partials/openring.html b/themes/bare/layouts/partials/openring.html
new file mode 100755
index 0000000..0407b34
--- /dev/null
+++ b/themes/bare/layouts/partials/openring.html
@@ -0,0 +1,64 @@
+<section class="mb-10">
+  <h2 class="text-2xl font-bold mb-6">Articles from blogs I follow around the net</h2>
+
+  <section>
+    
+    <article class="mb-6">
+      <a href="https://serokell.io/blog/haskell-in-production-e-bot7" target="_blank" rel="noopener" class="font-medium mb-1 hover:bg-yellow-100">Haskell in Production: e-bot7</a>
+      <p class="mb-1 text-sm text-gray-600">In this edition of our Haskell in Production series, we feature e-bot7 – a low-code conversational AI platform designed for customer service and support. Read the i…</p>
+      <div class="text-gray-500 font-medium text-xs">
+        Via <a href="https://serokell.io/blog" class="underline">Serokell Blog</a> on December 12, 2022
+      </div>
+    </article>
+    
+    <article class="mb-6">
+      <a href="https://danluu.com/elon-dave-chappelle/" target="_blank" rel="noopener" class="font-medium mb-1 hover:bg-yellow-100">Transcript of Elon Musk on stage with Dave Chapelle</a>
+      <p class="mb-1 text-sm text-gray-600">This is a transcription of videos Elon Musk&#39;s appearance on stage with Dave Chapelle using OpenAI&#39;s Whisper model with some manual error corrections and ann…</p>
+      <div class="text-gray-500 font-medium text-xs">
+        Via <a href="https://danluu.com/atom/index.xml" class="underline">danluu.com</a> on December 11, 2022
+      </div>
+    </article>
+    
+    <article class="mb-6">
+      <a href="https://www.jeffgeerling.com/blog/2022/1-million-watts-rf-how-fm-supertower-works" target="_blank" rel="noopener" class="font-medium mb-1 hover:bg-yellow-100">1 Million Watts of RF - how the FM Supertower works</a>
+      <p class="mb-1 text-sm text-gray-600">1 Million Watts of RF - how the FM Supertower works
+
+            As the son of a radio engineer, I&#39;ve seen my share of radio towers. From small, rural AM and FM t…</p>
+      <div class="text-gray-500 font-medium text-xs">
+        Via <a href="https://www.jeffgeerling.com/" class="underline">Jeff Geerling&#39;s Blog</a> on December 7, 2022
+      </div>
+    </article>
+    
+    <article class="mb-6">
+      <a href="https://drewdevault.com/2022/12/01/I-shall-toil-quietly.html" target="_blank" rel="noopener" class="font-medium mb-1 hover:bg-yellow-100">I shall toil at a reduced volume</a>
+      <p class="mb-1 text-sm text-gray-600">Over the last nine years I have written 300,000 words for this blog on the
+topics which are important to me. I am not certain that I have much left to say.
+I can keep…</p>
+      <div class="text-gray-500 font-medium text-xs">
+        Via <a href="https://drewdevault.com" class="underline">Drew DeVault&#39;s blog</a> on December 1, 2022
+      </div>
+    </article>
+    
+    <article class="mb-6">
+      <a href="https://mirzapandzo.com/posts/elasticbeanstalk-php-settings-and-the-frustratingly-confusing-guide-to-eb-deploy/" target="_blank" rel="noopener" class="font-medium mb-1 hover:bg-yellow-100">ElasticBeanstalk, PHP settings and the frustratingly confusing guide to eb deploy</a>
+      <p class="mb-1 text-sm text-gray-600">I&#39;ll be honest. I love using AWS. eb deploy is my go to command. The ElasticBeanstalk cloud ecosystem is amazing and I would find it hard to do my day job witho…</p>
+      <div class="text-gray-500 font-medium text-xs">
+        Via <a href="https://mirzapandzo.com/" class="underline">Mirza Pandzo</a> on November 1, 2022
+      </div>
+    </article>
+    
+    <article class="mb-6">
+      <a href="https://cronokirby.com/posts/2022/10/dkgs-in-groups/" target="_blank" rel="noopener" class="font-medium mb-1 hover:bg-yellow-100">DKGs in Groups</a>
+      <p class="mb-1 text-sm text-gray-600">This is a short post on distributed key generation (DKG)
+in the context of cryptographic groups, such as elliptic curves.</p>
+      <div class="text-gray-500 font-medium text-xs">
+        Via <a href="https://cronokirby.com/posts/" class="underline">Posts on Cronokirby&#39;s Blog</a> on October 9, 2022
+      </div>
+    </article>
+    
+  </section>
+
+  <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>
diff --git a/themes/bare/layouts/partials/read-more.html b/themes/bare/layouts/partials/read-more.html
new file mode 100644
index 0000000..d604bfc
--- /dev/null
+++ b/themes/bare/layouts/partials/read-more.html
@@ -0,0 +1,16 @@
+<section>
+  <h2 class="text-2xl font-bold mb-6">Read more from this site</h2>
+  <nav itemscope itemtype="https://schema.org/SiteNavigationElement" class="mb-12">
+    <meta itemprop="name" content="Article list">
+    <ul>
+      {{ $randomPosts := shuffle (where .Site.RegularPages "Type" "posts") | first 5 }}
+      {{ range $randomPosts }}
+      <li class="mb-6">
+        <time class="block text-gray-400 font-medium text-xs">{{ .Date.Format "Mon Jan 2, 2006" }}</time>
+        <a href="/{{ .Params.url }}" itemprop="url" class="hover:bg-yellow-100 font-medium">{{ .Title }}</a>
+        <p class="text-gray-600 text-sm">{{ .Summary }}</p>
+      </li>
+      {{ end }}
+    </ul>
+  </nav>
+</section>
diff --git a/themes/bare/layouts/partials/side-projects.html b/themes/bare/layouts/partials/side-projects.html
new file mode 100644
index 0000000..5cca9b6
--- /dev/null
+++ b/themes/bare/layouts/partials/side-projects.html
@@ -0,0 +1,10 @@
+<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>
+  </ul>
+</section>
-- 
cgit v1.2.3