ident fixes and config
This commit is contained in:
5
.idea/codeStyles/codeStyleConfig.xml
generated
Normal file
5
.idea/codeStyles/codeStyleConfig.xml
generated
Normal file
@@ -0,0 +1,5 @@
|
||||
<component name="ProjectCodeStyleConfiguration">
|
||||
<state>
|
||||
<option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
|
||||
</state>
|
||||
</component>
|
||||
@@ -5,7 +5,7 @@ import Card from '@mui/material/Card';
|
||||
import MuiChip from '@mui/material/Chip';
|
||||
import Container from '@mui/material/Container';
|
||||
import Typography from '@mui/material/Typography';
|
||||
import { styled } from '@mui/material/styles';
|
||||
import {styled} from '@mui/material/styles';
|
||||
|
||||
import PermMediaIcon from '@mui/icons-material/PermMedia';
|
||||
import CodeIcon from '@mui/icons-material/Code';
|
||||
@@ -15,33 +15,73 @@ import ServiceList from "~/components/ServiceList";
|
||||
|
||||
const items = [
|
||||
{
|
||||
icon: <PermMediaIcon />,
|
||||
icon: <PermMediaIcon/>,
|
||||
title: 'The Vox Sanctum',
|
||||
serviceList: [
|
||||
{ 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: "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
|
||||
},
|
||||
],
|
||||
description:
|
||||
"Behold the archive of visual legends, where the eternal campaigns of film and series march forth in eternal crusade against chaos and forgetfulness.",
|
||||
},
|
||||
{
|
||||
icon: <CodeIcon />,
|
||||
icon: <CodeIcon/>,
|
||||
title: 'The Forge Conclave',
|
||||
serviceList: [
|
||||
{ name: "Gitea", url: "http://gitea.aetoskia.com", desc: "Forge and safeguard code like a sacred relic.", external: true },
|
||||
{ name: "Registry", url: "http://registry.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 },
|
||||
{
|
||||
name: "Gitea",
|
||||
url: "http://gitea.aetoskia.com",
|
||||
desc: "Forge and safeguard code like a sacred relic.",
|
||||
external: true
|
||||
},
|
||||
{
|
||||
name: "Registry",
|
||||
url: "http://registry.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
|
||||
},
|
||||
],
|
||||
description:
|
||||
"The bastion of creation — where code is forged in the fires of discipline, guarded like relics, and deployed with unyielding precision to uphold the empire's might.",
|
||||
},
|
||||
{
|
||||
icon: <MonitorHeartIcon />,
|
||||
icon: <MonitorHeartIcon/>,
|
||||
title: 'The Vigilant Watch',
|
||||
serviceList: [
|
||||
{ name: "Portainer", url: "http://portainer.aetoskia.com", desc: "Oversee the fleet of containers with unyielding vigilance.", external: true },
|
||||
{ name: "Traefik", url: "http://traefik.aetoskia.com", desc: "Marshal your gateways and protect the flow between realms.", external: true },
|
||||
{
|
||||
name: "Portainer",
|
||||
url: "http://portainer.aetoskia.com",
|
||||
desc: "Oversee the fleet of containers with unyielding vigilance.",
|
||||
external: true
|
||||
},
|
||||
{
|
||||
name: "Traefik",
|
||||
url: "http://traefik.aetoskia.com",
|
||||
desc: "Marshal your gateways and protect the flow between realms.",
|
||||
external: true
|
||||
},
|
||||
],
|
||||
description:
|
||||
"Eyes ever watchful, guarding the realm’s sanctity — these sentinels oversee the flow of life and command the paths between digital dominions.",
|
||||
@@ -52,10 +92,10 @@ interface ChipProps {
|
||||
selected?: boolean;
|
||||
}
|
||||
|
||||
const Chip = styled(MuiChip)<ChipProps>(({ theme }) => ({
|
||||
const Chip = styled(MuiChip)<ChipProps>(({theme}) => ({
|
||||
variants: [
|
||||
{
|
||||
props: ({ selected }) => !!selected,
|
||||
props: ({selected}) => !!selected,
|
||||
style: {
|
||||
background:
|
||||
'linear-gradient(to bottom right, hsl(210, 98%, 48%), hsl(210, 98%, 35%))',
|
||||
@@ -82,7 +122,7 @@ export function MobileLayout({
|
||||
selectedItemIndex,
|
||||
handleItemClick,
|
||||
selectedFeature,
|
||||
}: MobileLayoutProps) {
|
||||
}: MobileLayoutProps) {
|
||||
if (!items[selectedItemIndex]) {
|
||||
return null;
|
||||
}
|
||||
@@ -90,13 +130,13 @@ export function MobileLayout({
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
display: { xs: 'flex', sm: 'none' },
|
||||
display: {xs: 'flex', sm: 'none'},
|
||||
flexDirection: 'column',
|
||||
gap: 2,
|
||||
}}
|
||||
>
|
||||
<Box sx={{ display: 'flex', gap: 2, overflow: 'auto' }}>
|
||||
{items.map(({ title }, index) => (
|
||||
<Box sx={{display: 'flex', gap: 2, overflow: 'auto'}}>
|
||||
{items.map(({title}, index) => (
|
||||
<Chip
|
||||
size="medium"
|
||||
key={index}
|
||||
@@ -107,18 +147,18 @@ export function MobileLayout({
|
||||
))}
|
||||
</Box>
|
||||
<Card variant="outlined">
|
||||
<Box sx={{ px: 2, pb: 2 }}>
|
||||
<Box sx={{px: 2, pb: 2}}>
|
||||
<Typography
|
||||
gutterBottom
|
||||
sx={{ color: 'text.primary', fontWeight: 'medium' }}
|
||||
sx={{color: 'text.primary', fontWeight: 'medium'}}
|
||||
>
|
||||
{selectedFeature.title}
|
||||
</Typography>
|
||||
<Typography variant="body2" sx={{ color: 'text.secondary', mb: 1.5 }}>
|
||||
<Typography variant="body2" sx={{color: 'text.secondary', mb: 1.5}}>
|
||||
{selectedFeature.description}
|
||||
</Typography>
|
||||
</Box>
|
||||
<ServiceList serviceList={selectedFeature.serviceList} />
|
||||
<ServiceList serviceList={selectedFeature.serviceList}/>
|
||||
</Card>
|
||||
</Box>
|
||||
);
|
||||
@@ -134,24 +174,23 @@ export default function Services() {
|
||||
const selectedFeature = items[selectedItemIndex];
|
||||
|
||||
return (
|
||||
<Container id="features" sx={{ bgcolor: "#1a1a1a", borderRadius: 3, p: 3, boxShadow: 6 }}>
|
||||
<Container id="features" sx={{bgcolor: "#1a1a1a", borderRadius: 3, p: 3, boxShadow: 6}}>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: { xs: 'column', md: 'row-reverse' },
|
||||
flexDirection: {xs: 'column', md: 'row-reverse'},
|
||||
gap: 2,
|
||||
}}
|
||||
>
|
||||
<div>
|
||||
<Box
|
||||
sx={{
|
||||
display: { xs: 'none', sm: 'flex' },
|
||||
display: {xs: 'none', sm: 'flex'},
|
||||
flexDirection: 'column',
|
||||
gap: 2,
|
||||
height: '100%',
|
||||
}}
|
||||
>
|
||||
{items.map(({ icon, title, description }, index) => (
|
||||
{items.map(({icon, title, description}, index) => (
|
||||
<Box
|
||||
key={index}
|
||||
component={Button}
|
||||
@@ -198,20 +237,19 @@ export default function Services() {
|
||||
handleItemClick={handleItemClick}
|
||||
selectedFeature={selectedFeature}
|
||||
/>
|
||||
</div>
|
||||
<Box
|
||||
sx={{
|
||||
display: { xs: 'none', sm: 'flex' },
|
||||
width: { xs: '100%', md: '70%' },
|
||||
display: {xs: 'none', sm: 'flex'},
|
||||
width: {xs: '100%', md: '70%'},
|
||||
}}
|
||||
>
|
||||
<Card
|
||||
variant="outlined"
|
||||
sx={{
|
||||
display: { xs: 'none', sm: 'flex' },
|
||||
display: {xs: 'none', sm: 'flex'},
|
||||
}}
|
||||
>
|
||||
<ServiceList serviceList={selectedFeature.serviceList} />
|
||||
<ServiceList serviceList={selectedFeature.serviceList}/>
|
||||
</Card>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
Reference in New Issue
Block a user