feat: implement svg's

MarcelWeeske · Sep 8, 2024 · 437e179 · 437e179
1 parent a7fd81d
commit 437e179
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/reference.astro b/src/components/reference.astro
@@ -12,13 +12,13 @@ const { name, role, company, text, image } = Astro.props;
     <div class="text-sm text-neutral-600 dark:text-neutral-400 textright">
       <div>
         <div>
-          <img src="/assets/images/quotation_marks.png" class="w-10 h-10 inline-block">
+          <svg width="40px" height="40px" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 310 310' fill='none' class="text-black dark:text-white"><path d='M79 142.16c-6.02 0-11.42.28-16.25.81 7.1-29.03 22.95-44.36 45.88-56.04 5.33-2.71 7.63-9.1 5.23-14.57l-6.04-13.77c-2.59-5.91-9.62-8.44-15.38-5.53-22.1 11.11-37.39 23.92-48.76 40.63C28.42 116.11 21 145.6 21 183.83v16.52c0 31.95.11 57.81 58 57.81 58 0 58-25.97 58-58s.38-58-58-58zm152 0c-6.02 0-11.42.28-16.25.81 7.1-29.03 22.95-44.36 45.88-56.04 5.33-2.71 7.63-9.1 5.23-14.57l-6.04-13.77c-2.59-5.91-9.62-8.44-15.38-5.53-22.1 11.11-37.39 23.92-48.76 40.63C180.42 116.11 173 145.6 173 183.83v16.52c0 31.95.11 57.81 58 57.81 58 0 58-25.97 58-58s.38-58-58-58z' fill="currentColor"></path></svg>
         </div>
         <div class="text-justify">
           {text}
         </div>
-        <div class="text-right">
-          <img src="/assets/images/quotation_marks.png" class="w-10 h-10 inline-block">
+        <div>
+          <svg width="40px" height="40px" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 310 310' fill='none' class="text-black dark:text-white ml-auto"><path d='M231 167.84c6.02 0 11.42-.28 16.25-.81-7.1 29.03-22.95 44.36-45.88 56.04-5.33 2.71-7.63 9.1-5.23 14.57l6.04 13.77c2.59 5.91 9.62 8.44 15.38 5.53 22.1-11.11 37.39-23.92 48.76-40.63C281.58 193.89 289 164.4 289 126.17v-16.52c0-31.95-.11-57.81-58-57.81-58 0-58 25.97-58 58s-.38 58 58 58zm-152 0c6.02 0 11.42-.28 16.25-.81-7.1 29.03-22.95 44.36-45.88 56.04-5.33 2.71-7.63 9.1-5.23 14.57l6.04 13.77c2.59 5.91 9.62 8.44 15.38 5.53 22.1-11.11 37.39-23.92 48.76-40.63C129.58 193.89 137 164.4 137 126.17v-16.52c0-31.95-.11-57.81-58-57.81-58 0-58 25.97-58 58s-.38 58 58 58z' fill="currentColor"></path></svg>
         </div>
       </div>
     </div>

diff --git a/src/components/techstack.astro b/src/components/techstack.astro
@@ -4,10 +4,10 @@ import technologies from "../collections/technologies.json"
 import Technology from "./technology.astro";
 ---
 
-<section class="relative z-20 my-12 px-7 lg:px-0">
+<section class="relative z-20 mt-12 px-7 lg:px-0">
   <div class="max-w-2xl mx-auto">
-    <h2 class="mb-2 text-2xl font-bold dark:text-neutral-200 text-center">TechStack</h2>
-    <p class="text-center dark:text-neutral-200">Always evolving, always learning. Here you find a selection of the technologies I am working with</p>
+    <h2 class="mb-2 text-2xl font-bold dark:text-neutral-200 text-center">Tech Stack</h2>
+    <p class="text-center dark:text-neutral-200">Here you find a selection of the technologies I am working with.</p>
   </div>
   <div class="grid items-stretch w-full sm:grid-cols-2 md:grid-cols-5 gap-7 mt-16">
     {

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -66,7 +66,7 @@ import Layout from "../layouts/main.astro";
         </div>
       </div>
     </div>
-    <Separator text="Check out my Techstack"/>
+    <Separator text="Where lies my Expertise"/>
     <Techstack />
   </section>