more easter egg

Co-authored-by: pbaekgaard <pbaekgaard@users.noreply.github.com>
Knox-AAU · Nov 23, 2023 · d0e88e1 · d0e88e1
1 parent 58a0ebf
commit d0e88e1
Show file tree

Hide file tree

Showing 6 changed files with 51 additions and 15 deletions.
diff --git a/main.py b/main.py
@@ -14,25 +14,30 @@
 from fastapi import FastAPI, HTTPException, Request
 from fastapi.responses import HTMLResponse
 from fastapi.staticfiles import StaticFiles
+from fastapi.responses import FileResponse
+from pathlib import Path
+from fastapi.templating import Jinja2Templates
 
-app = FastAPI()
-
-app.mount("/public", StaticFiles(directory="public"), name="public")
-
+templates = Jinja2Templates(directory="public")
+app = FastAPI(title="API")
 
 # @app.on_event("startup")
 # async def startEvent():
 #    await main()
 
-@app.get("/", response_class=HTMLResponse)
-async def mainpage():
+app.mount(
+    "/static",
+    StaticFiles(directory="static"),
+    name="static",
+)
+
+@app.get('/')
+async def root(request: Request):
+    return templates.TemplateResponse(
+        "index.html", {"request": request}
+    )
 
-    return """
-        <link rel="stylesheet" href="/public/style.css">
-        <html>
-        <audio id="important" autoplay loop src="/public/boombastic.mp3"></audio>
-        </html>
-"""
+
 
 
 @app.get("/entitymentions")
@@ -114,4 +119,4 @@ async def main():
     )
 
     with open("entity_mentions.json", "w", encoding="utf8") as entityJson:
-        json.dump(entsJSON, entityJson, ensure_ascii=False, indent=4)
+        json.dump(entsJSON, entityJson, ensure_ascii=False, indent=4)
diff --git a/public/boombastic.mp3 b/public/boombastic.mp3
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,21 @@
+<link href="{{ url_for('static', path='/style.css') }}" rel="stylesheet">
+<html>
+<body id="root" style='background-image: url("{{ url_for('static', path='/kurt.webp') }}"); background-position: center; background-repeat: no-repeat; background-size: cover;'>
+<div id="background">
+<audio allow="autoplay" id="important" autoplay loop src="{{ url_for('static', path='/boombastic.mp3') }}"></audio>
+</div>
+</body>
+</html>
+<script>
+    const background = document.getElementById('background')
+    const audio = document.getElementById("important")
+    let playing = false
+    background.onclick = () => {
+    if (playing) {
+        audio.pause()
+        playing = false
+    } else
+        audio.play()
+        playing = true
+    }
+</script>
diff --git a/static/boombastic.mp3 b/static/boombastic.mp3
diff --git a/public/important_images/kurt.webp → static/kurt.webp b/public/important_images/kurt.webp → static/kurt.webp
diff --git a/public/style.css → static/style.css b/public/style.css → static/style.css
@@ -1,9 +1,19 @@
-* {
-    background-image: url("/public/important_images/kurt.webp");
+#background {
     width: 100%;
     height: 100%;
     overflow: hidden;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    height: 100vh;
+    width: 100vw;
 }