Finished index layout, page layout; split out common includes.

1 files changed, 128 insertions, 0 deletions

diff --git a/_includes/nav.liquid b/_includes/nav.liquid
new file mode 100644
index 0000000..599591c
--- /dev/null
+++ b/_includes/nav.liquid
@@ -0,0 +1,128 @@
+<!-- begin navbar -->
+<nav class="
+navbar 
+is-primary
+{% if page.title contains "Carpenter" %}
+    animated
+{% endif %}
+fadeInDown
+">
+    <!-- begin brand -->
+    <div class="navbar-brand">
+        <a class="navbar-item" href="/">
+            <img src="logo.png">
+        </a>
+        <p class="navbar-item">
+            Adam Tristan Carpenter
+        </p>
+    </div>
+    <!-- end brand -->
+
+    <!-- begin menu -->
+    <div class="navbar-menu is-active">
+
+        <!-- begin start -->
+        <div class="navbar-start">
+            <p class="navbar-item">
+            <em>
+            Links:
+            </em>
+            </p>
+
+            <a
+             class="navbar-item"
+             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>
+            </a>
+            
+            <a 
+             class="navbar-item"
+             href="https://youtube.com/user/my53hornet"
+             target="_blank"
+             >
+                <span class="icon">
+                    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
+                        <path fill="#ffffff" d="M20,8H4V6H20V8M18,2H6V4H18V2M22,12V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V12A2,2 0 0,1 4,10H20A2,2 0 0,1 22,12M16,16L10,12.73V19.26L16,16Z" />
+                        <title>
+                            YouTube
+                        </title>
+                    </svg>
+                </span>
+            </a>
+            
+            <a 
+             class="navbar-item"
+             href="https://gitlab.com/53hornet"
+             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>
+                </span>
+            </a>
+            
+            <a 
+             class="navbar-item"
+             href="https://www.linkedin.com/in/adam-carpenter/"
+             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>
+                </span>
+            </a>
+
+        </div>
+        <!-- end start -->
+
+        <!-- begin end -->
+        <div class="navbar-end">
+            <p class="navbar-item">
+                <em>
+                    Pages
+                </em>
+            </p>
+            <a 
+               class="navbar-item"
+               href="tech.html"
+               >
+                Technology
+            </a>
+            <a 
+               class="navbar-item"
+               href="auto.html"
+               >
+                Automotive
+            </a>
+            <a 
+               class="navbar-item"
+               href="life.html"
+               >
+                My Life
+            </a>
+        </div>
+        <!-- end end -->
+
+    </div>
+    <!-- end menu -->
+
+</nav>
+<!-- end navbar -->
+