failrues

package-lock.json

@@ -1198,6 +1198,11 @@
       "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
       "dev": true
     },
+    "batch-processor": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/batch-processor/-/batch-processor-1.0.0.tgz",
+      "integrity": "sha1-dclcMrdI4IUNEMKxaPa9vpiRrOg="
+    },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -1403,6 +1408,14 @@
       "integrity": "sha512-g5cGpg6rOCXxyfaLCQIWz9Fx+raFfbZ6sc4QLfvvaiCERBzY6YD6rh5d12QN++bEF1Tm9osYnxP37lbN/92j4A==",
       "dev": true
     },
+    "element-resize-detector": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/element-resize-detector/-/element-resize-detector-1.2.1.tgz",
+      "integrity": "sha512-BdFsPepnQr9fznNPF9nF4vQ457U/ZJXQDSNF1zBe7yaga8v9AdZf3/NElYxFdUh7SitSGt040QygiTo6dtatIw==",
+      "requires": {
+        "batch-processor": "1.0.0"
+      }
+    },
     "error-ex": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
@@ -2338,6 +2351,14 @@
       "integrity": "sha512-OX/IBVUJSFo1rnznXdwf9rv6LReJ3qQ0PwRjj76vfUWyTfbHbR9OXqJBnUrpjyis2dwYcbT2Zm1DFjOOF1ZbbQ==",
       "dev": true
     },
+    "svelte-watch-resize": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/svelte-watch-resize/-/svelte-watch-resize-1.0.3.tgz",
+      "integrity": "sha512-ktqTnkdqfx4YRqeMJcX1jeSnQ2kJUVlj4/rLdaLbhM+RrxN87vS2EZ0cxlGZ7eXV86Ef05Q3dVqEiR+12PeoIw==",
+      "requires": {
+        "element-resize-detector": "^1.1"
+      }
+    },
     "terser": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/terser/-/terser-5.2.1.tgz",

package.json

@@ -19,6 +19,7 @@
     "sirv": "^1.0.0"
   },
   "devDependencies": {
+    "svelte-watch-resize": "^1.0.3",
     "@babel/core": "^7.0.0",
     "@babel/plugin-syntax-dynamic-import": "^7.0.0",
     "@babel/plugin-transform-runtime": "^7.0.0",

src/routes/index.svelte

@@ -23,7 +23,7 @@
 	}
 	.label {
 		position: absolute;
-		font-size: calc(var(--font-size) / 1.7);
+		font-size: 20px !important;
 		transition: .2s ease;
 	}
 	.label2:hover {
@@ -269,7 +269,7 @@
 		height: 100vh;
 		top: 0;
 		left: 0;
-		trasnform: scale(1);
+		transform: scale(0.9);
 	}
 }
 </style>
@@ -278,6 +278,7 @@
 	import Logo from '../components/logo.svelte';
 	import anime from 'animejs/lib/anime.es.js';
 	import { onMount, afterUpdate } from 'svelte';
+	//import { watchResize } from 'svelte-watch-resize';
 
 	let clicked = false;
 	let what = {
@@ -369,6 +370,26 @@
         return result;
       }
 
+      function resize() {
+      	if (document.querySelector("#predseda")) {
+        		let predseda = document.getElementById("predseda");
+        		let prebiram = document.getElementById("prebiram");
+        		let zapojit = document.getElementById("zapojit");
+        		let zalozit = document.getElementById("zalozit");
+        		let oborovky = document.getElementById("oborovky");
+        		let plusko = document.getElementById("plusko")
+
+        		what["predseda"] = [ predseda.clientHeight, predseda.clientWidth, predseda.offsetLeft, predseda.offsetTop ];
+        		what["prebiram"] = [ prebiram.clientHeight, prebiram.clientWidth, prebiram.offsetLeft, prebiram.offsetTop ];
+        		what["zapojit"] = [ zapojit.clientHeight, zapojit.clientWidth, zapojit.offsetLeft, zapojit.offsetTop ];
+        		what["zalozit"] = [ zalozit.clientHeight, zalozit.clientWidth, zalozit.offsetLeft, zalozit.offsetTop ];
+        		what["oborovky"] = [ oborovky.clientHeight, oborovky.clientWidth, oborovky.offsetLeft, oborovky.offsetTop ];
+        		what["plusko"] = [ plusko.clientHeight, plusko.clientWidth, plusko.offsetLeft, plusko.offsetTop ];
+
+        		console.log(what);
+      	}
+      }
+
       onMount(() => {
       	if (window.innerWidth <= 800)
       		clicked = true;
@@ -378,6 +399,7 @@
 <svelte:head>
 	<title>Spolky a SORky PedF UK | Chci se zapojit</title>
 </svelte:head>
+<!--<svelte:window use:watchResize={resize}/>-->
 
 <Logo keep={true}/>