fml

client/src/pages/index-page.vue

@@ -1,15 +1,15 @@
 <template>
-    <div class="home-page">
-        <section class="landing">
-            <div class="splash-title">
-                <h1>Auracle</h1>
-                <div>
-                    <p>Recueil de savoirs arcaniques et ésotériques des contrées lointaines de Léïm</p>
-                    <p>Découvrez ses sortilèges et maléfices...</p>
-                </div>
-            </div>
-        </section>
-    </div>
+  <div class="container">
+    <section class="fullpage">
+      <div class="px-4">
+        <div class="display-2 text-dark mb-4 font-display" style="line-height:100%;font-weight:900;">"C'est magique, ta gueule."</div>
+        <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">Wunderwelt</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>
 </template>
 
 <script>
@@ -19,39 +19,10 @@ export default {
 </script>
 
 <style lang="scss">
-    .home-page {
-        .landing {
-            min-height: 100vh;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            background: $dull--black;
-
-            .splash-title {
-                padding-bottom: 1rem;
-                color: $white;
-                text-align: center;
-                @include blue-glow-text(.8);
-
-                h1 {
-                    margin-bottom: 1.5rem;
-                    font-size: 4rem;
-                    font-family: 'Montserrat', sans-serif;
-                    font-weight: $font-bold;
-                    text-transform: uppercase;
-                }
-
-                div {
-                    padding-top: 1rem;
-                    p {
-                        margin-bottom: 1.5rem;
-                        font-size: 1.2rem;
-                        font-style: italic;
-                    }
-                }
-
-            }
-
-        }
-    }
+  .fullpage{
+    min-height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 </style>