refactor(welcome): improve welcome page

mathieuher · Feb 8, 2024 · 1bcd291 · 1bcd291
1 parent 3d124a2
commit 1bcd291
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -24,14 +24,18 @@
                     <div class="title">❄️ Welcome</div>
                     <div class="dialog-content">
                         <p>
-                            Hey Skier :)<br>
+                            Hey Skier 😃<br>
                             Welcome on RetroSki, let me give you some informations before joining the mountain
                         </p>
                         <div class="section-title">❓ What is RetroSki ?</div>
                         <p>
-                            RetroSki is 2D ski game that lets you race on randomly generated alpine ski tracks with your friends  
+                            RetroSki is a small game development project to challenge your friends on randomly generated 2D alpine ski tracks
                         </p>
                         <div class="section-title">🎮 Controls</div>
+                        <p>
+                            You can play with a ⌨️ Keyboard or with a 🎮 Gamepad (Xbox gamepad like)<br>
+                            <small>Note: For the moment touch devices are not supported but you can still play by linking a bluetooth gamepad to your device</small>
+                        </p>
                         <div class="table-container">
                             <table>
                                 <tr>
@@ -126,13 +130,13 @@
                         </ol>
                         <div class="section-subtitle">Different track styles</div>
                         <p>
-                            Each track style follow is own rule when generating a new track.<br>
+                            Each track style follow is own rule.<br>
                             The dynamic of the skier is also impacted by the style of the track to mimic real world differences.<br>
                             <small>Note: For your first rides, Giant slalom is a good style to start gaining some experience</small>
                         </p>
                         <div class="section-subtitle">Keep your records</div>
                         <p>
-                            RetroSki use localStorage to persist generated tracks and records.<br> 
+                            RetroSki use localStorage to persist generated tracks and records.<br>
                             You can easily export them and share them with friends by using the browser developper tools.
                         </p>
                         <div class="table-container">
@@ -157,8 +161,8 @@
                         </p>
                         <div class="section-title">🏅 Support the project</div>
                         <p>
-                            RetroSki is a small game developer project freely provided to you<br>
-                            I really hope that you'll enjoy your time on the mountain with us 😃<br>
+                            RetroSki is a small game development project freely provided to you<br>
+                            Be sure to enjoy your time on the mountain with us 😃<br>
                             Feel free to support this project 🙏<br>
                             <a href="https://donate.stripe.com/7sIaGu2wO52K9S8aEE">❤️ Show your support</a>
 

diff --git a/src/scss/game.scss b/src/scss/game.scss
@@ -144,7 +144,7 @@ html body {
                 padding-top: 0;
                 padding-bottom: 0;
                 margin: 0;
-                font-size: 0.85rem;
+                font-size: 0.8rem;
                 line-height: 1.1rem;
 
                 strong {