Updated index, experimented with remote image loading.

5 files changed, 109 insertions, 22 deletions

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 a26e36a..fc3e2d7 100644
--- a/_includes/nav.liquid
+++ b/_includes/nav.liquid
@@ -5,7 +5,7 @@ is-primary
 {% if page.title contains "Carpenter" %}
     animated
 {% endif %}
-fadeInDown
+bounceInDown
 ">
     <!-- begin brand -->
     <div class="navbar-brand">
@@ -19,24 +19,33 @@ fadeInDown
          >
          <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" />
+                    <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"
+         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="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" />
+                    <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>
-                        YouTube
+                        GitLab
                     </title>
                 </svg>
             </span>
@@ -44,19 +53,52 @@ fadeInDown
         
         <a 
          class="navbar-item"
-         href="https://gitlab.com/53hornet"
+         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="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" />
+                    <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>
-                        GitLab
+                        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/"
@@ -64,7 +106,16 @@ fadeInDown
          >
             <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" />
+                    <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>
diff --git a/_layouts/index.liquid b/_layouts/index.liquid
index 9293d7a..6b53922 100644
--- a/_layouts/index.liquid
+++ b/_layouts/index.liquid
@@ -25,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/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
+