Files
homepage/app/routes/home.tsx
Vishesh 'ironeagle' Bangotra 6c8d24c017
Some checks failed
continuous-integration/drone/tag Build is failing
cleaner view for services
2025-10-10 18:09:32 +05:30

58 lines
2.0 KiB
TypeScript

import * as React from "react";
import Container from "@mui/material/Container";
import Box from "@mui/material/Box";
import Services from "~/components/Services";
export function meta() {
return [
{ title: "Aetoskia Hideout" },
{
name: "description",
content: "Welcome to Aetoskia's Hideout!",
},
];
}
const services = {
media: [
{ name: "Jellyseerr", url: "http://jellyseerr.aetoskia.com", desc: "Summon films and series from the digital void.", external: true },
{ name: "Sonarr", url: "http://sonarr.aetoskia.com", desc: "Keep the endless chronicles of TV under iron control.", external: true },
{ name: "Radarr", url: "http://radarr.aetoskia.com", desc: "Command the legions of cinema, enforce cinematic order.", external: true },
{ name: "qBit", url: "http://qbit.aetoskia.com", desc: "Torrent war engine, fetching data across the nether realms.", external: true },
],
codebase: [
{ name: "Gitea", url: "http://gitea.aetoskia.com", desc: "Forge and safeguard code like a sacred relic.", external: true },
{ name: "Registry", url: "http://registry.aetoskia.com", desc: "Monitor core constructs of the digital empire.", external: true },
{ name: "Drone", url: "http://drone.aetoskia.com", desc: "Automaton architect, building pipelines of perfection.", external: true },
],
monitoring: [
{ name: "Portainer", url: "http://portainer.aetoskia.com", desc: "Oversee the fleet of containers with unyielding vigilance.", external: true },
],
};
export default function Home() {
return (
<Container
maxWidth={false}
>
<Box
sx={{
minHeight: "100vh",
backgroundImage: "url('/header_sigil.png')",
backgroundSize: "cover",
backgroundRepeat: "no-repeat",
backgroundPosition: "top center",
display: "flex",
flexDirection: "column",
}}
>
<Box sx={{ flex: 1 }} />
<Box sx={{ height: "60vh", overflowY: "auto" }}>
<Services />
</Box>
</Box>
</Container>
);
}