|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="manifest" href="/manifest.json" />
|
|
<title>Snek</title>
|
|
<style>{{highlight_styles}}</style>
|
|
<script src="/polyfills/Promise.withResolvers.js" type="module"></script>
|
|
<!--
|
|
<script src="/push.js"></script>
|
|
-->
|
|
<script src="/fancy-button.js" type="module"></script>
|
|
<script src="/upload-button.js" type="module"></script>
|
|
<script src="/generic-form.js" type="module"></script>
|
|
<script src="/html-frame.js" type="module"></script>
|
|
<script src="/app.js" type="module"></script>
|
|
<script src="/file-manager.js" type="module"></script>
|
|
<script src="/user-list.js"></script>
|
|
<script src="/message-list.js" type="module"></script>
|
|
<script src="/chat-input.js" type="module"></script>
|
|
<link rel="stylesheet" href="/sandbox.css">
|
|
<link rel="stylesheet" href="/user-list.css">
|
|
|
|
<link rel="stylesheet" href="/base.css">
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
|
|
integrity="sha512-pBMV+3tn6+5xAZuhI6tyCmQkXh15riZDqGPxAx/U+FuiI5Dh3ZTjM23cZqQ25jJCfi8+ka9gzC2ukNkGkP/Aw=="
|
|
crossorigin="anonymous"
|
|
referrerpolicy="no-referrer"
|
|
/>
|
|
<link rel="icon" type="image/png" href="/image/snek1.png" sizes="32x32">
|
|
<script defer src="https://umami.molodetz.nl/script.js" data-website-id="d127c3e4-dc70-4041-a1c8-bcc32c2492ea"></script>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
<header>
|
|
<div class="logo no-select">{% block header_text %}{% endblock %}</div>
|
|
<nav class="no-select" style="overflow:hidden;scroll-behavior:smooth">
|
|
<a class="no-select" href="/web.html">🏠</a>
|
|
<a class="no-select" href="/drive.html">📂</a>
|
|
<a class="no-select" href="/search-user.html">🔍</a>
|
|
<a class="no-select" style="display:none" id="install-button" href="#">📥</a>
|
|
<a class="no-select" href="/threads.html">👥</a>
|
|
<a class="no-select" href="/settings/index.html">⚙️</a>
|
|
<a class="no-select" href="/logout.html">🔒</a>
|
|
</nav>
|
|
|
|
</header>
|
|
<main style="max-height: 100vh;overflow-y: none">
|
|
{% block sidebar %}
|
|
{% include "sidebar_channels.html" %}
|
|
{% endblock %}
|
|
|
|
{% block main %}
|
|
<chat-window class="chat-area"></chat-window>
|
|
{% endblock %}
|
|
</main>
|
|
<script>
|
|
let installPrompt = null
|
|
window.addEventListener("beforeinstallprompt", (e) => {
|
|
//e.preventDefault();
|
|
installPrompt = e;
|
|
//document.addEventListener("DOMContentLoaded", () => {
|
|
const button = document.getElementById("install-button")
|
|
|
|
button.style.display = 'inline-block'
|
|
|
|
button.addEventListener("click", async ()=>{
|
|
const result = await installPrompt.prompt()
|
|
console.info(result.outcome)
|
|
})
|
|
|
|
|
|
})
|
|
|
|
;
|
|
</script>
|
|
{% include "sandbox.html" %}
|
|
</body>
|
|
</html>
|