63 lines
3.0 KiB
HTML
63 lines
3.0 KiB
HTML
{% extends 'pageWrapper.html' %}
|
|
|
|
{% block head %}
|
|
<title>{{ game }} Options</title>
|
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename="styles/markdown.css") }}" />
|
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename="styles/player-options.css") }}" />
|
|
<script type="application/ecmascript" src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
|
<script type="application/ecmascript" src="{{ url_for('static', filename="assets/md5.min.js") }}"></script>
|
|
<script type="application/ecmascript" src="{{ url_for('static', filename="assets/js-yaml.min.js") }}"></script>
|
|
<script type="application/ecmascript" src="{{ url_for('static', filename="assets/player-options.js") }}"></script>
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
{% include 'header/'+theme+'Header.html' %}
|
|
<div id="player-options" class="markdown" data-game="{{ game }}">
|
|
<div id="user-message"></div>
|
|
<h1><span id="game-name">Player</span> Options</h1>
|
|
<p>Choose the options you would like to play with! You may generate a single-player game from this page,
|
|
or download an options file you can use to participate in a MultiWorld.</p>
|
|
|
|
<p>
|
|
A more advanced options configuration for all games can be found on the
|
|
<a href="/weighted-options">Weighted options</a> page.
|
|
<br />
|
|
A list of all games you have generated can be found on the <a href="/user-content">User Content Page</a>.
|
|
<br />
|
|
You may also download the
|
|
<a href="/static/generated/configs/{{ game }}.yaml">template file for this game</a>.
|
|
</p>
|
|
|
|
<div id="meta-options">
|
|
<div>
|
|
<label for="player-name">
|
|
Player Name: <span class="interactive" data-tooltip="This is the name you use to connect with your game. This is also known as your 'slot name'.">(?)</span>
|
|
</label>
|
|
<input id="player-name" placeholder="Player" data-key="name" maxlength="16" />
|
|
</div>
|
|
<div>
|
|
<label for="game-options-preset">
|
|
Options Preset: <span class="interactive" data-tooltip="Select from a list of developer-curated presets (if any) or reset all options to their defaults.">(?)</span>
|
|
</label>
|
|
<select id="game-options-preset">
|
|
<option value="__default">Defaults</option>
|
|
<option value="__custom" hidden>Custom</option>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h2>Game Options</h2>
|
|
<div id="game-options">
|
|
<div id="game-options-left" class="left"></div>
|
|
<div id="game-options-right" class="right"></div>
|
|
</div>
|
|
|
|
<div id="player-options-button-row">
|
|
<button id="export-options">Export Options</button>
|
|
<button id="generate-game">Generate Game</button>
|
|
<button id="generate-race">Generate Race</button>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|