Add bootstrap, more shortcodes and initial dark mode

layouts/partials/footer.html

@@ -1,7 +1,7 @@
 <footer class="footer">
 	{{ partial "social.html" . }}
 
-    <p><a href="https://github.com/kimcc/hugo-theme-noteworthy" target="_blank" rel="noopener">{{ i18n "noteworthy_theme" }}</a></p>
+    <p><a href="https://git.ivayloivanov.eu/ivo/hugo-theme-noteworthy" target="_blank" rel="noopener">{{ i18n "noteworthy_theme" }}</a></p>
     <p><a href="https://gohugo.io" target="_blank" rel="noopener">{{ i18n "built_with_hugo" }}</a></p>
 
 	{{ $script := resources.Get "js/main.js" | minify | fingerprint -}}

layouts/partials/head.html

@@ -6,11 +6,11 @@
 
     <title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} | {{ .Site.Title }}{{ end }}</title>
     <!-- Icons -->
-    <link rel="apple-touch-icon" sizes="180x180" href="{{ "apple-touch-icon.png" | relURL }}">
-    <link rel="icon" type="image/png" sizes="32x32" href="{{ "favicon-32x32.png" | relURL }}">
-    <link rel="icon" type="image/png" sizes="16x16" href="{{ "favicon-16x16.png" | relURL }}">
-    <link rel="manifest" href="{{ "manifest.json" | relURL }}">
-    <link rel="mask-icon" href="{{ "safari-pinned-tab.svg" | relURL }}" color="#FF3DB4">
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ "/" | relURL }}favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ "/" | relURL }}favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ "/" | relURL }}favicon/favicon-16x16.png">
+    <link rel="manifest" href="{{ "/" | relURL }}favicon/manifest.json">
+    <link rel="mask-icon" href="{{ "/" | relURL }}favicon/safari-pinned-tab.svg" color="#FF3DB4">
     <meta name="theme-color" content="#ffffff">
 
     <!-- Styles -->
@@ -24,9 +24,14 @@
     <link rel="stylesheet" href="{{ $custom_style.Permalink }}"/> -->
 
     <!-- Modify the custom.css file inside static > css to use vanilla css -->
-    <!-- <link type="text/css" rel="stylesheet" href="{{ "/" | relURL }}css/custom.css"> -->
+    <link type="text/css" rel="stylesheet" href="{{ "/" | relURL }}css/custom.css">
 
-    {{ with site.Home.OutputFormats.Get "RSS" }}
+    <!-- Custom js -->
+    <script src="{{ "/" | relURL }}js/custom.js"></script>
+
+    <link rel="stylesheet" href="{{ "/" | relURL }}css/bootstrap.min.css">
+
+    {{ with .OutputFormats.Get "RSS" }}
     {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
     {{ end }}
     {{- if not hugo.IsServer -}}

layouts/partials/nav.html

@@ -1,11 +1,12 @@
 <!-- Sidebar navigation -->
 <nav>
-  {{ partial "header.html" . }}
-  <div class="nav-menu">
-  {{ range .Site.Menus.main }}
-    <a class="color-link nav-link" href="{{ .URL }}">{{ .Name }}</a>
-  {{ end }}
-  <a class="color-link nav-link" href="{{ .Permalink }}" target="_blank" rel="noopener" type="application/rss+xml">RSS</a>
-</div>
+    {{ partial "header.html" . }}
+    <div class="nav-menu">
+    {{ range .Site.Menus.main }}
+      <a class="color-link nav-link" href="{{ .URL | relLangURL }}">{{ .Name }}</a>
+    {{ end }}
+      <a class="color-link nav-link" href="{{ .Site.BaseURL }}/archive/">Archive</a>
+      <a class="color-link nav-link" href="{{ .Permalink }}" target="_blank" rel="noopener" type="application/rss+xml">RSS</a>
+    </div>
 {{ partial "footer.html" . }}
 </nav>

layouts/partials/tags.html

@@ -0,0 +1,5 @@
+<ul>
+  {{ range .Site.Taxonomies.tags }}
+    <li><a class="tag" href="{{ .Page.Permalink }}">{{ .Page.Title }}</a> {{ .Count }}</li>
+  {{ end }}
+</ul>

layouts/shortcodes/col.html

@@ -0,0 +1 @@
+<div class="col-{{ index .Params 0 }}">{{ .Inner }}</div>

layouts/shortcodes/container.html

@@ -0,0 +1 @@
+<div class="container">{{ .Inner }}</div>

layouts/shortcodes/fontawesome.html

@@ -0,0 +1,6 @@
+<span class="inline-svg" >
+    {{- $fname:=print "fontawesome/" ( .Get 0 ) ".svg" -}}
+    {{- $path:="<path" -}}
+    {{- $fill:="<path fill=\"currentColor\"" -}}
+    {{ replace (readFile $fname) $path $fill | safeHTML }}
+</span>

layouts/shortcodes/row.html

@@ -0,0 +1 @@
+<div class="row">{{ .Inner }}</div>

static/js/custom.js

@@ -0,0 +1,4 @@
+function toggleDarkMode() {
+  document.body.classList.toggle("dark-mode");
+}
+