mirror of
https://github.com/MarioSpore/Grinch-AP.git
synced 2025-10-21 20:21:32 -06:00
f09f3663d6
* [WebHost] Unify styles for popover and mobile menus. Adjust popover menu to function the same as the mobile menu, and toggle via JS. * Remove class `first-link` in favor of CSS `:first-child`. * Adjust mobile menu link font size and padding. Change wording of popover trigger text. Add border-right to popover menu. Change "Upload Host File" to "Host Game" * Change mobile menu text to "Host Game"
44 lines
1.8 KiB
HTML
44 lines
1.8 KiB
HTML
{% block head %}
|
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename="styles/themes/base.css") }}" />
|
|
<script type="application/ecmascript" src="{{ url_for('static', filename="assets/baseHeader.js") }}"></script>
|
|
{% endblock %}
|
|
|
|
{% block header %}
|
|
<header id="base-header">
|
|
<div id="base-header-left">
|
|
<a href="/" id="site-title">
|
|
<img id="header-logo" src="/static/static/branding/header-logo.svg" alt="Archipelago" />
|
|
</a>
|
|
</div>
|
|
<div id="base-header-right">
|
|
<div id="base-header-popover-text">
|
|
<img id="base-header-popover-icon" src="/static/static/button-images/popover.png" alt="Popover Menu" />
|
|
get started
|
|
</div>
|
|
<div id="base-header-popover-menu">
|
|
<a href="/games">supported games</a>
|
|
<a href="/tutorial">setup guides</a>
|
|
<a href="/generate">generate game</a>
|
|
<a href="/uploads">host game</a>
|
|
<a href="/user-content">user content</a>
|
|
</div>
|
|
<a href="/faq/en">f.a.q</a>
|
|
<a href="https://discord.gg/8Z65BR2" target="_blank">discord</a>
|
|
</div>
|
|
<div id="base-header-right-mobile">
|
|
<a id="base-header-mobile-menu-button" href="#">
|
|
<img src="/static/static/button-images/hamburger-menu-icon.png" alt="Menu" />
|
|
</a>
|
|
</div>
|
|
</header>
|
|
<div id="base-header-mobile-menu">
|
|
<a href="/games">supported games</a>
|
|
<a href="/tutorial">setup guides</a>
|
|
<a href="/faq/en">f.a.q.</a>
|
|
<a href="/generate">generate game</a>
|
|
<a href="/uploads">host game</a>
|
|
<a href="/user-content">user content</a>
|
|
<a href="https://discord.gg/8Z65BR2" target="_blank">discord</a>
|
|
</div>
|
|
{% endblock %}
|