404 page added

game.py

@@ -60,6 +60,12 @@ def log_the_request(response):
 
     return response
 
+@app.errorhandler(404)
+def page_not_found(e):
+    lang = config.get('i18n', 'lang')
+    title = config.get('i18n', 'title')
+    return render_template('404.html', title=title, lang=lang), 404
+
 @app.route("/")
 def hello():
     lang = config.get('i18n', 'lang')
@@ -103,6 +109,8 @@ def getContent():
 
     return result
 
+app.register_error_handler(404, page_not_found)
+
 if __name__ == "__main__":
     from waitress import serve
     bind = config.get('main', 'bind')

static/css/base.css

@@ -156,6 +156,11 @@ input[type="radio"] {
     cursor: pointer;
 }
 
+.empty {
+    width: 45%;
+    float: left;
+}
+
 @media only screen and (max-width:1600px) {
     #content {
         min-width: 75%;
@@ -269,6 +274,7 @@ input[type="radio"] {
 
 .toggle {
     width: 10%;
+    height: 64px;
     float: left;
     display: none;
 }

templates/404.html

@@ -0,0 +1,12 @@
+{% extends 'base.html' %}
+
+{% block main %}
+        <div class="ab">
+            <div class="a">404 - Page not found.</div>
+        </div>
+        <div id="footer">
+            <div class="empty">&nbsp;</div>
+{% include 'toggle.html' %}            
+            <div class="empty">&nbsp;</div>        
+        </div>
+{% endblock %}

templates/base.html

@@ -32,8 +32,8 @@
     <div id="content">
         <div id="header">{{ title }}</div>
         <hr>
-        {% block main %}
-        {% endblock %}
+{%- block main %}
+{%- endblock %}
     </div>
     <script type="text/javascript">
         initToggle();

templates/index.html

@@ -19,7 +19,7 @@
                 <br>
                 <a href="mailto:{{ mailto }}">Einreichen!</a>
             </div>
-            {% include 'toggle.html' %}            
+{% include 'toggle.html' %}            
             <form action="/" method="get">
                 <input type="hidden" name="t" value="{{ epoch }}">
                 <button id="next" type="submit">{{ more }}</button>

templates/toggle.html

@@ -1,5 +1,5 @@
-<div class="spacer">&nbsp;</div>
-<div class="toggle">
+            <div class="spacer">&nbsp;</div>
+            <div class="toggle">
                 {%- if theme == "light" %}
                 <input type="checkbox" id="toggle_checkbox">
                 {%- else %}
@@ -12,4 +12,4 @@
                     </div>
                     <div id="moon"></div>
                 </label>
-</div>
+            </div>