a

src/components/partials/StoryItem.tsx

@@ -23,10 +23,10 @@ export const StoryItem = (props: StoryItemProps) => {
                     <p class="text-lg font-bold">{props.item.title}</p>
                     <p class="w-1/2">{props.item.description}</p>
                 </div>
-                {props.item.epochTime && <p class="font-mono text-zinc-500 font-bold">{props.item.epochTime}</p>}
+                {props.item.epochTime && <p class="font-mono text-zinc-500 font-bold pt-3">{props.item.epochTime}</p>}
 
             </div>
-            <div class="shadow-md delay-75 group-hover:scale-105 transition-all items-center overflow-hidden flex justify-center shadow-gray-500 right-2 top-1 bg-gradient-to-br from-emerald-600 to-emerald-500 md:w-32 xl:w-36 w-20 aspect-square absolute">
+            <div class="shadow-md rounded-md delay-75 group-hover:scale-105 transition-all items-center overflow-hidden flex justify-center shadow-gray-500 right-2 top-1 bg-gradient-to-br from-emerald-600 to-emerald-500 md:w-32 xl:w-36 w-20 aspect-square absolute">
                 {props.item.image && <a class={`h-full w-full ${props.item.paddingedImage && 'p-6'}`} href={props.item.link && ''}><img class="h-auto w-full object-cover" src={props.item.image} alt="" /></a>}
             </div>
         </div>

src/pages/mystory.astro

@@ -15,16 +15,24 @@ const storyItems: StoryItemType[] = [
     title: "First Code",
     description:
       "At the age of 13, I penned my first lines of code. Over the following years, I transitioned from crafting Minecraft plugins with Java to entering the world of web development.",
-    image: "",
+    image: "/img/code.png",
     epochTime: "2017 - 2019"
   },
   {
     title: "Apprenticeship",
     description:
       "During my three-year apprenticeship, I delved into web and backend application development, honing my skills and building a strong foundation in the field.",
-    image: "/img/terminal.svg",
+    image: "/img/apprenticeship.png",
     epochTime: "2020 - 2023",
-    paddingedImage: true
+    paddingedImage: false
+  },
+  {
+    title: "Coding",
+    description:
+      "Now, i'm working professionally at a digital-agency in munich, developing enterprise-level Web-Solutions for small and big companies.",
+    image: "/img/work.png",
+    epochTime: "since 2023",
+    paddingedImage: false
   }
 ];
 ---