added tag 0.0.2

.dockerignore

@@ -0,0 +1,40 @@
+# Node modules
+node_modules
+**/node_modules
+
+# Logs
+*.log
+logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Build outputs
+build
+dist
+out
+.next
+.cache
+.parcel-cache
+
+# Environment files
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# OS files
+.DS_Store
+Thumbs.db
+
+# IDE / Editor folders
+.vscode
+.idea
+*.sublime-workspace
+*.sublime-project
+
+# Temporary files
+*.swp
+*.bak
+*.tmp

.idea/homepage.iml

@@ -1,7 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <module type="PYTHON_MODULE" version="4">
   <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.react-router" />
+    </content>
     <orderEntry type="inheritedJdk" />
     <orderEntry type="sourceFolder" forTests="false" />
   </component>

Dockerfile

@@ -0,0 +1,33 @@
+# Stage 1: Build
+FROM node:20-alpine AS builder
+
+# Set working directory
+WORKDIR /app
+
+# Copy package.json and package-lock.json (or yarn.lock)
+COPY package*.json ./
+
+# Install dependencies
+RUN npm ci
+
+# Copy the rest of the app
+COPY . .
+
+# Build the app (React/Next/etc.)
+RUN npm run build
+
+# Stage 2: Production image
+FROM node:20-alpine
+
+WORKDIR /app
+
+# Copy only build output and dependencies
+COPY --from=builder /app/package*.json ./
+COPY --from=builder /app/node_modules ./node_modules
+COPY --from=builder /app/build ./build
+
+# Expose port
+EXPOSE 3000
+
+# Default command
+CMD ["npm", "start"]

app/routes/home.tsx

@@ -1,42 +1,94 @@
-import * as React from 'react';
+import * as React from "react";
-import Container from '@mui/material/Container';
+import Container from "@mui/material/Container";
-import Typography from '@mui/material/Typography';
+import Typography from "@mui/material/Typography";
-import Box from '@mui/material/Box';
+import Box from "@mui/material/Box";
-import Link from '@mui/material/Link';
+import Link from "@mui/material/Link";
-import { Link as ReactRouterLink } from 'react-router';
+import Grid from "@mui/material/Grid";
-import ProTip from '~/components/ProTip';
+import Paper from "@mui/material/Paper";
-import Copyright from '~/components/Copyright';
 
 export function meta() {
   return [
-    { title: 'Material UI - React Router example in TypeScript' },
+    { title: "Aetoskia Hideout" },
     {
-      name: 'description',
+      name: "description",
-      content: 'Welcome to Material UI - React Router example in TypeScript!',
+      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: "DCR", url: "http://dcr.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="lg">
       <Box
         sx={{
-          my: 4,
+          minHeight: "120vh",
-          display: 'flex',
+          backgroundImage: "url('/extended_sigil.png')",
-          flexDirection: 'column',
+          backgroundSize: "cover",
-          justifyContent: 'center',
+          backgroundRepeat: "no-repeat",
-          alignItems: 'center',
+          backgroundPosition: "center",
+          display: "flex",
+          flexDirection: "column",
         }}
       >
-        <Typography variant="h4" component="h1" sx={{ mb: 2 }}>
+        <Box sx={{ flex: 1 }} />
-          Material UI - Next.js App Router example in TypeScript
+
-        </Typography>
+        <Box sx={{ height: "60vh", overflowY: "auto", p: 2 }}>
-        <Link to="/about" color="secondary" component={ReactRouterLink}>
+          <Container
-          Go to the about page
+            maxWidth="lg"
-        </Link>
+            sx={{ bgcolor: "#1a1a1a", borderRadius: 3, p: 3, boxShadow: 6 }}
-        <ProTip />
+          >
-        <Copyright />
+            {Object.entries(services).map(([sectionName, serviceList]) => (
+              <React.Fragment key={sectionName}>
+                <Typography
+                  variant="h5"
+                  align="center"
+                  sx={{ color: "warning.main", mt: 4, mb: 2 }}
+                >
+                  {sectionName.charAt(0).toUpperCase() + sectionName.slice(1)} Services
+                </Typography>
+                <Grid container spacing={3} justifyContent="center">
+                  {serviceList.map((s) => (
+                    <Paper
+                      key={s.name}
+                      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>
+              </React.Fragment>
+            ))}
+          </Container>
+        </Box>
       </Box>
     </Container>
   );

docker-compose.yaml

@@ -0,0 +1,13 @@
+services:
+  homepage:
+    build:
+      context: .
+      dockerfile: Dockerfile
+#      network: host
+    container_name: homepage
+    image: apps/homepage:0.0.2
+    ports:
+      - "3001:3000"   # map host port 3000 to container
+    environment:
+      NODE_ENV: production
+    restart: unless-stopped

package-lock.json

@@ -7,10 +7,12 @@
       "name": "material-ui-react-router-ts",
       "dependencies": {
         "@emotion/cache": "latest",
-        "@emotion/react": "latest",
+        "@emotion/react": "^11.14.0",
         "@emotion/server": "latest",
-        "@emotion/styled": "latest",
+        "@emotion/styled": "^11.14.1",
-        "@mui/material": "latest",
+        "@mui/icons-material": "^7.3.2",
+        "@mui/material": "^7.3.2",
+        "@mui/system": "^7.3.2",
         "@react-router/node": "latest",
         "@react-router/serve": "latest",
         "isbot": "latest",
@@ -1104,6 +1106,31 @@
         "url": "https://opencollective.com/mui-org"
       }
     },
+    "node_modules/@mui/icons-material": {
+      "version": "7.3.2",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-7.3.2.tgz",
+      "integrity": "sha512-TZWazBjWXBjR6iGcNkbKklnwodcwj0SrChCNHc9BhD9rBgET22J1eFhHsEmvSvru9+opDy3umqAimQjokhfJlQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.28.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@mui/material": "^7.3.2",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@mui/material": {
       "version": "7.3.2",
       "resolved": "https://registry.npmjs.org/@mui/material/-/material-7.3.2.tgz",

package.json

@@ -10,10 +10,12 @@
   },
   "dependencies": {
     "@emotion/cache": "latest",
-    "@emotion/react": "latest",
+    "@emotion/react": "^11.14.0",
     "@emotion/server": "latest",
-    "@emotion/styled": "latest",
+    "@emotion/styled": "^11.14.1",
-    "@mui/material": "latest",
+    "@mui/icons-material": "^7.3.2",
+    "@mui/material": "^7.3.2",
+    "@mui/system": "^7.3.2",
     "@react-router/node": "latest",
     "@react-router/serve": "latest",
     "isbot": "latest",