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

3 files changed, 183 insertions, 0 deletions

diff --git a/_includes/footer.liquid b/_includes/footer.liquid
new file mode 100644
index 0000000..080842e
--- /dev/null
+++ b/_includes/footer.liquid
@@ -0,0 +1,34 @@
+<!-- begin footer -->
+<footer class="footer">
+    <div class="content has-text-centered">
+        <p>
+        This static site was 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 is self-hosted with 
+        <a href="https://nginx.org/">
+            Nginx
+        </a>
+        </p>
+        <p>
+        See a problem? 
+        <a href="#">
+            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 -->
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 -->
+
diff --git a/_includes/toc.liquid b/_includes/toc.liquid
new file mode 100644
index 0000000..7e43a04
--- /dev/null
+++ b/_includes/toc.liquid
@@ -0,0 +1,21 @@
+<!-- begin TOC -->
+<div class="box">
+    <aside class="menu">
+        <p class="menu-label">
+        All Posts in {{ page.title }}
+        </p>
+
+        <ul class="menu-list">
+            <li>
+                {% for post in collections.posts.pages %}
+                    {% if post.categories contains page.title %}
+                    <a href="{{ post.permalink }}">
+                        {{ post.title }}
+                    </a>
+                    {% endif %}
+                {% endfor %}
+            </li>
+        </ul>
+    </aside>
+</div>
+<!-- end TOC -->