Moved svg icons and head metadata to includes.

12 files changed, 127 insertions, 122 deletions

diff --git a/_includes/footer.liquid b/_includes/footer.liquid
index 96b453c..b451dfb 100644
--- a/_includes/footer.liquid
+++ b/_includes/footer.liquid
@@ -1,37 +1,33 @@
-<!-- begin footer -->
-<footer class="footer">
-    <div class="content has-text-centered">
-        <p>
-        Site last updated {{ "now" | date: "%A, %b %e, %Y" }}
-        </p>
-        <p>
-        Built using 
-        <a href="https://cobalt-org.github.io/">
-            Cobalt.rs
-        </a>
-        , 
-        <a href="https://bulma.io">
-            Bulma.io
-        </a>
-        ,
-        <a href="https://daneden.github.io/animate.css/">
-            Animate.css
-        </a>
-        , and self-hosted with 
-        <a href="https://nginx.org/">
-            NGINX
-        </a>
-        </p>
-        <p>
-        See a problem? 
-        <a href=" mailto:atc@53hor.net?subject=Found%20your%20website!">
-            Tell me so I can fix it
-        </a>
-        or
-        <a href="https://gitlab.com/53hornet/cobalt-site">
-            fix it yourself!
-        </a>
-        </p>
-    </div>
-</footer>
-<!-- end footer -->
+<div class="content has-text-centered">
+    <p>
+    Site last updated {{ "now" | date: "%A, %b %e, %Y" }}
+    </p>
+    <p>
+    Built using 
+    <a href="https://cobalt-org.github.io/">
+        Cobalt.rs
+    </a>
+    , 
+    <a href="https://bulma.io">
+        Bulma.io
+    </a>
+    ,
+    <a href="https://daneden.github.io/animate.css/">
+        Animate.css
+    </a>
+    , and self-hosted with 
+    <a href="https://nginx.org/">
+        NGINX
+    </a>
+    </p>
+    <p>
+    See a problem? 
+    <a href=" mailto:atc@53hor.net?subject=Found%20your%20website!">
+        Tell me so I can fix it
+    </a>
+    or
+    <a href="https://gitlab.com/53hornet/cobalt-site">
+        fix it yourself!
+    </a>
+    </p>
+</div>
diff --git a/_includes/head.liquid b/_includes/head.liquid
new file mode 100644
index 0000000..5234f27
--- /dev/null
+++ b/_includes/head.liquid
@@ -0,0 +1,5 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>{{ page.title }}</title>
+<link rel="stylesheet" href="/bulma.css">
+<link rel="stylesheet" href="/animate.css">
diff --git a/_includes/hero.liquid b/_includes/hero.liquid
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/_includes/hero.liquid
diff --git a/_includes/mdi-gitlab.html b/_includes/mdi-gitlab.html
new file mode 100644
index 0000000..8d03d12
--- /dev/null
+++ b/_includes/mdi-gitlab.html
@@ -0,0 +1,11 @@
+                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+                    <path fill="#ffffff"
+                    d="M3.16,10L12,21.5L2.32,14.3C2.05,14.09 1.94,13.75
+                    2.04,13.44L3.16,10M6.11,3.17C6,2.83 5.5,2.83
+                    5.37,3.17L3.16,10H8.32L6.11,3.17M8.32,10L12,21.5L15.68,10H8.32M21.96,13.44L20.84,10L12,21.5L21.68,14.3C21.95,14.09
+                    22.06,13.75 21.96,13.44M18.63,3.17C18.5,2.83 18,2.83
+                    17.89,3.17L15.68,10H20.84L18.63,3.17Z" />
+                    <title>
+                        GitLab
+                    </title>
+                </svg>
diff --git a/_includes/mdi-linkedin.html b/_includes/mdi-linkedin.html
new file mode 100644
index 0000000..e89012f
--- /dev/null
+++ b/_includes/mdi-linkedin.html
@@ -0,0 +1,15 @@
+                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+                    <path fill="#ffffff" d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1
+                    19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1
+                    5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94
+                    13.4,10.46
+                    12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8
+                    13.54,12.17 14.31,12.17A1.4,1.4 0 0,1
+                    15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0
+                    8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0
+                    5.19,6.88C5.19,7.81 5.95,8.56
+                    6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z" />
+                    <title>
+                        LinkedIn
+                    </title>
+                </svg>
diff --git a/_includes/mdi-rss-box.html b/_includes/mdi-rss-box.html
new file mode 100644
index 0000000..156c692
--- /dev/null
+++ b/_includes/mdi-rss-box.html
@@ -0,0 +1,11 @@
+<!-- mdi-rss-box -->
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="#ffffff" d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1
+    19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0
+    6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0
+    0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0
+    6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z" />
+    <title>
+        RSS
+    </title>
+</svg>
diff --git a/_includes/mdi-video-vintage.html b/_includes/mdi-video-vintage.html
new file mode 100644
index 0000000..5c4d874
--- /dev/null
+++ b/_includes/mdi-video-vintage.html
@@ -0,0 +1,12 @@
+                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+                    <path fill="#ffffff" d="M18,14.5V11A1,1 0 0,0 17,10H16C18.24,8.39
+                    18.76,5.27 17.15,3C15.54,0.78 12.42,0.26 10.17,1.87C9.5,2.35 8.96,3
+                    8.6,3.73C6.25,2.28 3.17,3 1.72,5.37C0.28,7.72 1,10.8 3.36,12.25C3.57,12.37
+                    3.78,12.5 4,12.58V21A1,1 0 0,0 5,22H17A1,1 0 0,0
+                    18,21V17.5L22,21.5V10.5L18,14.5M13,4A2,2 0 0,1 15,6A2,2 0 0,1 13,8A2,2 0
+                    0,1 11,6A2,2 0 0,1 13,4M6,6A2,2 0 0,1 8,8A2,2 0 0,1 6,10A2,2 0 0,1 4,8A2,2
+                    0 0,1 6,6Z" />
+                    <title>
+                        STMUAC YouTube Channel
+                    </title>
+                </svg>
diff --git a/_includes/mdi-youtube.html b/_includes/mdi-youtube.html
new file mode 100644
index 0000000..414d41f
--- /dev/null
+++ b/_includes/mdi-youtube.html
@@ -0,0 +1,18 @@
+                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+                    <path fill="#ffffff"
+                    d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27
+                    21.84,9.07C21.91,9.87 21.94,10.56
+                    21.94,11.16L22,12C22,14.19 21.84,15.8
+                    21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69
+                    18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94
+                    13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31
+                    2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73
+                    2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81
+                    2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31
+                    5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06
+                    10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69
+                    21.31,6.27 21.56,7.17Z" />
+                    <title>
+                        53hornet YouTube Channel
+                    </title>
+                </svg>
diff --git a/_includes/nav.liquid b/_includes/nav.liquid
index fc3e2d7..5fe8227 100644
--- a/_includes/nav.liquid
+++ b/_includes/nav.liquid
@@ -17,17 +17,8 @@ bounceInDown
          href="/rss.xml"
          target="_blank"
          >
-         <span class="icon">
-                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
-                    <path fill="#ffffff" d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1
-                    19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0
-                    6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0
-                    0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0
-                    6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z" />
-                    <title>
-                        RSS
-                    </title>
-                </svg>
+            <span class="icon">
+                {% include mdi-rss-box.html %}
             </span>
         </a>
 
@@ -37,17 +28,7 @@ bounceInDown
          target="_blank"
          >
             <span class="icon">
-                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
-                    <path fill="#ffffff"
-                    d="M3.16,10L12,21.5L2.32,14.3C2.05,14.09 1.94,13.75
-                    2.04,13.44L3.16,10M6.11,3.17C6,2.83 5.5,2.83
-                    5.37,3.17L3.16,10H8.32L6.11,3.17M8.32,10L12,21.5L15.68,10H8.32M21.96,13.44L20.84,10L12,21.5L21.68,14.3C21.95,14.09
-                    22.06,13.75 21.96,13.44M18.63,3.17C18.5,2.83 18,2.83
-                    17.89,3.17L15.68,10H20.84L18.63,3.17Z" />
-                    <title>
-                        GitLab
-                    </title>
-                </svg>
+                {% include mdi-gitlab.html %}
             </span>
         </a>
         
@@ -57,24 +38,7 @@ bounceInDown
          target="_blank"
          >
             <span class="icon">
-                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
-                    <path fill="#ffffff"
-                    d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27
-                    21.84,9.07C21.91,9.87 21.94,10.56
-                    21.94,11.16L22,12C22,14.19 21.84,15.8
-                    21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69
-                    18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94
-                    13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31
-                    2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73
-                    2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81
-                    2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31
-                    5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06
-                    10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69
-                    21.31,6.27 21.56,7.17Z" />
-                    <title>
-                        53hornet YouTube Channel
-                    </title>
-                </svg>
+                {% include mdi-youtube.html %}
             </span>
         </a>
         
@@ -84,18 +48,7 @@ bounceInDown
          target="_blank"
          >
             <span class="icon">
-                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
-                    <path fill="#ffffff" d="M18,14.5V11A1,1 0 0,0 17,10H16C18.24,8.39
-                    18.76,5.27 17.15,3C15.54,0.78 12.42,0.26 10.17,1.87C9.5,2.35 8.96,3
-                    8.6,3.73C6.25,2.28 3.17,3 1.72,5.37C0.28,7.72 1,10.8 3.36,12.25C3.57,12.37
-                    3.78,12.5 4,12.58V21A1,1 0 0,0 5,22H17A1,1 0 0,0
-                    18,21V17.5L22,21.5V10.5L18,14.5M13,4A2,2 0 0,1 15,6A2,2 0 0,1 13,8A2,2 0
-                    0,1 11,6A2,2 0 0,1 13,4M6,6A2,2 0 0,1 8,8A2,2 0 0,1 6,10A2,2 0 0,1 4,8A2,2
-                    0 0,1 6,6Z" />
-                    <title>
-                        STMUAC YouTube Channel
-                    </title>
-                </svg>
+                {% include mdi-video-vintage.html %}
             </span>
         </a>
 
@@ -105,21 +58,7 @@ bounceInDown
          target="_blank"
          >
             <span class="icon">
-                <svg style="width:24px;height:24px" viewBox="0 0 24 24">
-                    <path fill="#ffffff" d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1
-                    19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1
-                    5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94
-                    13.4,10.46
-                    12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8
-                    13.54,12.17 14.31,12.17A1.4,1.4 0 0,1
-                    15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0
-                    8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0
-                    5.19,6.88C5.19,7.81 5.95,8.56
-                    6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z" />
-                    <title>
-                        LinkedIn
-                    </title>
-                </svg>
+                {% include mdi-linkedin.html %}
             </span>
         </a>
 
diff --git a/_layouts/index.liquid b/_layouts/index.liquid
index 6b53922..753a464 100644
--- a/_layouts/index.liquid
+++ b/_layouts/index.liquid
@@ -1,11 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>{{ page.title }}</title>
-        <link rel="stylesheet" href="/bulma.css">
-        <link rel="stylesheet" href="/animate.css">
+        {% include "head.liquid" %}
     </head>
 
     <body>
@@ -43,7 +39,7 @@
                         </div>
                         <div class="column">
                             <div class="box animated delay-1s fadeInRight">
-                                <img src="https://nextcloud.53hor.net/s/WA4MokYXXGJHf6n/preview">
+                                <img src="https://nextcloud.53hor.net/s/SNe4eGWiwgszJCW/preview">
                             </div>
                         </div>
                     </div>
@@ -55,7 +51,9 @@
         </section>
         <!-- end hero -->
 
-        {% include "footer.liquid" %}
+        <footer class="footer">
+            {% include "footer.liquid" %}
+        </footer>
   </body>
 
 </html>
diff --git a/_layouts/page.liquid b/_layouts/page.liquid
index b97dc7e..101ebc2 100644
--- a/_layouts/page.liquid
+++ b/_layouts/page.liquid
@@ -1,10 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>{{ page.title }}</title>
-        <link rel="stylesheet" href="/bulma.css">
+        {% include "head.liquid" %}
     </head>
 
     <body>
@@ -42,7 +39,9 @@
                     </div>
 
                     <div class="column is-narrow">
-                        {% include "toc.liquid" %}
+                        <aside>
+                            {% include "toc.liquid" %}
+                        </aside>
                     </div>
 
                 </div>
@@ -50,7 +49,9 @@
         </section>
         <!-- end main content -->
 
-        {% include "footer.liquid" %}
+        <footer class="footer">
+            {% include "footer.liquid" %}
+        </footer>
   </body>
 
 </html>
diff --git a/_layouts/post.liquid b/_layouts/post.liquid
index 54bf211..382f17d 100644
--- a/_layouts/post.liquid
+++ b/_layouts/post.liquid
@@ -1,10 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>{{ page.title }}</title>
-        <link rel="stylesheet" href="/bulma.css">
+        {% include "head.liquid" %}
     </head>
 
     <body>
@@ -67,7 +64,9 @@
         </section>
         <!-- end main content -->
 
-        {% include "footer.liquid" %}
+        <footer class="footer">
+            {% include "footer.liquid" %}
+        </footer>
   </body>
 
 </html>