bring back blue background

src/routes/zhen/cv/CompsRev3/IconAndText.svelte

@@ -1,43 +1,47 @@
 <script lang="ts">
-    export let logo:string;
+  export let logo: string;
-    export let logoWidths: string = "10%";
+  export let logoWidths: string = "10%";
-    
-    export let fontSize: string = "3mm";
-    export let lineHeight: string = "3.1mm";
 
-    import { onMount } from "svelte";
+  export let fontSize: string = "3mm";
-    onMount(() => {
+  export let lineHeight: string = "3.1mm";
-        imageCaption = logo.split(/(\\|\/)/g).pop();
-    });
 
-    let imageCaption: undefined | string; // Not a high piority, you get the file name and thats it
+  import { onMount } from "svelte";
+  onMount(() => {
+    imageCaption = logo.split(/(\\|\/)/g).pop();
+  });
+
+  let imageCaption: undefined | string; // Not a high piority, you get the file name and thats it
 </script>
 
 <div class="container">
-    <img src={logo} class="" alt="{imageCaption}" width="{logoWidths}"/>
+  <img
-    <div style="line-height: {lineHeight};">
+    src={logo}
-        <span style="font-size: {fontSize};">
+    class="bg-white w-10 h-10 object-contain"
-            <slot/>
+    alt={imageCaption}
-        </span>
+    width={logoWidths}
-    </div>
+  />
+  <div style="line-height: {lineHeight};">
+    <span style="font-size: {fontSize};">
+      <slot />
+    </span>
+  </div>
 </div>
 
 <style lang="scss">
-    .container {
+  .container {
-        display: flex;
+    display: flex;
-        justify-items: start;
+    justify-items: start;
 
-        width: 100%;
+    & > div {
+      padding-left: 3mm;
 
-        & > div {
+      text-align: start;
-            padding-left: 3mm;
-
-            text-align: start;
-        }
-
-        & > img {
-            border-radius: 2.5mm;
-            filter: drop-shadow(1mm 1mm 1mm #0000009d);
-        }
     }
-</style>
+
+    & > img {
+      border-radius: 2.5mm;
+      filter: drop-shadow(1mm 1mm 1mm #0000009d);
+    }
+  }
+</style>
+

src/routes/zhen/cv/rev3/+page.svelte

@@ -35,7 +35,7 @@
     if (!hideOnPrintParam) {
       window.location.href = `${window.location.href}?hideOnPrint=1`;
     }
-  })
+  });
 
   function getFormattedDate(): string {
     const date = new Date();
@@ -79,7 +79,10 @@
     <div id="left-section">
       <LeftTopDecor Style="pointer-events: none;" />
       <BottomRightDecor Style="pointer-events: none;" />
-      <div class="absolute rotate-12 width-[10cm] h-full right-[15cm]" style="background-color: #bdd6ee"></div>
+      <div
+        class="absolute rotate-12 width-[10cm] h-full right-[15cm]"
+        style="background-color: #bdd6ee"
+      ></div>
       <div>
         <NameAndImage />
         <ShortProfile />
@@ -101,7 +104,7 @@
         <LinkToSource />
       </div>
       <div>
-        <Profile/>
+        <Profile />
         <BiggestFlex />
         <TableOfProjects />
         <Experience />
@@ -170,6 +173,7 @@
     }
 
     #left-section {
+      background-color: #bdd6ee;
 
       > div:last-child {
         z-index: 1;