monorail
/
Archipelago
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Greatly improve the Start Playing page

This commit is contained in:
Chris Wilson 2021-10-11 21:11:37 -04:00
parent 19704920a4
commit a94a30168c
2 changed files with 9 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
WebHostLib/static/styles/startPlaying.css
View File

@ -10,9 +10,3 @@
min-height: 240px;
text-align: center;
}
#start-playing-button-row{
display: flex;
flex-direction: row;
justify-content: space-evenly;
}

21
WebHostLib/templates/startPlaying.html
View File

@ -13,21 +13,18 @@
<div id="start-playing" class="grass-island {% if rooms %}wider{% endif %}">
<h1>Start Playing</h1>
<p>
To start playing a game, you'll first need to generate a randomized game. You can do that on this
website, by clicking the button below labeled &apos;Generate and Host&apos;.
If you're ready to start playing but don't know where to begin, check out the
<a href="/tutorial">tutorials</a> page. It has all the resources you need to create a config file
and get started. If you already have a config file, or a zip file containing them, read on.
<br /><br />
If you have already generated a game and would just like to host it on this site, click the button
labeled &apos;Host Only&apos;
To start playing a game, you'll first need to <a href="/generate">generate a randomized game</a>.
You'll need to upload either a config file or a zip file containing one more more config files.
<br /><br />
If you have no idea what any of that means, don't worry! We have a page full of tutorials for each
game that will get you started properly. To get there, click on the button labeled
&apos;Tutorials&apos;.
If you have already generated a game and just need to host it, this site can<br />
<a href="uploads">host a pre-generated game</a> for you.
</p>
<div id="start-playing-button-row">
<a href="/uploads"><button>Host Only</button></a>
<a href="/generate"><button>Generate and Host</button></a>
<a href="/tutorials"><button>Tutorials</button></a>
</div>
</div>
</div>