From bc6a3ad9eba47cc4d33ed36ba641de97186c4b02 Mon Sep 17 00:00:00 2001
From: Hamcha <hamcha@crunchy.rocks>
Date: Sun, 28 Jun 2020 02:22:11 +0200
Subject: [PATCH] Draft index page

---
 index.html               | 21 +++++++++++++++++++++
 style/pages/welcome.scss | 12 ++++++++++--
 style/ui.scss            |  5 +++--
 3 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 9960c60..4ec6a63 100644
--- a/index.html
+++ b/index.html
@@ -54,6 +54,27 @@
             <img class="icon" src="assets/images/outline.svg" />
             <img class="type" src="assets/images/type.svg" />
           </header>
+          <div>
+            <p>
+              This handbook is a collection of tweaks of the /tg/station wiki
+              pages to make them prettier and easier to navigate.
+            </p>
+            <p>Please note that:</p>
+            <ul>
+              <li>
+                It's being built with smaller windows in mind (think SS13
+                popups), large window format is planned but it's just not there
+                yet.
+              </li>
+              <li>
+                There is a lot of development still happening, so many parts are
+                not as polished as they should be.
+              </li>
+            </ul>
+          </div>
+          <p>
+            Click any guide in the top menu to open it.
+          </p>
         </div>
       </section>
     </main>
diff --git a/style/pages/welcome.scss b/style/pages/welcome.scss
index 7b2793e..ab73907 100644
--- a/style/pages/welcome.scss
+++ b/style/pages/welcome.scss
@@ -2,14 +2,18 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    justify-content: center;
+    font-size: 12pt;
+    line-height: 1.4em;
+    padding: 10pt;
     header {
-        flex: 1;
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: center;
+        padding: 20pt;
         .icon {
-            max-width: 30vw;
+            max-width: 25vw;
             width: 200px;
             margin-right: 20px;
         }
@@ -18,4 +22,8 @@
             width: 400px;
         }
     }
+    p,
+    ul {
+        max-width: 960px;
+    }
 }
diff --git a/style/ui.scss b/style/ui.scss
index bfbac12..3b29fa5 100644
--- a/style/ui.scss
+++ b/style/ui.scss
@@ -88,13 +88,14 @@ body {
     .page {
         //visibility: hidden;
         will-change: display;
-        display: none;
+        &:not(.active) {
+            display: none;
+        }
         overflow-y: auto;
         grid-row: 1;
         grid-column: 1;
         &.active {
             //visibility: visible;
-            display: inherit;
             &.waiting {
                 user-select: none;
                 position: fixed;