diff options
| -rw-r--r-- | .gitlab-ci.yml | 14 | ||||
| -rw-r--r-- | _cobalt.yml | 2 | ||||
| -rw-r--r-- | _includes/nav.liquid | 217 | ||||
| -rw-r--r-- | _layouts/index.liquid | 29 | ||||
| -rw-r--r-- | _layouts/page.liquid | 1 | ||||
| -rw-r--r-- | _layouts/post.liquid | 1 | ||||
| -rw-r--r-- | bulma.sass | 21 | ||||
| -rw-r--r-- | index.md | 9 |
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> @@ -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"; @@ -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 + |