z0x/home.arpa
Code Actions

theme/svg

Browse source
This commit is contained in:
z0x 2024-11-21 19:50:36 -05:00
parent 30d1686e78
commit 80872563e3
22 changed files with 174 additions and 141 deletions
Download patch file Download diff file Expand all files Collapse all files

235
src/pages/index.astro
View file

@ -8,126 +8,239 @@
<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 p-4 bg-gradient-to-r from-gray-600 via-gray-400 to-gray-600">
<body class="flex items-center justify-center min-h-screen p-4 bg-neutral-900 text-neutral-300">
<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="/img/owncloud.svg" />
<span class="text-black">ownCloud</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M18.456 10.45a6.45 6.45 0 0 0 -12 -2.151a4.857 4.857 0 0 0 -4.44 5.241a4.856 4.856 0 0 0 5.236 4.444h10.751a3.771 3.771 0 0 0 3.99 -3.54a3.772 3.772 0 0 0 -3.538 -3.992z"></path>
</svg>
<span>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="/img/immich.svg" />
<span class="text-black">Immich</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M7.5 7c2.485 0 4.5 1.974 4.5 4.409v.591h-8.397a.61 .61 0 0 1 -.426 -.173a.585 .585 0 0 1 -.177 -.418c0 -2.435 2.015 -4.409 4.5 -4.409z"></path>
<path d="M16.5 17c-2.485 0 -4.5 -1.974 -4.5 -4.409v-.591h8.397c.333 0 .603 .265 .603 .591c0 2.435 -2.015 4.409 -4.5 4.409z"></path>
<path d="M7 16.5c0 -2.485 1.972 -4.5 4.405 -4.5h.595v8.392a.61 .61 0 0 1 -.173 .431a.584 .584 0 0 1 -.422 .177c-2.433 0 -4.405 -2.015 -4.405 -4.5z"></path>
<path d="M17 7.5c0 2.485 -1.972 4.5 -4.405 4.5h-.595v-8.397a.61 .61 0 0 1 .175 -.428a.584 .584 0 0 1 .42 -.175c2.433 0 4.405 2.015 4.405 4.5z"></path>
</svg>
<span>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="/img/navidrome.svg" />
<span class="text-black">Navidrome</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
<path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<path d="M7 12a5 5 0 0 1 5 -5"></path>
<path d="M12 17a5 5 0 0 0 5 -5"></path>
</svg>
<span>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="/img/gitea.svg" />
<span class="text-black">Gitea</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<path d="M12 15v-6"></path>
<path d="M15 11l-2 -2"></path>
<path d="M11 7l-1.9 -1.9"></path>
<path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z"></path>
</svg>
<span>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="/img/element.svg" />
<span class="text-black">Element</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M3 20l1.3 -3.9c-2.324 -3.437 -1.426 -7.872 2.1 -10.374c3.526 -2.501 8.59 -2.296 11.845 .48c3.255 2.777 3.695 7.266 1.029 10.501c-2.666 3.235 -7.615 4.215 -11.574 2.293l-4.7 1"></path>
</svg>
<span>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="/img/vaultwarden.svg" />
<span class="text-black">Vaultwarden</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
<path d="M8 11v-4a4 4 0 1 1 8 0v4"></path>
<path d="M15 16h.01"></path>
<path d="M12.01 16h.01"></path>
<path d="M9.02 16h.01"></path>
</svg>
<span>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="/img/redlib.svg" />
<span class="text-black">Redlib</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M12 8c2.648 0 5.028 .826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59 -4.03 6.5 -9 6.5c-4.875 0 -8.845 -2.8 -9 -6.294l-1 -.206a2.5 2.5 0 0 1 2.326 -4.36c1.646 -1.313 4.026 -2.14 6.674 -2.14z"></path>
<path d="M12 8l1 -5l6 1"></path>
<path d="M19 4m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<circle cx="9" cy="13" r=".5" fill="currentColor"></circle>
<circle cx="15" cy="13" r=".5" fill="currentColor"></circle>
<path d="M10 17c.667 .333 1.333 .5 2 .5s1.333 -.167 2 -.5"></path>
</svg>
<span>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="/img/zyxel.svg" />
<span class="text-black">Zyxel</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M3 13m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z"></path>
<path d="M17 17l0 .01"></path>
<path d="M13 17l0 .01"></path>
<path d="M15 13l0 -2"></path>
<path d="M11.75 8.75a4 4 0 0 1 6.5 0"></path>
<path d="M8.5 6.5a8 8 0 0 1 13 0"></path>
</svg>
<span>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="/img/unifi.svg" />
<span class="text-black">Unifi</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M12 12l0 .01"></path>
<path d="M14.828 9.172a4 4 0 0 1 0 5.656"></path>
<path d="M17.657 6.343a8 8 0 0 1 0 11.314"></path>
<path d="M9.168 14.828a4 4 0 0 1 0 -5.656"></path>
<path d="M6.337 17.657a8 8 0 0 1 0 -11.314"></path>
</svg>
<span>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="/img/dockge-light.svg" />
<span class="text-black">Dockge</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M12 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
<path d="M17 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
<path d="M7 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
</svg>
<span>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="/img/matrix-synapse.svg" />
<span class="text-black">Synapse Admin</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M7 4h-4v16h4"></path>
<path d="M17 4h4v16h-4"></path>
<path d="M8 16h.0"></path>
<path d="M12 16h.0"></path>
<path d="M16 16h.0"></path>
<path d="M8 8h.0"></path>
<path d="M12 8h.0"></path>
<path d="M16 8h.0"></path>
<path d="M8 12h.0"></path>
<path d="M12 12h.0"></path>
<path d="M16 12h.0"></path>
</svg>
<span>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="/img/scrutiny.svg" />
<span class="text-black">Scrutiny</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M3 4m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z"></path>
<path d="M3 12m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z"></path>
<path d="M7 8l0 .01"></path>
<path d="M7 16l0 .01"></path>
<path d="M11 8h6"></path>
<path d="M11 16h6"></path>
</svg>
<span>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="/img/tailscale.svg" />
<span class="text-black">Headscale</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
<path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
</svg>
<span>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="/img/dozzle.svg" />
<span class="text-black">Dozzle</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M4 12h.01"></path>
<path d="M4 6h.01"></path>
<path d="M4 18h.01"></path>
<path d="M8 18h2"></path>
<path d="M8 12h2"></path>
<path d="M8 6h2"></path>
<path d="M14 6h6"></path>
<path d="M14 12h6"></path>
<path d="M14 18h6"></path>
</svg>
<span>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="/img/it-tools.svg" />
<span class="text-black">It Tools</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6 -6a6 6 0 0 1 -8 -8l3.5 3.5"></path>
</svg>
<span>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="/img/uptime-kuma.svg" />
<span class="text-black">Uptime Kuma</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"></path>
<path d="M4 9h6l1 -2l2 4l1 -2h6"></path>
<path d="M4 14h16"></path>
<path d="M14 17v.01"></path>
<path d="M17 17v.01"></path>
</svg>
<span>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="/img/prometheus.svg" />
<span class="text-black">Prometheus</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z"></path>
</svg>
<span>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="/img/grafana.svg" />
<span class="text-black">Grafana</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M3 13a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
<path d="M15 9a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
<path d="M9 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
<path d="M4 20h14"></path>
</svg>
<span>Grafana</span>
</div>
</a>
<a href="https://speedtest-tracker.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="/img/speedtest-tracker.svg" />
<span class="text-black">Speedtest</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M5.636 19.364a9 9 0 1 1 12.728 0"></path>
<path d="M16 9l-4 4"></path>
</svg>
<span>Speedtest</span>
</div>
</a>
<a href="https://zipline.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="/img/zipline.svg" />
<span class="text-black">Zipline</span>
<div class="flex items-center space-x-2 p-4 bg-neutral-700 rounded-lg shadow-md">
<svg class="sm:w-12 w-10 aspect-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M12 19h-7a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v3.5"></path>
<path d="M19 22v-6"></path>
<path d="M22 19l-3 -3l-3 3"></path>
</svg>
<span>Zipline</span>
</div>
</a>
</div>