Add footer and an example js

comptest/comptest/settings.py

@@ -74,6 +74,7 @@
                 "django.contrib.auth.context_processors.auth",
                 "django.contrib.messages.context_processors.messages",
                 "web.context_processors.navbar_pages",
+                "web.context_processors.footer_content",
             ],
         },
     },
@@ -191,7 +192,20 @@
 # - NOT_STARTED: The challenge has not started yet
 # - RUNNING: The challenge is currently running
 # Based on this, different views are shown to the user
-CHALLENGE_STATE = "NOT_STARTED"
+CHALLENGE_STATE = "RUNNING"
+
+FOOTER = """
+<div class="footer">
+    <p id="footer-text">&copy; HELLO!</p>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            var footerText = document.getElementById('footer-text');
+            var timeOfDay = new Date().toString();
+            footerText.innerHTML = timeOfDay;
+        });
+    </script>
+</div>
+"""
 
 import os
 

comptest/web/context_processors.py

@@ -1,6 +1,12 @@
+from django.conf import settings
+
 from .models import Page
 
 
 def navbar_pages(request):
     pages = Page.objects.all().order_by("order").exclude(is_home=True)
     return {"pages": pages}
+
+
+def footer_content(request):
+    return {"footer": settings.FOOTER}

comptest/web/templates/page.html

@@ -72,4 +72,14 @@
                 integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
                 crossorigin="anonymous"></script>
     </body>
+    <footer>
+        <nav class="navbar navbar-expand-lg bg-body-tertiary">
+            <div class="container">
+                <!-- <a class="navbar-brand" href="/"></a> -->
+                <div class="collapse navbar-collapse">
+                    <div class="navbar-nav">{{ footer|safe }}</div>
+                </div>
+            </div>
+        </nav>
+    </footer>
 </html>