z0x/home.arpa
Code Actions

img location

Browse source
This commit is contained in:
z0x 2024-11-08 23:03:32 -05:00
parent 1a7aac7b52
commit c21f847a6b
20 changed files with 21 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
src/img/dockge-light.svg → public/img/dockge-light.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

0
src/img/dozzle.svg → public/img/dozzle.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 941 B

After

Width:  |  Height:  |  Size: 941 B

0
src/img/element.svg → public/img/element.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

0
src/img/favicon.svg → public/img/favicon.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 539 B

After

Width:  |  Height:  |  Size: 539 B

0
src/img/gitea.svg → public/img/gitea.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

0
src/img/grafana.svg → public/img/grafana.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

0
src/img/immich.svg → public/img/immich.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

0
src/img/it-tools.svg → public/img/it-tools.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

0
src/img/matrix-synapse.svg → public/img/matrix-synapse.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 505 B

After

Width:  |  Height:  |  Size: 505 B

0
src/img/navidrome.svg → public/img/navidrome.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

0
src/img/owncloud.svg → public/img/owncloud.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

0
src/img/prometheus.svg → public/img/prometheus.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

0
src/img/redlib.svg → public/img/redlib.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 317 B

After

Width:  |  Height:  |  Size: 317 B

0
src/img/scrutiny.svg → public/img/scrutiny.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

0
src/img/tailscale.svg → public/img/tailscale.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3 KiB

After

Width:  |  Height:  |  Size: 3 KiB

0
src/img/unifi.svg → public/img/unifi.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

0
src/img/uptime-kuma.svg → public/img/uptime-kuma.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4 KiB

After

Width:  |  Height:  |  Size: 4 KiB

0
src/img/vaultwarden.svg → public/img/vaultwarden.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

0
src/img/zyxel.svg → public/img/zyxel.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

42
src/pages/index.astro
View file

@ -4,117 +4,117 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Homepage</title> <title>Homepage</title>
<link rel="icon" type="image/x-icon" sizes="192x192" href="/src/img/favicon.svg" /> <link rel="icon" type="image/x-icon" sizes="192x192" href="/public/img/favicon.svg" />
<link rel="icon" type="image/png" sizes="192x192" href="/src/img/favicon.svg" /> <link rel="icon" type="image/png" sizes="192x192" href="/public/img/favicon.svg" />
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/src/img/favicon.svg" /> <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/public/img/favicon.svg" />
</head> </head>
<body class="flex items-center justify-center min-h-screen overflow-hidden bg-gradient-to-r from-gray-600 via-gray-400 to-gray-600"> <body class="flex items-center justify-center min-h-screen overflow-hidden bg-gradient-to-r from-gray-600 via-gray-400 to-gray-600">
<div class="grid grid-cols-2 md:grid-cols-4 gap-4"> <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
<a href="https://owncloud.home.arpa" target="_blank"> <a href="https://owncloud.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="ownCloud" class="sm:w-12 w-10 aspect-square" src="/src/img/owncloud.svg" /> <img alt="ownCloud" class="sm:w-12 w-10 aspect-square" src="/public/img/owncloud.svg" />
<span class="text-black">ownCloud</span> <span class="text-black">ownCloud</span>
</div> </div>
</a> </a>
<a href="https://immich.home.arpa" target="_blank"> <a href="https://immich.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Immich" class="sm:w-12 w-10 aspect-square" src="/src/img/immich.svg" /> <img alt="Immich" class="sm:w-12 w-10 aspect-square" src="/public/img/immich.svg" />
<span class="text-black">Immich</span> <span class="text-black">Immich</span>
</div> </div>
</a> </a>
<a href="https://navidrome.home.arpa" target="_blank"> <a href="https://navidrome.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Navidrome" class="sm:w-12 w-10 aspect-square" src="/src/img/navidrome.svg" /> <img alt="Navidrome" class="sm:w-12 w-10 aspect-square" src="/public/img/navidrome.svg" />
<span class="text-black">Navidrome</span> <span class="text-black">Navidrome</span>
</div> </div>
</a> </a>
<a href="https://gitea.home.arpa" target="_blank"> <a href="https://gitea.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Gitea" class="sm:w-12 w-10 aspect-square" src="/src/img/gitea.svg" /> <img alt="Gitea" class="sm:w-12 w-10 aspect-square" src="/public/img/gitea.svg" />
<span class="text-black">Gitea</span> <span class="text-black">Gitea</span>
</div> </div>
</a> </a>
<a href="https://element.home.arpa" target="_blank"> <a href="https://element.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Element" class="sm:w-12 w-10 aspect-square" src="/src/img/element.svg" /> <img alt="Element" class="sm:w-12 w-10 aspect-square" src="/public/img/element.svg" />
<span class="text-black">Element</span> <span class="text-black">Element</span>
</div> </div>
</a> </a>
<a href="https://vaultwarden.home.arpa" target="_blank"> <a href="https://vaultwarden.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Vaultwarden" class="sm:w-12 w-10 aspect-square" src="/src/img/vaultwarden.svg" /> <img alt="Vaultwarden" class="sm:w-12 w-10 aspect-square" src="/public/img/vaultwarden.svg" />
<span class="text-black">Vaultwarden</span> <span class="text-black">Vaultwarden</span>
</div> </div>
</a> </a>
<a href="https://redlib.home.arpa" target="_blank"> <a href="https://redlib.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Redlib" class="sm:w-12 w-10 aspect-square" src="/src/img/redlib.svg" /> <img alt="Redlib" class="sm:w-12 w-10 aspect-square" src="/public/img/redlib.svg" />
<span class="text-black">Redlib</span> <span class="text-black">Redlib</span>
</div> </div>
</a> </a>
<a href="https://10.0.0.1" target="_blank"> <a href="https://10.0.0.1" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Zyxel" class="sm:w-12 w-10 aspect-square" src="/src/img/zyxel.svg" /> <img alt="Zyxel" class="sm:w-12 w-10 aspect-square" src="/public/img/zyxel.svg" />
<span class="text-black">Zyxel</span> <span class="text-black">Zyxel</span>
</div> </div>
</a> </a>
<a href="https://unifi.home.arpa" target="_blank"> <a href="https://unifi.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Unifi" class="sm:w-12 w-10 aspect-square" src="/src/img/unifi.svg" /> <img alt="Unifi" class="sm:w-12 w-10 aspect-square" src="/public/img/unifi.svg" />
<span class="text-black">Unifi</span> <span class="text-black">Unifi</span>
</div> </div>
</a> </a>
<a href="https://dockge.home.arpa" target="_blank"> <a href="https://dockge.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Dockge" class="sm:w-12 w-10 aspect-square" src="/src/img/dockge-light.svg" /> <img alt="Dockge" class="sm:w-12 w-10 aspect-square" src="/public/img/dockge-light.svg" />
<span class="text-black">Dockge</span> <span class="text-black">Dockge</span>
</div> </div>
</a> </a>
<a href="https://synapse.home.arpa" target="_blank"> <a href="https://synapse.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Synapse Admin" class="sm:w-12 w-10 aspect-square" src="/src/img/matrix-synapse.svg" /> <img alt="Synapse Admin" class="sm:w-12 w-10 aspect-square" src="/public/img/matrix-synapse.svg" />
<span class="text-black">Synapse Admin</span> <span class="text-black">Synapse Admin</span>
</div> </div>
</a> </a>
<a href="https://scrutiny.home.arpa" target="_blank"> <a href="https://scrutiny.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Scrutiny" class="sm:w-12 w-10 aspect-square" src="/src/img/scrutiny.svg" /> <img alt="Scrutiny" class="sm:w-12 w-10 aspect-square" src="/public/img/scrutiny.svg" />
<span class="text-black">Scrutiny</span> <span class="text-black">Scrutiny</span>
</div> </div>
</a> </a>
<a href="https://headscale.home.arpa" target="_blank"> <a href="https://headscale.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Headscale" class="sm:w-12 w-10 aspect-square" src="/src/img/tailscale.svg" /> <img alt="Headscale" class="sm:w-12 w-10 aspect-square" src="/public/img/tailscale.svg" />
<span class="text-black">Headscale</span> <span class="text-black">Headscale</span>
</div> </div>
</a> </a>
<a href="https://dozzle.home.arpa" target="_blank"> <a href="https://dozzle.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Dozzle" class="sm:w-12 w-10 aspect-square" src="/src/img/dozzle.svg" /> <img alt="Dozzle" class="sm:w-12 w-10 aspect-square" src="/public/img/dozzle.svg" />
<span class="text-black">Dozzle</span> <span class="text-black">Dozzle</span>
</div> </div>
</a> </a>
<a href="https://it-tools.home.arpa" target="_blank"> <a href="https://it-tools.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="It Tools" class="sm:w-12 w-10 aspect-square" src="/src/img/it-tools.svg" /> <img alt="It Tools" class="sm:w-12 w-10 aspect-square" src="/public/img/it-tools.svg" />
<span class="text-black">It Tools</span> <span class="text-black">It Tools</span>
</div> </div>
</a> </a>
<a href="https://uptime-kuma.home.arpa" target="_blank"> <a href="https://uptime-kuma.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Uptime Kuma" class="sm:w-12 w-10 aspect-square" src="/src/img/uptime-kuma.svg" /> <img alt="Uptime Kuma" class="sm:w-12 w-10 aspect-square" src="/public/img/uptime-kuma.svg" />
<span class="text-black">Uptime Kuma</span> <span class="text-black">Uptime Kuma</span>
</div> </div>
</a> </a>
<a href="https://prometheus.home.arpa" target="_blank"> <a href="https://prometheus.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Prometheus" class="sm:w-12 w-10 aspect-square" src="/src/img/prometheus.svg" /> <img alt="Prometheus" class="sm:w-12 w-10 aspect-square" src="/public/img/prometheus.svg" />
<span class="text-black">Prometheus</span> <span class="text-black">Prometheus</span>
</div> </div>
</a> </a>
<a href="https://grafana.home.arpa" target="_blank"> <a href="https://grafana.home.arpa" target="_blank">
<div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition"> <div class="flex items-center space-x-2 p-4 backdrop-blur font-medium shadow-md bg-white/10 hover:bg-white/20 rounded-lg transition">
<img alt="Grafana" class="sm:w-12 w-10 aspect-square" src="/src/img/grafana.svg" /> <img alt="Grafana" class="sm:w-12 w-10 aspect-square" src="/public/img/grafana.svg" />
<span class="text-black">Grafana</span> <span class="text-black">Grafana</span>
</div> </div>
</a> </a>