metasearch/dev.html
2024-10-28 13:32:01 -04:00

179 lines
6.8 KiB
HTML

<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Dashboard</title>
<script src="https://cdn.tailwindcss.com"></script>
<script
defer=""
data-domain="rotanclan.com"
src="http://nas.local:8008/js/script.pageview-props.tagged-events.js"
></script>
</head>
<body class="bg-gray-200">
<div class="fixed w-full text-center z-50 flex flex-col">
<h1 class="z-50 w-full text-center m-0 mt-3 text-2xl font-semibold">
Dashboard
</h1>
<div
class="z-50 w-1/2 text-center self-center m-0 mt-20 text-2xl font-semibold"
>
<form onsubmit="return searchDDG(event)">
<label
for="default-search"
class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
>Search</label
>
<div class="relative">
<div
class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none"
>
<svg
class="w-4 h-4 text-gray-500 dark:text-gray-400"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 20 20"
>
<path
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
></path>
</svg>
</div>
<input
type="search"
id="default-search"
class="block w-full p-4 pl-10 text-sm border-2 text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 outline-none shadow-lg focus:shadow-2xl"
placeholder="Search DuckDuckGo"
required=""
/>
<button
type="submit"
class="text-white absolute right-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
>
Search
</button>
</div>
<!-- <div class="z-50 block w-full p-4 pl-10 mt-4 text-sm border-2 text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 shadow-2xl ">
1
</div> -->
</form>
</div>
</div>
<div
class="h-svh w-screen grid grid-cols-1 grid-rows-1 place-items-end md:place-items-center"
>
<div
class="max-w-3xl max-h-[65%] overflow-y-scroll md:overflow-y-visible flex h-fit w-full md:w-fit flex-col md:flex-row"
>
<div
onclick="appLink('http://rotanclan.com:8080')"
class="rounded-lg shadow-lg md:p-2 bg-white m-2 md:m-3 w-11/12 h-20 md:w-40 md:h-40 flex self-center flex-col cursor-pointer hover:shadow-2xl"
>
<div
class="h-full flex items-left md:items-center content-left md:content-center justify-left md:justify-center md:m-2"
>
<img
src="http://nas.local/assets/omv.png"
class="md:h-auto md:w-2/3 rounded-md m-2 mr-0 md:mr-2"
/>
<h1
class="text-center font-semibold mt-auto h-full content-center p-4 md:hidden"
>
OpenMediaVault
</h1>
</div>
<h1 class="text-center font-semibold mt-auto hidden md:block">
OpenMediaVault
</h1>
</div>
<div
onclick="appLink('http://rotanclan.com:2283')"
class="rounded-lg shadow-lg md:p-2 bg-white m-2 md:m-3 w-11/12 h-20 md:w-40 md:h-40 flex self-center flex-col cursor-pointer hover:shadow-2xl"
>
<div
class="h-full flex items-left md:items-center content-left md:content-center justify-left md:justify-center md:m-2"
>
<img
src="http://nas.local/assets/immich.png"
class="md:h-auto md:w-2/3 rounded-md m-2 mr-0 md:mr-2"
/>
<h1
class="text-center font-semibold mt-auto h-full content-center p-4 md:hidden"
>
Immich
</h1>
</div>
<h1 class="text-center font-semibold mt-auto hidden md:block">
Immich
</h1>
</div>
<div
onclick="appLink('http://rotanclan.com:9000')"
class="rounded-lg shadow-lg md:p-2 bg-white m-2 md:m-3 w-11/12 h-20 md:w-40 md:h-40 flex self-center flex-col cursor-pointer hover:shadow-2xl"
>
<div
class="h-full flex items-left md:items-center content-left md:content-center justify-left md:justify-center md:m-2"
>
<img
src="http://nas.local/assets/portainer.png"
class="md:h-auto md:w-2/3 rounded-md m-2 mr-0 md:mr-2"
/>
<h1
class="text-center font-semibold mt-auto h-full content-center p-4 md:hidden"
>
Portainer
</h1>
</div>
<h1 class="text-center font-semibold mt-auto hidden md:block">
Portainer
</h1>
</div>
<div
onclick="appLink('http://nas.local:631')"
class="rounded-lg shadow-lg md:p-2 bg-white m-2 md:m-3 w-11/12 h-20 md:w-40 md:h-40 flex self-center flex-col cursor-pointer hover:shadow-2xl"
>
<div
class="h-full flex items-left md:items-center content-left md:content-center justify-left md:justify-center md:m-2"
>
<img
src="http://nas.local/assets/cups.png"
class="md:h-auto md:w-2/3 rounded-md m-2 mr-0 md:mr-2"
/>
<h1
class="text-center font-semibold mt-auto h-full content-center p-4 md:hidden"
>
Print Server
</h1>
</div>
<h1 class="text-center font-semibold mt-auto hidden md:block">
Print Server
</h1>
</div>
</div>
</div>
<script type="text/javascript">
function appLink(link) {
document.location.href = link;
}
function searchDDG(e) {
event.preventDefault();
document.location.href =
"https://duckduckgo.com/?q=" +
document.getElementById("default-search").value;
return false;
}
</script>
</body>
</html>