Add skeleton to blog and front page

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "themes/juice"]
+	path = themes/juice
+	url = https://github.com/huhu/juice

config.toml

@@ -7,10 +7,23 @@ compile_sass = true
 # Whether to build a search index to be used later on by a JavaScript library
 build_search_index = true
 
+theme = "juice"
+
+taxonomies = [
+  { name = "tags", paginate_by = 10 },
+]
+
 [markdown]
 # Whether to do syntax highlighting
 # Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
 highlight_code = true
 
 [extra]
-# Put all your custom variables here
+juice_logo_name = "penguincoder"
+juice_logo_path = "tux.png"
+juice_exclude_menu = []
+juice_extra_menu = [
+  { title = "Blog", link = "/blog" },
+  { title = "Resume", link = "/resume" },
+]
+repository_url = "https://git.penguincoder.org/penguincoder/penguincoder-org"

content/_index.md

@@ -0,0 +1,25 @@
++++
+title = "penguincoder"
+description = "About me"
++++
+
+# Social Media
+
+[{{ icon(name="git-alt") }}](https://git.penguincoder.org/penguincoder)
+[{{ icon(name="github") }}](https://github.com/penguincoder)
+[{{ icon(name="stack-overflow") }}](https://stackoverflow.com/users/812879/penguincoder)
+[{{ icon(name="keybase") }}](https://keybase.io/penguincoder)
+[{{ icon(name="reddit") }}](https://reddit.com/u/therealpenguincoder)
+[{{ icon(name="twitter") }}](https://twitter.com/penguincoder)
+[{{ icon(name="mastodon") }}](https://hachyderm.io/@penguincoder)
+[{{ icon(name="linkedin") }}](https://www.linkedin.com/in/andrew-coleman-1238834/)
+[{{ icon(name="instagram") }}](https://www.instagram.com/penguincoder)
+
+# Github Activity
+
+![Github Activity](https://github-readme-stats.vercel.app/api?username=penguincoder&count_private=true&theme=transparent&show_icons=true)
+
+# [Resume](/resume)
+
+# [Blog](/blog)
+

content/blog/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Andrew's Blog"
+description = "A chronological series"
+sort_by = "date"
+paginate_by = 5
++++

content/blog/first-post.md

@@ -0,0 +1,14 @@
++++
+title = "First Post"
+description = "Welcome to the new blog"
+date = "2023-01-10"
+
+[taxonomies]
+tags = ["rust", "blog"]
++++
+
+This is a first post.
+
+<!-- more -->
+
+This is the rest of the story.

content/blog/post-1.md

@@ -0,0 +1,14 @@
++++
+title = "Second Post"
+description = "second post"
+date = "2023-01-09"
+
+[taxonomies]
+tags = ["rust", "blog", "one"]
++++
+
+This is a first post.
+
+<!-- more -->
+
+This is the rest of the story.

content/blog/post-10.md

@@ -0,0 +1,14 @@
++++
+title = "Eleventh Post"
+description = "post 11"
+date = "2022-12-31"
+
+[taxonomies]
+tags = ["christmas", "blog"]
++++
+
+This is a first post.
+
+<!-- more -->
+
+This is the rest of the story.

content/blog/post-2.md

@@ -0,0 +1,14 @@
++++
+title = "third Post"
+description = "third post"
+date = "2023-01-08"
+
+[taxonomies]
+tags = ["rust", "five", "blog"]
++++
+
+This is a first post.
+
+<!-- more -->
+
+This is the rest of the story.

content/blog/post-3.md

@@ -0,0 +1,14 @@
++++
+title = "Post 4"
+description = "fourth post"
+date = "2023-01-07"
+
+[taxonomies]
+tags = ["andrew"]
++++
+
+This is a first post.
+
+<!-- more -->
+
+This is the rest of the story.

content/blog/post-4.md

@@ -0,0 +1,14 @@
++++
+title = "Fifth Post"
+description = "post 5"
+date = "2023-01-06"
+
+[taxonomies]
+tags = ["blog"]
++++
+
+This is a first post.
+
+<!-- more -->
+
+This is the rest of the story.

content/blog/post-5.md

@@ -0,0 +1,14 @@
++++
+title = "Sixth Post"
+description = "sixth post"
+date = "2023-01-05"
+
+[taxonomies]
+tags = []
++++
+
+This is a first post.
+
+<!-- more -->
+
+This is the rest of the story.

content/blog/post-6.md

@@ -0,0 +1,14 @@
++++
+title = "Seventh Post"
+description = "seventh post"
+date = "2023-01-04"
+
+[taxonomies]
+tags = ["python"]
++++
+
+This is a first post.
+
+<!-- more -->
+
+This is the rest of the story.

content/blog/post-7.md

@@ -0,0 +1,14 @@
++++
+title = "Eighth Post"
+description = "eighth post"
+date = "2023-01-03"
+
+[taxonomies]
+tags = ["blog"]
++++
+
+This is a first post.
+
+<!-- more -->
+
+This is the rest of the story.

content/blog/post-8.md

@@ -0,0 +1,14 @@
++++
+title = "Ninth Post"
+description = "post 9"
+date = "2023-01-02"
+
+[taxonomies]
+tags = ["calculators"]
++++
+
+This is a first post.
+
+<!-- more -->
+
+This is the rest of the story.

content/blog/post-9.md

@@ -0,0 +1,14 @@
++++
+title = "Tenth Post"
+description = "11 post"
+date = "2023-01-01"
+
+[taxonomies]
+tags = ["two", "blog"]
++++
+
+This is a first post.
+
+<!-- more -->
+
+This is the rest of the story.

content/resume/_index.md

@@ -0,0 +1,12 @@
++++
+title = "Resume"
+description = "A history of professional, educational, and personal interests"
++++
+
+# Technical Skills
+
+# Work History
+
+# Education
+
+# Personal

sass/pc.scss

@@ -0,0 +1,7 @@
+.content a span.icon, .content a i {
+  color: var(--primary-text-color);
+}
+
+.content a:hover, .content a i:hover {
+  text-decoration: none;
+}

templates/_variables.html

@@ -0,0 +1,15 @@
+<style>
+    :root {
+        /* Primary theme color sunglow */
+        --primary-color: #ffd700;
+        /* Primary theme text color outer space */
+        --primary-text-color: #063b49;
+        /* Primary theme link color purple heart */
+        --primary-link-color: #011ca2;
+        /* Secondary color: the background body color white */
+        --secondary-color: #eeeeee;
+        --secondary-text-color: #3b3402;
+        /* Highlight text color of table of content denim */
+        --toc-highlight-text-color: #354ea9;
+    }
+</style>

templates/index.html

@@ -0,0 +1,30 @@
+{% extends "juice/templates/index.html" %}
+
+{% block head %}
+<link rel="stylesheet" href="{{ get_url(path="pc.css") }}" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css" integrity="sha256-AbA177XfpSnFEvgpYu1jMygiLabzPCJCRIBtR5jGc0k=" crossorigin="anonymous">
+{% endblock head %}
+
+{% block hero %}
+<section class="text-center">
+  <h1 class="heading-text" style="font-size: 50px;">
+    Andrew Coleman
+  </h1>
+  <h3 class="title-text">
+    An experienced software engineer and architect. <br />Sometimes posting about hobbies and farming, too.
+  </h3>
+</section>
+
+<div class="explore-more text"
+     onclick="document.getElementById('overview').scrollIntoView({behavior: 'smooth'})">
+     Explore More ⇩
+</div>
+{% endblock hero %}
+
+{% block footer %}
+<footer>
+  <small class="subtext text-center">
+    © Andrew Coleman 2023 <br />
+    Made with ❤️  using <a href="https://juice.huhu.io">Juice</a> and <a href="ihttps://www.getzola.org">Zola</a>.
+  </small>
+{% endblock footer %}

templates/page.html

@@ -0,0 +1,7 @@
+{% extends "juice/templates/page.html" %}
+
+{% block head %}
+<link rel="stylesheet" href="{{ get_url(path="pc.css") }}" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css" integrity="sha256-AbA177XfpSnFEvgpYu1jMygiLabzPCJCRIBtR5jGc0k=" crossorigin="anonymous">
+{% endblock head %}
+

templates/section.html

@@ -0,0 +1,69 @@
+{% extends "index.html" %}
+
+{% block title %}
+{{ section.title }} | {{ section.description }}
+{% endblock %}
+
+{% block header %}
+<header class="box-shadow">
+    {{ macros::render_header() }}
+</header>
+{% endblock header %}
+
+{% block content %}
+<section class="text-center">
+  <div class="heading-text">
+    {{ section.title }}
+  </div>
+  <div class="subtitle-text">
+    {{ section.description }}
+  </div>
+  <div class="content">
+    {{ section.content | safe }}
+  </div>
+</section>
+
+<section class="posts">
+  {% if paginator %}
+  {% set pages = paginator.pages %}
+  {% else %}
+  {% set pages = section.pages %}
+  {% endif %}
+    
+  {% for page in pages %}
+  <article class="text post">
+    <h2 class="subtitle-text post-title">
+      <a href="{{ page.permalink }}">
+        {{ page.title }}
+      </a>
+    </h2>
+    <div class="text post-summary">
+      {{ page.summary | safe }}
+    </div>
+    <div class="text post-tags">
+      <span class="icon"><i class="fas fa-tag"></i></span>
+      {% for tag in page.taxonomies["tags"] %}
+      <span>
+        <a href="/tags/{{ tag }}">
+          {{ tag }}
+        </a>
+      </span>
+      {% endfor %}
+    </div>
+    <div class="read-more">
+      <a href="{{ page.permalink }}">Read more</a>
+    </div>
+  </article>
+  {% endfor %}
+</section>
+
+<section class="navigation text text-center">
+  {% if paginator.previous %}
+  <a href="{{ paginator.previous | safe }}">← Newer</a>
+  {% endif %}
+
+  {% if paginator.next %}
+  <a href="{{ paginator.next| safe }}">Older →</a>
+  {% endif %}
+</section>
+{% endblock content %}

templates/shortcodes/icon.html

@@ -0,0 +1,3 @@
+<span class="icon">
+  <i class="fab fa-{{ name }} fa-lg"></i>
+</span>

templates/taxonomy_list.html

@@ -0,0 +1,20 @@
+{% extends "page.html" %}
+
+{% block title %}
+Taxonomies
+{% endblock title %}
+
+{% block content %}
+<section>
+{% for term in terms %}
+  <article>
+    <div class="title-text">
+      <a href="{{ term.permalink }}">{{ term.name }}</a>
+    </div>
+    <p class="text">
+      This term has a permanent slug of <code>{{ term.slug }}</code> and has {{ term.pages | length }} pages.
+    </p>
+  </article>
+{% endfor %}
+</section>
+{% endblock content %}

templates/taxonomy_single.html

@@ -0,0 +1,13 @@
+{% extends "page.html" %}
+
+{% block title %}
+Taxonomies :: {{ term.name }}
+{% endblock title %}
+
+{% block content %}
+<ol>
+  {% for page in term.pages %}
+  <li><a href="{{ page.permalink }}">{{ page.title }}</a> - {{ page.date }}
+  {% endfor %}
+</ol>
+{% endblock content %}

themes/juice

@@ -0,0 +1 @@
+Subproject commit c1546dcf4b659c9e406991c1e5aa649716556cb3