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

correct spacer for sigil to be always visible

Browse Source
This commit is contained in:
Vishesh 'ironeagle' Bangotra
2025-09-22 20:28:40 +05:30
parent 0964c0c9bb
commit 5e3419c3c3
1 changed files with 85 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

160
app/routes/home.tsx
View File

@@ -68,8 +68,8 @@ export default function Home() {
<Container maxWidth="lg">
<Box
sx={{
minHeight: "100vh",
backgroundImage: "url('/aetos_sigil.jpg')",
minHeight: "150vh",
backgroundImage: "url('/extended_sigil.png')",
backgroundSize: "cover",
backgroundRepeat: "no-repeat",
backgroundPosition: "center",
@@ -77,87 +77,97 @@ export default function Home() {
flexDirection: "column",
}}
>
{/* Top section */}
<Box sx={{py: 6, textAlign: "center"}}>
<Typography variant="h3" sx={{color: "success.main"}}>
Aetos Hideout
</Typography>
</Box>
{/* Spacer pushes bottom part down */}
<Box sx={{flex: 1}}/>
{/* Bottom dashboard */}
<Container maxWidth="lg" sx={{mb: 4}}>
<Typography
variant="h5"
align="center"
sx={{color: "warning.main", mt: 4, mb: 2}}
{/* Bottom dashboard: only 50% height of viewport */}
<Box
sx={{
height: "80vh", // 50% of viewport height
overflowY: "auto", // scroll if content overflows
p: 2,
}}
>
<Container
maxWidth="lg"
sx={{
bgcolor: "#1a1a1a", // dark background
borderRadius: 3,
p: 3,
boxShadow: 6,
}}
>
Core Services
</Typography>
<Grid container spacing={3} justifyContent="center">
{services.core.map((s) => (
<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"}}
<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) => (
<Paper
elevation={3}
sx={{
p: 2,
textAlign: "center",
bgcolor: "#2d2d2d",
borderRadius: 2,
}}
>
{s.name}
</Link>
<Typography variant="body2" sx={{mt: 1, color: "#ccc"}}>
{s.desc}
</Typography>
</Paper>
))}
</Grid>
<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>
<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) => (
<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"}}
<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) => (
<Paper
elevation={3}
sx={{
p: 2,
textAlign: "center",
bgcolor: "#2d2d2d",
borderRadius: 2,
}}
>
{s.name}
</Link>
<Typography variant="body2" sx={{mt: 1, color: "#ccc"}}>
{s.desc}
</Typography>
</Paper>
))}
</Grid>
</Container>
<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>
</Container>
</Box>
</Box>
</Container>
);
}