QR code done

package.json

@@ -21,7 +21,8 @@
 		"svelte-highlight": "^7.6.0",
 		"svelte-parallax": "^0.6.0",
 		"typescript": "^5.0.0",
-		"vite": "^5.0.3"
+		"vite": "^5.0.3",
+		"vite-plugin-svgr": "^4.2.0"
 	},
 	"type": "module",
 	"dependencies": {

src/routes/zhen/CVs/Comps/LinkedInQR.svelte

@@ -0,0 +1,24 @@
+<script>
+    import QRCode from "$lib/zhen/cv-comps/LinkedInQrCode.svg?raw"
+</script>
+
+<div class="container">
+    <div>LinkedIn</div>
+    <span class="qrcode">{@html QRCode}</span>
+</div>
+
+<style lang="scss">
+
+    .qrcode {
+        transform: scale(0.9);
+    }
+
+    .container {
+        display: grid;
+        place-items: center;
+
+        & * {
+            font-size: 7.5mm;
+        }
+    }
+</style>

src/routes/zhen/CVs/epos/+page.svelte

@@ -2,6 +2,7 @@
     import NameAndImage from "../Comps/NameAndImage.svelte";
     import ShortProfile from "../Comps/ShortProfile.svelte"
     import CombinedContacts from "../Comps/CombinedContacts.svelte"
+    import LinkedInQR from "../Comps/LinkedInQR.svelte";
 </script>
 
 <div class="cv-container-container include-in-print">
@@ -10,6 +11,7 @@
             <NameAndImage/>
             <ShortProfile/>
             <CombinedContacts/>
+            <LinkedInQR/>
         </div>
         <div id="right-section"></div>
     </div>