From 5e3419c3c35ab1393cc8f713530630f90529d03f Mon Sep 17 00:00:00 2001
From: Vishesh 'ironeagle' Bangotra <aetoskia@gmail.com>
Date: Mon, 22 Sep 2025 20:28:40 +0530
Subject: [PATCH] correct spacer for sigil to be always visible

---
 app/routes/home.tsx | 160 +++++++++++++++++++++++---------------------
 1 file changed, 85 insertions(+), 75 deletions(-)

diff --git a/app/routes/home.tsx b/app/routes/home.tsx
index 6c87f25..183550b 100644
--- a/app/routes/home.tsx
+++ b/app/routes/home.tsx
@@ -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>
+
     );
 }