feat: add something to the homepage (although not much, I have no ide…

…as for it)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "olahbarbershop-website",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "The website of Oláh Barbershop, made using SvelteKit.",
   "author": "pml68",
   "license": "GPL-3.0",

src/lib/assets/css/home.scss

@@ -0,0 +1,16 @@
+$min-font: 16px;
+$desired-font: 5.5vw;
+$max-font: 50px;
+
+.main {
+  text-align: center;
+
+  h1 {
+    font-weight: normal;
+    font-size: clamp($min-font, $desired-font, $max-font);
+  }
+
+  b {
+    font-weight: bold;
+  }
+}

src/routes/+page.svelte

@@ -1,5 +1,15 @@
+<script lang="ts">
+  import '$lib/assets/css/home.scss'
+</script>
+
 <svelte:head>
   <title>Oláh Barbershop</title>
 </svelte:head>
 
-<div class="ii"></div>
+<div class="container">
+  <div class="main">
+    <h1>Hi!</h1>
+    <br>
+    <h1>This is <b>your</b> barbershop.</h1>
+  </div> 
+</div>