From 537615936c2758c5f220c0e282b208a2b6d5e880 Mon Sep 17 00:00:00 2001 From: z0x <homelab@home.arpa> Date: Fri, 8 Nov 2024 23:07:14 -0500 Subject: [PATCH] fix img location v2 --- src/pages/index.astro | 42 +++++++++++++++++++++--------------------- 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/src/pages/index.astro b/src/pages/index.astro index b22f45b..64d8c9f 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -4,117 +4,117 @@ <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> - <link rel="icon" type="image/x-icon" sizes="192x192" href="/public/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="/public/img/favicon.svg" /> + <link rel="icon" type="image/x-icon" sizes="192x192" href="/img/favicon.svg" /> + <link rel="icon" type="image/png" sizes="192x192" href="/img/favicon.svg" /> + <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/img/favicon.svg" /> </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"> <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> <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"> - <img alt="ownCloud" class="sm:w-12 w-10 aspect-square" src="/public/img/owncloud.svg" /> + <img alt="ownCloud" class="sm:w-12 w-10 aspect-square" src="/img/owncloud.svg" /> <span class="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 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="/public/img/immich.svg" /> + <img alt="Immich" class="sm:w-12 w-10 aspect-square" src="/img/immich.svg" /> <span class="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 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="/public/img/navidrome.svg" /> + <img alt="Navidrome" class="sm:w-12 w-10 aspect-square" src="/img/navidrome.svg" /> <span class="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 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="/public/img/gitea.svg" /> + <img alt="Gitea" class="sm:w-12 w-10 aspect-square" src="/img/gitea.svg" /> <span class="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 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="/public/img/element.svg" /> + <img alt="Element" class="sm:w-12 w-10 aspect-square" src="/img/element.svg" /> <span class="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 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="/public/img/vaultwarden.svg" /> + <img alt="Vaultwarden" class="sm:w-12 w-10 aspect-square" src="/img/vaultwarden.svg" /> <span class="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 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="/public/img/redlib.svg" /> + <img alt="Redlib" class="sm:w-12 w-10 aspect-square" src="/img/redlib.svg" /> <span class="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 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="/public/img/zyxel.svg" /> + <img alt="Zyxel" class="sm:w-12 w-10 aspect-square" src="/img/zyxel.svg" /> <span class="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 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="/public/img/unifi.svg" /> + <img alt="Unifi" class="sm:w-12 w-10 aspect-square" src="/img/unifi.svg" /> <span class="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 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="/public/img/dockge-light.svg" /> + <img alt="Dockge" class="sm:w-12 w-10 aspect-square" src="/img/dockge-light.svg" /> <span class="text-black">Dockge</span> </div> </a> <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"> - <img alt="Synapse Admin" class="sm:w-12 w-10 aspect-square" src="/public/img/matrix-synapse.svg" /> + <img alt="Synapse Admin" class="sm:w-12 w-10 aspect-square" src="/img/matrix-synapse.svg" /> <span class="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 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="/public/img/scrutiny.svg" /> + <img alt="Scrutiny" class="sm:w-12 w-10 aspect-square" src="/img/scrutiny.svg" /> <span class="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 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="/public/img/tailscale.svg" /> + <img alt="Headscale" class="sm:w-12 w-10 aspect-square" src="/img/tailscale.svg" /> <span class="text-black">Headscale</span> </div> </a> <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"> - <img alt="Dozzle" class="sm:w-12 w-10 aspect-square" src="/public/img/dozzle.svg" /> + <img alt="Dozzle" class="sm:w-12 w-10 aspect-square" src="/img/dozzle.svg" /> <span class="text-black">Dozzle</span> </div> </a> <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"> - <img alt="It Tools" class="sm:w-12 w-10 aspect-square" src="/public/img/it-tools.svg" /> + <img alt="It Tools" class="sm:w-12 w-10 aspect-square" src="/img/it-tools.svg" /> <span class="text-black">It Tools</span> </div> </a> <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"> - <img alt="Uptime Kuma" class="sm:w-12 w-10 aspect-square" src="/public/img/uptime-kuma.svg" /> + <img alt="Uptime Kuma" class="sm:w-12 w-10 aspect-square" src="/img/uptime-kuma.svg" /> <span class="text-black">Uptime Kuma</span> </div> </a> <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"> - <img alt="Prometheus" class="sm:w-12 w-10 aspect-square" src="/public/img/prometheus.svg" /> + <img alt="Prometheus" class="sm:w-12 w-10 aspect-square" src="/img/prometheus.svg" /> <span class="text-black">Prometheus</span> </div> </a> <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"> - <img alt="Grafana" class="sm:w-12 w-10 aspect-square" src="/public/img/grafana.svg" /> + <img alt="Grafana" class="sm:w-12 w-10 aspect-square" src="/img/grafana.svg" /> <span class="text-black">Grafana</span> </div> </a>