From 11c5d16c867c1657558927782ee4ebd9fad5ec6b Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Wed, 17 Jun 2020 12:28:53 +0200
Subject: [PATCH] - small fixes, responsive and comments

---
 client/src/assets/scss/_global.scss |  2 --
 client/src/pages/index-page.vue     | 25 +++++++++++++++++--------
 client/src/routes.js                |  3 ---
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/client/src/assets/scss/_global.scss b/client/src/assets/scss/_global.scss
index 3b2e685..84d7579 100644
--- a/client/src/assets/scss/_global.scss
+++ b/client/src/assets/scss/_global.scss
@@ -44,8 +44,6 @@ var {
     font-style: normal;
 }
 
-// BUTTONS
-
 // MISC.
 hr {
     border: none;
diff --git a/client/src/pages/index-page.vue b/client/src/pages/index-page.vue
index fdb289f..c2a1451 100644
--- a/client/src/pages/index-page.vue
+++ b/client/src/pages/index-page.vue
@@ -2,11 +2,10 @@
   <div class="container-fluid" id="index-container">
     <section class="fullpage">
       <div class="px-4">
-        <div class="text-dark mb-4 font-display line-height-100 font-weight-900" style="font-size:96px;">"C'est magique, ta gueule."</div>
+        <h1 class="text-dark mb-4 font-display line-height-100 font-weight-900">"C'est magique, ta gueule."</h1>
         <div class="lead font-display font-weight-bold">— N'importe quel MJ, une fois dans sa vie</div>
         <hr class="w-50">
         <div class="lead"><span class="font-display" style="font-weight:700;">Auracle</span> est une base de données publique en ligne pour sortilèges, en soutien au jeu de rôle sur table <span class="font-weight-bold text-secondary">Leïm</span>.</div>
-        <!--<a class="mt-4 btn btn-primary btn-lg font-display text-uppercase" href="/register" role="button" style="font-weight:800;">Create a free account</a>-->
       </div>
     </section>
   </div>
@@ -19,10 +18,20 @@ export default {
 </script>
 
 <style lang="scss">
-  .fullpage{
-    min-height: calc(100vh - 56px);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
+    .fullpage {
+        min-height: calc(100vh - 56px);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        h1 {
+            font-size: 5rem;
+        }
+    }
+    @media only screen and (max-width: 600px) {
+        .fullpage {
+            h1 {
+                font-size: 3.5rem;
+            }
+        }
+    }
 </style>
\ No newline at end of file
diff --git a/client/src/routes.js b/client/src/routes.js
index 1fa08b2..c74327c 100644
--- a/client/src/routes.js
+++ b/client/src/routes.js
@@ -1,6 +1,3 @@
-// App router
-
-
 // Pages
 import Index from "./pages/index-page";
 import Spells from "./pages/spells-page";