diff options
| author | 53hornet <53hornet@gmail.com> | 2019-04-04 17:05:43 -0400 |
|---|---|---|
| committer | 53hornet <53hornet@gmail.com> | 2019-04-04 17:05:43 -0400 |
| commit | a187a89bc60994f9bd58b6c31f6f3f4275bcb195 (patch) | |
| tree | ea47686df4e8f49df0cce5d2e2719a9f4a3622b7 | |
| parent | 5a67f495b72f1bdbfbe5dbb770b9d25cc2f16055 (diff) | |
| download | cobalt-site-a187a89bc60994f9bd58b6c31f6f3f4275bcb195.tar.xz cobalt-site-a187a89bc60994f9bd58b6c31f6f3f4275bcb195.zip | |
Finished index layout, page layout; split out common includes.
| -rw-r--r-- | _defaults/posts.md | 4 | ||||
| -rw-r--r-- | _includes/footer.liquid | 34 | ||||
| -rw-r--r-- | _includes/nav.liquid | 128 | ||||
| -rw-r--r-- | _includes/toc.liquid | 21 | ||||
| -rw-r--r-- | _layouts/index.liquid | 135 | ||||
| -rw-r--r-- | _layouts/page.liquid | 146 | ||||
| -rw-r--r-- | auto.md | 4 | ||||
| -rw-r--r-- | bulma.sass | 2 | ||||
| -rw-r--r-- | index.md | 6 | ||||
| -rw-r--r-- | life.md | 4 | ||||
| -rw-r--r-- | posts/2019-03-30-post-1.md | 9 | ||||
| -rw-r--r-- | posts/2019-04-04-clem.md | 12 | ||||
| -rw-r--r-- | posts/2019-04-04-commodore.md | 12 | ||||
| -rw-r--r-- | posts/2019-04-04-hudsons.md | 12 | ||||
| -rw-r--r-- | posts/why-the-53-sedan-is-so-cool-to-me.md | 11 | ||||
| -rw-r--r-- | tech.md | 4 |
16 files changed, 277 insertions, 267 deletions
diff --git a/_defaults/posts.md b/_defaults/posts.md index 8ea863d..89dc685 100644 --- a/_defaults/posts.md +++ b/_defaults/posts.md @@ -1,8 +1,10 @@ --- +is_draft: true layout: post.liquid title: New Post -is_draft: true +tags: [] +categories: [] --- # A New Post 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 --> diff --git a/_layouts/index.liquid b/_layouts/index.liquid index 5e65fbf..20ec588 100644 --- a/_layouts/index.liquid +++ b/_layouts/index.liquid @@ -4,6 +4,7 @@ <meta charset="utf-8"> <title>{{ page.title }}</title> <link rel="stylesheet" href="bulma.css"> + <link rel="stylesheet" href="animate.css"> </head> <body> @@ -16,116 +17,24 @@ "> <!-- begin hero head --> <div class="hero-head"> - <div class="container"> - - <!-- begin navbar --> - <nav class="navbar animated fadeInDown"> - <!-- begin brand --> - <div class="navbar-brand"> - <a class="navbar-item" href="/"> - <img src="logo.png"> - </a> - </div> - <!-- end brand --> - - <!-- begin menu --> - <div class="navbar-menu is-active"> - - <!-- begin start --> - <div class="navbar-start"> - <a class="navbar-item"> - YouTube - </a> - - <a class="navbar-item"> - GitLab - </a> - - <a class="navbar-item"> - LinkedIn - </a> - - </div> - <!-- end start --> - - <!-- begin end --> - <div class="navbar-end"> - <a class="navbar-item"> - Subscribe to RSS Feed - </a> - </div> - <!-- end end --> - - </div> - <!-- end menu --> - - </nav> - <!-- end navbar --> - - </div> + {% include "nav.liquid" %} </div> - <!-- end hero header --> + <!-- end hero head --> <!-- begin hero body --> <div class="hero-body"> <div class="container"> - <div class="columns"> - - <!-- begin content --> - <div class="column"> - <h1 class="title is-1"> - {{ page.title }} - </h1> - </div> - <!-- end content --> - - <!-- begin TOC --> - <div class=" - column - is-narrow - animated - fadeInRight - "> - <div class="box"> - <aside class="menu"> - <p class="menu-label"> - Automotive - </p> - <ul class="menu-list"> - <li> - {% for post in collections.posts.pages %} - <a href="{{ post.permalink }}"> - {{ post.title }} - </a> - {% endfor %} - <a>test</a> - <a>test</a> - <a>test</a> - <a>test</a> - <a>test</a> - <a>test</a> - <a>test</a> - <a>test</a> - <a>test</a> - <a>test</a> - <a>test</a> - <a>test</a> - <a>test</a> - </li> - </ul> - <p class="menu-label"> - Technology - </p> - <p class="menu-label"> - Life - </p> - </aside> - </div> - </div> - <!-- end TOC --> + <!-- begin content --> + <div class="column"> + <h1 class="title"> + {{ page.title }} + </h1> + {{ page.content }} </div> + <!-- end content --> + </div> </div> <!-- end hero body --> @@ -133,27 +42,7 @@ </section> <!-- end hero --> - <!-- begin footer --> - <footer class="footer"> - <div class="content has-text-centered"> - <p> - This static site was built using Cobalt.rs, Bulma.io, - Animate.css, and is self-hosted with Nginx - </p> - <p> - See a problem? - <a href="#"> - Tell me so I can fix it - </a> - or - <a href="#"> - fix it yourself! - </a> - </p> - </div> - </footer> - <!-- end footer --> - + {% include "footer.liquid" %} </body> </html> diff --git a/_layouts/page.liquid b/_layouts/page.liquid index 7dc01b7..3d5e1ef 100644 --- a/_layouts/page.liquid +++ b/_layouts/page.liquid @@ -9,145 +9,47 @@ <body> <!-- begin hero --> <section class=" - hero - is-primary - is-fullheight - "> + hero + is-primary + "> <!-- begin hero head --> <div class="hero-head"> - <div class="container"> - - <!-- begin navbar --> - <nav class="navbar animated fadeInDown"> - <!-- begin brand --> - <div class="navbar-brand"> - <a class="navbar-item" href="/"> - <img src="logo.png"> - </a> - </div> - <!-- end brand --> - - <!-- begin menu --> - <div class="navbar-menu is-active"> - - <!-- begin start --> - <div class="navbar-start"> - <a class="navbar-item"> - Home - </a> - <a class="navbar-item"> - '53 Hornet - </a> - <a class="navbar-item"> - Technology - </a> - </div> - <!-- end start --> - - <!-- begin end --> - <div class="navbar-end"> - <a class="navbar-item"> - About - </a> - </div> - <!-- end end --> - - </div> - <!-- end menu --> - - </nav> - <!-- end navbar --> - - </div> + {% include "nav.liquid" %} </div> - <!-- end hero header --> + <!-- end hero head --> <!-- begin hero body --> <div class="hero-body"> <div class="container"> - <h2 class="title"> + <h1 class="title"> {{ page.title }} - </h2> - - {{ page.content }} + </h1> </div> </div> <!-- end hero body --> - <!-- begin hero footer --> - <div class=" - hero-foot - animated - fadeInUp - "> - <div class=" - container - has-text-centered - "> - <div class=" - buttons - has-addons - is-centered - "> - <a class=" - button - is-rounded - is-light - is-outlined - "> - <span> - Facebook - </span> - </a> - <a class=" - button - is-rounded - is-light - is-outlined - "> - <span> - LinkedIn - </span> - </a> - <a class=" - button - is-rounded - is-light - is-outlined - "> - <span> - RSS - </span> - </a> - </div> - </div> - </div> - <!-- end hero footer --> - </section> <!-- end hero --> - <!-- begin footer --> - <footer class="footer"> - <div class="content has-text-centered"> - <p> - This static site was built using Cobalt.rs, Bulma.io, - Animate.css, and is self-hosted with Nginx - </p> - <p> - See a problem? - <a href="#"> - Tell me so I can fix it - </a> - or - <a href="#"> - fix it yourself! - </a> - </p> + <!-- begin main content --> + <section class="section"> + <div class="container"> + <div class="columns"> + + <div class="column"> + {{ page.content }} + </div> + + <div class="column is-narrow"> + {% include "toc.liquid" %} + </div> + + </div> </div> - </footer> - <!-- end footer --> + </section> + <!-- end main content --> + {% include "footer.liquid" %} </body> </html> @@ -0,0 +1,4 @@ +--- +title: Automotive +layout: page.liquid +--- @@ -11,4 +11,4 @@ $primary: $balboa; @import "_sass/components/_all"; @import "_sass/grid/_all"; @import "_sass/layout/_all"; -@import "animate.css"; +//@import "animate.css"; @@ -1,4 +1,10 @@ --- layout: index.liquid title: My name is Adam Carpenter +categories: ["index"] --- +And this is my web site. + +Wait you have a blog? In 2019?! + +All kinds of posts pertaining to my interests at the top of the page @@ -0,0 +1,4 @@ +--- +title: My Life +layout: page.liquid +--- diff --git a/posts/2019-03-30-post-1.md b/posts/2019-03-30-post-1.md deleted file mode 100644 index cc70586..0000000 --- a/posts/2019-03-30-post-1.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: First Post -published_date: "2019-03-30 20:42:44 +0000" -layout: post.liquid -is_draft: false ---- -# This is our first Post! - -Welcome to the first post ever on cobalt.rs! diff --git a/posts/2019-04-04-clem.md b/posts/2019-04-04-clem.md new file mode 100644 index 0000000..9695d3c --- /dev/null +++ b/posts/2019-04-04-clem.md @@ -0,0 +1,12 @@ +--- +title: clem +categories: + - life +tags: [] +published_date: "2019-04-04 14:01:23 +0000" +layout: post.liquid +is_draft: false +--- +# A New Post + +Start writing already... diff --git a/posts/2019-04-04-commodore.md b/posts/2019-04-04-commodore.md new file mode 100644 index 0000000..041938a --- /dev/null +++ b/posts/2019-04-04-commodore.md @@ -0,0 +1,12 @@ +--- +title: commodore +categories: + - Technology +tags: [] +published_date: "2019-04-04 14:01:23 +0000" +layout: post.liquid +is_draft: false +--- +# A New Post + +Start writing already... diff --git a/posts/2019-04-04-hudsons.md b/posts/2019-04-04-hudsons.md new file mode 100644 index 0000000..3e550b7 --- /dev/null +++ b/posts/2019-04-04-hudsons.md @@ -0,0 +1,12 @@ +--- +title: hudsons +categories: + - auto +tags: [] +published_date: "2019-04-04 14:01:23 +0000" +layout: post.liquid +is_draft: false +--- +# A New Post + +Start writing already... diff --git a/posts/why-the-53-sedan-is-so-cool-to-me.md b/posts/why-the-53-sedan-is-so-cool-to-me.md deleted file mode 100644 index 37da3fa..0000000 --- a/posts/why-the-53-sedan-is-so-cool-to-me.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: "Why the '53 Sedan Is So Cool to Me" -layout: post.liquid ---- -## Blog! - -{% for post in collections.posts.pages %} -#### {{post.title}} - -[{{ post.title }}]({{ post.permalink }}) -{% endfor %} @@ -0,0 +1,4 @@ +--- +title: Technology +layout: page.liquid +--- |