home.arpa/src/pages/index.astro
2025-01-14 22:46:41 -05:00

38 lines
1.2 KiB
Text

---
import "/src/css/app.css";
import ServiceCard from "../components/ServiceCard.astro";
const services = [
{ serviceName: "Amnezia" },
{ serviceName: "Blog", serviceUrl: "https://blog.z0x.home.arpa" },
{ serviceName: "Dockge" },
{ serviceName: "Dozzle" },
{ serviceName: "Element" },
{ serviceName: "Gitea", serviceUrl: "https://git.home.arpa" },
{ serviceName: "Immich" },
{ serviceName: "Lodestone" },
{ serviceName: "Navidrome" },
{ serviceName: "Radicale" },
{ serviceName: "Redlib" },
{ serviceName: "Scrutiny" },
{ serviceName: "Synapse Admin" },
{ serviceName: "Umami" },
{ serviceName: "Unifi" },
{ serviceName: "Vaultwarden" },
{ serviceName: "Zyxel", serviceUrl: "https://10.0.0.1" },
{ serviceName: "z0x" },
];
---
<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>
</head>
<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">
{services.map((service) => <ServiceCard serviceName={service.serviceName} serviceUrl={service.serviceUrl} />)}
</div>
</body>
</html>