fix: fixes

astro.config.ts

@@ -1,32 +1,31 @@
-import { defineConfig } from 'astro/config'
-import tailwind from '@astrojs/tailwind'
-import deno from '@astrojs/deno'
-import robotsTxt from 'astro-robots-txt'
-import preact from '@astrojs/preact'
-import pageInsight from 'astro-page-insight'
-import sitemap from '@astrojs/sitemap'
-import compress from 'astro-compress'
-import { VitePWA } from 'vite-plugin-pwa'
-import { manifest } from './src/utils/seoConfig'
-
-import mdx from '@astrojs/mdx'
+import { defineConfig } from 'astro/config';
+import tailwind from '@astrojs/tailwind';
+import deno from '@astrojs/deno';
+import robotsTxt from 'astro-robots-txt';
+import preact from '@astrojs/preact';
+import pageInsight from 'astro-page-insight';
+import sitemap from '@astrojs/sitemap';
+import compress from 'astro-compress';
+import { VitePWA } from 'vite-plugin-pwa';
+import { manifest } from './src/utils/seoConfig';
+import mdx from '@astrojs/mdx';
 
 // https://astro.build/config
 export default defineConfig({
+  adapter: deno(),
   integrations: [
     tailwind(),
     robotsTxt(),
     preact(),
     pageInsight(),
     sitemap({
-      filter: (page) =>
-        page !== 'https://jamerrq.deno.dev/board/' &&
-        page !== 'https://jamerrq.deno.dev/es/board/'
+      filter: page =>
+      page !== 'https://jamerrq.deno.dev/board/' &&
+      page !== 'https://jamerrq.deno.dev/es/board/'
     }),
-    compress(),
-    mdx()
+    mdx(),
+    compress()
   ],
-  adapter: deno(),
   output: 'server',
   i18n: {
     locales: ['en', 'es'],
@@ -44,20 +43,16 @@ export default defineConfig({
     // ssr: {
     //   external:[]
     // },
-    plugins: [
-      VitePWA({
-        registerType: 'autoUpdate',
-        manifest,
-        workbox: {
-          globDirectory: 'dist/client',
-          globPatterns: [
-            '**/*.{js,css,svg,png,jpg,jpeg,gif,webp,woff,woff2,ttf,eot,ico}'
-          ],
-          // Don't fallback on document based (e.g. `/some-page`) requests
-          // This removes an errant console.log message from showing up.
-          navigateFallback: null
-        }
-      })
-    ]
+    plugins: [VitePWA({
+      registerType: 'autoUpdate',
+      manifest,
+      workbox: {
+        globDirectory: 'dist/client',
+        globPatterns: ['**/*.{js,css,svg,png,jpg,jpeg,gif,webp,woff,woff2,ttf,eot,ico}'],
+        // Don't fallback on document based (e.g. `/some-page`) requests
+        // This removes an errant console.log message from showing up.
+        navigateFallback: null
+      }
+    })]
   }
-})
+});

package.json

@@ -5,6 +5,7 @@
     "@astrojs/check": "^0.3.4",
     "@astrojs/deno": "^5.0.1",
     "@astrojs/mdx": "^2.2.0",
+    "@astrojs/partytown": "^2.0.4",
     "@astrojs/preact": "^3.1.0",
     "@astrojs/prism": "^3.0.0",
     "@astrojs/sitemap": "^3.1.1",
@@ -16,6 +17,7 @@
     "astro-page-insight": "^0.4.1",
     "astro-robots-txt": "^1.0.0",
     "astro-seo": "^0.8.3",
+    "astro-service-worker": "^0.1.2",
     "preact": "^10.19.3",
     "sharp": "^0.33.2",
     "simple-icons": "^11.1.0",

src/components/badges/badge.astro

@@ -1,4 +1,4 @@
-<div class='absolute top-1 right-1'>
+<div class='xl:absolute top-1 right-1'>
   <span class='relative flex overflow-hidden rounded-full p-[1.25px]'>
     <span
       class='absolute inset-[-1000%] animate-[spin_2s_linear_infinite] bg-[conic-gradient(from_90deg_at_50%_50%,#E2CBFF_0%,#393BB2_50%,#E2CBFF_100%)]'

src/components/main/footer.astro

@@ -1,12 +1,6 @@
 ---
 import Copyright from '@components/icons/copyright.astro'
-import {
-  siAstro,
-  siPreact,
-  siTailwindcss,
-  siMarkdown,
-  siMdx
-} from 'simple-icons'
+import { siAstro, siPreact, siTailwindcss, siMdx } from 'simple-icons'
 import { Image } from 'astro:assets'
 ---
 

src/components/main/title.astro

@@ -6,7 +6,7 @@ const { lang = 'en' }: Props = Astro.props
 ---
 
 <div
-  class='row-span-2 col-span-1 xl:col-span-2 title dark:bg-emerald-900/90 text-emerald-300 bg-emerald-400/50 p-2 rounded-sm w-full flex items-center flex-row animate-blurred-fade-in relative'
+  class='row-span-2 col-span-1 xl:col-span-2 title dark:bg-emerald-900/80 text-emerald-300 bg-emerald-400/50 p-2 rounded-sm w-full flex items-center flex-row animate-blurred-fade-in relative'
 >
   <div class='flex flex-col animate-fade-in z-10'>
     <a href={lang !== 'en' ? '/' : 'es'}>
@@ -19,16 +19,9 @@ const { lang = 'en' }: Props = Astro.props
     </span>
   </div>
   <div
-    class='fixed -z-10 top-0 left-0 origin-top-left w-full xl:flex place-content-center hidden'
+    class='fixed -z-10 top-0 left-0 origin-top-left w-full xl:flex place-content-center flex overflow-hidden h-[200%]'
     id='animation-container'
   >
-    <!-- <canvas id='c' class='grow'
-      ><svg
-        id='x'
-        onload='setInterval("for(t+=.1,R=T=C=Math.cos,c.width=w=128,i=9986,V=t/9&3;Y=i--/w;c.getContext`2d`.fillRect(X,Y,(C(t/6)*T^V*i/1e4*T+t)%20?(R=T++,1):(T=9,19/R),5/Z))for(Z=5,X=i%w+4/R;0<(V*95+C(t/3)+Z*X/64-Z^Z|(60-Y)*Z/58)%13;Z+=.2);",t=9)'
-      >
-      </svg></canvas
-    > -->
   </div>
 </div>
 

src/data/working-on.json

@@ -9,7 +9,7 @@
         "en": "A website for a small business that sells natural products.",
         "es": "Un sitio web para un pequeño negocio que vende productos naturales."
       },
-      "image": "https://res.cloudinary.com/dm064xuo5/image/upload/f_auto,q_auto/v1/jamerrq.dev/gfv6gz76xwssvmfd1mxo",
+      "image": "/img/working-on/fedora.webp",
       "technologies": [
         "Astro",
         "Supabase",
@@ -27,7 +27,7 @@
         "en": "E commerce website for a small business that sells multiple products.",
         "es": "Sitio web de comercio electrónico para un pequeño negocio que vende múltiples productos."
       },
-      "image": "https://res.cloudinary.com/dm064xuo5/image/upload/f_auto,q_auto/v1/jamerrq.dev/fnsren4gp2v82mtxztkj",
+      "image": "/img/working-on/kali.webp",
       "technologies": [
         "Next JS",
         "Supabase",

src/layouts/layout.astro

@@ -205,14 +205,15 @@ import { Image } from 'astro:assets'
     </a>
     <script is:inline defer>
       // if screen is too small, don't render the animation
-      if (window.innerWidth > 1024) {
+      if (window.innerWidth > 1) {
         const x = document.createElement('canvas')
         x.id = 'c'
         x.setAttribute('class', 'grow')
-        x.innerHTML = `<svg id='x' onload='setInterval("for(t+=.1,R=T=C=Math.cos,c.width=w=128,i=9986,V=t/9&3;Y=i--/w;c.getContext\`2d\`.fillRect(X,Y,(C(t/6)*T^V*i/1e4*T+t)%20?(R=T++,1):(T=9,19/R),5/Z))for(Z=5,X=i%w+4/R;0<(V*95+C(t/3)+Z*X/64-Z^Z|(60-Y)*Z/58)%13;Z+=.2);",t=9)'></svg>`
+        x.innerHTML = `<svg id='x' loading='lazy' onload='setInterval("for(t+=.1,R=T=C=Math.cos,c.width=w=128,i=9986,V=t/9&3;Y=i--/w;c.getContext\`2d\`.fillRect(X,Y,(C(t/6)*T^V*i/1e4*T+t)%20?(R=T++,1):(T=9,19/R),5/Z))for(Z=5,X=i%w+4/R;0<(V*95+C(t/3)+Z*X/64-Z^Z|(60-Y)*Z/58)%13;Z+=.2);",t=9)'></svg>`
         document.addEventListener('DOMContentLoaded', () => {
           document.getElementById('animation-container').appendChild(x)
         })
+        x.style.height = '100%'
       }
     </script>
   </body>