From 2616956874e7b7c2a95087dd913bb9c4e320a829 Mon Sep 17 00:00:00 2001
From: dararod <dalejorod@gmail.com>
Date: Wed, 23 Oct 2024 12:49:57 -0400
Subject: [PATCH] feat: GraphQL on lebondessert

---
 src/components/Experience.astro |  4 ++--
 src/components/Projects.astro   |  8 +++++++-
 src/icons/GraphQL.astro         | 18 ++++++++++++++++++
 3 files changed, 27 insertions(+), 3 deletions(-)
 create mode 100644 src/icons/GraphQL.astro

diff --git a/src/components/Experience.astro b/src/components/Experience.astro
index 909cf86..edecc09 100644
--- a/src/components/Experience.astro
+++ b/src/components/Experience.astro
@@ -5,12 +5,12 @@
       >February 2023 - October 2024</time
     >
     <h3 class="text-lg font-semibold text-gray-900 dark:text-white">
-      Software Developer
+      Front-End Developer
     </h3>
     <p
       class="max-w-[500px] text-pretty text-sm lg:text-base font-normal text-gray-500 dark:text-gray-400"
     >
-      I worked developing in a performant e-commerce doing Fron-End and testing,
+      I worked developing in a performant e-commerce doing Front-End and testing,
       and I also work on many beautiful landing pages.
     </p>
   </li>
diff --git a/src/components/Projects.astro b/src/components/Projects.astro
index be198b6..1d2fbd4 100644
--- a/src/components/Projects.astro
+++ b/src/components/Projects.astro
@@ -3,6 +3,7 @@ import Svelte from "../icons/Svelte.astro";
 import Tailwind from "../icons/Tailwind.astro";
 import TypeScript from "../icons/TypeScript.astro";
 import Vitest from "../icons/Vitest.astro";
+import GraphQL from "../icons/GraphQL.astro";
 
 const TAGS = {
   SVELTE: {
@@ -25,6 +26,11 @@ const TAGS = {
     class: "bg-[#729b1a]/30 text-white",
     icon: Vitest,
   },
+  GRAPHQL: {
+    name: "GraphQL",
+    class: "bg-[#f6009b]/30 text-white",
+    icon: GraphQL,
+  },
 };
 
 const PROJECTS = [
@@ -34,7 +40,7 @@ const PROJECTS = [
       "A web page solution for an entrepreneur, featuring a tempting menu of desserts. Users can browse and place orders via WhatsApp, blending convenience with a delightful browsing experience.",
     link: "https://lebondessert.com/",
     image: "/images/lebondessert.webp",
-    tags: [TAGS.SVELTE, TAGS.TYPESCRIPT, TAGS.TAILWIND],
+    tags: [TAGS.SVELTE, TAGS.TYPESCRIPT, TAGS.TAILWIND, TAGS.GRAPHQL],
   },
   {
     title: "Endurance Trainning App",
diff --git a/src/icons/GraphQL.astro b/src/icons/GraphQL.astro
new file mode 100644
index 0000000..c8ab744
--- /dev/null
+++ b/src/icons/GraphQL.astro
@@ -0,0 +1,18 @@
+<svg
+    class={Astro.props.class}
+  xmlns="http://www.w3.org/2000/svg"
+  fill="#e10098"
+  style="fill:color(display-p3 .8824 0 .5961)"
+  viewBox="0 0 100 100"
+  ><path
+    fill-rule="evenodd"
+    d="m50 6.903 37.323 21.549v43.096L50 93.097 12.677 71.548V28.451L50 6.903ZM16.865 30.87v31.656L44.28 15.041 16.864 30.87ZM50 13.51 18.398 68.246h63.205L50 13.509Zm27.415 58.924h-54.83L50 88.261l27.415-15.828Zm5.72-9.908L55.72 15.041 83.136 30.87v31.656Z"
+    clip-rule="evenodd"></path><circle cx="50" cy="9.321" r="8.82"
+  ></circle><circle cx="85.229" cy="29.66" r="8.82"></circle><circle
+    cx="85.229"
+    cy="70.34"
+    r="8.82"></circle><circle cx="50" cy="90.679" r="8.82"></circle><circle
+    cx="14.766"
+    cy="70.34"
+    r="8.82"></circle><circle cx="14.766" cy="29.66" r="8.82"></circle></svg
+>