103 lines
6.3 KiB
HTML
103 lines
6.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<title>Homepage</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
<body class="flex items-center justify-center min-h-screen overflow-hidden backdrop-blur-[2px] bg-[url('./assets/img/building.png')] bg-no-repeat bg-cover bg-center">
|
|
<div class="grid grid-cols-2 md:grid-cols-4 grid-rows-8 md:grid-rows-4 gap-4">
|
|
<a href="https://owncloud.home.arpa" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/owncloud.svg">
|
|
<span class="text-base text-black">ownCloud</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://immich.home.arpa" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/immich.svg">
|
|
<span class="text-base text-black">Immich</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://navidrome.home.arpa" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/navidrome.svg">
|
|
<span class="text-base text-black">Navidrome</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://gitea.home.arpa" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/gitea.svg">
|
|
<span class="text-base text-black">Gitea</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://element.home.arpa" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/element.svg">
|
|
<span class="text-base text-black">Element</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://vaultwarden.home.arpa" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/vaultwarden.svg">
|
|
<span class="text-base text-black">Vaultwarden</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://redlib.home.arpa" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/libreddit.svg">
|
|
<span class="text-base text-black">Redlib</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://10.0.0.1" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="./assets/img/zyxel.svg">
|
|
<span class="text-base text-black">Zyxel</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://unifi.home.arpa" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/unifi.svg">
|
|
<span class="text-base text-black">Unifi</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://dockge.home.arpa" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/dockge-light.svg">
|
|
<span class="text-base text-black">Dockge</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://code.home.arpa" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/vscode.svg">
|
|
<span class="text-base text-black">VS Code</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://excalidraw.home.arpa/" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/excalidraw.svg">
|
|
<span class="text-base text-black">Excalidraw</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://awesome-technologies.github.io/synapse-admin" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/matrix-synapse.svg">
|
|
<span class="text-base text-black">Synapse Admin</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://scrutiny.home.arpa" target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/scrutiny.svg">
|
|
<span class="text-base text-black">Scrutiny</span>
|
|
</div>
|
|
</a>
|
|
<a href="https://headscale.home.arpa target="_blank">
|
|
<div class="flex items-center space-x-2 p-4 backdrop-blur-sm shadow-md bg-white/10 hover:bg-white/20 shadow-md rounded-lg">
|
|
<img class="w-10 aspect-square" src="https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/svg/tailscale.svg">
|
|
<span class="text-base text-black">Headscale</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</body>
|
|
</html>
|