Test game page

flaskapp.py

@@ -87,5 +87,10 @@ def game(game_id=None):
     return render_template("game.html", game_id=game_id)
 
 
[email protected]("/test")
+def test():
+    return render_template("game.html")
+
+
 if __name__ == "__main__":
     app.run(debug=True)

static/css/custom.css

@@ -36,4 +36,25 @@ input[type="number"] {
     margin-bottom: 1rem;
     width: 100% - 2rem;
     ;
+}
+
+.wordcontainer {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: space-evenly;
+    align-items: center;
+    overflow: scroll;
+}
+
+.letter {
+    padding: .5rem 1rem;
+    font-variant-caps: small-caps;
+    font-weight: bolder;
+    background-color: #282a2c;
+    border-radius: 5px;
+    border-color: #4c5053;
+    border-style: solid;
+    border-width: 1px;
 }

templates/game.html

@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="container">
+    <div class="row">
+        <div class="twelve columns">
+            <div class="wordcontainer">
+                <div class="letter">A</div>
+                <div class="letter">N</div>
+                <div class="letter">D</div>
+                <div class="letter">W</div>
+                <div class="letter">Y</div>
+                <div class="letter">L</div>
+                <div class="letter">Q</div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}