Slight updates to cv rev3

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

@@ -8,11 +8,11 @@
   import IconAndText2 from "./IconAndText2.svelte";
 </script>
 
-<div class="container">
+<div class="container h-10">
   <div>
     <b style="text-align:left;"> Education </b>
   </div>
-  <div class="imagesContainer flex justify-center p-2 gap-4" id="balls">
+  <div class="flex justify-center p-2 ">
     <IconAndText2 logo={DTU_Logo}>
       <b>DTU</b><br />
       <p style="font-size: 0.5rem;">Artificial intelligence</p>
@@ -26,7 +26,7 @@
       <p style="font-size: 0.5rem;">SAS Programming</p>
     </IconAndText2>
     <IconAndText2 logo={EmphasysLogo}>
-      <b>Emphasys center</b><br />
+      <span class="font-semibold">Emphasys center</span><br />
       <p style="font-size: 0.5rem;">VR development</p>
     </IconAndText2>
   </div>

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

@@ -16,7 +16,7 @@
 <div class="container">
   <img
     src={logo}
-    class="bg-white w-10 h-10 object-contain"
+    class="bg-white w-10 h-10 object-contain rounded shadow"
     alt={imageCaption}
     width={logoWidths}
   />
@@ -38,10 +38,6 @@
       text-align: start;
     }
 
-    & > img {
-      border-radius: 2.5mm;
-      filter: drop-shadow(1mm 1mm 1mm #0000009d);
-    }
   }
 </style>
 

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

@@ -2,8 +2,6 @@
   export let logo: string;
   export let logoWidths: string = "35%";
 
-  export let fontSize: string = "3mm";
-  export let lineHeight: string = "3.1mm";
 
   import { onMount } from "svelte";
   onMount(() => {
@@ -13,34 +11,21 @@
   let imageCaption: undefined | string; // Not a high piority, you get the file name and thats it
 </script>
 
-<div class="container flex">
+<div class=" h-full container flex">
-  <img
+  <div class="flex h-full w-6 items-center overflow-hidden rounded">
+    <img
     src={logo}
-    class="mr-2 w-6 h-6 object-contain"
+    class=" w-6 h-6 object-cover shadow"
     alt={imageCaption}
     width={logoWidths}
-  />
+    />
-  <div style="line-height: {lineHeight};">
+  </div>
-    <span class="inline" style="font-size: {fontSize};">
+  <div class="px-1 ml-1 h-full text-[0.5rem]" >
+    <span class="inline " >
       <slot />
     </span>
   </div>
 </div>
 
-<style lang="scss">
-  .container {
-    width: 100%;
 
-    & > div {
-      text-align: start;
-
-      border-left: 0.5mm solid black;
-    }
-
-    & > img {
-      border-radius: 2.5mm;
-      filter: drop-shadow(1mm 1mm 1mm #0000009d);
-    }
-  }
-</style>
 

static/stylesheets/global.css

@@ -10,7 +10,7 @@
   font-family: "NotoSans";
   src:
     local("NotoSans"),
-    url("/fonts/NotoSans-VariableFont_wdth,wght.ttf") format("truetype");
+    url("/fonts/NotoSans.ttf") format("truetype");
 }
 
 .NotoSans * {

vite.config.js

@@ -1,28 +1,31 @@
 import tailwindcss from "@tailwindcss/vite";
-import { sveltekit } from '@sveltejs/kit/vite';
+import { sveltekit } from "@sveltejs/kit/vite";
-import { defineConfig } from 'vite';
+import { defineConfig } from "vite";
 import path from "path";
 
-const buildTime = new Intl.DateTimeFormat('da-DK', {
+const buildTime = new Intl.DateTimeFormat("da-DK", {
-	day: '2-digit',
+  day: "2-digit",
-	month: '2-digit',
+  month: "2-digit",
-	year: 'numeric',
+  year: "numeric",
-	hour: '2-digit',
+  hour: "2-digit",
-	minute: '2-digit',
+  minute: "2-digit",
-	hour12: false,
+  hour12: false,
-	timeZone: 'Europe/Copenhagen'
+  timeZone: "Europe/Copenhagen",
 }).format(new Date());
 
 export default defineConfig({
-	plugins: [tailwindcss(), sveltekit()],
+  plugins: [tailwindcss(), sveltekit()],
-	define: {
+  define: {
-		__BUILD_TIME__: JSON.stringify(buildTime)
+    __BUILD_TIME__: JSON.stringify(buildTime),
-	},
+  },
-	resolve: {
+  resolve: {
-		alias: {
+    alias: {
-			"@images": path.resolve("./src/images"),
+      "@images": path.resolve("./src/images"),
-			"@src": path.resolve("./src"),
+      "@src": path.resolve("./src"),
-			"@static": path.resolve("./static"),
+      "@static": path.resolve("./static"),
-		}
+    },
-	}
+  },
+  server: {
+    allowedHosts: ["development2.deprived.dev"],
+  },
 });