chore: update blog

jamerrq · Feb 12, 2024 · bea201e · bea201e
1 parent dbf4bca
commit bea201e
Show file tree

Hide file tree

Showing 14 changed files with 49 additions and 70 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,7 @@
 # build output
 dist/
 .vercel/
+.unlighthouse/
 
 # generated types
 .astro/

diff --git a/lib/lighthouse/feb-12.pdf b/lib/lighthouse/feb-12.pdf
diff --git a/lib/lighthouse/jan-14.pdf b/lib/lighthouse/jan-14.pdf
diff --git a/lib/snaps/resources-loaded.png b/lib/snaps/resources-loaded.png
diff --git a/package.json b/package.json
@@ -23,7 +23,8 @@
     "astro": "astro",
     "lint": "prettier --write \"**/*.{js,jsx,ts,tsx,md,mdx,astro}\" && eslint --fix \"src/**/*.{js,ts,jsx,tsx,astro}\"",
     "check-tsx": "tsc --noEmit --skipLibCheck --project tsconfig.json",
-    "local-build-and-preview": "bun lint && bun check-tsx && bun run build && bun run preview"
+    "local-build-and-preview": "bun lint && bun check-tsx && bun run build && bun run preview",
+    "build-unlighthouse-report": "unlighthouse --site jamerrq.deno.dev --build-static"
   },
   "type": "module",
   "devDependencies": {

diff --git a/readme.md b/readme.md
@@ -39,19 +39,7 @@ Source code for my personal website, [jamerrq.dev](https://jamerrq.dev).
 
 ![404](./lib/pages/404.png)
 
-<details closed>
-
-<summary>
-
-## New! Mobile version 📱
-
-</summary>
-
-![Mobile](./lib/snaps/mobile2.png)
-
-</details>
-
-### All shipped into less than 1MB ⚡
+### All shipped into less than 500 kB ⚡
 
 ![Alt text](lib/snaps/resources-loaded.png)
 
@@ -75,7 +63,7 @@ CSS](https://img.shields.io/badge/-Tailwind%20CSS-38B2AC?style=flat-square&logo=
 
 ## Development 🤖
 
-- [Nerd Fonts Cheat Sheet](https://www.nerdfonts.com/cheat-sheet)
+- [Nerd Fonts Cheat Sheet (removed)](https://www.nerdfonts.com/cheat-sheet)
 - [Tailwind CSS Debug Screens](https://github.com/jorenvanhee/tailwindcss-debug-screens)
 - [Typed CSS (removed)](https://typedcss.com/)
 - [CSS Peeps (removed)](https://css-peeps.com/)
@@ -84,3 +72,4 @@ CSS](https://img.shields.io/badge/-Tailwind%20CSS-38B2AC?style=flat-square&logo=
 - [Astro View Transitions - Lifecycle Events](https://docs.astro.build/en/guides/view-transitions/#lifecycle-events)
 - [🦔 AstroCritters](https://github.com/astro-community/AstroCritters)
 - [@astrojs/preact](https://docs.astro.build/en/guides/integrations-guide/preact/)
+- [Unlighthouse](https://unlighthouse.dev/)
diff --git a/src/components/blog/last-entries.tsx b/src/components/blog/last-entries.tsx
@@ -87,8 +87,8 @@ export default function LastEntries({ lang = 'en' }: { lang?: string }) {
               <li class='font-merriweather text-sm xl:text-base text-center'>
                 {entry.date}
               </li>
-              <a href={`${lang === 'en' ? entry.href : entry.hrefEs}`}>
-                <li class='font-merriweather text-sm xl:text-base dark:bg-emerald-900 bg-emerald-300 py-1 px-2 rounded-sm cursor-pointer hover:scale-[1.02] transition-all ease-in-out flex flex-col gap-2 border'>
+              <li class='font-merriweather text-sm xl:text-base dark:bg-emerald-900 bg-emerald-300 py-1 px-2 rounded-sm cursor-pointer hover:scale-[1.02] transition-all ease-in-out flex flex-col gap-2 border-2'>
+                <a href={`${lang === 'en' ? entry.href : entry.hrefEs}`}>
                   <div class='flex flex-col xl:flex-row gap-1'>
                     <span>{lang === 'en' ? entry.title : entry.titleEs}</span>
                     <div class='xl:ml-auto'>
@@ -99,8 +99,8 @@ export default function LastEntries({ lang = 'en' }: { lang?: string }) {
                     </div>
                   </div>
                   <Badges badges={entry.tags} />
-                </li>
-              </a>
+                </a>
+              </li>
             </Fragment>
           )
         })}

diff --git a/src/components/featured-and-projects/projects.tsx b/src/components/featured-and-projects/projects.tsx
@@ -92,7 +92,6 @@ export default function Resources({ n = 1, lang = 'en' }: ResourcesProps) {
 
   return (
     <>
-      {/* <DoubleLeftButton _f={goLeft} /> */}
       {Array.from(Array(n).keys()).map((i) => {
         const project = shuffledData.at((i + index.value) % data.length)
         return (
@@ -102,7 +101,6 @@ export default function Resources({ n = 1, lang = 'en' }: ResourcesProps) {
             <p class='font-bold font-merriweather dark:text-slate-200 text-xs xl:text-base max-w-[400px] text-balance'>
               {project?.description[lang as 'es' | 'en']}
             </p>
-            {/* <span class='responsive-text-xs font-semibold'>Stack</span> */}
             <ul class='flex gap-1 [&>li]:font-thin [&>li>a>img]:border-2 [&>li>a>img]:dark:border-amber-300 [&>li>a>img]:border-amber-950 [&>li>a>img]:rounded-sm flex-wrap'>
               {project?.stack?.map((tech, index) => (
                 <li key={index}>{SimpleIcon(tech)}</li>
@@ -134,7 +132,6 @@ export default function Resources({ n = 1, lang = 'en' }: ResourcesProps) {
           </article>
         )
       })}
-      {/* <DoubleRightButton _f={goRight} /> */}
     </>
   )
 }
diff --git a/src/components/icons/simple-icon.tsx b/src/components/icons/simple-icon.tsx
@@ -17,7 +17,8 @@ import {
   siHtml5,
   siJavascript,
   siPhp,
-  siCss3
+  siCss3,
+  siVisualstudiocode
 } from 'simple-icons'
 
 export const ICONS_SAFE_LIST_TAILWIND = [
@@ -149,6 +150,13 @@ function PhpLogo() {
   return SimpleIcon({ __html: siPhp.svg, fill: `#${siPhp.hex}` })
 }
 
+function VisualStudioCodeLogo() {
+  return SimpleIcon({
+    __html: siVisualstudiocode.svg,
+    fill: `#${siVisualstudiocode.hex}`
+  })
+}
+
 const toExport = {
   Astro: AstroLogo,
   Supabase: SupabaseLogo,
@@ -167,7 +175,8 @@ const toExport = {
   Html: HtmlLogo,
   Css: CssLogo,
   Javascript: JavaScriptLogo,
-  Php: PhpLogo
+  Php: PhpLogo,
+  'Visual Studio Code': VisualStudioCodeLogo
 }
 
 export type toExportType = typeof toExport

diff --git a/src/data/blog.json b/src/data/blog.json
@@ -37,7 +37,7 @@
       "hrefEs": "blog/proyectos-2024"
     },
     {
-      "title": "Creating the most secure server in the world with Node.js",
+      "title": "Creating a secure Node.js server with Express",
       "date": "Coming soon",
       "titleEs": "Creando el servidor más seguro del mundo con Node.js",
       "href": "creating-the-most-secure-server-in-the-world-with-nodejs",
@@ -49,6 +49,13 @@
       "titleEs": "Open Source: ¿Bendición o Maldición?",
       "href": "open-source-blessing-or-curse",
       "hrefEs": "open-source-bendicion-o-maldicion"
+    },
+    {
+      "title": "My take on the impostor syndrome",
+      "date": "Coming soon",
+      "titleEs": "Mi opinión sobre el síndrome del impostor",
+      "href": "impostor-syndrome",
+      "hrefEs": "sindrome-del-impostor"
     }
   ]
 }
diff --git a/src/data/projects.json b/src/data/projects.json
@@ -108,6 +108,18 @@
         "Php"
       ],
       "private": true
+    },
+    {
+      "title": "Checkbox Enhancement",
+      "description": {
+        "en": "Visual Studio Code extension to improve the enhancement when using checboxes, specially in markdown"
+      },
+      "stack": [
+        "TypeScript",
+        "Visual Studio Code"
+      ],
+      "repository": "https://github.com/jamerrq/checkbox-md-enhancement",
+      "demo": "https://marketplace.visualstudio.com/items?itemName=jamerrq.checkbox-counter"
     }
   ],
   "logos": [

diff --git a/src/layouts/blog-layout.astro b/src/layouts/blog-layout.astro
@@ -21,7 +21,7 @@ import Buttons from '@components/main/buttons.astro'
   <main
     class='dark:bg-[#1b383c] bg-[#9DBC98] min-h-[95dvh] max-w-[95dvw] mx-auto p-4 dark:text-emerald-50 [&>*]:text-balance overflow-y-scroll max-h-[100dvh] [scrollbar-color:#1b383c_#9DBC98] [scrollbar-width:thin]'
   >
-    <div class='sticky top-2'>
+    <div class='sticky top-1'>
       <Buttons href={frontmatter.hrefLang} />
     </div>
     <br />

diff --git a/src/pages/board.astro b/src/pages/board.astro
@@ -50,50 +50,8 @@ import Buttons from '@components/main/buttons.astro'
       font-weight: bold;
     }
   </style>
-  <main>
-    <div class='handlee-font'>
-      <h1>h1</h1>
-      <p>
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit
-        dolor temporibus, aperiam, enim omnis quibusdam mollitia et magnam aut,
-        natus possimus veritatis repellendus id repellat iusto sed optio nam
-        placeat.
-      </p>
-      <span class='responsive-text'>responsive</span>
-      <span class='text-2xl'>responsive xs</span>
-      <span class='text-xl'>responsive sm</span>
-      <span class='text-base'>responsive xxs</span>
-    </div>
-
-    <div class='rubik-font'>
-      <h1>h1</h1>
-      <p>
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit
-        dolor temporibus, aperiam, enim omnis quibusdam mollitia et magnam aut,
-        natus possimus veritatis repellendus id repellat iusto sed optio nam
-        placeat.
-      </p>
-      <span class='responsive-text'>responsive</span>
-      <span class='text-2xl'>responsive xs</span>
-      <span class='text-xl'>responsive sm</span>
-      <span class='text-base'>responsive xxs</span>
-    </div>
-
-    <div class='fira-font'>
-      <h1>h1</h1>
-      <p>
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit
-        dolor temporibus, aperiam, enim omnis quibusdam mollitia et magnam aut,
-        natus possimus veritatis repellendus id repellat iusto sed optio nam
-        placeat.
-      </p>
-      <span class='responsive-text'>responsive</span>
-      <span class='text-2xl'>responsive xs</span>
-      <span class='text-xl'>responsive sm</span>
-      <span class='text-base'>responsive xxs</span>
-    </div>
-  </main>
-  <div class='absolute bottom-14 mx-auto'>
+  <main class='flex flex-col w-[100dvw] h-[100dvh]'></main>
+  <div class='absolute top-1 w-full mx-auto'>
     <Buttons />
   </div>
   <Footer />

diff --git a/unlighthouse.config.ts b/unlighthouse.config.ts
@@ -0,0 +1,5 @@
+export default {
+  scanner: {
+    device: 'desktop'
+  }
+}