summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
author53hornet <53hornet@gmail.com>2019-04-04 17:05:43 -0400
committer53hornet <53hornet@gmail.com>2019-04-04 17:05:43 -0400
commita187a89bc60994f9bd58b6c31f6f3f4275bcb195 (patch)
treeea47686df4e8f49df0cce5d2e2719a9f4a3622b7
parent5a67f495b72f1bdbfbe5dbb770b9d25cc2f16055 (diff)
downloadcobalt-site-a187a89bc60994f9bd58b6c31f6f3f4275bcb195.tar.xz
cobalt-site-a187a89bc60994f9bd58b6c31f6f3f4275bcb195.zip
Finished index layout, page layout; split out common includes.
-rw-r--r--_defaults/posts.md4
-rw-r--r--_includes/footer.liquid34
-rw-r--r--_includes/nav.liquid128
-rw-r--r--_includes/toc.liquid21
-rw-r--r--_layouts/index.liquid135
-rw-r--r--_layouts/page.liquid146
-rw-r--r--auto.md4
-rw-r--r--bulma.sass2
-rw-r--r--index.md6
-rw-r--r--life.md4
-rw-r--r--posts/2019-03-30-post-1.md9
-rw-r--r--posts/2019-04-04-clem.md12
-rw-r--r--posts/2019-04-04-commodore.md12
-rw-r--r--posts/2019-04-04-hudsons.md12
-rw-r--r--posts/why-the-53-sedan-is-so-cool-to-me.md11
-rw-r--r--tech.md4
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>
diff --git a/auto.md b/auto.md
new file mode 100644
index 0000000..fbb72af
--- /dev/null
+++ b/auto.md
@@ -0,0 +1,4 @@
+---
+title: Automotive
+layout: page.liquid
+---
diff --git a/bulma.sass b/bulma.sass
index 0d7ae5a..21407dc 100644
--- a/bulma.sass
+++ b/bulma.sass
@@ -11,4 +11,4 @@ $primary: $balboa;
@import "_sass/components/_all";
@import "_sass/grid/_all";
@import "_sass/layout/_all";
-@import "animate.css";
+//@import "animate.css";
diff --git a/index.md b/index.md
index ccc521e..63010d4 100644
--- a/index.md
+++ b/index.md
@@ -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
diff --git a/life.md b/life.md
new file mode 100644
index 0000000..c59d83e
--- /dev/null
+++ b/life.md
@@ -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 %}
diff --git a/tech.md b/tech.md
new file mode 100644
index 0000000..8e92d05
--- /dev/null
+++ b/tech.md
@@ -0,0 +1,4 @@
+---
+title: Technology
+layout: page.liquid
+---