Added Pahours Project

src/components/Projects.astro

@@ -4,6 +4,8 @@ import Solid from "./icons/Solid.astro";
 import Tailwind from "./icons/Tailwind.astro";
 import Link from "./icons/Link.astro";
 import Rust from "./icons/Rust.astro";
+import Fastify from "./icons/Fastify.astro";
+import TypeScript from "./icons/TypeScript.astro";
 import LinkButton from "./LinkButton.astro";
 
 const TAGS = {
@@ -22,6 +24,16 @@ const TAGS = {
     class: "bg-[#CE422B] text-white",
     icon: Rust,
   },
+  TYPESCRIPT: {
+    name: "TypeScript",
+    class: "bg-[#222] text-white",
+    icon: TypeScript,
+  },
+  FASTIFY: {
+    name: "Fastify",
+    class: "bg-[#fff] text-black",
+    icon: Fastify,
+  },
 };
 const PROJECTS = [
   {
@@ -33,6 +45,14 @@ const PROJECTS = [
     image: "/projects/intellitelemetry.webp",
     tags: [TAGS.RUST, TAGS.SOLID, TAGS.TAILWIND],
   },
+  {
+    title: "PaHours - Horas de trabajo",
+    description:
+      "Desarrollé una aplicación web para gestionar las horas laborales de los empleados de la empresa de mi padre. La plataforma permite registrar, monitorear y generar informes de horas trabajadas, mejorando la eficiencia y organización.",
+    link: "https://pa-hours.gerardz.de",
+    image: "/projects/pahours.webp",
+    tags: [TAGS.TYPESCRIPT, TAGS.FASTIFY],
+  },
 ];
 ---
 

src/components/icons/Fastify.astro

@@ -0,0 +1,10 @@
+<svg
+  {...Astro.props}
+  preserveAspectRatio="xMidYMid"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 256 167.509"
+>
+  <path
+    d="M247.942 23.314L256 2.444l-.35-1.293-79.717 21.003C184.433 9.86 181.513 0 181.513 0s-25.457 16.257-44.709 15.832c-19.251-.426-25.457-5.564-54.977 3.853-29.52 9.41-37.86 38.295-46.419 44.5S0 90.603 0 90.603l.058.359 24.207-7.707s-6.64 6.255-20.745 25.265l-.659-.609.025.134s11.336 17.324 22.463 14.121c1.118-.325 2.377-.859 3.753-1.56 4.48 2.495 10.327 4.947 16.783 5.622 0 0-4.37-5.08-8.016-10.86.984-.634 1.994-1.293 3.02-1.96l-.476.334 9.217 3.386-1.017-8.666c.033-.017.058-.042.091-.059l9.059 3.328-1.126-7.882a76.868 76.868 0 0 1 3.436-1.693l9.443-35.717 39.045-26.634-3.103 7.808c-7.916 19.468-22.78 24.064-22.78 24.064l-6.206 2.352c-4.612 5.455-6.556 6.798-8.14 25.107 3.72-.934 7.273-1.16 10.492-.292 16.683 4.496 22.463 24.599 17.967 30.162-1.126 1.393-3.803 3.77-7.181 6.565h-6.773l-.092 5.488c-.234.184-.467.359-.693.542h-6.89l-.083 5.355c-.609.468-1.218.918-1.801 1.36-6.473.133-14.673-5.514-14.673-5.514 0 5.139 4.28 13.046 4.28 13.046s.283-.133.758-.367c-.417.309-.65.476-.65.476s17.324 11.552 28.235 7.273c9.7-3.804 34.816-23.606 56.495-32.981l65.603-17.283 8.65-22.413-49.997 13.17V83.597l58.664-15.457 8.65-22.413-67.297 17.734V43.324z"
+  ></path>
+</svg>

src/components/icons/TypeScript.astro

@@ -0,0 +1,15 @@
+<svg {...Astro.props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
+  <style>
+    .st0 {
+      fill: #007acc;
+    }
+    .st1 {
+      fill: #fff;
+    }
+  </style>
+  <path class="st0" d="M0 200V0h400v400H0"></path>
+  <path
+    class="st1"
+    d="M87.7 200.7V217h52v148h36.9V217h52v-16c0-9 0-16.3-.4-16.5 0-.3-31.7-.4-70.2-.4l-70 .3v16.4l-.3-.1zM321.4 184c10.2 2.4 18 7 25 14.3 3.7 4 9.2 11 9.6 12.8 0 .6-17.3 12.3-27.8 18.8-.4.3-2-1.4-3.6-4-5.2-7.4-10.5-10.6-18.8-11.2-12-.8-20 5.5-20 16 0 3.2.6 5 1.8 7.6 2.7 5.5 7.7 8.8 23.2 15.6 28.6 12.3 41 20.4 48.5 32 8.5 13 10.4 33.4 4.7 48.7-6.4 16.7-22 28-44.3 31.7-7 1.2-23 1-30.5-.3-16-3-31.3-11-40.7-21.3-3.7-4-10.8-14.7-10.4-15.4l3.8-2.4 15-8.7 11.3-6.6 2.6 3.5c3.3 5.2 10.7 12.2 15 14.6 13 6.7 30.4 5.8 39-2 3.7-3.4 5.3-7 5.3-12 0-4.6-.7-6.7-3-10.2-3.2-4.4-9.6-8-27.6-16-20.7-8.8-29.5-14.4-37.7-23-4.7-5.2-9-13.3-11-20-1.5-5.8-2-20-.6-25.7 4.3-20 19.4-34 41-38 7-1.4 23.5-.8 30.4 1l-.2.2z"
+  ></path>
+</svg>