Added style for landing page and fixed footer style

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;
 }

WebHostLib/static/styles/landing.css

@@ -6,13 +6,13 @@
 }
 
 #landing{
-    margin-right: 0.5em;
+    width: 820px;
-    margin-bottom: 0.5em;
+    min-height: 440px;
 }
 
-#landing-header-links{
+#landing-header{
-    width: 100%;
     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;
+    }
+}

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 %}

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 %}