From 69e95fe9677f98f4d77cc8466188ed20e3dcc9ff Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Thu, 23 Mar 2023 13:28:03 +0100
Subject: [PATCH] progress on website

---
 src/server/admin/ui/login.html | 26 ++++++++++++++++++++++++++
 website/dist/about/index.html  | 23 +++++++++++++++++++++++
 website/dist/index.html        |  4 +++-
 website/dist/nav.html          |  1 +
 4 files changed, 53 insertions(+), 1 deletion(-)
diff --git a/src/server/admin/ui/login.html b/src/server/admin/ui/login.html
index de4f0e8..2ffef05 100644
--- a/src/server/admin/ui/login.html
+++ b/src/server/admin/ui/login.html
@@ -62,10 +62,36 @@
                 margin-bottom: 3%;
                 border-radius: 10px;
             }
+
+            .top-bar {
+                width: 100%;
+                display: flex;
+                align-items: end;
+                justify-content: end;
+            }
+
+            .selector {
+                background-color: lightblue;
+                border-radius: 20px;
+                padding: 0.5%;
+                border-style: solid;
+                border-color: blue;
+            }
         </style>
     </head>
     <body>
         <div class="content">
+            <div class="top-bar">
+                <select name="lang" id="lang" class="selector">
+                    <option value="en">English</option>
+                    <option value="de">Deutsch</option>
+                </select>
+                <select name="theme" id="theme" class="selector">
+                    <option value="system">System theme</option>
+                    <option value="light">Light</option>
+                    <option value="dark">Dark</option>
+                </select>
+            </div>
             <a href="https://myevent.janishutz.com"><img src="/assets/logo.png" alt="myevent-logo" style="height: 35vh;"></a>
             <div class="login-app">
                 <h1>Login</h1>
diff --git a/website/dist/about/index.html b/website/dist/about/index.html
index e69de29..02deb70 100644
--- a/website/dist/about/index.html
+++ b/website/dist/about/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>About :: myevent</title>
+        <link rel="stylesheet" href="/css/style.css">
+        <link rel="stylesheet" href="/css/home.css">
+        <meta name="description" content="Looking for a free and open source event management solution you can host yourself? myevent is a project that does exactly that.">
+        <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+        <script defer src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+        <script defer src="/js/index.js"></script>
+    </head>
+    <body>
+        <div id="nav"></div>
+        <div class="title-wrapper">
+            <h1>About myevent</h1>
+            <footer>Learn more about the project!</footer>
+        </div>
+        <div class="content"></div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/website/dist/index.html b/website/dist/index.html
index 10e2589..aa80de8 100644
--- a/website/dist/index.html
+++ b/website/dist/index.html
@@ -4,6 +4,8 @@
         <title>myevent - Free & Open Source event management solution</title>
         <link rel="stylesheet" href="/css/style.css">
         <link rel="stylesheet" href="/css/home.css">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta charset="utf-8">
         <meta name="description" content="Looking for a free and open source event management solution you can host yourself? myevent is a project that does exactly that.">
         <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
@@ -24,7 +26,7 @@
             <p>myevent is a free and fully open source self-hosted event management solution that you can use to sell tickets for your next event. It is written in Node.js, JavaScript, TypeScript, HTML and CSS. It uses Vue.js for the ticket purchasing system and features both an iOS and Android App you can download and use entirely for free. If you like this project, please consider giving it a star on <a href="https://github.com/simplePCBuilding/myevent">GitHub</a> and donating to help fund development of this project!</p>
             <div class="image-group">
                 <a href="https://commons.wikimedia.org/wiki/File:Node.js_logo.svg"><img src="/assets/Node.js_logo.svg" class="image"></a>
-                <a href="https://commons.wikimedia.org/wiki/File:Node.js_logo.svg"><img src="/assets/htmlCSSJS.png" class="image"></a>
+                <a href="/about"><img src="/assets/htmlCSSJS.png" class="image"></a>
             </div>
             <h2 style="text-align: center; width: 100%; margin-bottom: 0;">Features</h2>
             <div class="feature-overview">
diff --git a/website/dist/nav.html b/website/dist/nav.html
index a3c4e01..4454853 100644
--- a/website/dist/nav.html
+++ b/website/dist/nav.html
@@ -20,6 +20,7 @@
                     <div class="nav-list">
                         <a class="navitem" id="docs" href="/docs">Documentation</a>
                         <a class="navitem" id="download" href="/download">Download</a>
+                        <a class="navitem" id="about" href="/about">About</a>
                         <a class="navitem" id="gh" href="https://github.com/simplePCBuilding/myevent">GitHub</a>
                     </div>
                 </div>
