Swap out PNG files for SVG files, add proof-of-concept style for upload page.

WebHostLib/templates/cloudHeader.html

@@ -0,0 +1,12 @@
+{% block header %}
+    <header id="cloud-header">
+        <a href="/" id="site-title">
+            <img src="/favicon.ico" alt="Favicon" />
+        </a>
+        <a href="/generate">Start Game</a>
+        <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/grassFooter.html

@@ -0,0 +1,5 @@
+{% block footer %}
+    <footer id="island-footer">
+        Copyright 2020 APPlaceHolder
+    </footer>
+{% endblock %}

WebHostLib/templates/pageWrapper.html

@@ -4,6 +4,9 @@
     <meta charset="UTF-8">
     <link rel="stylesheet" type="text/css" href="{{ static_autoversion("styles/tooltip.css") }}" />
     <link rel="stylesheet" type="text/css" href="{{ static_autoversion("styles/cookieNotice.css") }}" />
+    <link rel="stylesheet" type="text/css" href="{{ static_autoversion("styles/globalStyles.css") }}" />
+    <link rel="stylesheet" type="text/css" href="{{ static_autoversion("styles/cloudHeader.css") }}" />
+    <link rel="stylesheet" type="text/css" href="{{ static_autoversion("styles/grassFooter.css") }}" />
     <script type="application/ecmascript" src="{{ static_autoversion("assets/cookieNotice.js") }}"></script>
     {% block head %}
         <title>Multiworld</title>

WebHostLib/templates/uploads.html

@@ -8,8 +8,10 @@
 {% endblock %}
 
 {% block body %}
+    {% include 'cloudHeader.html' %}
+
     <div id="uploads-wrapper">
-        <div id="uploads" class="main-content">
+        <div id="uploads" class="grass-island">
             <h3>Upload Multidata</h3>
             <p>To host a game, you need to upload a .multidata file or a .zip file created by the
                 multiworld generator.</p>
@@ -52,4 +54,6 @@
             {% endif %}
         </div>
     </div>
+
+    {% include 'grassFooter.html' %}
 {% endblock %}