diff options
36 files changed, 527 insertions, 285 deletions
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml index f55167e..cc9d1c4 100644 --- a/.gitlab-ci.yml +++ b/.gitlab-ci.yml @@ -1,14 +1,7 @@ test: - stage: test - script: - - bundle exec cobalt build --trace - except: - - master - -deploy: - stage: deploy - script: - - bundle exec ls _site - only: - - master + stage: test + only: + - origin master + script: + - bundle exec cobalt build --trace diff --git a/README.md b/README.md new file mode 100644 index 0000000..916ca1a --- /dev/null +++ b/README.md @@ -0,0 +1,2 @@ +# The personal and professional website of Adam Carpenter + diff --git a/_cobalt.yml b/_cobalt.yml index 1b5746e..74bf31d 100644 --- a/_cobalt.yml +++ b/_cobalt.yml @@ -1,6 +1,7 @@ +ignore: ["readme.md", "README.md", ".git", ".gitignore"] site: title: 53hornet - description: Adam Tristan Carpenter + description: The personal webpages of Adam Tristan Carpenter base_url: https://53hor.net posts: rss: rss.xml diff --git a/_defaults/pages.md b/_defaults/pages.md index 28b1713..f7aec21 100644 --- a/_defaults/pages.md +++ b/_defaults/pages.md @@ -1,3 +1,4 @@ --- layout: page.liquid +permalink: "/{{slug}}" --- diff --git a/_defaults/posts.md b/_defaults/posts.md index 9b8659c..278e5e0 100644 --- a/_defaults/posts.md +++ b/_defaults/posts.md @@ -5,5 +5,6 @@ layout: post.liquid title: New Post tags: [] categories: [] +permalink: /posts/{{categories}}/{{slug}} --- Start writing already... diff --git a/_includes/all-posts.liquid b/_includes/all-posts.liquid new file mode 100644 index 0000000..ef05295 --- /dev/null +++ b/_includes/all-posts.liquid @@ -0,0 +1,21 @@ +<aside class="menu"> + <p class="menu-label"> + All Posts + </p> + + <ul class="menu-list"> + {% assign posts = collections.posts.pages | reverse %} + {% for post in posts %} + <li> + <a href="/{{ post.permalink }}"> + {% if post.published_date %} + <span class="tag"> + {{ post.published_date | date: "%e %b %Y" }} + </span> + {% endif %} + {{ post.title }} + </a> + </li> + {% endfor %} + </ul> +</aside> diff --git a/_includes/footer.liquid b/_includes/footer.liquid index 96b453c..a84d4f0 100644 --- a/_includes/footer.liquid +++ b/_includes/footer.liquid @@ -1,10 +1,19 @@ -<!-- begin footer --> -<footer class="footer"> +<div class="container"> <div class="content has-text-centered"> <p> Site last updated {{ "now" | date: "%A, %b %e, %Y" }} </p> <p> + See a problem? + <a href=" mailto:atc@53hor.net?subject=Found%20your%20website!"> + Tell me so I can fix it + </a> + or + <a href="https://gitlab.com/53hornet/cobalt-site"> + fix it yourself! + </a> + </p> + <p> Built using <a href="https://cobalt-org.github.io/"> Cobalt.rs @@ -22,16 +31,5 @@ NGINX </a> </p> - <p> - See a problem? - <a href=" mailto:atc@53hor.net?subject=Found%20your%20website!"> - 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 --> +</div> diff --git a/_includes/head.liquid b/_includes/head.liquid new file mode 100644 index 0000000..57befda --- /dev/null +++ b/_includes/head.liquid @@ -0,0 +1,4 @@ +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<title>{{ page.title }}</title> +<link rel="stylesheet" href="/public/css/styles.css"> diff --git a/_includes/hero.liquid b/_includes/hero.liquid new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/_includes/hero.liquid diff --git a/_includes/mdi-gitlab.html b/_includes/mdi-gitlab.html new file mode 100644 index 0000000..91b0456 --- /dev/null +++ b/_includes/mdi-gitlab.html @@ -0,0 +1,10 @@ +<svg style="width:24px;height:24px" viewBox="0 0 24 24"> + <title> + GitLab + </title> + <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" /> +</svg> diff --git a/_includes/mdi-journal.html b/_includes/mdi-journal.html new file mode 100644 index 0000000..b32aea7 --- /dev/null +++ b/_includes/mdi-journal.html @@ -0,0 +1,15 @@ +<svg style="width:24px;height:24px" viewBox="0 0 24 24"> + <title> + Journal + </title> + + <path fill="#ffffff" d="M19,2L14,6.5V17.5L19,13V2M6.5,5C4.55,5 2.45,5.4 + 1,6.5V21.16C1,21.41 1.25,21.66 1.5,21.66C1.6,21.66 1.65,21.59 + 1.75,21.59C3.1,20.94 5.05,20.5 6.5,20.5C8.45,20.5 10.55,20.9 + 12,22C13.35,21.15 15.8,20.5 17.5,20.5C19.15,20.5 20.85,20.81 + 22.25,21.56C22.35,21.61 22.4,21.59 22.5,21.59C22.75,21.59 23,21.34 + 23,21.09V6.5C22.4,6.05 21.75,5.75 21,5.5V7.5L21,13V19C19.9,18.65 18.7,18.5 + 17.5,18.5C15.8,18.5 13.35,19.15 12,20V13L12,8.5V6.5C10.55,5.4 8.45,5 + 6.5,5V5Z" /> + +</svg> diff --git a/_includes/mdi-linkedin.html b/_includes/mdi-linkedin.html new file mode 100644 index 0000000..260931f --- /dev/null +++ b/_includes/mdi-linkedin.html @@ -0,0 +1,14 @@ +<svg style="width:24px;height:24px" viewBox="0 0 24 24"> + <title> + LinkedIn + </title> + + <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" /> + +</svg> diff --git a/_includes/mdi-rss-box.html b/_includes/mdi-rss-box.html new file mode 100644 index 0000000..6950d99 --- /dev/null +++ b/_includes/mdi-rss-box.html @@ -0,0 +1,12 @@ +<svg style="width:24px;height:24px" viewBox="0 0 24 24"> + <title> + RSS + </title> + + <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" /> + +</svg> diff --git a/_includes/mdi-video-vintage.html b/_includes/mdi-video-vintage.html new file mode 100644 index 0000000..50189fd --- /dev/null +++ b/_includes/mdi-video-vintage.html @@ -0,0 +1,14 @@ +<svg style="width:24px;height:24px" viewBox="0 0 24 24"> + <title> + STMUAC YouTube Channel + </title> + + <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" /> + +</svg> diff --git a/_includes/mdi-youtube.html b/_includes/mdi-youtube.html new file mode 100644 index 0000000..70c5836 --- /dev/null +++ b/_includes/mdi-youtube.html @@ -0,0 +1,20 @@ +<svg style="width:24px;height:24px" viewBox="0 0 24 24"> + <title> + 53hornet YouTube Channel + </title> + + <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" /> + +</svg> diff --git a/_includes/nav.liquid b/_includes/nav.liquid index fc3e2d7..c2cf848 100644 --- a/_includes/nav.liquid +++ b/_includes/nav.liquid @@ -1,168 +1,93 @@ <!-- begin navbar --> -<nav class=" -navbar -is-primary -{% if page.title contains "Carpenter" %} - animated -{% endif %} -bounceInDown -"> - <!-- begin brand --> - <div class="navbar-brand"> - <a class="navbar-item" href="/"> - <img src="/logo.png"> - </a> - <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 --> - - <!-- begin menu --> - <div class="navbar-menu is-active"> +<div class="container"> + <nav class="navbar is-primary"> + <!-- begin brand --> + <div class="navbar-brand"> + <a class="navbar-item" href="/"> + <img src="/public/images/logo.png"> + </a> + <a class="navbar-item" + href="/rss.xml" + target="_blank" + > + <span class="icon"> + {% include mdi-rss-box.html %} + </span> + </a> - <!-- begin start --> - <div class="navbar-start"> - <p class="navbar-item"> - Adam Tristan Carpenter - </p> - </div> - <!-- end start --> + <a class="navbar-item" + href="https://gitlab.com/53hornet" + target="_blank" + > + <span class="icon"> + {% include mdi-gitlab.html %} + </span> + </a> - <!-- begin end --> - <div class="navbar-end"> - <a - class="navbar-item" - href="/tech.html" + <a class="navbar-item" + href="https://youtube.com/user/my53hornet" + target="_blank" > - Technology + <span class="icon"> + {% include mdi-youtube.html %} + </span> </a> - <a - class="navbar-item" - href="/auto.html" + + <a class="navbar-item" + href="https://www.youtube.com/user/STMUAC" + target="_blank" > - Automotive + <span class="icon"> + {% include mdi-video-vintage.html %} + </span> </a> - <a - class="navbar-item" - href="/life.html" + + <a class="navbar-item" + href="https://www.linkedin.com/in/adam-carpenter/" + target="_blank" > - My Life + <span class="icon"> + {% include mdi-linkedin.html %} + </span> </a> + </div> - <!-- end end --> + <!-- end brand --> + + <!-- begin menu --> + <div class="navbar-menu is-active"> + + <!-- begin start --> + <div class="navbar-start"> + </div> + <!-- end start --> - </div> - <!-- end menu --> + <!-- begin end --> + <div class="navbar-end"> + <!--<a class="navbar-item" + href-"/53hornet" + > + 53hornet Project + </a> + + <a class="navbar-item" + href="/driver" + > + Driver + </a>--> + + <a class="navbar-item" + href="/journal" + > + Journal + </a> + </div> + <!-- end end --> + + </div> + <!-- end menu --> -</nav> + </nav> +</div> <!-- end navbar --> diff --git a/_includes/post-list.liquid b/_includes/post-list.liquid new file mode 100644 index 0000000..e62fd63 --- /dev/null +++ b/_includes/post-list.liquid @@ -0,0 +1,37 @@ +<div class="columns is-centered is-multiline"> + {% assign posts = collections.posts.pages | reverse %} + {% for post in posts %} + <div class="column is-full"> + <div class="card"> + <header class="card-header"> + <p class="card-header-title"> + {% if post.published_date %} + {{ post.published_date | date: "%A, %b %e, %Y" }} + {% endif %} + </p> + </header> + <div class="card-content"> + <p class="subtitle"> + {{ post.title }} + </p> + <div class="content"> + {{ post.content | truncatewords: 50 }} + </div> + </div> + <footer class="card-footer"> + <a class="card-footer-item" + href="{{ post.permalink }}" + > + Read more... + </a> + <a class="card-footer-item" + href="{{ post.permalink }}" + target="_blank" + > + Open in new tab... + </a> + </footer> + </div> + </div> + {% endfor %} +</div> diff --git a/_includes/similar-posts.liquid b/_includes/similar-posts.liquid new file mode 100644 index 0000000..0dddca2 --- /dev/null +++ b/_includes/similar-posts.liquid @@ -0,0 +1,28 @@ +<aside class="menu"> + <p class="menu-label"> + Similar Posts + </p> + + <ul class="menu-list"> + {% for post in collections.posts.pages %} + {% + if post.categories + and page.categories + and page.title != post.title + and post.categories contains page.categories.first + %} + <li> + <a href="/{{ post.permalink }}"> + {% if post.published_date %} + <span class="tag is-rounded"> + {{ post.published_date | date: "%e %b %Y" }} + </span> + {% endif %} + + {{ post.title }} + </a> + </li> + {% endif %} + {% endfor %} + </ul> +</aside> diff --git a/_includes/toc.liquid b/_includes/toc.liquid deleted file mode 100644 index 7e43a04..0000000 --- a/_includes/toc.liquid +++ /dev/null @@ -1,21 +0,0 @@ -<!-- 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 --> diff --git a/_layouts/index.liquid b/_layouts/index.liquid index 6b53922..39c0084 100644 --- a/_layouts/index.liquid +++ b/_layouts/index.liquid @@ -1,21 +1,17 @@ <!DOCTYPE html> <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"> + {% include "head.liquid" %} + <link rel="stylesheet" href="/public/css/animate.css"> </head> <body> <!-- begin hero --> - <section class=" - hero - is-primary - is-fullheight - is-fullheight-with-navbar - "> + <section class="hero + is-primary + is-fullheight + is-fullheight-with-navbar + "> <!-- begin hero head --> <div class="hero-head"> {% include "nav.liquid" %} @@ -24,38 +20,76 @@ <!-- begin hero body --> <div class="hero-body"> - <div class="container is-fluid"> + <div class="container"> <div class="columns"> - <div class="column"> + <div class="column is-two-fifths"> <!-- begin content --> <div class="column"> - <h1 class="title animated fadeInLeft"> - {{ page.title }} - </h1> + <p class="subtitle is-3"> + Greetings, my name is + </p> + <p class="title is-1"> + Adam Carpenter + </p> - <div class="content animated fadeInLeft"> - {{ page.content }} + <div class="content"> + <p> + and I am a... + <ul> + <li> + Computer programmer at ADP + </li> + <li> + Amateur Hudson driver, mechanic, and caretaker + </li> + <li> + Loving fiancé and puppy parent + </li> + </ul> + </p> </div> + + <p> + and this is my website. + </p> + + <p class="has-text-centered animated jello delay-1s"> + ↓ Keep reading below ↓ + </p> </div> <!-- end content --> </div> <div class="column"> - <div class="box animated delay-1s fadeInRight"> - <img src="https://nextcloud.53hor.net/s/WA4MokYXXGJHf6n/preview"> + <div class="box animated fadeIn"> + <figure class="image"> + <img src="https://nextcloud.53hor.net/s/JybL4rc3AQZb3Hk/preview"> + </figure> </div> </div> </div> - </div> + </div> </div> <!-- end hero body --> </section> <!-- end hero --> - {% include "footer.liquid" %} - </body> + <!-- begin main content --> + <section class="section"> + <div class="container"> + <div class="content"> + {{ page.content }} + </div> + </div> + </section> + <!-- end main content --> + + <footer class="footer"> + {% include "footer.liquid" %} + </footer> + </body> </html> diff --git a/_layouts/journal.liquid b/_layouts/journal.liquid new file mode 100644 index 0000000..e3f5ae4 --- /dev/null +++ b/_layouts/journal.liquid @@ -0,0 +1,72 @@ +<!DOCTYPE html> +<html> + <head> + {% include "head.liquid" %} + <script src="/public/js/lunr.js"></script> + </head> + + <body> + <!-- begin hero --> + <section class=" + hero + is-primary + "> + <!-- begin hero head --> + <div class="hero-head"> + {% include "nav.liquid" %} + </div> + <!-- end hero head --> + + <!-- begin hero body --> + <div class="hero-body"> + <div class="container"> + <h1 class="title"> + {{ page.title }} + </h1> + </div> + </div> + <!-- end hero body --> + + </section> + <!-- end hero --> + + <!-- begin main content --> + <section class="section"> + <div class="container"> + + <div class="content"> + {{ page.content }} + </div> + + </div> + </section> + <!-- end main content --> + + <!-- begin blog posts --> + <section class="section"> + <div class="container"> + <div class="columns"> + + <!-- begin short post list --> + <div class="column is-narrow"> + {% include all-posts.liquid %} + </div> + <!-- end short post list --> + + <!-- begin long post list --> + <div class="column"> + {% include post-list.liquid %} + </div> + <!-- end long post list --> + + </div> + </div> + </section> + <!-- end blog posts --> + + <footer class="footer"> + {% include "footer.liquid" %} + </footer> + </body> + +</html> diff --git a/_layouts/page.liquid b/_layouts/page.liquid index b97dc7e..28e8e20 100644 --- a/_layouts/page.liquid +++ b/_layouts/page.liquid @@ -1,18 +1,12 @@ <!DOCTYPE html> <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"> + {% include "head.liquid" %} </head> <body> <!-- begin hero --> - <section class=" - hero - is-primary - "> + <section class="hero is-primary"> <!-- begin hero head --> <div class="hero-head"> {% include "nav.liquid" %} @@ -21,7 +15,7 @@ <!-- begin hero body --> <div class="hero-body"> - <div class="container is-fluid"> + <div class="container"> <h1 class="title"> {{ page.title }} </h1> @@ -34,15 +28,19 @@ <!-- begin main content --> <section class="section"> - <div class="container is-fluid"> + <div class="container"> <div class="columns"> <div class="column"> - {{ page.content }} + <div class="content"> + {{ page.content }} + </div> </div> <div class="column is-narrow"> - {% include "toc.liquid" %} + <aside> + {% include "toc.liquid" %} + </aside> </div> </div> @@ -50,7 +48,9 @@ </section> <!-- end main content --> - {% include "footer.liquid" %} - </body> + <footer class="footer"> + {% include "footer.liquid" %} + </footer> + </body> </html> diff --git a/_layouts/post.liquid b/_layouts/post.liquid index 54bf211..80831a2 100644 --- a/_layouts/post.liquid +++ b/_layouts/post.liquid @@ -1,18 +1,12 @@ <!DOCTYPE html> <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"> + {% include "head.liquid" %} </head> <body> <!-- begin hero --> - <section class=" - hero - is-primary - "> + <section class="hero is-primary"> <!-- begin hero head --> <div class="hero-head"> {% include "nav.liquid" %} @@ -21,33 +15,41 @@ <!-- begin hero body --> <div class="hero-body"> - <div class="container is-fluid"> + <div class="container"> <!-- begin title and date --> <h1 class="title"> {{ page.title }} </h1> <h2 class="subtitle"> - {{ page.published_date | date: "%A, %b %e, %Y" }} + {% if page.published_date %} + {{ page.published_date | date: "%A, %b %e, %Y" }} + {% else %} + Unpublished! + {% endif %} </h2> <!-- end title and date --> <!-- begin categories and tags --> + <p> {% if page.categories %} + Categories: {% for category in page.categories %} - <span class="tag"> + <span class="tag is-rounded"> {{ category | downcase }} </span> {% endfor %} {% endif %} {% if page.tags %} + Tags: {% for tag in page.tags %} - <span class="tag"> - {{ tag | downcase }} + <span class="tag is-rounded"> + #{{ tag | downcase }} </span> {% endfor %} {% endif %} + </p> <!-- end categories and tags --> </div> @@ -59,15 +61,25 @@ <!-- begin main content --> <section class="section"> - <div class="container is-fluid"> - <div class="content"> - {{ page.content }} + <div class="container"> + <div class="columns"> + <div class="column"> + <div class="content"> + {{ page.content }} + </div> + </div> + + <div class="column is-narrow"> + {% include similar-posts.liquid %} + </div> </div> </div> </section> <!-- end main content --> - {% include "footer.liquid" %} - </body> + <footer class="footer"> + {% include "footer.liquid" %} + </footer> + </body> </html> diff --git a/auto.md b/auto.md deleted file mode 100644 index 445ae09..0000000 --- a/auto.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: Automotive -layout: page.liquid ---- - -More to come soon! @@ -1,11 +1,21 @@ --- layout: index.liquid -title: I'm Adam Carpenter +title: Welcome! categories: ["index"] --- -Automation Application Developer at ADP +# Welcome! -Amateur Hudson mechanic +You've reached the personal and professional pages of Adam Carpenter +(53hornet). Below's a summary of what you'll find on my site. If you want to +search my site or get alerts when new content is added, [subscribe to my RSS +feed](/rss.xml). -Loving fiancé and puppy parent +## Journal +A running collection of posts about what I've been up to. + +## More to Come + +There's a lot more in the works as I continue to get this site set up the way I +want it. It's a work-in-progress currently but I've been enjoying the +transition from my older sites. diff --git a/life.md b/life.md deleted file mode 100644 index 677129e..0000000 --- a/life.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -title: My Life -layout: page.liquid ---- -More to come soon! diff --git a/pages/journal.md b/pages/journal.md new file mode 100644 index 0000000..00386e3 --- /dev/null +++ b/pages/journal.md @@ -0,0 +1,6 @@ +--- +title: Journal +layout: journal.liquid +permalink: "/{{slug}}" +--- +# Is it a blog? Probably. diff --git a/posts/2019-04-06-why-have-a-web-site-in-2019.md b/posts/2019-04-06-why-have-a-website-in-2019.md index 83d02f1..3c74763 100644 --- a/posts/2019-04-06-why-have-a-web-site-in-2019.md +++ b/posts/2019-04-06-why-have-a-website-in-2019.md @@ -1,13 +1,14 @@ --- -title: Why Have a Web Site in 2019? +permalink: /posts/{{categories}}/{{slug}} +title: Why Have a Website in 2019? categories: - - Technology + - technology tags: - - website - - self-hosted - - blog - - online presence -published_date: "2019-04-06 15:12:16 +0000" + - website + - self-hosted + - blog + - online presence +published_date: "2019-04-06 20:50:19 +0000" layout: post.liquid is_draft: false --- diff --git a/posts/how-to-start-and-drive-a-hudson-hornet.md b/posts/how-to-start-and-drive-a-hudson-hornet.md new file mode 100644 index 0000000..8728fba --- /dev/null +++ b/posts/how-to-start-and-drive-a-hudson-hornet.md @@ -0,0 +1,10 @@ +--- +permalink: /posts/{{categories}}/{{slug}} +title: How to Start and Drive a Hudson Hornet +categories: + - automotive +tags: [] +layout: post.liquid +is_draft: true +--- +Start writing already... diff --git a/posts/my-first-car-is-a-1953-hudson-hornet.md b/posts/my-first-car-is-a-1953-hudson-hornet.md new file mode 100644 index 0000000..50f857d --- /dev/null +++ b/posts/my-first-car-is-a-1953-hudson-hornet.md @@ -0,0 +1,9 @@ +--- +permalink: "/posts/{{categories}}/{{slug}}" +title: My First Car is a 1953 Hudson Hornet +categories: ["automotive"] +tags: [] +layout: post.liquid +is_draft: true +--- +Start writing already... diff --git a/posts/oh-sh-t-or-the-case-for-safer-classic-cars.md b/posts/oh-sh-t-or-the-case-for-safer-classic-cars.md new file mode 100644 index 0000000..55c93b1 --- /dev/null +++ b/posts/oh-sh-t-or-the-case-for-safer-classic-cars.md @@ -0,0 +1,9 @@ +--- +permalink: "/posts/{{categories}}/{{slug}}" +title: "Oh, Sh*t, or, the Case for Safer Classic Cars" +categories: ["automotive"] +tags: [] +layout: post.liquid +is_draft: true +--- +Start writing already... diff --git a/posts/school-server-closets-are-utopic.md b/posts/school-server-closets-are-utopic.md new file mode 100644 index 0000000..97650c6 --- /dev/null +++ b/posts/school-server-closets-are-utopic.md @@ -0,0 +1,10 @@ +--- +permalink: /posts/{{categories}}/{{slug}} +title: School Server Closets are Utopic +categories: +- technology +tags: [] +layout: post.liquid +is_draft: true +--- +Start writing already... diff --git a/posts/what-is-a-scripting-language-really.md b/posts/what-is-a-scripting-language-really.md new file mode 100644 index 0000000..dd95ce7 --- /dev/null +++ b/posts/what-is-a-scripting-language-really.md @@ -0,0 +1,10 @@ +--- +permalink: /posts/{{categories}}/{{slug}} +title: What Is a Scripting Language Really? +categories: + - technology +tags: [] +layout: post.liquid +is_draft: true +--- +Start writing already... diff --git a/bulma.sass b/public/css/styles.sass index 006fcf5..400ead3 100644 --- a/bulma.sass +++ b/public/css/styles.sass @@ -5,7 +5,7 @@ $balboa: hsl(196, 63%, 27%); /* coolors.co/193a44-ffffff-1c5d99-639fab-bbcde5 */ -$white: hsl(0%, 0%, 100%); +// $white: hsl(0%, 0%, 100%); $lapis-lazuli: hsl(209%, 69%, 35%); $cadet-blue: hsl(190%, 30%, 53%); $pale-aqua: hsl(214%, 45%, 82%); diff --git a/logo.png b/public/images/logo.png Binary files differindex 549bd0e..549bd0e 100644 --- a/logo.png +++ b/public/images/logo.png diff --git a/tech.md b/tech.md deleted file mode 100644 index 5d0dba1..0000000 --- a/tech.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -title: Technology -layout: page.liquid ---- -More to come soon! |
