From c8ba8c42c7e9f48d4a4309d31496a83ce0a46594 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=B6kmen=20G=C3=B6rgen?= <gkmngrgn@gmail.com>
Date: Sun, 28 Jul 2019 18:20:51 +0200
Subject: dark mode support.

---
 .editorconfig                         |  5 +--
 README.md                             | 11 ++----
 layouts/_default/baseof.html          |  6 +--
 layouts/partials/footer.html          | 69 +++++------------------------------
 layouts/partials/footer_500px.html    |  7 ++++
 layouts/partials/footer_email.html    |  7 ++++
 layouts/partials/footer_facebook.html |  8 ++++
 layouts/partials/footer_github.html   |  7 ++++
 layouts/partials/footer_gitlab.html   |  7 ++++
 layouts/partials/footer_linkedin.html |  7 ++++
 layouts/partials/footer_mastodon.html |  8 ++++
 layouts/partials/footer_rss.html      |  7 ++++
 layouts/partials/footer_telegram.html | 10 +++++
 layouts/partials/footer_twitter.html  |  7 ++++
 static/css/highlight.css              |  7 ++++
 static/css/main.css                   | 29 ++++++++++++---
 static/img/500px.svg                  |  2 -
 static/img/email.svg                  |  1 -
 static/img/facebook.svg               | 51 --------------------------
 static/img/github.svg                 |  1 -
 static/img/gitlab.svg                 |  2 -
 static/img/linkedin.svg               |  1 -
 static/img/mastodon.svg               |  4 --
 static/img/rss.svg                    |  1 -
 static/img/telegram.svg               | 17 ---------
 static/img/twitter.svg                |  1 -
 26 files changed, 124 insertions(+), 159 deletions(-)
 create mode 100644 layouts/partials/footer_500px.html
 create mode 100644 layouts/partials/footer_email.html
 create mode 100644 layouts/partials/footer_facebook.html
 create mode 100644 layouts/partials/footer_github.html
 create mode 100644 layouts/partials/footer_gitlab.html
 create mode 100644 layouts/partials/footer_linkedin.html
 create mode 100644 layouts/partials/footer_mastodon.html
 create mode 100644 layouts/partials/footer_rss.html
 create mode 100644 layouts/partials/footer_telegram.html
 create mode 100644 layouts/partials/footer_twitter.html
 create mode 100644 static/css/highlight.css
 delete mode 100644 static/img/500px.svg
 delete mode 100644 static/img/email.svg
 delete mode 100644 static/img/facebook.svg
 delete mode 100644 static/img/github.svg
 delete mode 100644 static/img/gitlab.svg
 delete mode 100644 static/img/linkedin.svg
 delete mode 100644 static/img/mastodon.svg
 delete mode 100644 static/img/rss.svg
 delete mode 100644 static/img/telegram.svg
 delete mode 100644 static/img/twitter.svg

diff --git a/.editorconfig b/.editorconfig
index b203163..677e36e 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -3,10 +3,7 @@ root = true
 [*]
 charset = utf-8
 end_of_line = lf
-indent_size = 2
+indent_size = 4
 indent_style = space
 insert_final_newline = true
 trim_trailing_whitespace = true
-
-[*.{html,css}]
-indent_size = 4
diff --git a/README.md b/README.md
index 891eae3..baa9330 100644
--- a/README.md
+++ b/README.md
@@ -8,11 +8,6 @@ A [Cocoa Enhaced](https://github.com/mtn/cocoa-eh-hugo-theme) based theme. It's
          alt="Patreon donate button" />
 </a>
 
-<a href="https://www.buymeacoffee.com/gokmen" title="Buy me a coffee!">
-    <img src="https://img.shields.io/badge/buy%20me%20a%20coffee-%23FF813F.svg?longCache=true&style=for-the-badge"
-         alt="BMC donate button" />
-</a>
-
 Websites that are using hugo with alaGeek theme:
 
 * https://alageek.com
@@ -30,11 +25,13 @@ Websites that are using hugo with alaGeek theme:
 * LaTeX support with MathJax.
 * Possibility to add extra scripts with `footer_extra.html`.
 * Disqus support.
+* Dark-mode support.
 
 ## Supported Languages
 
 * English (Default)
 * Turkish
+* Catalan
 
 ## TODO
 
@@ -42,8 +39,8 @@ Websites that are using hugo with alaGeek theme:
 
 ## Dependency versions
 
-* bootstrap: 4.1.3
-* highlightjs: 9.12.0
+* bootstrap: 4.3.1
+* highlightjs: 9.15.8
 * jquery-slim: 3.3.1
 * mathjax: 2.7.5
 * progressively: 1.2.5
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 65fe992..70997c7 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -37,7 +37,7 @@
     <link rel="stylesheet" href="{{ .Site.BaseURL }}css/main.css" />
 
     {{ if .Site.Params.highlightjs }}
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/vs.min.css" integrity="sha256-w6kCMnFvhY2tI1OnsYR/rb5DG9yFGodJknvFZOkp51E=" crossorigin="anonymous" />
+        <link rel="stylesheet" href="{{ .Site.BaseURL }}css/highlight.css" />
     {{ end }}
 
     {{ if .Site.Params.progressively }}
@@ -73,9 +73,9 @@
     </script>
 
     {{ if .Site.Params.highlightjs }}
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js" integrity="sha256-/BfiIkHlHoVihZdc6TFuj7MmJ0TWcWsMXkeDFwhi0zw=" crossorigin="anonymous"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/highlight.min.js" integrity="sha256-js+I1fdbke/DJrW2qXQlrw7VUEqmdeFeOW37UC0bEiU=" crossorigin="anonymous"></script>
         {{ range .Site.Params.highlightjslanguages }}
-            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/{{.}}.min.js" defer></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/languages/{{.}}.min.js" defer></script>
         {{ end }}
         <script>
             window.addEventListener('load', function() {
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 666f96f..5847280 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -23,65 +23,16 @@
             </div>
             <div class="col-sm-12 col-md-5">
                 <div class="mx-0 mx-md-4 text-center text-md-right">
-                    {{ if .Site.Params._500px }}
-                        <a href="https://500px.com/{{ .Site.Params._500px }}" target="_blank" class="mx-1 ml-md-2 mr-md-0">
-                            <img class="icon" src="{{ .Site.BaseURL }}img/500px.svg" alt="500px" />
-                        </a>
-                    {{ end }}
-
-                    {{ if .Site.Params.gitlab }}
-                        <a href="https://gitlab.com/{{ .Site.Params.gitlab }}" target="_blank" class="mx-1 ml-md-2 mr-md-0">
-                            <img class="icon" src="{{ .Site.BaseURL }}img/gitlab.svg" alt="gitlab" />
-                        </a>
-                    {{ end }}
-
-                    {{ if .Site.Params.facebook }}
-                        <a href="https://facebook.com/{{ .Site.Params.facebook }}" target="_blank" class="mx-1 ml-md-2 mr-md-0">
-                            <img class="icon" src="{{ .Site.BaseURL }}img/facebook.svg" alt="facebook" />
-                        </a>
-                    {{ end }}
-
-                    {{ if .Site.Params.github }}
-                        <a href="https://github.com/{{ .Site.Params.github }}" target="_blank" class="mx-1 ml-md-2 mr-md-0">
-                            <img class="icon" src="{{ .Site.BaseURL }}img/github.svg" alt="github" />
-                        </a>
-                    {{ end }}
-
-                    {{ if .Site.Params.twitter }}
-                        <a href="https://twitter.com/{{ .Site.Params.twitter }}" target="_blank" class="mx-1 ml-md-2 mr-md-0">
-                            <img class="icon" src="{{ .Site.BaseURL }}img/twitter.svg" alt="twitter" />
-                        </a>
-                    {{ end }}
-
-                    {{ if .Site.Params.mastodon_url }}
-                        <a rel="me" href="{{ .Site.Params.mastodon_url }}" target="_blank" class="mx-1 ml-md-2 mr-md-0">
-                            <img class="icon" src="{{ .Site.BaseURL }}img/mastodon.svg" alt="mastodon" />
-                        </a>
-                    {{ end }}
-
-                    {{ if .Site.Params.telegram }}
-                        <a href="https://t.me/{{ .Site.Params.telegram }}" target="_blank" class="mx-1 ml-md-2 mr-md-0">
-                            <img class="icon" src="{{ .Site.BaseURL }}img/telegram.svg" alt="telegram" />
-                        </a>
-                    {{ end }}
-
-                    {{ if .Site.Params.linkedin }}
-                        <a href="https://www.linkedin.com/in/{{ .Site.Params.linkedin }}" target="_blank" class="mx-1 ml-md-2 mr-md-0">
-                            <img class="icon" src="{{ .Site.BaseURL }}img/linkedin.svg" alt="linkedin" />
-                        </a>
-                    {{ end }}
-
-                    {{ if .Site.Params.email }}
-                        <a href="mailto:{{ .Site.Params.email }}" class="mx-1 ml-md-2 mr-md-0">
-                            <img class="icon" src="{{ .Site.BaseURL }}img/email.svg" alt="email" />
-                        </a>
-                    {{ end }}
-
-                    {{ if .Site.RSSLink }}
-                        <a href="{{ .Site.RSSLink }}" class="mx-1 ml-md-2 mr-md-0">
-                            <img class="icon" src="{{ .Site.BaseURL }}img/rss.svg" alt="rss" />
-                        </a>
-                    {{ end }}
+                    {{ partial "footer_500px" . }}
+                    {{ partial "footer_gitlab" . }}
+                    {{ partial "footer_github" . }}
+                    {{ partial "footer_facebook" . }}
+                    {{ partial "footer_twitter" . }}
+                    {{ partial "footer_mastodon" . }}
+                    {{ partial "footer_telegram" . }}
+                    {{ partial "footer_linkedin" . }}
+                    {{ partial "footer_email" . }}
+                    {{ partial "footer_rss" . }}
 
                     {{ if .IsTranslated }}
                         <div>
diff --git a/layouts/partials/footer_500px.html b/layouts/partials/footer_500px.html
new file mode 100644
index 0000000..2af762d
--- /dev/null
+++ b/layouts/partials/footer_500px.html
@@ -0,0 +1,7 @@
+{{ if .Site.Params._500px }}
+    <a href="https://500px.com/{{ .Site.Params._500px }}" target="_blank" class="mx-1 ml-md-2 mr-md-0 icon">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792">
+            <path d="M1529 1547l-6 6q-113 113-259 175-154 64-317 64-165 0-317-64-148-63-259-175-113-112-175-258-42-103-54-189-4-28 48-36 51-8 56 20 1 1 1 4 18 90 46 159 50 124 152 226 98 98 226 152 132 56 276 56 143 0 276-56 128-55 225-152l6-6q10-10 25-6 12 3 33 22 36 37 17 58zm-472-615l-66 66 63 63q21 21-7 49-17 17-32 17-10 0-19-10l-62-61-66 66q-5 5-15 5-15 0-31-16l-2-2q-18-15-18-29 0-7 8-17l66-65-66-66q-16-16 14-45 18-18 31-18 6 0 13 5l65 66 65-65q18-17 48 13 27 27 11 44zm471 57q0 118-46 228-45 105-126 186-80 80-187 126t-228 46-228-46-187-126q-82-82-125-186-15-33-15-40h-1q-9-27 43-44 50-16 60 12 37 99 97 167h1v-341q3-136 102-232 105-103 253-103 147 0 251 103t104 249q0 147-104.5 251t-250.5 104q-58 0-112-16-28-11-13-61 16-51 44-43l14 3q14 3 33 6t30 3q104 0 176-71.5t72-174.5q0-101-72-171-71-71-175-71-107 0-178 80-64 72-64 160v413q110 67 242 67 96 0 185-36.5t156-103.5 103.5-155 36.5-183q0-198-141-339-140-140-339-140-200 0-340 140-53 53-77 87l-2 2q-8 11-13 15.5t-21.5 9.5-38.5-3q-21-5-36.5-16.5t-15.5-26.5v-680q0-15 10.5-26.5t27.5-11.5h877q30 0 30 55t-30 55h-811v483h1q40-42 102-84t108-61q109-46 231-46 121 0 228 46t187 126q81 81 126 186 46 112 46 229zm-31-581q9 8 9 18t-5.5 18-16.5 21q-26 26-39 26-9 0-16-7-106-91-207-133-128-56-276-56-133 0-262 49-27 10-45-37-9-25-8-38 3-16 16-20 130-57 299-57 164 0 316 64 137 58 235 152z"/>
+        </svg>
+    </a>
+{{ end }}
diff --git a/layouts/partials/footer_email.html b/layouts/partials/footer_email.html
new file mode 100644
index 0000000..0e73551
--- /dev/null
+++ b/layouts/partials/footer_email.html
@@ -0,0 +1,7 @@
+{{ if .Site.Params.email }}
+    <a href="mailto:{{ .Site.Params.email }}" class="mx-1 ml-md-2 mr-md-0 icon">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16">
+            <path d="M0 4v8c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1zm13 0L7 9 1 4h12zM1 5.5l4 3-4 3v-6zM2 12l3.5-3L7 10.5 8.5 9l3.5 3H2zm11-.5l-4-3 4-3v6z"/>
+        </svg>
+    </a>
+{{ end }}
diff --git a/layouts/partials/footer_facebook.html b/layouts/partials/footer_facebook.html
new file mode 100644
index 0000000..884fc95
--- /dev/null
+++ b/layouts/partials/footer_facebook.html
@@ -0,0 +1,8 @@
+{{ if .Site.Params.facebook }}
+    <a href="https://facebook.com/{{ .Site.Params.facebook }}" target="_blank" class="mx-1 ml-md-2 mr-md-0 icon">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 266.893 266.895">
+            <path fill="#ffffff" d="M248.082,262.307c7.854,0,14.223-6.369,14.223-14.225V18.812  c0-7.857-6.368-14.224-14.223-14.224H18.812c-7.857,0-14.224,6.367-14.224,14.224v229.27c0,7.855,6.366,14.225,14.224,14.225  H248.082z" />
+            <path d="M182.409,262.307v-99.803h33.499l5.016-38.895h-38.515V98.777c0-11.261,3.127-18.935,19.275-18.935  l20.596-0.009V45.045c-3.562-0.474-15.788-1.533-30.012-1.533c-29.695,0-50.025,18.126-50.025,51.413v28.684h-33.585v38.895h33.585  v99.803H182.409z" />
+        </svg>
+    </a>
+{{ end }}
diff --git a/layouts/partials/footer_github.html b/layouts/partials/footer_github.html
new file mode 100644
index 0000000..bd7188b
--- /dev/null
+++ b/layouts/partials/footer_github.html
@@ -0,0 +1,7 @@
+{{ if .Site.Params.github }}
+    <a href="https://github.com/{{ .Site.Params.github }}" target="_blank" class="mx-1 ml-md-2 mr-md-0 icon">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
+            <path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.09-.202-.36-1.015.07-2.117 0 0 .67-.215 2.2.82.64-.178 1.32-.266 2-.27.68.004 1.36.092 2 .27 1.52-1.035 2.19-.82 2.19-.82.43 1.102.16 1.915.08 2.117.51.56.82 1.274.82 2.147 0 3.073-1.87 3.75-3.65 3.947.28.24.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.14.46.55.38C13.71 14.53 16 11.53 16 8c0-4.418-3.582-8-8-8"/>
+        </svg>
+    </a>
+{{ end }}
diff --git a/layouts/partials/footer_gitlab.html b/layouts/partials/footer_gitlab.html
new file mode 100644
index 0000000..6929f4d
--- /dev/null
+++ b/layouts/partials/footer_gitlab.html
@@ -0,0 +1,7 @@
+{{ if .Site.Params.gitlab }}
+    <a href="https://gitlab.com/{{ .Site.Params.gitlab }}" target="_blank" class="mx-1 ml-md-2 mr-md-0 icon">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792">
+            <path d="M104 706l792 1015-868-630q-18-13-25-34.5t0-42.5l101-308zm462 0h660l-330 1015zm-198-612l198 612h-462l198-612q8-23 33-23t33 23zm1320 612l101 308q7 21 0 42.5t-25 34.5l-868 630 792-1015zm0 0h-462l198-612q8-23 33-23t33 23z"/>
+        </svg>
+    </a>
+{{ end }}
diff --git a/layouts/partials/footer_linkedin.html b/layouts/partials/footer_linkedin.html
new file mode 100644
index 0000000..92b7e8e
--- /dev/null
+++ b/layouts/partials/footer_linkedin.html
@@ -0,0 +1,7 @@
+{{ if .Site.Params.linkedin }}
+    <a href="https://www.linkedin.com/in/{{ .Site.Params.linkedin }}" target="_blank" class="mx-1 ml-md-2 mr-md-0 icon">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
+            <path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51v1.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"/>
+        </svg>
+    </a>
+{{ end }}
diff --git a/layouts/partials/footer_mastodon.html b/layouts/partials/footer_mastodon.html
new file mode 100644
index 0000000..28c34cf
--- /dev/null
+++ b/layouts/partials/footer_mastodon.html
@@ -0,0 +1,8 @@
+{{ if .Site.Params.mastodon_url }}
+    <a rel="me" href="{{ .Site.Params.mastodon_url }}" target="_blank" class="mx-1 ml-md-2 mr-md-0 icon">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.4144 232.00976">
+            <path d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
+            <path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
+        </svg>
+    </a>
+{{ end }}
diff --git a/layouts/partials/footer_rss.html b/layouts/partials/footer_rss.html
new file mode 100644
index 0000000..f2715cf
--- /dev/null
+++ b/layouts/partials/footer_rss.html
@@ -0,0 +1,7 @@
+{{ if .Site.RSSLink }}
+    <a href="{{ .Site.RSSLink }}" class="mx-1 ml-md-2 mr-md-0 icon">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
+            <path d="M12.8 16C12.8 8.978 7.022 3.2 0 3.2V0c8.777 0 16 7.223 16 16h-3.2zM2.194 11.61c1.21 0 2.195.985 2.195 2.196 0 1.21-.99 2.194-2.2 2.194C.98 16 0 15.017 0 13.806c0-1.21.983-2.195 2.194-2.195zM10.606 16h-3.11c0-4.113-3.383-7.497-7.496-7.497v-3.11c5.818 0 10.606 4.79 10.606 10.607z"/>
+        </svg>
+    </a>
+{{ end }}
diff --git a/layouts/partials/footer_telegram.html b/layouts/partials/footer_telegram.html
new file mode 100644
index 0000000..7addb80
--- /dev/null
+++ b/layouts/partials/footer_telegram.html
@@ -0,0 +1,10 @@
+{{ if .Site.Params.telegram }}
+    <a href="https://t.me/{{ .Site.Params.telegram }}" target="_blank" class="mx-1 ml-md-2 mr-md-0 icon">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
+            <circle cx="120" cy="120" r="120"/>
+            <path fill="#c8daea" d="m98 175c-3.8876 0-3.227-1.4679-4.5678-5.1695L82 132.2059 170 80"/>
+            <path fill="#a9c9dd" d="m98 175c3 0 4.3255-1.372 6-3l16-15.558-19.958-12.035"/>
+            <path fill="#eff7fc" d="m100.04 144.41 48.36 35.729c5.5185 3.0449 9.5014 1.4684 10.876-5.1235l19.685-92.763c2.0154-8.0802-3.0801-11.745-8.3594-9.3482l-115.59 44.571c-7.8901 3.1647-7.8441 7.5666-1.4382 9.528l29.663 9.2583 68.673-43.325c3.2419-1.9659 6.2173-0.90899 3.7752 1.2584"/>
+        </svg>
+    </a>
+{{ end }}
diff --git a/layouts/partials/footer_twitter.html b/layouts/partials/footer_twitter.html
new file mode 100644
index 0000000..7079ab2
--- /dev/null
+++ b/layouts/partials/footer_twitter.html
@@ -0,0 +1,7 @@
+{{ if .Site.Params.twitter }}
+    <a href="https://twitter.com/{{ .Site.Params.twitter }}" target="_blank" class="mx-1 ml-md-2 mr-md-0 icon">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
+            <path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z" fill-rule="nonzero"/>
+        </svg>
+    </a>
+{{ end }}
diff --git a/static/css/highlight.css b/static/css/highlight.css
new file mode 100644
index 0000000..b02b9f8
--- /dev/null
+++ b/static/css/highlight.css
@@ -0,0 +1,7 @@
+/* https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/styles/vs.min.css */
+.hljs{display:block;overflow-x:auto;padding:.5em;background:white;color:black}.hljs-comment,.hljs-quote,.hljs-variable{color:#008000}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag{color:#00f}.hljs-string,.hljs-title,.hljs-section,.hljs-attribute,.hljs-literal,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-addition{color:#a31515}.hljs-deletion,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-meta{color:#2b91af}.hljs-doctag{color:#808080}.hljs-attr{color:#f00}.hljs-symbol,.hljs-bullet,.hljs-link{color:#00b0e8}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
+
+@media (prefers-color-scheme: dark) {
+    /* https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/styles/tomorrow-night-bright.min.css */
+    .hljs-comment,.hljs-quote{color:#969896}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#d54e53}.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#e78c45}.hljs-attribute{color:#e7c547}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#b9ca4a}.hljs-title,.hljs-section{color:#7aa6da}.hljs-keyword,.hljs-selector-tag{color:#c397d8}.hljs{display:block;overflow-x:auto;background:black;color:#eaeaea;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
+}
diff --git a/static/css/main.css b/static/css/main.css
index 13d76a7..e55781a 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -143,12 +143,11 @@ a:hover {
 .content .markdown pre {
     font-family: "Menlo", monospace;
     font-size: 0.98rem;
-    background-color: #f7f7f7;
 }
 
-.content .markdown code {
+.content .markdown pre .hljs {
     /* enclosed by single backtick (`) */
-    padding: 0.15em 0.5em;
+    padding: 1rem;
     border-radius: 2px;
 }
 
@@ -157,7 +156,6 @@ a:hover {
     display: block;
     margin-top: 1rem;
     margin-bottom: 2rem;
-    padding: 1rem;
     line-height: 1.5em;
     white-space: pre;
     word-break: break-all;
@@ -245,7 +243,7 @@ a:hover {
     opacity: 0.8;
 }
 
-.footer a .icon {
+.footer a.icon {
     width: 16px;
     height: 16px;
 }
@@ -284,6 +282,11 @@ a:hover {
         color: #efefef;
     }
 
+    a,
+    a:hover {
+        color: #17bf63;
+    }
+
     .content .markdown {
         color: #e0e0e0;
     }
@@ -295,4 +298,20 @@ a:hover {
     .header ul.nav li a {
         color: #eaeaea;
     }
+
+    .content .page-heading {
+        color: #efefef;
+    }
+
+    .content .see-more {
+        color: #aaa;
+    }
+
+    .content .see-more:hover {
+        color: #aaa;
+    }
+
+    .footer a.icon {
+        fill: currentColor;
+    }
 }
diff --git a/static/img/500px.svg b/static/img/500px.svg
deleted file mode 100644
index 9d0fc4a..0000000
--- a/static/img/500px.svg
+++ /dev/null
@@ -1,2 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1529 1547l-6 6q-113 113-259 175-154 64-317 64-165 0-317-64-148-63-259-175-113-112-175-258-42-103-54-189-4-28 48-36 51-8 56 20 1 1 1 4 18 90 46 159 50 124 152 226 98 98 226 152 132 56 276 56 143 0 276-56 128-55 225-152l6-6q10-10 25-6 12 3 33 22 36 37 17 58zm-472-615l-66 66 63 63q21 21-7 49-17 17-32 17-10 0-19-10l-62-61-66 66q-5 5-15 5-15 0-31-16l-2-2q-18-15-18-29 0-7 8-17l66-65-66-66q-16-16 14-45 18-18 31-18 6 0 13 5l65 66 65-65q18-17 48 13 27 27 11 44zm471 57q0 118-46 228-45 105-126 186-80 80-187 126t-228 46-228-46-187-126q-82-82-125-186-15-33-15-40h-1q-9-27 43-44 50-16 60 12 37 99 97 167h1v-341q3-136 102-232 105-103 253-103 147 0 251 103t104 249q0 147-104.5 251t-250.5 104q-58 0-112-16-28-11-13-61 16-51 44-43l14 3q14 3 33 6t30 3q104 0 176-71.5t72-174.5q0-101-72-171-71-71-175-71-107 0-178 80-64 72-64 160v413q110 67 242 67 96 0 185-36.5t156-103.5 103.5-155 36.5-183q0-198-141-339-140-140-339-140-200 0-340 140-53 53-77 87l-2 2q-8 11-13 15.5t-21.5 9.5-38.5-3q-21-5-36.5-16.5t-15.5-26.5v-680q0-15 10.5-26.5t27.5-11.5h877q30 0 30 55t-30 55h-811v483h1q40-42 102-84t108-61q109-46 231-46 121 0 228 46t187 126q81 81 126 186 46 112 46 229zm-31-581q9 8 9 18t-5.5 18-16.5 21q-26 26-39 26-9 0-16-7-106-91-207-133-128-56-276-56-133 0-262 49-27 10-45-37-9-25-8-38 3-16 16-20 130-57 299-57 164 0 316 64 137 58 235 152z"/></svg>
\ No newline at end of file
diff --git a/static/img/email.svg b/static/img/email.svg
deleted file mode 100644
index 13c8bde..0000000
--- a/static/img/email.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="14" height="16" viewBox="0 0 14 16" xmlns="http://www.w3.org/2000/svg"><title>mail</title><path d="M0 4v8c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1zm13 0L7 9 1 4h12zM1 5.5l4 3-4 3v-6zM2 12l3.5-3L7 10.5 8.5 9l3.5 3H2zm11-.5l-4-3 4-3v6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/static/img/facebook.svg b/static/img/facebook.svg
deleted file mode 100644
index 0fd3e36..0000000
--- a/static/img/facebook.svg
+++ /dev/null
@@ -1,51 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   width="266.893px"
-   height="266.895px"
-   viewBox="0 0 266.893 266.895"
-   enable-background="new 0 0 266.893 266.895"
-   xml:space="preserve"
-   sodipodi:docname="facebook.svg"
-   inkscape:version="0.92.1 r"><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1916"
-     inkscape:window-height="1041"
-     id="namedview5"
-     showgrid="false"
-     inkscape:zoom="0.8842429"
-     inkscape:cx="135.70832"
-     inkscape:cy="133.44749"
-     inkscape:window-x="0"
-     inkscape:window-y="37"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="Layer_1" /><metadata
-     id="metadata9"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs7" /><path
-     id="Blue_1_"
-     fill="#ffffff"
-     d="M248.082,262.307c7.854,0,14.223-6.369,14.223-14.225V18.812  c0-7.857-6.368-14.224-14.223-14.224H18.812c-7.857,0-14.224,6.367-14.224,14.224v229.27c0,7.855,6.366,14.225,14.224,14.225  H248.082z" /><path
-     id="f"
-     fill="#000000"
-     d="M182.409,262.307v-99.803h33.499l5.016-38.895h-38.515V98.777c0-11.261,3.127-18.935,19.275-18.935  l20.596-0.009V45.045c-3.562-0.474-15.788-1.533-30.012-1.533c-29.695,0-50.025,18.126-50.025,51.413v28.684h-33.585v38.895h33.585  v99.803H182.409z" /></svg>
\ No newline at end of file
diff --git a/static/img/github.svg b/static/img/github.svg
deleted file mode 100644
index 59d57b9..0000000
--- a/static/img/github.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.09-.202-.36-1.015.07-2.117 0 0 .67-.215 2.2.82.64-.178 1.32-.266 2-.27.68.004 1.36.092 2 .27 1.52-1.035 2.19-.82 2.19-.82.43 1.102.16 1.915.08 2.117.51.56.82 1.274.82 2.147 0 3.073-1.87 3.75-3.65 3.947.28.24.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.14.46.55.38C13.71 14.53 16 11.53 16 8c0-4.418-3.582-8-8-8"/></svg>
\ No newline at end of file
diff --git a/static/img/gitlab.svg b/static/img/gitlab.svg
deleted file mode 100644
index b61b09c..0000000
--- a/static/img/gitlab.svg
+++ /dev/null
@@ -1,2 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M104 706l792 1015-868-630q-18-13-25-34.5t0-42.5l101-308zm462 0h660l-330 1015zm-198-612l198 612h-462l198-612q8-23 33-23t33 23zm1320 612l101 308q7 21 0 42.5t-25 34.5l-868 630 792-1015zm0 0h-462l198-612q8-23 33-23t33 23z"/></svg>
\ No newline at end of file
diff --git a/static/img/linkedin.svg b/static/img/linkedin.svg
deleted file mode 100644
index 91d7ee8..0000000
--- a/static/img/linkedin.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51v1.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/static/img/mastodon.svg b/static/img/mastodon.svg
deleted file mode 100644
index 26e3b33..0000000
--- a/static/img/mastodon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="61.076954mm" height="65.47831mm" viewBox="0 0 216.4144 232.00976">
-  <path fill="#000" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
-  <path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
-</svg>
diff --git a/static/img/rss.svg b/static/img/rss.svg
deleted file mode 100644
index 3b73970..0000000
--- a/static/img/rss.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.8 16C12.8 8.978 7.022 3.2 0 3.2V0c8.777 0 16 7.223 16 16h-3.2zM2.194 11.61c1.21 0 2.195.985 2.195 2.196 0 1.21-.99 2.194-2.2 2.194C.98 16 0 15.017 0 13.806c0-1.21.983-2.195 2.194-2.195zM10.606 16h-3.11c0-4.113-3.383-7.497-7.496-7.497v-3.11c5.818 0 10.606 4.79 10.606 10.607z"/></svg>
\ No newline at end of file
diff --git a/static/img/telegram.svg b/static/img/telegram.svg
deleted file mode 100644
index 1ab9562..0000000
--- a/static/img/telegram.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 240 240">
-<defs>
-	<linearGradient id="b" x1="0.6667" y1="0.1667" x2="0.4167" y2="0.75">
-		<stop stop-color="#000" offset="0"/>
-		<stop stop-color="#222" offset="1"/>
-	</linearGradient>
-	<linearGradient id="w" x1="0.6597" y1="0.4369" x2="0.8512" y2="0.8024">
-		<stop stop-color="#eff7fc" offset="0"/>
-		<stop stop-color="#fff" offset="1"/>
-	</linearGradient>
-</defs>
-<circle cx="120" cy="120" r="120" fill="url(#b)"/>
-<path fill="#c8daea" d="m98 175c-3.8876 0-3.227-1.4679-4.5678-5.1695L82 132.2059 170 80"/>
-<path fill="#a9c9dd" d="m98 175c3 0 4.3255-1.372 6-3l16-15.558-19.958-12.035"/>
-<path fill="url(#w)" d="m100.04 144.41 48.36 35.729c5.5185 3.0449 9.5014 1.4684 10.876-5.1235l19.685-92.763c2.0154-8.0802-3.0801-11.745-8.3594-9.3482l-115.59 44.571c-7.8901 3.1647-7.8441 7.5666-1.4382 9.528l29.663 9.2583 68.673-43.325c3.2419-1.9659 6.2173-0.90899 3.7752 1.2584"/>
-</svg>
diff --git a/static/img/twitter.svg b/static/img/twitter.svg
deleted file mode 100644
index 4d3fbe4..0000000
--- a/static/img/twitter.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z" fill-rule="nonzero"/></svg>
\ No newline at end of file
-- 
cgit v1.2.3