Apply new styles to hosted room.

This commit is contained in:
Chris Wilson 2020-12-03 00:18:09 -05:00
parent af547fea12
commit ef14aff201
3 changed files with 13 additions and 13 deletions

View File

@ -1,7 +1,7 @@
html{ html{
background-image: url('../static/backgrounds/dirt/dirt-0005-large.png'); background-image: url('../static/backgrounds/grass/grass-0007-large.png');
background-repeat: repeat; background-repeat: repeat;
background-size: 900px 900px; background-size: 650px 650px;
} }
#host-room{ #host-room{
@ -11,16 +11,16 @@ html{
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
border-radius: 8px; border-radius: 8px;
padding: 1rem; padding: 1rem;
color: #ffe993; color: #eeffeb;
} }
#host-room a{ #host-room a{
color: #ffffff; color: #ffef00;
} }
#host-room input[type=text]{ #host-room input[type=text]{
border: 1px solid #000000;
padding: 3px;
border-radius: 3px;
width: 500px; width: 500px;
min-width: 370px;
padding: 0.125rem;
height: 1.5rem;
} }

View File

@ -11,25 +11,25 @@
{% include 'cloudHeader.html' %} {% include 'cloudHeader.html' %}
<div id="generate-game-wrapper"> <div id="generate-game-wrapper">
<div id="generate-game" class="grass-island"> <div id="generate-game" class="grass-island">
<h1>Generate Game{% if race %} (Race Mode){% endif %}</h1> <h1>Start Game{% if race %} (Race Mode){% endif %}</h1>
<p> <p>
This page accepts a yaml file containing generator options. This page accepts a yaml file containing generator options.
You can find a documented example at You can find a documented example
<a href="https://raw.githubusercontent.com/Berserker66/MultiWorld-Utilities/master/playerSettings.yaml">playerSettings.yaml</a>. <a href="https://raw.githubusercontent.com/Berserker66/MultiWorld-Utilities/master/playerSettings.yaml">here</a>.
This file can be saved as .yaml, edited to your liking and then supplied to the generator. This file can be saved as .yaml, edited to your liking and then supplied to the generator.
You can also upload a .zip with multiple YAMLs. You can also upload a .zip with multiple YAMLs.
A proper menu is in the works. A proper menu is in the works.
{% if race -%} {% if race -%}
Race Mode means the spoiler log will be unavailable, roms will be encrypted and single-player has no multidata. Race Mode means the spoiler log will be unavailable, roms will be encrypted and single-player has no multidata.
{%- else -%} {%- else -%}
You can go to <a href="{{ url_for("generate", race=True) }}">Race Mode</a> to create a game without You can go to <a href="{{ url_for("generate", race=True) }}">race mode</a> to create a game without
spoiler log and with encryption. spoiler log and with encryption.
{%- endif -%} {%- endif -%}
</p> </p>
<p> <p>
After generation is complete, you will have the option to download a patch file. After generation is complete, you will have the option to download a patch file.
This patch file can be opened with the <a This patch file can be opened with the <a
href="https://github.com/Berserker66/MultiWorld-Utilities/releases">Client</a> to create a rom file. href="https://github.com/Berserker66/MultiWorld-Utilities/releases">client</a> to create a rom file.
In-Browser patching will come. In-Browser patching will come.
</p> </p>
<div id="generate-game-form-wrapper"> <div id="generate-game-form-wrapper">

View File

@ -45,7 +45,7 @@
<span class="variable">{{ seeds }}</span> <span class="variable">{{ seeds }}</span>
games were created and games were created and
<span class="variable">{{ rooms }}</span> <span class="variable">{{ rooms }}</span>
hosted in the last 7 days. were hosted in the last 7 days.
</p> </p>
</div> </div>
</div> </div>