From 660a65208f98a0629b3f006f3cc4722732a4d117 Mon Sep 17 00:00:00 2001
From: Chris Wilson <chris@legendserver.info>
Date: Mon, 30 Nov 2020 21:54:33 -0500
Subject: [PATCH] Added style for landing page and fixed footer style

---
 WebHostLib/static/styles/islandFooter.css |  2 +-
 WebHostLib/static/styles/landing.css      | 15 ++++++++++----
 WebHostLib/templates/cloudHeader.html     |  1 -
 WebHostLib/templates/landing.html         | 24 +++++------------------
 4 files changed, 17 insertions(+), 25 deletions(-)

diff --git a/WebHostLib/static/styles/islandFooter.css b/WebHostLib/static/styles/islandFooter.css
index 0ed96223..593c091c 100644
--- a/WebHostLib/static/styles/islandFooter.css
+++ b/WebHostLib/static/styles/islandFooter.css
@@ -7,7 +7,7 @@
     height: 66px;
     padding-left: 0.5rem;
     line-height: 30px;
-    position: absolute;
+    position: fixed;
     bottom: 0;
     left: 0;
 }
diff --git a/WebHostLib/static/styles/landing.css b/WebHostLib/static/styles/landing.css
index e77f3006..0a10227d 100644
--- a/WebHostLib/static/styles/landing.css
+++ b/WebHostLib/static/styles/landing.css
@@ -6,13 +6,13 @@
 }
 
 #landing{
-    margin-right: 0.5em;
-    margin-bottom: 0.5em;
+    width: 820px;
+    min-height: 440px;
 }
 
-#landing-header-links{
-    width: 100%;
+#landing-header{
     text-align: center;
+    width: 100%;
     margin: 0;
 }
 
@@ -31,5 +31,12 @@
 }
 
 iframe{
+    margin-left: 0.5rem;
     border: none;
 }
+
+@media only screen and (max-width: 1300px) {
+    iframe{
+        display: none;
+    }
+}
diff --git a/WebHostLib/templates/cloudHeader.html b/WebHostLib/templates/cloudHeader.html
index 2e7eb1b0..e3b92470 100644
--- a/WebHostLib/templates/cloudHeader.html
+++ b/WebHostLib/templates/cloudHeader.html
@@ -7,6 +7,5 @@
         <a href="/uploads">Host Game</a>
         <a href="/tutorial">Setup Guide</a>
         <a href="/player-settings">Player Settings</a>
-        <a href="/mysterycheck">YAML Tester</a>
     </header>
 {% endblock %}
diff --git a/WebHostLib/templates/landing.html b/WebHostLib/templates/landing.html
index f4b72ff9..bc37dd6a 100644
--- a/WebHostLib/templates/landing.html
+++ b/WebHostLib/templates/landing.html
@@ -6,10 +6,12 @@
 {% endblock %}
 
 {% block body %}
+    {% include 'cloudHeader.html' %}
     <div id="landing-wrapper">
-        <div id="landing" class="main-content">
+        <div id="landing" class="grass-island">
             <div id="landing-header">
-                <h3>Berserker's Multiworld</h3>
+                <h4>The Legend of Zelda: A Link to the Past</h4>
+                <h1>MultiWorld Randomizer</h1>
                 <p id="landing-header-links">
                     <a href="https://github.com/Berserker66/MultiWorld-Utilities">Source Code</a>
                     -
@@ -18,23 +20,6 @@
                     <a href="https://github.com/Berserker66/MultiWorld-Utilities/graphs/contributors">Contributors</a>
                 </p>
             </div>
-            <div id="landing-buttons">
-                <a href="{{ url_for("generate") }}">
-                    <button>Start a New Game</button>
-                </a>
-                <a href="{{ url_for("uploads") }}">
-                    <button>Host Existing Game</button>
-                </a>
-                <a href="{{ url_for('tutorial') }}">
-                    <button>Setup Guide</button>
-                </a>
-                <a href="{{ url_for('player_settings') }}">
-                    <button>Player Settings</button>
-                </a>
-                <a href="{{ url_for("mysterycheck") }}">
-                    <button>Test YAML Config</button>
-                </a>
-            </div>
             <div id="landing-body">
                 <p>This is a <span data-tooltip="Allegedly.">randomizer</span> for The Legend of Zelda: A
                     Link to the Past.</p>
@@ -56,4 +41,5 @@
         <iframe src="https://discordapp.com/widget?id=731205301247803413&theme=light"
                 width="300" height="500" allowtransparency="true"></iframe>
     </div>
+    {% include 'islandFooter.html' %}
 {% endblock %}