.travis.yml

@@ -9,9 +9,9 @@ script:
   - zola build
 
 after_success: |
-  [ $TRAVIS_BRANCH = source ] &&
+  [ $TRAVIS_BRANCH = code ] &&
   [ $TRAVIS_PULL_REQUEST = false ] &&
   zola build &&
   sudo pip install ghp-import &&
-  ghp-import -m "build ${TRAVIS_COMMIT}" -c 1bit.pw -n public -b master &&
+  ghp-import -c 1bit.pw -n public -b master &&
   git push -fq https://${GH_TOKEN}@github.com/${TRAVIS_REPO_SLUG}.git master

config.toml

@@ -9,6 +9,7 @@ generate_rss = true
 
 taxonomies = [
 	{name = "blog/tags", rss = true},
+	{name = "blog/categories", rss = true}
 ]
 
 [extra]
@@ -19,6 +20,7 @@ name = "Blog"
 url = "/blog"
 sub = [
 	{name = "Latest", url = "/blog"},
+	{name = "Categories", url = "/blog/categories"},
 	{name = "Tags", url = "/blog/tags"}
 ]
 

content/about/_index.md

@@ -1,7 +1,6 @@
 +++
 template = "about.html"
 insert_anchor_links = "right"
-description = "Hi! I'm James, a fellow earthling living in Australia."
 +++
 
 Hi! I'm James, a fellow earthling living in Australia.

content/about/social.md

@@ -1,6 +1,5 @@
 +++
 title = "Social"
-description = "Links to my accounts on various social services for identity, code, media, gaming and discussion."
 +++
 
 ## Identity

content/blog/.gitignore

@@ -1 +0,0 @@
-*.draft.md

content/blog/_index.md

@@ -1,8 +1,5 @@
 +++
-sort_by = "date"
 paginate_by = 10
 insert_anchor_links = "right"
 template = "blog.html"
-description = "The barren desert... uh... personal blog of avitex."
-page_template = "blog/post.html"
 +++

content/blog/hello-world.md

@@ -2,8 +2,11 @@
 title = "Hello World"
 date = 2018-08-22
 
+template = "blog/post.html"
+
 [taxonomies]
-"blog/tags" = ["meta", "new"]
+"blog/tags" = ["new"]
+"blog/categories" = ["meta"]
 +++
 
 Thought it would be a good idea to have somewhere to put my ramblings, and so I am here.  

content/projects/_index.md

@@ -1,12 +1,10 @@
 +++
 template = "projects.html"
 insert_anchor_links = "right"
-page_template = "page.html"
-description = "Project repositories, along with their associated state. PRs are always welcome, see my about page to contact me."
 +++
 
 Project repositories, along with their associated state.  
-PRs are always welcome, see my [about page](@/about/_index.md) to contact me.
+PRs are always welcome, see my [about](@/about/_index.md) to contact me.
 
 ## Rust
 - `arae` - [git](https://github.com/avitex/rust-arae) - `todo`, `v0.1`

sass/_home.scss

@@ -1,6 +1,7 @@
 .home-page {
     width: 100%;
     height: 100%;
+    min-width: 600px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -10,9 +11,4 @@
             margin: 0;
         }
     }
-
-    @media (max-width: $sm-breakpoint) {
-        text-align: center;
-        flex-direction: column;
-    }
 }

sass/_layout.scss

@@ -5,16 +5,15 @@
 }
 
 html, body {
-    width: 100%;
     height: 100%;
+    width: 100%;
 }
 
 .container {
     width: 100%;
+    min-width: 600px;
     max-width: 900px;
     margin-left: auto;
     margin-right: auto;
-    padding-left: 1rem;
-    padding-right: 1rem;
     padding-bottom: 2rem;
 }

sass/_search.scss

@@ -1,4 +1,4 @@
-#search {
+.search-container {
     input {
         padding: 0.5rem 0.75rem;
         border: none;
@@ -7,7 +7,7 @@
         border-radius: 4px;
     }
 
-    .results-container {
+    .search-results {
         display: none;
     }
 }

sass/_site-nav.scss

@@ -12,17 +12,18 @@
     li {
         display: inline-block;
         padding: 0 0.2rem;
+
+        color: $grey;
+
+        & > a.active {
+            color: $white;
+        }
     }
 
     a {
-        display: inline-block;
-        color: $grey;
+        color: inherit;
         border: none;
         text-decoration: none;
-
-        &:hover, &.active {
-            color: $white;
-        }
     }
 
     .main-menu {
@@ -30,6 +31,7 @@
     }
 
     .sub-menu {
+        color: $grey;
         font-size: 0.65rem;
     }
 }

sass/site.scss

@@ -95,14 +95,6 @@ small {
     font-size: 0.5em;
 }
 
-ul, ol {
-    padding-left: 1rem;
-
-    li {
-        padding-bottom: 0.2rem;
-    }
-}
-
 hr {
     border: none;
     height: 2px;

static/search.js

@@ -1,8 +1,3 @@
-// TODO: remove
-// <script type="text/javascript" src="{{ get_url(path="elasticlunr.min.js") | safe }}"></script>
-// <script type="text/javascript" src="{{ get_url(path="search_index.en.js") | safe }}"></script>
-// <script type="text/javascript" src="{{ get_url(path="search.js") | safe }}"></script>
-
 function debounce(func, wait) {
   var timeout;
 
@@ -39,13 +34,13 @@ function makeTeaser(body, terms) {
   });
   var termFound = false;
   var index = 0;
-  var weighted = []; // contains elements of ['word', weight, index_in_document]
+  var weighted = []; // contains elements of ["word", weight, index_in_document]
 
   // split in sentences, then words
-  var sentences = body.toLowerCase().split('. ');
+  var sentences = body.toLowerCase().split(". ");
 
   for (var i in sentences) {
-    var words = sentences[i].split(' ');
+    var words = sentences[i].split(" ");
     var value = FIRST_WORD_WEIGHT;
 
     for (var j in words) {
@@ -113,76 +108,73 @@ function makeTeaser(body, terms) {
 
     // add <em/> around search terms
     if (word[1] === TERM_WEIGHT) {
-      teaser.push('<b>');
+      teaser.push("<b>");
     }
     startIndex = word[2] + word[0].length;
     teaser.push(body.substring(word[2], startIndex));
 
     if (word[1] === TERM_WEIGHT) {
-      teaser.push('</b>');
+      teaser.push("</b>");
     }
   }
-  teaser.push('…');
-  return teaser.join('');
+  teaser.push("…");
+  return teaser.join("");
 }
 
 function formatSearchResultItem(item, terms) {
-  return '<div class="result">'
-    + `<a href="${item.ref}">${item.doc.title}</a>`
-    + `<div class="summary">${makeTeaser(item.doc.body, terms)}</div>`
-    + '</div>';
+  return '<div class="search-results__item">'
+  + `<a href="${item.ref}">${item.doc.title}</a>`
+  + `<div>${makeTeaser(item.doc.body, terms)}</div>`
+  + '</div>';
 }
 
 function initSearch() {
-  var $searchComponent = document.getElementById('search');
-  if ($searchComponent === null) {
-    return;
-  }
-  var $searchInput = $searchComponent.querySelector('input');
-  var $searchResults = $searchComponent.querySelector('.results-container');
-  var $searchResultsItems = $searchComponent.querySelector('.results');
+  var $searchInput = document.getElementById("search");
+  var $searchResults = document.querySelector(".search-results");
+  var $searchResultsItems = document.querySelector(".search-results__items");
   var MAX_ITEMS = 10;
 
   var options = {
-    bool: 'AND',
+    bool: "AND",
     fields: {
-      title: { boost: 2 },
-      body: { boost: 1 },
+      title: {boost: 2},
+      body: {boost: 1},
     }
   };
-  var currentTerm = '';
+  var currentTerm = "";
   var index = elasticlunr.Index.load(window.searchIndex);
 
-  $searchInput.addEventListener("keyup", debounce(function () {
+  $searchInput.addEventListener("keyup", debounce(function() {
     var term = $searchInput.value.trim();
     if (term === currentTerm || !index) {
       return;
     }
-    $searchResults.style.display = term === '' ? 'none' : 'block';
-    $searchResultsItems.innerHTML = '';
-    if (term === '') {
+    $searchResults.style.display = term === "" ? "none" : "block";
+    $searchResultsItems.innerHTML = "";
+    if (term === "") {
       return;
     }
 
     var results = index.search(term, options);
     if (results.length === 0) {
-      $searchResults.style.display = 'none';
+      $searchResults.style.display = "none";
       return;
     }
 
     currentTerm = term;
     for (var i = 0; i < Math.min(results.length, MAX_ITEMS); i++) {
-      var item = document.createElement('li');
-      item.innerHTML = formatSearchResultItem(results[i], term.split(' '));
+      var item = document.createElement("li");
+      item.innerHTML = formatSearchResultItem(results[i], term.split(" "));
       $searchResultsItems.appendChild(item);
     }
   }, 150));
 }
 
-if (document.readyState === 'complete' ||
-  (document.readyState !== 'loading' && !document.documentElement.doScroll)
+
+if (document.readyState === "complete" ||
+    (document.readyState !== "loading" && !document.documentElement.doScroll)
 ) {
   initSearch();
 } else {
-  document.addEventListener('DOMContentLoaded', initSearch);
+  document.addEventListener("DOMContentLoaded", initSearch);
 }

templates/blog/categories/list.html

@@ -0,0 +1,12 @@
+{% extends "content.html" %}
+{% block title %}Categories - {{ config.title }}{% endblock %}
+{% block content %}
+	<h1>Categories</h1>
+	{% if terms %}
+		<ul>
+			{% for term in terms %}
+				<li><a href="{{ term.permalink }}">{{ term.name }}</a> ({{ term.pages | length }})</li>
+			{% endfor %}
+		</ul>
+	{% endif %}
+{% endblock content %}

templates/blog/categories/single.html

@@ -0,0 +1,9 @@
+{% extends "content.html" %}
+{% import "post_macros.html" as post_macros %}
+{% block title %}Category {{ term.name }} - {{ config.title }}{% endblock %}
+{% block content %}
+	<h1>Category: <code>{{ term.name }}</code> <small>(<a href="{{ get_taxonomy_url(kind="blog/categories", name=term.name) }}rss.xml">RSS</a>)</small></h1>
+	{% for page in term.pages %}
+		{{ post_macros::page_in_list(page=page) }}
+	{% endfor %}
+{% endblock content %}

templates/blog/post.html

@@ -18,9 +18,13 @@
 					{% if config.extra.author %}
 						Published by {{ config.extra.author }}
 					{% endif %}
+					{% if page.taxonomies | get(key="blog/categories") %}
+						{% set categories = page.taxonomies | get(key="blog/categories") %}
+						in <a href="{{ get_taxonomy_url(kind="blog/categories", name=categories[0]) | safe }}">{{ categories[0] }}</a>
+					{% endif %}
 					{% set tags = page.taxonomies | get(key="blog/tags") %}
 					{% if tags %}
-						with tags
+						and tagged
 						{% for tag in tags %}
 							<a href="{{ get_taxonomy_url(kind="blog/tags", name=tag) | safe }}">{{ tag }}</a>
 							{% if tags | length > 1 %}

templates/blog/tags/list.html

@@ -1,6 +1,5 @@
 {% extends "content.html" %}
 {% block title %}Tag - {{ config.title }}{% endblock %}
-{% block meta_description %}Full list of tags used for articles within the blog.{% endblock meta_description %}
 {% block content %}
 	<h1>Tags</h1>
 	{% if terms %}

templates/macros.html

@@ -15,7 +15,7 @@
 {% endmacro is_active_nav %}
 
 {% macro meta_desc(ctx) %}
-	{%- if ctx.description -%}
+	{%- if ctx.description == "" -%}
 		{{ ctx.description }}
 	{%- else -%}
 		{%- if ctx.summary -%}

templates/partials/search.html

@@ -1,6 +1,6 @@
-<div id="search">
-    <input type="search" placeholder="🔎 Search">
-    <div class="results-container">
-        <div class="results"></div>
+<div class="search-container">
+    <input id="search" type="search" placeholder="🔎 Search">
+    <div class="search-results">
+        <div class="search-results__items"></div>
     </div>
 </div>

templates/root.html

@@ -6,7 +6,7 @@
     <meta name="theme-color" content="#111111"/>
     <meta name="author" content="{{ config.extra.author }}">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="{% block meta_description %}
         {%- if section -%}{{ macros::meta_desc(ctx=section) }}{%- endif -%}
         {%- if page -%}{{ macros::meta_desc(ctx=page) }}{%- endif -%}
@@ -19,5 +19,8 @@
 </head>
 <body>
     {% block body %}{% endblock body %}
+    <script type="text/javascript" src="{{ get_url(path="elasticlunr.min.js") | safe }}"></script>
+    <script type="text/javascript" src="{{ get_url(path="search_index.en.js") | safe }}"></script>
+    <script type="text/javascript" src="{{ get_url(path="search.js") | safe }}"></script>
 </body>
 </html>