chore: layout

components/home/been-working-with.vue

@@ -4,45 +4,41 @@ import PreviousRole from '../previous-role.vue';
     <div class="text-sm text-gray-500">Been working with</div>
     <PreviousRole
       company="Celonis"
-      role="Senior frontend engineer"
       logo="celonis-logo.webp"
       href="https://celonis.com"
     >
-      <ul class="list-disc list-inside">
+      <div>
-        <li>EMS 2.0 OCPM frontend: Pioneering the future of process mining.</li>
+        OCPM frontend. Pioneering the future of process mining. Developed
-        <li>
+        internal shared component libraries and build pipelines. Facilitated
-          Developed internal shared component libraries and build pipelines.
+        cross-departmental collaboration with Backstage implementation.
-        </li>
+      </div>
-        <li>
-          Facilitated cross-departmental collaboration with Backstage
-          implementation.
-        </li>
-      </ul>
     </PreviousRole>
 
     <PreviousRole
       company="Lenses.io"
-      role="Senior frontend engineer"
       logo="lenses-logo.webp"
       href="https://lenses.io"
     >
       <ul class="list-disc list-inside">
-        <li>Engineered the frontend for SQL Processors and Data Catalog.</li>
+        <li class="inline">
-        <li>Architected the shared components library.</li>
+          Engineered the frontend for SQL Processors and Data Catalog.
-        <li>Worked on the Lenses.io CLI tool.</li>
+        </li>
+        <li class="inline">Architected the shared components library.</li>
+        <li class="inline">Worked on the Lenses.io CLI tool.</li>
       </ul>
     </PreviousRole>
 
     <PreviousRole
       company="The Chat Shop"
-      role="Lead Engineer"
       logo="thechatshop-logo.jpg"
       href="https://thechatshop.com"
     >
       <ul class="list-disc list-inside">
-        <li>Spearheaded end-to-end processing architecture.</li>
+        <li class="inline">Spearheaded end-to-end processing architecture.</li>
-        <li>Established the company’s streaming data infrastructure.</li>
+        <li class="inline">
-        <li>
+          Established the company’s streaming data infrastructure.
+        </li>
+        <li class="inline">
           Worked on devops to achieve continuous integration and deployment.
         </li>
       </ul>
@@ -50,28 +46,30 @@ import PreviousRole from '../previous-role.vue';
 
     <PreviousRole
       company="Commversion"
-      role="Contractor Software Engineer"
       logo="commversion-logo.webp"
       href="https://commversion.com"
     >
       <ul class="list-disc list-inside">
-        <li>
+        <li class="inline">
           Developed the frontend delivery platform with public-facing
           infrastructure.
         </li>
-        <li>Designed and implemented the initial InstantConnect system.</li>
+        <li class="inline">
+          Designed and implemented the initial InstantConnect system.
+        </li>
       </ul>
     </PreviousRole>
 
     <PreviousRole
       company="Up Hellas"
-      role="Contractor Frontend Engineer"
       logo="up-logo.webp"
       href="https://uphellas.gr"
     >
       <ul class="list-disc list-inside">
-        <li>Implemented client's area dashboards.</li>
+        <li class="inline">Implemented client's area dashboards.</li>
-        <li>Designed and implemented internal sales dashrboard.</li>
+        <li class="inline">
+          Designed and implemented internal sales dashrboard.
+        </li>
       </ul>
     </PreviousRole>
   </UContainer>

components/previous-role.vue

@@ -3,7 +3,6 @@ interface Props {
   logo: string;
   href?: string;
   company: string;
-  role: string;
 }
 
 const props = defineProps<Props>();
@@ -23,7 +22,7 @@ const props = defineProps<Props>();
         fit="outside"
       />
     </NuxtLink>
-    <div class="flex flex-col justify-center">
+    <div class="flex flex-col justify-center gap-1">
       <NuxtLink
         :href="props.href"
         target="_blank"
@@ -31,14 +30,7 @@ const props = defineProps<Props>();
       >
         {{ props.company }}
       </NuxtLink>
-      <div>
+      <div class="text-sm text-gray-500 lg:max-w-lg">
-        <button
-          class="mb-2 text-xs text-gray-400 uppercase font-semibold flex items-center justify-start gap-1"
-        >
-          {{ props.role }}
-        </button>
-      </div>
-      <div class="text-sm text-gray-500">
         <slot />
       </div>
     </div>