feat: habemus domain

astro.config.ts

@@ -24,9 +24,7 @@ export default defineConfig({
     preact(),
     pageInsight(),
     sitemap({
-      filter: (page) =>
-        page !== 'https://jamerrq.deno.dev/board/' &&
-        page !== 'https://jamerrq.deno.dev/es/board/'
+      filter: (page) => page !== 'https://jamerrq.dev/board/'
     }),
     mdx(),
     AstroPWA({
@@ -86,7 +84,7 @@ export default defineConfig({
       strategy: 'pathname'
     }
   },
-  site: 'https://jamerrq.deno.dev',
+  site: 'https://jamerrq.dev',
   image: {
     domains: ['https://github.com/']
   },

src/components/css-peeps/about-me-peep.astro

@@ -0,0 +1,18 @@
+<div data-css-peeps='twists1 calm mustache4 sweater-crossed' id='peep'></div>
+<style>
+  @import url(https://unpkg.com/css-peeps@1/css-peeps.compat.css);
+
+  #peep {
+    --peep-hat-color: #fc03c2;
+    --peep-hair-color: #34d399;
+    --peep-skin-color: #8d5524;
+    --peep-accessory-color: #00ff00;
+    --peep-facial-hair-color: #ffd700;
+    --peep-object-color: #ffa500;
+    --peep-clothes-color: #00613d;
+
+    display: inline-block;
+    width: 130px;
+    height: 130px;
+  }
+</style>

src/components/css-peeps/peep.astro

@@ -54,8 +54,9 @@ const {
 
       --peep-clothes-color: var(--clothesColor);
 
-      width: 125px;
-      height: 125px;
+      width: 80px;
+      height: 80px;
+      border: 1px solid white;
     }
   </style>
 </>

src/components/featured-and-projects/indexPicker.tsx

@@ -9,13 +9,13 @@ export default function IndexPicker({
     reference.value = i
   }
   return (
-    <div className='absolute flex bottom-3 left-1/2 transform -translate-x-1/2'>
+    <div className='absolute hidden xl:flex bottom-3 left-1/2 transform -translate-x-1/2'>
       {Array.from(Array(n).keys()).map((i) => (
         <button
           key={i}
           onClick={() => goToIndex(i)}
           aria-label={`subpage ${i}`}
-          className={`w-4 h-3 rounded-full mx-1 ${
+          className={`w-4 h-2 rounded-full mx-1 ${
             i === reference.value
               ? 'dark:bg-cyan-300 bg-cyan-900'
               : 'dark:bg-cyan-950 bg-cyan-500'

src/components/featured-and-projects/projects.tsx

@@ -42,9 +42,6 @@ export const DoubleRightButton = ({ _f }: { _f: () => void }) => (
 )
 
 function SimpleIcon(key: string) {
-  if (key === 'javascript') {
-    console.log('key', key)
-  }
   const Icon = simpleIcons[key as keyof toExportType]
   if (typeof Icon === 'function') {
     // return icon with title
@@ -73,7 +70,7 @@ function IndexPicker({ n, reference }: { n: number; reference: any }) {
           key={i}
           onClick={() => goToIndex(i)}
           aria-label={`subpage ${i}`}
-          className={`w-3 h-3 rounded-full mx-1 ${
+          className={`w-3 h-2 rounded-full mx-1 ${
             i === reference.value ? 'bg-cyan-300' : 'bg-cyan-950'
           }`}
         />
@@ -138,7 +135,7 @@ function goLeft() {
   cooldown.value = COOLDOWN_TIME
 }
 
-function ResourceCard({
+function ProjectCard({
   project,
   lang,
   i
@@ -280,7 +277,7 @@ export default function Resources({ n = 1, lang = 'en' }: ResourcesProps) {
     <>
       {Array.from(Array(n).keys()).map((i) => {
         const project = concatedData.at((i + index.value) % data.length)
-        return <ResourceCard project={project} lang={lang} i={i} key={i} />
+        return <ProjectCard project={project} lang={lang} i={i} key={i} />
       })}
     </>
   )

src/components/head/richResults.astro

@@ -0,0 +1,27 @@
+---
+/** https://developers.google.com/search/docs/appearance/structured-data/organization */
+const organizationSchema = {
+  '@context': 'https://schema.org',
+  '@type': 'website',
+  url: 'https://jamerrq.dev',
+  image: 'https://jamerrq.dev/og-image2.png',
+  sameAs: [
+    'https://www.instagram.com/jamerrq',
+    'https://x.com/jamerrq',
+    'https://github.com/jamerrq',
+    'https://twitter.com/jamerrq',
+    'https://www.linkedin.com/in/jamerrq'
+  ],
+  logo: 'https://jamerrq.dev/og-image2.png',
+  name: 'jamerrq.dev',
+  alternateName: 'Jamer José - jamerrq.dev',
+  description:
+    "I'm a backend developer with a focus on Node.js, Python, C# (.NET) and TypeScript. I am passionate about building scalable and maintainable systems."
+}
+---
+
+<script
+  is:inline
+  type='application/ld+json'
+  set:html={JSON.stringify(organizationSchema)}
+/>

src/components/head/seo.astro

@@ -1,5 +1,6 @@
 ---
 import { SEO } from 'astro-seo'
+import RichResults from './richResults.astro'
 ---
 
 <meta charset='UTF-8' />
@@ -9,18 +10,20 @@ import { SEO } from 'astro-seo'
   content='width=device-width,initial-scale=1,viewport-fit=cover'
 />
 <link rel='icon' type='image/png' href='/favicon.png' />
+<!-- Cannonical -->
+<link rel='canonical' href='https://jamerrq.dev' />
 <meta name='generator' content={Astro.generator} />
 <!-- Open Graph -->
 <meta name='twitter:card' content='summary_large_image' />
 <meta name='twitter:site' content='@jamerrq' />
 <meta name='twitter:title' content='jamerrq.dev' />
-<meta name='twitter:description' content='Software Development' />
-<meta name='twitter:image' content='https://jamerrq.deno.dev/og-image2.png' />
+<meta name='twitter:description' content='Jamer José: Software Development' />
+<meta name='twitter:image' content='https://jamerrq.dev/og-image2.png' />
 <meta property='og:title' content='jamerrq.dev' />
 <meta property='og:type' content='personal website' />
-<meta property='og:url' content='https://jamerrq.deno.dev' />
-<meta property='og:image' content='https://jamerrq.deno.dev/og-image2.png' />
-<meta property='og:description' content='Software Development' />
+<meta property='og:url' content='https://jamerrq.dev' />
+<meta property='og:image' content='https://jamerrq.dev/og-image2.png' />
+<meta property='og:description' content='Jamer José: Software Development' />
 <meta property='og:site_name' content='jamerrq.dev' />
 <meta name='theme-color' content='#10B981' />
 <!-- Robots -->
@@ -112,21 +115,22 @@ import { SEO } from 'astro-seo'
 
 <SEO
   title='Jamer José - Backend Developer'
-  description='I am a backend developer with a focus on Node.js and TypeScript. I am passionate about building scalable and maintainable systems.'
+  description="I'm a backend developer with a focus on Node.js, Python, C# (.NET) and TypeScript. I am passionate about building scalable and maintainable systems."
   openGraph={{
     basic: {
       title: 'jamerrq.dev',
       type: 'website',
-      image: 'https://jamerrq.deno.dev/og-image2.png'
+      image: 'https://jamerrq.dev/og-image2.png'
     }
   }}
   twitter={{
     creator: '@jamerrq',
     card: 'summary_large_image',
     description:
-      'I am a backend developer with a focus on Node.js and TypeScript. I am passionate about building scalable and maintainable systems.',
-    image: 'https://jamerrq.deno.dev/og-image2.png',
+      "I'm a backend developer with a focus on Node.js, Python, C# (.NET) and TypeScript. I am passionate about building scalable and maintainable systems.",
+    image: 'https://jamerrq.dev/og-image2.png',
     site: '@jamerrq',
     title: 'jamerrq.dev'
   }}
 />
+<RichResults />

src/components/icons/simple-icon.tsx

@@ -20,7 +20,8 @@ import {
   siCss3,
   siVisualstudiocode,
   siDeno,
-  siNodedotjs
+  siNodedotjs,
+  siVitest
 } from 'simple-icons'
 
 export const ICONS_SAFE_LIST_TAILWIND = [
@@ -42,7 +43,10 @@ export const ICONS_SAFE_LIST_TAILWIND = [
   siJavascript,
   siPhp,
   siCss3,
-  siNodedotjs
+  siNodedotjs,
+  siVisualstudiocode,
+  siDeno,
+  siVitest
 ].map((icon) => `fill-[#${icon.hex}]`)
 
 export interface SimpleIconProps {
@@ -171,6 +175,10 @@ function NodeLogo() {
   return SimpleIcon({ __html: siNodedotjs.svg, fill: `#${siNodedotjs.hex}` })
 }
 
+function VitestLogo() {
+  return SimpleIcon({ __html: siVitest.svg, fill: `#${siVitest.hex}` })
+}
+
 const toExport = {
   Astro: AstroLogo,
   Supabase: SupabaseLogo,
@@ -192,7 +200,8 @@ const toExport = {
   Php: PhpLogo,
   'Visual Studio Code': VisualStudioCodeLogo,
   Deno: DenoLogo,
-  NodeJS: NodeLogo
+  NodeJS: NodeLogo,
+  Vitest: VitestLogo
 }
 
 export type toExportType = typeof toExport