From 8c82d3e747c3dc81c89625c67ddc17bcef842b3f Mon Sep 17 00:00:00 2001
From: Chris Wilson <chris@legendserver.info>
Date: Sat, 12 Jun 2021 02:49:36 -0400
Subject: [PATCH] Added a page to describe the games currently supported by AP

---
 WebHostLib/__init__.py             |  5 +++
 WebHostLib/static/styles/games.css | 67 ++++++++++++++++++++++++++++++
 WebHostLib/templates/games.html    | 35 ++++++++++++++++
 WebHostLib/templates/landing.html  |  2 +-
 4 files changed, 108 insertions(+), 1 deletion(-)
 create mode 100644 WebHostLib/static/styles/games.css
 create mode 100644 WebHostLib/templates/games.html

diff --git a/WebHostLib/__init__.py b/WebHostLib/__init__.py
index a6c03075..dedbe2a1 100644
--- a/WebHostLib/__init__.py
+++ b/WebHostLib/__init__.py
@@ -94,6 +94,11 @@ def player_settings():
     return render_template("weightedSettings.html")
 
 
+@app.route('/games')
+def games():
+    return render_template("games.html")
+
+
 @app.route('/seed/<suuid:seed>')
 def viewSeed(seed: UUID):
     seed = Seed.get(id=seed)
diff --git a/WebHostLib/static/styles/games.css b/WebHostLib/static/styles/games.css
new file mode 100644
index 00000000..0abd17d1
--- /dev/null
+++ b/WebHostLib/static/styles/games.css
@@ -0,0 +1,67 @@
+html{
+    background-image: url('../static/backgrounds/grass/grass-0007-large.png');
+    background-repeat: repeat;
+    background-size: 650px 650px;
+}
+
+#games{
+    max-width: 1000px;
+    margin-left: auto;
+    margin-right: auto;
+    background-color: rgba(0, 0, 0, 0.15);
+    border-radius: 8px;
+    padding: 1rem;
+    color: #eeffeb;
+}
+
+#games p{
+    margin-top: 0.25rem;
+}
+
+#games code{
+    background-color: #d9cd8e;
+    border-radius: 4px;
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+    color: #000000;
+}
+
+#games #user-message{
+    display: none;
+    width: calc(100% - 8px);
+    background-color: #ffe86b;
+    border-radius: 4px;
+    color: #000000;
+    padding: 4px;
+    text-align: center;
+}
+
+#games h1{
+    font-size: 2.5rem;
+    font-weight: normal;
+    border-bottom: 1px solid #ffffff;
+    width: 100%;
+    margin-bottom: 0.5rem;
+    color: #ffffff;
+    text-shadow: 1px 1px 4px #000000;
+}
+
+#games h2{
+    font-size: 2rem;
+    font-weight: normal;
+    border-bottom: 1px solid #ffffff;
+    width: 100%;
+    margin-bottom: 0.5rem;
+    color: #ffe993;
+    text-transform: lowercase;
+    text-shadow: 1px 1px 2px #000000;
+}
+
+#games h3, #games h4, #games h5, #games h6{
+    color: #ffffff;
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+}
+
+#games a{
+    color: #ffef00;
+}
diff --git a/WebHostLib/templates/games.html b/WebHostLib/templates/games.html
new file mode 100644
index 00000000..e96aa1c3
--- /dev/null
+++ b/WebHostLib/templates/games.html
@@ -0,0 +1,35 @@
+{% extends 'pageWrapper.html' %}
+
+{% block head %}
+    <title>Player Settings</title>
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename="styles/games.css") }}" />
+    <script type="application/ecmascript" src="{{ url_for('static', filename="assets/games.js") }}"></script>
+{% endblock %}
+
+{% block body %}
+    {% include 'header/grassHeader.html' %}
+    <div id="games">
+        <h1>Currently Supported Games</h1>
+        <h3><a href="/zelda3">The Legend of Zelda: A Link to the Past</a></h3>
+        <p>
+            The Legend of Zelda: A Link to the Past is an action/adventure game. Take on the role of Link,
+            a boy who is destined to save the land of Hyrule. Delve through three palaces and nine dungeons on
+            your quest to rescue the descendents of the seven wise men and defeat the evil Ganon!
+        </p>
+
+        <h3><a href="/factorio">Factorio</a></h3>
+        <p>
+            Factorio is a game about automation. You play as an engineer who has crash landed on the planet
+            Nauvis, an inhospitable world filled with dangerous creatures called biters. Build a factory,
+            research new technologies, and become more efficient in your quest to build a rocket and return home.
+        </p>
+
+        <h3><a href="/minecraft">Minecraft</a></h3>
+        <p>
+            Minecraft is a game about creativity. In a world made entirely of cubes, you explore, discover, mine,
+            craft, and try not to explode. Delve deep into the earth and discover abandoned mines, ancient
+            structures, and materials to create a portal to another world. Defeat the Ender Dragon, and claim
+            victory!
+        </p>
+    </div>
+{% endblock %}
diff --git a/WebHostLib/templates/landing.html b/WebHostLib/templates/landing.html
index 2de56685..14207b5e 100644
--- a/WebHostLib/templates/landing.html
+++ b/WebHostLib/templates/landing.html
@@ -13,7 +13,7 @@
             <h4>multiworld randomizer ecosystem</h4>
         </div>
         <div id="landing-links">
-            <a href="/player-settings" id="mid-button">start<br />playing</a>
+            <a href="/games" id="mid-button">start<br />playing</a>
             <a id="far-left-button"></a>
             <a href="/tutorial" id="mid-left-button">setup guide</a>
             <a id="far-right-button"></a>