CI and nav improvements

* Added docker image (mainly for dev work)
* Addded docker CI
* Fixed the QR code for keyoxide being tiny

.forgejo/workflows/docker-build.yml

@@ -0,0 +1,42 @@
+name: Build and Publish
+run-name: Build and Publish
+on: [push]
+
+env:
+  image: website
+  registry: git.i-am.nexus
+  username: nex
+
+jobs:
+  build_and_publish:
+    runs-on: [ubuntu-latest]
+    steps:
+      - name: Check out repository code
+        uses: actions/checkout@v4
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ${{ env.registry }}/${{ env.username }}/${{ env.image }}
+
+      - name: Log into forgejo CR
+        if: ${{ github.event_name != 'pull_request' }}
+        uses: docker/login-action@v3
+        with:
+          registry: ${{ env.registry }}
+          username: ${{ env.username }}
+          password: ${{ secrets.CR_PASSWORD }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          push: ${{ github.event_name != 'pull_request' }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=registry,ref=${{ env.registry }}/${{ env.username }}/${{ env.image }}
+          cache-to: type=inline

Dockerfile

@@ -0,0 +1,7 @@
+FROM node:22-alpine
+WORKDIR /app
+COPY ssg/package.json /app/
+# COPY ssg/package-lock.json /app/
+RUN npm install
+COPY ssg/ /app/
+CMD ["npm", "start"]

ssg/src/_includes/nav.njk

@@ -26,7 +26,7 @@
             </div>
             <div>
                 <a href="https://keyoxide.org/aspe:keyoxide.org:SXB3ZU42WOVGPHY7OIZMIB3TYE" rel="noopener noreferrer" target="_blank" class="icon">
-                    <img src="/img/keyoxide.png" alt="Keyoxide" title="Keyoxide metaprofile" width="32px" height="32px" class="icon"/>
+                    <img src="/img/keyoxide.png" alt="Keyoxide" title="Keyoxide metaprofile" width="32px" height="32px" class="icon" style="height:3rem;width:auto;margin:0;padding:0"/>
                 </a>
             </div>
         </div>

ssg/src/css/bundle.css

@@ -49,6 +49,7 @@ a:hover, a:visited {
 
 a.icon {
     text-decoration: none;
+    font-size: 2em;
 }
 img.icon {
     vertical-align: middle;