Added style for landing page and fixed footer style

This commit is contained in:
Chris Wilson 2020-11-30 21:54:33 -05:00
parent bd3b419de0
commit 660a65208f
4 changed files with 17 additions and 25 deletions

View File

@ -7,7 +7,7 @@
height: 66px; height: 66px;
padding-left: 0.5rem; padding-left: 0.5rem;
line-height: 30px; line-height: 30px;
position: absolute; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
} }

View File

@ -6,13 +6,13 @@
} }
#landing{ #landing{
margin-right: 0.5em; width: 820px;
margin-bottom: 0.5em; min-height: 440px;
} }
#landing-header-links{ #landing-header{
width: 100%;
text-align: center; text-align: center;
width: 100%;
margin: 0; margin: 0;
} }
@ -31,5 +31,12 @@
} }
iframe{ iframe{
margin-left: 0.5rem;
border: none; border: none;
} }
@media only screen and (max-width: 1300px) {
iframe{
display: none;
}
}

View File

@ -7,6 +7,5 @@
<a href="/uploads">Host Game</a> <a href="/uploads">Host Game</a>
<a href="/tutorial">Setup Guide</a> <a href="/tutorial">Setup Guide</a>
<a href="/player-settings">Player Settings</a> <a href="/player-settings">Player Settings</a>
<a href="/mysterycheck">YAML Tester</a>
</header> </header>
{% endblock %} {% endblock %}

View File

@ -6,10 +6,12 @@
{% endblock %} {% endblock %}
{% block body %} {% block body %}
{% include 'cloudHeader.html' %}
<div id="landing-wrapper"> <div id="landing-wrapper">
<div id="landing" class="main-content"> <div id="landing" class="grass-island">
<div id="landing-header"> <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"> <p id="landing-header-links">
<a href="https://github.com/Berserker66/MultiWorld-Utilities">Source Code</a> <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> <a href="https://github.com/Berserker66/MultiWorld-Utilities/graphs/contributors">Contributors</a>
</p> </p>
</div> </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"> <div id="landing-body">
<p>This is a <span data-tooltip="Allegedly.">randomizer</span> for The Legend of Zelda: A <p>This is a <span data-tooltip="Allegedly.">randomizer</span> for The Legend of Zelda: A
Link to the Past.</p> Link to the Past.</p>
@ -56,4 +41,5 @@
<iframe src="https://discordapp.com/widget?id=731205301247803413&theme=light" <iframe src="https://discordapp.com/widget?id=731205301247803413&theme=light"
width="300" height="500" allowtransparency="true"></iframe> width="300" height="500" allowtransparency="true"></iframe>
</div> </div>
{% include 'islandFooter.html' %}
{% endblock %} {% endblock %}