apps/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

aetos sigil

Browse Source
This commit is contained in:
Vishesh 'ironeagle' Bangotra
2025-09-22 19:33:18 +05:30
parent 7631b9d830
commit 10bab6c44c
2 changed files with 146 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
app/routes/home.tsx
View File

@@ -5,153 +5,163 @@ import Box from "@mui/material/Box";
import Link from "@mui/material/Link"; import Link from "@mui/material/Link";
import Grid from "@mui/material/Grid"; import Grid from "@mui/material/Grid";
import Paper from "@mui/material/Paper"; 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() { export function meta() {
return [ return [
{ title: "Material UI - React Router example in TypeScript" }, {title: "Material UI - React Router example in TypeScript"},
{ {
name: "description", name: "description",
content: content:
"Welcome to Material UI - React Router example in TypeScript!", "Welcome to Material UI - React Router example in TypeScript!",
}, },
]; ];
} }
const services = { const services = {
media: [ media: [
{ {
name: "Jellyseerr", name: "Jellyseerr",
url: "http://jellyseerr.aetoskia.com", url: "http://jellyseerr.aetoskia.com",
desc: "Request movies & TV shows", desc: "Request movies & TV shows",
}, },
// { // {
// name: "Ombi", // name: "Ombi",
// url: "http://ombi.aetoskia.com", // url: "http://ombi.aetoskia.com",
// desc: "Request movies & TV shows", // desc: "Request movies & TV shows",
// }, // },
{ {
name: "Sonarr", name: "Sonarr",
url: "http://sonarr.aetoskia.com", url: "http://sonarr.aetoskia.com",
desc: "TV series management", desc: "TV series management",
}, },
{ {
name: "Radarr", name: "Radarr",
url: "http://radarr.aetoskia.com", url: "http://radarr.aetoskia.com",
desc: "Movie management", desc: "Movie management",
}, },
{ {
name: "Prowlarr", name: "Prowlarr",
url: "http://prowlarr.aetoskia.com", url: "http://prowlarr.aetoskia.com",
desc: "Indexer management", desc: "Indexer management",
}, },
{ {
name: "qBittorrent", name: "qBittorrent",
url: "http://qbit.aetoskia.com", url: "http://qbit.aetoskia.com",
desc: "Download client & torrent manager", desc: "Download client & torrent manager",
external: true, external: true,
}, },
], ],
core: [ core: [
{ {
name: "Gitea", name: "Gitea",
url: "http://gitea.aetoskia.com", url: "http://gitea.aetoskia.com",
desc: "Hosted on Core Server", desc: "Hosted on Core Server",
external: true, external: true,
}, },
], ],
}; };
export default function Home() { export default function Home() {
// @ts-ignore // @ts-ignore
return ( return (
<Container maxWidth="lg"> <Container maxWidth="lg">
{/* Dashboard section */} <Box
<Box sx={{ py: 6 }}>
<Typography
variant="h3"
align="center"
gutterBottom
sx={{ color: "success.main" }}
>
Aetos Hideout
</Typography>
<Typography
variant="h5"
align="center"
sx={{ color: "warning.main", mt: 4, mb: 2 }}
>
Core Services
</Typography>
<Grid container spacing={3} justifyContent="center">
{services.core.map((s) => (
<Grid item xs={12} sm={6} md={4} key={s.name}>
<Paper
elevation={3}
sx={{ sx={{
p: 2, minHeight: "100vh",
textAlign: "center", backgroundImage: "url('/aetos_sigil.jpg')",
bgcolor: "#2d2d2d", backgroundSize: "cover",
borderRadius: 2, backgroundRepeat: "no-repeat",
backgroundPosition: "center",
display: "flex",
flexDirection: "column",
}} }}
> >
<Link {/* Top section */}
href={s.url} <Box sx={{py: 6, textAlign: "center"}}>
target={s.external ? "_blank" : undefined} <Typography variant="h3" sx={{color: "success.main"}}>
rel="noopener" Aetos Hideout
underline="none" </Typography>
sx={{ fontSize: 18, fontWeight: "bold", color: "success.main" }} </Box>
>
{s.name}
</Link>
<Typography variant="body2" sx={{ mt: 1, color: "#ccc" }}>
{s.desc}
</Typography>
</Paper>
</Grid>
))}
</Grid>
<Typography {/* Spacer pushes bottom part down */}
variant="h5" <Box sx={{flex: 1}}/>
align="center"
sx={{ color: "warning.main", mt: 4, mb: 2 }} {/* Bottom dashboard */}
> <Container maxWidth="lg" sx={{mb: 4}}>=
Media Services <Typography
</Typography> variant="h5"
<Grid container spacing={3} justifyContent="center"> align="center"
{services.media.map((s) => ( sx={{color: "warning.main", mt: 4, mb: 2}}
<Grid component="div" item xs={12} sm={6} md={4} key={s.name}> >
<Paper Core Services
elevation={3} </Typography>
sx={{ <Grid container spacing={3} justifyContent="center">
p: 2, {services.core.map((s) => (
textAlign: "center", <Grid item xs={12} sm={6} md={4} key={s.name}>
bgcolor: "#2d2d2d", <Paper
borderRadius: 2, elevation={3}
}} sx={{
> p: 2,
<Link textAlign: "center",
href={s.url} bgcolor: "#2d2d2d",
target={s.external ? "_blank" : undefined} borderRadius: 2,
rel="noopener" }}
underline="none" >
sx={{ fontSize: 18, fontWeight: "bold", color: "success.main" }} <Link
> href={s.url}
{s.name} target={s.external ? "_blank" : undefined}
</Link> rel="noopener"
<Typography variant="body2" sx={{ mt: 1, color: "#ccc" }}> underline="none"
{s.desc} sx={{fontSize: 18, fontWeight: "bold", color: "success.main"}}
</Typography> >
</Paper> {s.name}
</Grid> </Link>
))} <Typography variant="body2" sx={{mt: 1, color: "#ccc"}}>
</Grid> {s.desc}
</Box> </Typography>
</Container> </Paper>
); </Grid>
))}
</Grid>
<Typography
variant="h5"
align="center"
sx={{color: "warning.main", mt: 4, mb: 2}}
>
Media Services
</Typography>
<Grid container spacing={3} justifyContent="center">
{services.media.map((s) => (
<Grid component="div" item xs={12} sm={6} md={4} key={s.name}>
<Paper
elevation={3}
sx={{
p: 2,
textAlign: "center",
bgcolor: "#2d2d2d",
borderRadius: 2,
}}
>
<Link
href={s.url}
target={s.external ? "_blank" : undefined}
rel="noopener"
underline="none"
sx={{fontSize: 18, fontWeight: "bold", color: "success.main"}}
>
{s.name}
</Link>
<Typography variant="body2" sx={{mt: 1, color: "#ccc"}}>
{s.desc}
</Typography>
</Paper>
</Grid>
))}
</Grid>
</Container>
</Box>
</Container>
);
} }

BIN
public/aetos_sigil.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 233 KiB