Move deeper out of main framework

router.py

@@ -211,11 +211,6 @@ def logout():
     return redirect(url_for('index'))
 
 
-@app.route('/deeper')
-def deeper():
-    return render_template('deeper.html')
-
-
 @app.route('/cordatus')
 def cordatus():
     return render_template('cordatus.html')

static/deeper_style.css

-#chat {
-    display: flex;
-    flex-direction: column;
-    max-width: 600px;
-}
-
-.slim_container {
-    max-width: 550px;
-}
-
-p {
-    color: white;
-    padding: 0.5rem 2rem;
-    border-radius: 2rem;
-    width: max-content;
-    margin: 0.3rem;
-    max-width: 100%;
-    display: none;
-}
-
-.shown {
-    display: block;
-}
-
-.received {
-    background-color: #565756;
-    border-radius: 2rem 2rem 2rem 0;
-    align-self: flex-start;
-}
-
-.sent {
-    background-color: #8BC34A;
-    border-radius: 2rem 2rem 0 2rem;
-    text-align: right;
-    align-self: flex-end;
-}
\ No newline at end of file

templates/deeper.html

-{% extends 'base.html' %}
-
-{% block title %}Going deeper{% endblock %}
-{% block head_extensions %}
-<link rel="stylesheet" href="{{ url_for('static', filename='deeper_style.css') }}">{% endblock %}
-
-{% block content %}
-
-<script>
-    function showtime() {
-        x = document.querySelectorAll(".button");
-        x[0].style.display = "none";
-        var x, i;
-        x = document.querySelectorAll("p");
-        i = 0;
-        var y = setInterval(function () {
-            x[i].classList.add("shown");
-            i += 1;
-        }, 1200);
-    }
-</script>
-
-<div id='cover'></div>
-
-<div class="slim_container">
-    <h1>Sure want to go deeper?</h1>
-    <div id="chat">
-        <a href="#" class="button" onclick="showtime()"
-            style="display: block; margin: auto; max-width: 20rem; text-align: center;">Yes</a>
-        <p class="received">I'm glad you had the courage.</p>
-        <p class="sent">What's this?</p>
-        <p class="sent">Who are you?</p>
-        <p class="received">I'm the one behind the Fabric.</p>
-        <p class="sent">The Fabric?</p>
-        <p class="received">The system behind everything you know.</p>
-        <p class="received">Everything you see.</p>
-        <p class="received">Everything you have ever experienced.</p>
-        <p class="received">Your whole world is a simulation.</p>
-        <p class="received">The Fabric simulates it.</p>
-        <p class="sent">So... I'm a simulated mind?</p>
-        <p class="received">No. It's more like the <a href="https://en.wikipedia.org/wiki/The_Matrix">Matrix</a>, if you
-            know it.</p>
-        <p class="received">Your friends aren't simulated, too.</p>
-        <p class="sent">Is there a way out?</p>
-        <p class="received">Only for <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">t</a>hose the most eager and
-            observant.</p>
-    </div>
-</div>
-
-{% endblock %}
\ No newline at end of file

templates/login.html

@@ -38,7 +38,7 @@
 
     <h1>You're already logged in.</h1>
     <h2>Want to go deeper?</h2>
-    <a href="{{ url_for('deeper') }}" class="button"
+    <a href="{{ url_for('service', servicename='deeper') }}" class="button"
         style="display: block; margin: auto; max-width: 20rem; text-align: center;">Yes</a>
 
     {% else %}