major refactoring + iframe introduction

static/html/index.html.tera

@@ -3,26 +3,35 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Responsive Navbar</title>
+    <title>Engler-Labs</title>
     <link rel="stylesheet" href="/static/css/styles.css">
+	<link rel="icon" href="/static/icons/logo.svg" type="image/svg+xml">
 </head>
 <body>
+    <script src="/static/js/scripts.js"></script>
     <nav class="navbar">
         <div class="navbar-container">
             <div class="logo">
                 <a href="#"><img src="/static/icons/logo.svg" alt="Logo" aria-hidden="true"></a>
             </div>
-            <button class="nav-toggle" aria-label="toggle navigation">
+            <button id="nav-toggle" class="nav-toggle" aria-label="toggle navigation">
 				<img src="/static/icons/menu.svg" alt="Menu icon">
             </button>
-            <ul class="nav-links">
-                <li><a href="#home">Home</a></li>
-                <li><a href="#about">About</a></li>
-                <li><a href="#services">Services</a></li>
-                <li><a href="#contact">Contact</a></li>
+            <ul id="nav-links" class="nav-links">
+                <li><a onclick="clearIframe()">Home</a></li>
+                <li><a href="https://git.engler-labs.root64.de">Gitea</a></li>
+				<li><a onclick="loadIframe('https://git.engler-labs.root64.de')">Gitea2</a></li>
+				{% if local %}
+					<li><a href="https://music.engler-labs.root64.de">Music</a></li>
+					<li><a onclick="loadIframe('https://music.engler-labs.root64.de')">Music2</a></li>
+					<li><a href="https://health.engler-labs.root64.de">Health</a></li>
+					<li><a onclick="loadIframe('https://health.engler-labs.root64.de')">Health2</a></li>
+					<li><a href="https://adguard.engler-labs.root64.de">AdGuard</a></li>
+					<li><a onclick="loadIframe('https://adguard.engler-labs.root64.de')">AdGuard2</a></li>
+				{% endif %}
             </ul>
         </div>
     </nav>
-    <script src="/static/js/scripts.js"></script>
+	<div id="iframe-wrapper"></div>
 </body>
 </html>