ci: Mount ssh_known_hosts in rsync container

The problem with having stages that only run in some situations is that
they don't get tested.

Need to mount the SSH host key database file in the _rsync_ container so
the host key of the web server can be verified when publishing.

ci/Jenkinsfile

@@ -26,9 +26,17 @@ pipeline {
                     sh '. ci/build.sh'
                 }
             }
+            post {
+                success {
+                    archiveArtifacts 'dustin.web.tar.xz'
+                }
+            }
         }
 
         stage('Publish') {
+            when {
+                branch 'master'
+            }
             steps {
                 container('rsync') {
                     sshagent(['jenkins-web']) {

ci/build.sh

@@ -1,7 +1,10 @@
 python3 -m pip install --user ruamel.yaml
 python3 /dev/fd/3 < songquotes.yml > public/songquotes.json 3<<EOF
-from ruamel.yaml import safe_load as load
+from ruamel.yaml import YAML
 from json import dump
 import sys
-dump(load(sys.stdin), sys.stdout)
+yaml = YAML()
+dump(yaml.load(sys.stdin), sys.stdout)
 EOF
+
+tar -cJf dustin.web.tar.xz -C public .

ci/podTemplate.yaml

@@ -5,16 +5,19 @@ spec:
   - name: zola
     image: git.pyrocufflink.net/containerimages/zola
   - name: python
-    image: docker.io/python:3.10
+    image: docker.io/python:3
     command:
     - python
     args:
     - -c
-    - import signal; signal.pause()
+    - |-
+      import signal
+      signal.signal(signal.SIGTERM, lambda x, y: None)
+      signal.pause()
   - name: rsync
     image: git.pyrocufflink.net/containerimages/rsync
-    command:
+    volumeMounts:
-    - python3
+    - mountPath: /etc/ssh/ssh_known_hosts
-    args:
+      name: volume-0
-    - -c
+      subPath: ssh_known_hosts
-    - import signal; signal.pause()
+      readOnly: true

content/projects/home-network/_index.md

@@ -1,10 +0,0 @@
-+++
-title = "Home Network"
-description = """\
-VM hosts, shared storage, firewall, switches, access points, Raspberry Pis, and
-more
-"""
-
-[extra]
-image = "projects/home-network/server-rack01.jpg"
-+++

sass/style.scss

@@ -353,7 +353,6 @@ article.post .post-date {
   width: 100%;
   background-color: $panel-color-dark;
   margin: 0.75em;
-  padding: 0 0.75em;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
@@ -376,14 +375,24 @@ article.post .post-date {
 
 .project-card a {
   text-decoration: none;
+  display: flex;
+  flex-direction: column;
 }
 
 .project-card h2 {
   text-align: center;
+  margin: 0.75em;
+  font-size: 1.1em;
 }
 
 .project-card img {
-  max-width: 100%;
+  width: 100%;
+  aspect-ratio: 640 / 480;
+  object-fit: cover;
+}
+
+.project-card p {
+  margin: 0.75em;
 }
 
 /* CV */

templates/projects.html

@@ -1,37 +1,41 @@
 {% extends "base.html" %}
+{% macro project_card(path, permalink, title, description, image_path) %}
+<div class="project-card">
+<a href="{{ permalink }}">
+{% if image_path is defined %}
+{% set image = resize_image(path=image_path, width=640, height=480, op="fit") %}
+<img src="{{ image.url }}" />
+{% else %}
+<img src="//picsum.photos/seed/{{ path | slugify }}/320/240" />
+{% endif %}
+<h2>{{ title }}</h2>
+<p>{{ description }}</p>
+</a>
+</div>
+{% endmacro %}
 {% block content %}
 <article class="post panel">
 <h1 class="post-title">{{ section.title }}</h1>
 {{ section.content | safe }}
 <div class="project-cards">
 {% for path in section.subsections %}
-<div class="project-card">
 {% set sect = get_section(path=path) %}
-<a href="{{ sect.permalink }}">
+{{ self::project_card(
-<h2>{{ sect.title }}</h2>
+    path=path,
-{% if sect.extra.image is defined %}
+    permalink=sect.permalink,
-{% set image = resize_image(path=sect.extra.image, width=640, height=480, op="fit") %}
+    title=sect.title,
-<img src="{{ image.url }}" />
+    description=sect.description,
-{% else %}
+    image_path=sect.extra.image,
-<img src="//picsum.photos/seed/{{ path | slugify }}/320/240" />
+) }}
-{% endif %}
-<p>{{ sect.description }}</p>
-</a>
-</div>
 {% endfor %}
 {% for page in section.pages %}
-<div class="project-card">
+{{ self::project_card(
-<a href="{{ page.permalink }}">
+    path=page.path,
-<h2>{{ page.title }}</h2>
+    permalink=page.permalink,
-{% if page.extra.image is defined %}
+    title=page.title,
-{% set image = resize_image(path=page.extra.image, width=640, height=480, op="fit") %}
+    description=page.description,
-<img src="{{ image.url }}" />
+    image_path=page.extra.image,
-{% else %}
+) }}
-<img src="//picsum.photos/seed/{{ page.path | slugify }}/320/240" />
-{% endif %}
-<p>{{ page.description }}</p>
-</a>
-</div>
 {% endfor %}
 </div>
 </article>