From fcb05903f3f583ce8532d65ee7edf1ad8df91df4 Mon Sep 17 00:00:00 2001
From: retoor <retoor@molodetz.nl>
Date: Sat, 8 Feb 2025 17:09:05 +0100
Subject: [PATCH] Fix template.

---
 src/snek/templates/app.html | 68 +++++++++++++++++++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 src/snek/templates/app.html
diff --git a/src/snek/templates/app.html b/src/snek/templates/app.html
new file mode 100644
index 0000000..2ff66eb
--- /dev/null
+++ b/src/snek/templates/app.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Snek</title>
+  <style>{{highlight_styles}}</style>
+  <script src="/push.js"></script>
+  <script src="/upload-button.js"></script>
+  <script src="/html-frame.js"></script>
+  <script src="/schedule.js"></script>
+  <script src="/app.js"></script>
+  <script src="/models.js"></script>
+  <script src="/message-list.js"></script>
+  <script src="/message-list-manager.js"></script>
+  <script src="/chat-input.js"></script>
+  <script src="/chat-window.js"></script>
+  <link rel="stylesheet" href="/base.css">
+  <link rel="manifest" href="/manifest.json" />
+  <link rel="icon" type="image/png" href="/image/snek1.png" sizes="32x32">
+</head>
+<body>
+  <header>
+    <div class="logo">Snek</div>
+    <nav>
+      <a href="/web.html">🏠</a>
+      <a style="display:none" id="install-button" href="#">📥</a>
+      <a href="/web.html">👥</a>
+      <a href="#">⚙️</a>
+      <a href="/logout.html">🔒</a>
+    </nav>
+  </header>
+  <main>
+    {% block sidebar %}
+    <aside class="sidebar">
+      <h2>Chat Rooms</h2>
+      <ul>
+        <li><a href="#">General</a></li>
+        <li><a href="#">Development</a></li>
+        <li><a href="#">Support</a></li>
+        <li><a href="#">Random</a></li>
+       
+      </ul>
+    </aside>
+    {% endblock %}
+    {% block main %}
+    <chat-window class="chat-area"></chat-window>
+    {% endblock %}
+  </main>
+  <script>
+let installPrompt = null 
+        window.addEventListener("beforeinstallprompt", async(event) => {
+            event.preventDefault();
+            installPrompt = event;
+            //document.addEventListener("DOMContentLoaded", () => {
+            alert("Jaaah") 
+            const button = document.getElementById("install-button")
+            button.addEventListener("click", async ()=>{  
+            const result = await installPrompt.prompt()
+            console.info(result.outcome)
+            })
+            button.style.display = 'inline-block'
+            
+          });
+        ;
+    </script>
+</body>
+</html>
