Move blog to Hugo

3 files changed, 207 insertions, 0 deletions

diff --git a/themes/simple/layouts/partials/footer.html b/themes/simple/layouts/partials/footer.html
new file mode 100644
index 0000000..6e7ec9c
--- /dev/null
+++ b/themes/simple/layouts/partials/footer.html
@@ -0,0 +1,14 @@
+<footer class="container-blog text-gray-400 text-sm mb-12">
+  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.
+</footer>
+
+<!-- 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>
+
+
+<!-- Fathom - beautiful, simple website analytics -->
+<script src="https://cdn.usefathom.com/script.js" data-site="XHQARKXP" defer></script>
diff --git a/themes/simple/layouts/partials/head.html b/themes/simple/layouts/partials/head.html
new file mode 100644
index 0000000..716b1f0
--- /dev/null
+++ b/themes/simple/layouts/partials/head.html
@@ -0,0 +1,175 @@
+<meta charset="UTF-8">
+<meta name="theme-color" content="#ffffff">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+<script src="https://cdn.tailwindcss.com"></script>
+
+<link rel="alternate" type="application/rss+xml" href="/index.xml">
+
+<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>
+
+
+<style>
+  .container-blog {
+    max-width: 600px;
+    margin: 0 auto;
+  }
+
+  ::selection {
+    background: rgb(255, 241, 177);
+    color: #000;
+  }
+
+  ::-moz-selection {
+    background: rgb(255, 241, 177);
+    color: #000;
+  }
+
+  article img {
+    max-width: 120%;
+    width: 120%;
+    position: relative;
+    left: -10%;
+    margin: 40px auto;
+    display: block;
+    border-radius: 5px;
+  }
+
+  article p {
+    display: block;
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+  }
+
+  article ol {
+    display: block;
+    list-style-type: decimal;
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    padding-inline-start: 40px;
+  }
+
+  article ol>li>ol {
+    margin-block-start: 0 !important;
+    margin-block-end: 0 !important;
+    padding-inline-start: 20px;
+  }
+
+  article ul {
+    display: block;
+    list-style-type: disc;
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    padding-inline-start: 40px;
+  }
+
+  article code {
+    font-family: monospace;
+    background: rgb(255, 241, 177);
+    border-radius: 5px;
+    padding: 2px 8px;
+    font-weight: 500;
+  }
+
+  article pre {
+    background: unset;
+    padding: unset;
+
+    overflow-x: auto;
+    background: #f8f8f8 !important;
+    padding: 15px 20px;
+    border-radius: 5px;
+
+    margin-block-start: 40px;
+    margin-block-end: 40px;
+  }
+
+  article pre>code {
+    background: unset;
+    padding: unset;
+    font-weight: 400;
+  }
+
+  article h2 {
+    font-size: 180%;
+    line-height: 1.2em;
+    font-weight: 700;
+    margin-block-start: 40px;
+    margin-block-end: 20px;
+  }
+
+  article h3 {
+    margin-block-start: 30px;
+    margin-block-end: 20px;
+    font-size: 160%;
+    line-height: 1.2em;
+    font-weight: 700;
+  }
+
+  table {
+    width: 100%;
+  }
+
+  table,
+  th,
+  td {
+    border: 1px solid black;
+    text-align: left;
+  }
+
+  th,
+  td {
+    padding: 5px 10px;
+  }
+
+  article blockquote {
+    margin-left: 40px;
+    position: relative;
+    margin-block-start: 30px;
+    margin-block-end: 30px;
+    margin-right: 0;
+  }
+
+  article blockquote:before {
+    content: ' ';
+    background-image: url('/general/alert-light.svg');
+    background-size: 30px 30px;
+    height: 30px;
+    width: 30px;
+    position: absolute;
+    left: -40px;
+    top: 6px;
+  }
+
+  article blockquote p {
+    padding-left: 10px;
+  }
+
+  article video {
+    max-width: 100%;
+    margin: 30px auto;
+    display: block;
+    border-radius: 5px;
+    background: #f8f8f8 !important;
+  }
+
+  article audio {
+    width: 100%;
+    outline: none;
+  }
+
+  article .katex-display {
+    margin-block-start: 40px;
+    margin-block-end: 40px;
+  }
+</style>
diff --git a/themes/simple/layouts/partials/header.html b/themes/simple/layouts/partials/header.html
new file mode 100644
index 0000000..e234615
--- /dev/null
+++ b/themes/simple/layouts/partials/header.html
@@ -0,0 +1,18 @@
+<div class="container-blog">
+  <header class="flex py-4 mt-4 mb-6">
+    <h3 class="flex-grow">
+      <a href="/" itemprop="url" class="text-xl font-bold hover:bg-yellow-200">Mitja Felicijan</a>
+    </h3>
+
+    <nav itemscope itemtype="http://schema.org/SiteNavigationElement" class="flex items-center gap-1">
+      <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-200">Git</a>
+      <a href="https://files.mitjafelicijan.com" target="_blank" rel="noopener nofollow" itemprop="url" class="font-medium px-2 hover:bg-yellow-200">Files</a>
+      <a href="/curriculum-vitae.html" class="font-medium px-2 hover:bg-yellow-200">CV</a>
+      <a href="/books.html" class="font-medium px-2 hover:bg-yellow-200">Books</a>
+
+      <a href="/index.xml" itemprop="url" class="font-medium px-2 hover:bg-yellow-200">RSS</a>
+    </nav>
+  </header>
+</div>