add fixes for menu

This commit is contained in:
2023-06-13 17:25:33 +02:00
parent 9e781b2ca6
commit 239a0b7319
2 changed files with 77 additions and 10 deletions

View File

@@ -16,26 +16,26 @@
<li class="dropdown mainitems"> <li class="dropdown mainitems">
<a class="menubutton" id="projects" href="/projects.html">Projects</a> <a class="menubutton" id="projects" href="/projects.html">Projects</a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<a class="menubutton" href="/projects/qrinsight.html">QR & Barcode Insight</a> <a class="menubutton sub" href="/projects/qrinsight.html">QR & Barcode Insight</a>
<a class="menubutton" href="/projects/storagemanager.html">StorageManager</a> <a class="menubutton sub" href="/projects/storagemanager.html">StorageManager</a>
<a class="menubutton" href="/projects/imagescaler.html">FSR Image & Video Upscaler Frontend</a> <a class="menubutton sub" href="/projects/imagescaler.html">FSR Image & Video Upscaler Frontend</a>
<a class="menubutton" href="/projects/musiplayer.html">MusicPlayer</a> <a class="menubutton sub" href="/projects/musiplayer.html">MusicPlayer</a>
<a class="menubutton" href="/projects/bgac.html">BiogasControllerApp</a> <a class="menubutton sub" href="/projects/bgac.html">BiogasControllerApp</a>
<a class="menubutton" href="https://myevent.janishutz.com">myevent</a> <a class="menubutton sub" href="https://myevent.janishutz.com">myevent</a>
</ul> </ul>
</li> </li>
<li class="dropdown mainitems"> <li class="dropdown mainitems">
<a class="menubutton" id="about" href="/aboutPage.html">About</a> <a class="menubutton" id="about" href="/aboutPage.html">About</a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<a class="menubutton" href="/privacypolicy.html">Privacy Policy</a> <a class="menubutton sub" href="/privacypolicy.html">Privacy Policy</a>
<a class="menubutton" href="/about.html">About me</a> <a class="menubutton sub" href="/about.html">About me</a>
</ul> </ul>
</li> </li>
<li class="dropdown mainitems"> <li class="dropdown mainitems">
<a class="menubutton" id="services" href="/services.html">Services</a> <a class="menubutton" id="services" href="/services.html">Services</a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<a class="menubutton" href="https://pcbuilding.janishutz.com">PC Building</a> <a class="menubutton sub" 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://development.janishutz.com">Custom Websites</a>
</ul> </ul>
</li> </li>
<li class="mainitems"><a class="menubutton" id="support" href="/support.html">Support</a></li> <li class="mainitems"><a class="menubutton" id="support" href="/support.html">Support</a></li>

67
ui/search/index.html Normal file
View File

@@ -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>