Add taskfile, update workflow dependencies, small tweaks

6 files changed, 34 insertions, 12 deletions

diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
index 3263ce2..aefdbb3 100644
--- a/.github/workflows/production.yml
+++ b/.github/workflows/production.yml
@@ -11,11 +11,11 @@ jobs:
     name: Build production artifact
     environment: Production
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         with:
           submodules: true
           lfs: false
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v6
         with:
           node-version: lts/*
           cache: "npm"
@@ -24,11 +24,11 @@ jobs:
       - name: Build
         run: npm run build -mode production
       - name: Archive Production Artifact
-        uses: actions/upload-artifact@v4
+        uses: actions/upload-artifact@v5
         with:
           name: production
           path: dist
-          retention-days: 7
+          retention-days: 1
 
   deploy:
     runs-on: ubuntu-latest
@@ -37,12 +37,12 @@ jobs:
     environment: Production
     steps:
       - name: Download Artifact
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v6
         with:
           name: production
           path: dist
       - name: Connect to tailnet
-        uses: tailscale/github-action@v3
+        uses: tailscale/github-action@v4
         with:
           oauth-client-id: ${{ secrets.TAILSCALE_CLIENT_ID }}
           oauth-secret: ${{ secrets.TAILSCALE_CLIENT_SECRET }}
diff --git a/Taskfile.yml b/Taskfile.yml
new file mode 100644
index 0000000..56b8657
--- /dev/null
+++ b/Taskfile.yml
@@ -0,0 +1,9 @@
+version: '3'
+
+tasks:
+  default:
+    cmds:
+      - task: dev
+  dev:
+    cmds:
+      - npm run dev
diff --git a/src/layouts/BlogListLayout.astro b/src/layouts/BlogListLayout.astro
index ed4662c..aa57b2c 100644
--- a/src/layouts/BlogListLayout.astro
+++ b/src/layouts/BlogListLayout.astro
@@ -249,7 +249,7 @@ const schema = {
     color: v.$accent;
     border: 1px solid v.$accent;
     border-radius: 1.5rem;
-    font-size: 0.85rem;
+    font-size: 0.90rem;
     font-family: v.$monoFontStack;
     cursor: pointer;
     transition: all 0.2s ease;
diff --git a/src/layouts/BlogSingleLayout.astro b/src/layouts/BlogSingleLayout.astro
index 44fe55c..8cbcd45 100644
--- a/src/layouts/BlogSingleLayout.astro
+++ b/src/layouts/BlogSingleLayout.astro
@@ -88,6 +88,7 @@ const schema = {
 
   .tags {
     display: inline-flex;
+    flex-direction: row;
     list-style: none;
     margin: 0;
     padding: 0;
@@ -101,7 +102,7 @@ const schema = {
   .tags a {
     // Estilo de enlace normal, siguiendo los estilos predefinidos en Layout.astro
     color: v.$accentDark;
-    font-size: 0.85rem;
+    font-size: 0.90rem;
     font-family: v.$monoFontStack;
     text-decoration: none;
     box-shadow: 0 1px v.$accent;
@@ -124,7 +125,7 @@ const schema = {
     display: block;
     margin-top: -1rem;
     margin-bottom: 1.5rem;
-    font-size: 0.85rem;
+    font-size: 0.90rem;
     color: color.adjust(v.$dark, $lightness: 30%);
   }
 
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 3aa2dd0..af038bf 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -171,13 +171,25 @@ const { title, description, empty } = Astro.props;
 
     p.meta {
       display: block;
-      font-size: 0.85rem;
+      font-size: 0.90rem;
       margin-bottom: 1rem;
     }
 
     pre {
       overflow: scroll;
     }
+
+    blockquote {
+      margin-inline: 2rem;
+      padding-left: 1rem;
+      font-style: italic;
+
+      border-left: 4px solid color.adjust($accent, $lightness: 40%);
+      background-color: color.adjust($background, $lightness: -2%);
+
+      margin-top: 1.5rem;
+      margin-bottom: 1.5rem;
+    }
   }
 
   main a {
diff --git a/styles/_variables.scss b/styles/_variables.scss
index 0678cd4..3f3245c 100644
--- a/styles/_variables.scss
+++ b/styles/_variables.scss
@@ -1,5 +1,5 @@
-$titleFontStack: "Roboto Flex", system-ui, "Liberation Sans", "Arial", "Helvetica", sans-serif;
-$mainFontStack: "Roboto Flex", system-ui, "Liberation Sans", "Arial", "Helvetica", sans-serif;
+$titleFontStack: "Encode Sans", "Liberation Sans", "Arial", "Helvetica", sans-serif;
+$mainFontStack: "Encode Sans", "Liberation Sans", "Arial", "Helvetica", sans-serif;
 $monoFontStack: "Roboto Mono Variable", "Fira Code", "Consolas", monospace;
 
 $accent: hsl(209, 94%, 42%);