diff --git a/app/routes/home.tsx b/app/routes/home.tsx index b25b20d..81c0436 100644 --- a/app/routes/home.tsx +++ b/app/routes/home.tsx @@ -5,153 +5,163 @@ import Box from "@mui/material/Box"; import Link from "@mui/material/Link"; import Grid from "@mui/material/Grid"; import Paper from "@mui/material/Paper"; -import { Link as ReactRouterLink } from "react-router"; -import ProTip from "~/components/ProTip"; -import Copyright from "~/components/Copyright"; export function meta() { - return [ - { title: "Material UI - React Router example in TypeScript" }, - { - name: "description", - content: - "Welcome to Material UI - React Router example in TypeScript!", - }, - ]; + return [ + {title: "Material UI - React Router example in TypeScript"}, + { + name: "description", + content: + "Welcome to Material UI - React Router example in TypeScript!", + }, + ]; } const services = { - media: [ - { - name: "Jellyseerr", - url: "http://jellyseerr.aetoskia.com", - desc: "Request movies & TV shows", - }, - // { - // name: "Ombi", - // url: "http://ombi.aetoskia.com", - // desc: "Request movies & TV shows", - // }, - { - name: "Sonarr", - url: "http://sonarr.aetoskia.com", - desc: "TV series management", - }, - { - name: "Radarr", - url: "http://radarr.aetoskia.com", - desc: "Movie management", - }, - { - name: "Prowlarr", - url: "http://prowlarr.aetoskia.com", - desc: "Indexer management", - }, - { - name: "qBittorrent", - url: "http://qbit.aetoskia.com", - desc: "Download client & torrent manager", - external: true, - }, - ], - core: [ - { - name: "Gitea", - url: "http://gitea.aetoskia.com", - desc: "Hosted on Core Server", - external: true, - }, - ], + media: [ + { + name: "Jellyseerr", + url: "http://jellyseerr.aetoskia.com", + desc: "Request movies & TV shows", + }, + // { + // name: "Ombi", + // url: "http://ombi.aetoskia.com", + // desc: "Request movies & TV shows", + // }, + { + name: "Sonarr", + url: "http://sonarr.aetoskia.com", + desc: "TV series management", + }, + { + name: "Radarr", + url: "http://radarr.aetoskia.com", + desc: "Movie management", + }, + { + name: "Prowlarr", + url: "http://prowlarr.aetoskia.com", + desc: "Indexer management", + }, + { + name: "qBittorrent", + url: "http://qbit.aetoskia.com", + desc: "Download client & torrent manager", + external: true, + }, + ], + core: [ + { + name: "Gitea", + url: "http://gitea.aetoskia.com", + desc: "Hosted on Core Server", + external: true, + }, + ], }; export default function Home() { - // @ts-ignore + // @ts-ignore return ( - - {/* Dashboard section */} - - - Aetos Hideout - - - - Core Services - - - {services.core.map((s) => ( - - + - - {s.name} - - - {s.desc} - - - - ))} - + > + {/* Top section */} + + + Aetos Hideout + + - - Media Services - - - {services.media.map((s) => ( - - - - {s.name} - - - {s.desc} - - - - ))} - - - - ); + {/* Spacer pushes bottom part down */} + + + {/* Bottom dashboard */} + = + + Core Services + + + {services.core.map((s) => ( + + + + {s.name} + + + {s.desc} + + + + ))} + + + + Media Services + + + {services.media.map((s) => ( + + + + {s.name} + + + {s.desc} + + + + ))} + + + + + ); } diff --git a/public/aetos_sigil.jpg b/public/aetos_sigil.jpg new file mode 100644 index 0000000..6029278 Binary files /dev/null and b/public/aetos_sigil.jpg differ