little blob guy

src/components/Centerpiece.astro

@@ -1,3 +1,7 @@
+---
+import blobHeart from "../assets/blobheart.png";
+---
+
 <div class="text-center">
   <p class="font-semibold lg:text-5xl text-4xl hover:scale-110 transition duration-50">
     hiya, I'm <span class="text-transparent bg-clip-text from-pink-400 to-purple-600 bg-gradient-to-r relative"
@@ -5,7 +9,7 @@
         class="absolute lg:bottom-12 bottom-9 z-50 lg:text-xl text-lg lg:left-7 left-4 text-white font-medium opacity-0 hover:opacity-50 transition duration-50"
         >/ˈar.tur/</span
       ></span
-    >.
+    > <img class="align-top lg:w-12 w-10 inline-block pointer-events-none select-none" src={blobHeart} alt="blob heart">
   </p>
   <p class="font-normal lg:text-2xl text-xl xl:mt-4 mt-2 hover:scale-110 transition duration-50">
     a certified code archwizard

src/components/Icons.astro

@@ -2,7 +2,7 @@
 import { Icon } from "astro-icon";
 ---
 
-<div class="flex gap-x-3 xl:mt-6 mt-5">
+<div class="flex gap-x-3 xl:mt-6 mt-5 text-purple-200">
   <a href="https://github.com/artiemis" target="_blank">
     <Icon name="mdi:github" />
   </a>