ci: Always archive artifacts, only publish master

Sometimes, I want to see what the built site looks like before
publishing it.  For that, I'll push changes to a dev branch and let
Jenkins build the site as a tarball that I can download, extract, and
view locally.  Once I am satisfied, I'll merge the dev branch to master,
which Jenkins will build and publish to the live site.

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

@@ -5,3 +5,5 @@ from json import dump
 import sys
 dump(load(sys.stdin), sys.stdout)
 EOF
+
+tar -cJf dustin.web.tar.xz -C public .

ci/podTemplate.yaml

@@ -4,17 +4,17 @@ spec:
   containers:
   - name: zola
     image: git.pyrocufflink.net/containerimages/zola
+    command:
+    - pause
   - name: python
     image: docker.io/python:3.10
     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:
-    - python3
-    args:
-    - -c
-    - import signal; signal.pause()

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>