Merge pull request #25 from mathieuher/preview/zoom

Preview/zoom

readme.md

@@ -7,7 +7,7 @@ Welcome to a fun, small game development project!
 Put on your skis and race down randomly generated alpine ski tracks with friends.
 
 ## 💻 Play the official game
-<a href="https://retro-ski.ch">RetroSki</a>
+<a href="https://retro-ski.ch">retro-ski.ch</a>
 
 ## 🎮 Controls
 <table>
@@ -127,7 +127,7 @@ If the game crashes, try resetting and erasing all content via the game setup me
 
 ## ❤️ Support the project
 Be sure to enjoy your time on the mountain with us 😃<br>
-Feel free to support the project 🙏 :
+Feel free to support the project or upgrading to a premium account 🙏 :
 <a href="https://donate.stripe.com/7sIaGu2wO52K9S8aEE">Support the project via Stripe</a>
 
 ## ⚫ Developer guide

src/index.html

@@ -12,7 +12,10 @@
             property="og:image"
             content="https://retro-ski.ch/assets/logos/logo.png"
         />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"
+        />
         <link
             rel="icon"
             type="image/x-icon"

src/styles.scss

@@ -15,4 +15,24 @@ body {
         align-items: center;
         justify-content: center;
     }
+
+    ::-webkit-scrollbar {
+        width: 4px;
+    }
+
+    /* Track */
+    ::-webkit-scrollbar-track {
+        background: var(--color-surface);
+    }
+
+    /* Handle */
+    ::-webkit-scrollbar-thumb {
+        background: var(--color-tertiary-lightest);
+        border-radius: var(--border-radius);
+        cursor: pointer;
+
+        &:hover {
+            background: var(--color-tertiary-light);
+        }
+    }
 }