Merge branch 'master' of gitlab.com:53hornet/cobalt-site

8 files changed, 178 insertions, 116 deletions

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
new file mode 100644
index 0000000..f55167e
--- /dev/null
+++ b/.gitlab-ci.yml
@@ -0,0 +1,14 @@
+test:
+  stage: test
+  script:
+  - bundle exec cobalt build --trace
+  except:
+  - master
+
+deploy:
+  stage: deploy
+  script:
+  - bundle exec ls _site
+  only:
+  - master
+
diff --git a/_cobalt.yml b/_cobalt.yml
index b54198d..1b5746e 100644
--- a/_cobalt.yml
+++ b/_cobalt.yml
@@ -1,6 +1,6 @@
 site:
   title: 53hornet
-  description: A Site for Everything about my 1953 Hudson Hornet
+  description: Adam Tristan Carpenter
   base_url: https://53hor.net
 posts:
   rss: rss.xml
diff --git a/_includes/nav.liquid b/_includes/nav.liquid
index 0061bb4..fc3e2d7 100644
--- a/_includes/nav.liquid
+++ b/_includes/nav.liquid
@@ -5,16 +5,124 @@ is-primary
 {% if page.title contains "Carpenter" %}
     animated
 {% endif %}
-fadeInDown
+bounceInDown
 ">
     <!-- begin brand -->
     <div class="navbar-brand">
         <a class="navbar-item" href="/">
             <img src="/logo.png">
         </a>
-        <p class="navbar-item">
-            Adam Tristan Carpenter
-        </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://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://youtube.com/user/my53hornet"
+         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>
+            </span>
+        </a>
+        
+        <a
+         class="navbar-item"
+         href="https://www.youtube.com/user/STMUAC"
+         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>
+            </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 brand -->
 
@@ -24,112 +132,13 @@ fadeInDown
         <!-- begin start -->
         <div class="navbar-start">
             <p class="navbar-item">
-            <em>
-            Links
-            </em>
+                Adam Tristan Carpenter
             </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="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>
-                            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>
-
-            <a
-             class="navbar-item"
-             href="https://app.plex.tv"
-             target="_blank"
-             >
-                <span class="icon">
-                    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
-                        <path fill="#ffffff" d="M4,2C2.89,2 2,2.89 2,4V20C2,21.11 2.89,22 4,22H20C21.11,22 22,21.11 22,20V4C22,2.89 21.11,2 20,2H4M8.56,6H12.06L15.5,12L12.06,18H8.56L12,12L8.56,6Z" />
-                    </svg>
-                    <title>
-                        Plex
-                    </title>
-                </span>
-            </a>
-
-            <a
-             class="navbar-item"
-             href="https://nextcloud.53hor.net"
-             target="_blank"
-             >
-                <span class="icon">
-                    <svg style="width:24px;height:24px" viewBox="0 0 24 24">
-                        <path fill="#ffffff" d="M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z" />
-                    </svg>
-                    <title>
-                        Nextcloud
-                    </title>
-                </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"
diff --git a/_layouts/index.liquid b/_layouts/index.liquid
index 44feff5..6b53922 100644
--- a/_layouts/index.liquid
+++ b/_layouts/index.liquid
@@ -2,6 +2,7 @@
 <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">
@@ -24,20 +25,30 @@
             <!-- begin hero body -->
             <div class="hero-body">
                 <div class="container is-fluid">
+                    <div class="columns">
+                        <div class="column">
 
-                    <!-- begin content -->
-                    <div class="column">
-                        <h1 class="title animated flipInX">
-                            {{ page.title }}
-                        </h1>
+                            <!-- begin content -->
+                            <div class="column">
+                                <h1 class="title animated fadeInLeft">
+                                    {{ page.title }}
+                                </h1>
 
-                        <div class="content animated flipInX">
-                            {{ page.content }}
+                                <div class="content animated fadeInLeft">
+                                    {{ page.content }}
+                                </div>
+                            </div>
+                            <!-- end content -->
+
+                        </div>
+                        <div class="column">
+                            <div class="box animated delay-1s fadeInRight">
+                                <img src="https://nextcloud.53hor.net/s/WA4MokYXXGJHf6n/preview">
+                            </div>
                         </div>
                     </div>
-                    <!-- end content -->
-
                 </div>
+
             </div>
             <!-- end hero body -->
 
diff --git a/_layouts/page.liquid b/_layouts/page.liquid
index ebb3c7d..b97dc7e 100644
--- a/_layouts/page.liquid
+++ b/_layouts/page.liquid
@@ -2,6 +2,7 @@
 <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">
     </head>
diff --git a/_layouts/post.liquid b/_layouts/post.liquid
index 6c90a7e..54bf211 100644
--- a/_layouts/post.liquid
+++ b/_layouts/post.liquid
@@ -2,6 +2,7 @@
 <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">
     </head>
diff --git a/bulma.sass b/bulma.sass
index 21407dc..006fcf5 100644
--- a/bulma.sass
+++ b/bulma.sass
@@ -3,7 +3,28 @@
 
 // primary colors
 $balboa: hsl(196, 63%, 27%);
+
+/* coolors.co/193a44-ffffff-1c5d99-639fab-bbcde5 */
+$white: hsl(0%, 0%, 100%);
+$lapis-lazuli: hsl(209%, 69%, 35%);
+$cadet-blue: hsl(190%, 30%, 53%);
+$pale-aqua: hsl(214%, 45%, 82%);
+
+/* coolors.co/193a44-dcedff-94b0da-8f91a2-505a5b */
+//$azurish-white: hsl(211%, 100%, 93%);
+//$light-cobalt-blue: hsl(216%, 49%, 72%);
+//$gray-blue: hsl(234%, 9%, 60%);
+//$feldgrau: hsl(185%, 6%, 34%);
+
+// derived colors
 $primary: $balboa;
+$info: $lapis-lazuli;
+$link: $lapis-lazuli;
+$success: $cadet-blue;
+//$warning:
+//$danger:
+$light: $pale-aqua;
+//$dark:
 
 @import "_sass/utilities/_all";
 @import "_sass/base/_all";
diff --git a/index.md b/index.md
index 24040f4..57e29ea 100644
--- a/index.md
+++ b/index.md
@@ -1,6 +1,11 @@
 ---
 layout: index.liquid
-title: My name is Adam Carpenter
+title: I'm Adam Carpenter
 categories: ["index"]
 ---
-More to come soon! Go to the pages on the top-right to see my first posts.
+Automation Application Developer at ADP
+
+Amateur Hudson mechanic
+
+Loving fiancé and puppy parent
+