home.arpa/src/pages/index.astro

56 lines
1.6 KiB
Text

---
import "/src/css/app.css";
import ServiceCard from "../components/ServiceCard.astro";
const services = [
{ serviceName: "AmneziaWG" },
{ serviceName: "Blog", serviceUrl: "https://blog.z0x.home.arpa" },
{ serviceName: "Dockge" },
{ serviceName: "Dozzle" },
{ serviceName: "Element" },
{ serviceName: "Gitea", serviceUrl: "https://git.home.arpa" },
{ serviceName: "Headplane", serviceUrl: "https://headscale.home.arpa/admin" },
{ serviceName: "Home Assistant", serviceUrl: "https://ha.home.arpa" },
{ serviceName: "Immich" },
{ serviceName: "Lodestone" },
{ serviceName: "Maloja" },
{ serviceName: "Navidrome" },
{ serviceName: "Radicale" },
{ serviceName: "Redlib" },
{ serviceName: "Roundcube" },
{ serviceName: "Scrutiny" },
{ serviceName: "SFTPGo" },
{ 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"
/>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<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>