Merge branch 'main' of https://git.hostux.fr/louis/homepage

.forgejo/workflows/deploy.yaml

@@ -0,0 +1,39 @@
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+  build:
+    runs-on: docker
+    container:
+      image: node:16-bullseye # Required by actions/checkout and actions/upload-artifact
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install dependencies
+        run: npm install
+      - name: Build
+        run: npx @11ty/eleventy
+      - name: Upload artifact
+        uses: actions/upload-artifact@v3
+        with:
+          name: dist
+          path: dist/
+  deploy:
+    needs: [build]
+    runs-on: docker
+    container:
+      image: node:16-bullseye # Required by actions/download-artifact
+    steps:
+      - uses: actions/download-artifact@v3
+        with:
+          name: dist
+      - name: rsync deployment
+        uses: https://git.hostux.fr/Hostux/rsync-deployments@6.0.0
+        with:
+          switches: -az --no-o --no-g --no-devices --no-specials --delete --progress --checksum
+          path: .
+          remote_path: ${{ secrets.DEPLOY_PATH }}
+          remote_host: ${{ secrets.DEPLOY_HOST }}
+          remote_user: ${{ secrets.DEPLOY_USER }}
+          remote_key: ${{ secrets.DEPLOY_KEY }}

src/style.css

@@ -112,13 +112,18 @@ h2#subtitle > span > span {
     position: absolute;
     left: 1rem;
     bottom: 0;
-    height: min(80vh, 100vh - 10.5rem);
+
+    height: 80vh;
     min-height: 15rem;
-    width: auto;
+    max-height: calc(100vh - 10.5rem);
+    max-width: calc(100vw - 15em);
+
+    object-fit: contain;
+    object-position: left bottom;
 }
 
 i svg {
-    height: 2em;
+    height: 2.5em;
     color: #131721;
     fill: currentColor;
 }
@@ -142,8 +147,16 @@ ul#contact {
     }
     #photo {
         max-height: 50vh;
+        max-width: none;
     }
     ul#contact {
         flex-direction: column;
     }
 }
+
+@media (pointer:coarse) {
+    i svg {
+        height: 3em;
+        padding: .5em 0;
+    }
+}