From 239a0b731924a0ee61eb99c3e2dd30c18d92cead Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Tue, 13 Jun 2023 17:25:33 +0200
Subject: [PATCH] add fixes for menu

---
 ui/menu.html         | 20 ++++++-------
 ui/search/index.html | 67 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 77 insertions(+), 10 deletions(-)
 create mode 100644 ui/search/index.html
diff --git a/ui/menu.html b/ui/menu.html
index 4af9632..c39a7d0 100755
--- a/ui/menu.html
+++ b/ui/menu.html
@@ -16,26 +16,26 @@
             <li class="dropdown mainitems">
                 <a class="menubutton" id="projects" href="/projects.html">Projects</a>
                 <ul class="dropdown-menu">
-                    <a class="menubutton" href="/projects/qrinsight.html">QR & Barcode Insight</a>
-                    <a class="menubutton" href="/projects/storagemanager.html">StorageManager</a>
-                    <a class="menubutton" href="/projects/imagescaler.html">FSR Image & Video Upscaler Frontend</a>
-                    <a class="menubutton" href="/projects/musiplayer.html">MusicPlayer</a>
-                    <a class="menubutton" href="/projects/bgac.html">BiogasControllerApp</a>
-                    <a class="menubutton" href="https://myevent.janishutz.com">myevent</a>
+                    <a class="menubutton sub" href="/projects/qrinsight.html">QR & Barcode Insight</a>
+                    <a class="menubutton sub" href="/projects/storagemanager.html">StorageManager</a>
+                    <a class="menubutton sub" href="/projects/imagescaler.html">FSR Image & Video Upscaler Frontend</a>
+                    <a class="menubutton sub" href="/projects/musiplayer.html">MusicPlayer</a>
+                    <a class="menubutton sub" href="/projects/bgac.html">BiogasControllerApp</a>
+                    <a class="menubutton sub" href="https://myevent.janishutz.com">myevent</a>
                 </ul>
             </li>
             <li class="dropdown mainitems">
                 <a class="menubutton" id="about" href="/aboutPage.html">About</a>
                 <ul class="dropdown-menu">
-                    <a class="menubutton" href="/privacypolicy.html">Privacy Policy</a>
-                    <a class="menubutton" href="/about.html">About me</a>
+                    <a class="menubutton sub" href="/privacypolicy.html">Privacy Policy</a>
+                    <a class="menubutton sub" href="/about.html">About me</a>
                 </ul>
             </li>
             <li class="dropdown mainitems">
                 <a class="menubutton" id="services" href="/services.html">Services</a>
                 <ul class="dropdown-menu">
-                    <a class="menubutton" href="https://pcbuilding.janishutz.com">PC Building</a>
-                    <a class="menubutton" href="https://development.janishutz.com">Custom Websites</a>
+                    <a class="menubutton sub" href="https://pcbuilding.janishutz.com">PC Building</a>
+                    <a class="menubutton sub" href="https://development.janishutz.com">Custom Websites</a>
                 </ul>
             </li>
             <li class="mainitems"><a class="menubutton" id="support" href="/support.html">Support</a></li>
diff --git a/ui/search/index.html b/ui/search/index.html
new file mode 100644
index 0000000..fb1affc
--- /dev/null
+++ b/ui/search/index.html
@@ -0,0 +1,67 @@
+<!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>Search (redirects to duckduckgo) :: janishutz.com</title>
+
+        <style>
+            html {
+                height: 100%;
+                width: 100%;
+                margin: 0;
+                padding: 0;
+            }
+            body {
+                background-image: radial-gradient(
+                    rgb(25, 25, 151), lightblue
+                );
+                background-repeat: no-repeat;
+                background-size: contain;
+                height: 100%;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                flex-direction: column;
+                font-family: sans-serif;
+            }
+
+            .search-wrapper {
+                text-align: center;
+                background-color: white;
+                min-height: fit-content;
+                min-width: fit-content;
+                height: 50%;
+                padding: 3% 5%;
+                border-radius: 50px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-direction: column;
+            }
+
+            .search-box {
+                background-color: rgb(191, 196, 255);
+                border-style: solid;
+                padding: 1%;
+                width: 40vw;
+                font-size: 110%;
+                border-radius: 10px;
+            }
+
+            .submit-button {
+                
+            }
+        </style>
+    </head>
+    <body>
+        <div class="search-wrapper">
+            <h1 style="font-size: 400%;">Search</h1>
+            <form action="https://duckduckgo.com/?q=" method="get">
+                <input type="text" placeholder="Search..." class="search-box">
+                <input type="submit" value="Search" class="submit-button">
+            </form>
+        </div>
+    </body>
+</html>
\ No newline at end of file
