diff --git a/client/components/Layout.tsx b/client/components/Layout.tsx index 1d9bbd04..f74fe7b1 100644 --- a/client/components/Layout.tsx +++ b/client/components/Layout.tsx @@ -124,7 +124,8 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { const isSubdomainHost = (() => { try { - const hostname = typeof window !== "undefined" ? window.location.hostname : ""; + const hostname = + typeof window !== "undefined" ? window.location.hostname : ""; if (!hostname) return false; if (hostname.includes("aethex.me") || hostname.includes("aethex.space")) { const parts = hostname.split("."); @@ -139,8 +140,8 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { const passportHref = isSubdomainHost ? "/" : profile?.username - ? `/passport/${profile.username}` - : "/passport/me"; + ? `/passport/${profile.username}` + : "/passport/me"; const navItems: { name: string; href: string }[] = []; @@ -149,7 +150,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { }; return ( -
+
- + @@ -187,11 +199,37 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { {/* OS Window Frame */} - + {/* Title Bar */} - - + + {/* System Dots (Traffic Light Style) */} @@ -201,11 +239,38 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { {/* Central OS Symbol - Abstract "A" */} {/* Left diagonal */} - + {/* Right diagonal */} - + {/* Crossbar */} - + {/* Bottom connecting */} @@ -233,7 +298,13 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { xmlns="http://www.w3.org/2000/svg" > - + @@ -247,11 +318,37 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { {/* OS Window Frame */} - + {/* Title Bar */} - - + + {/* System Dots */} @@ -260,9 +357,36 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { {/* Central OS Symbol */} - - - + + + @@ -535,12 +659,21 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { xmlns="http://www.w3.org/2000/svg" > - + - + @@ -549,24 +682,107 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { {/* OS Window Frame */} - + {/* Title Bar */} - - + + {/* System Dots */} - - - + + + {/* Central OS Symbol */} - - - - - + + + + + @@ -596,8 +812,13 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { style={{ color: "var(--muted-foreground)", }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "var(--muted-foreground)"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = + "var(--muted-foreground)") + } > info@aethex.biz @@ -629,8 +850,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { style={{ color: "inherit", }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Game Development @@ -643,8 +868,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { style={{ color: "inherit", }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Development Consulting @@ -657,8 +886,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { style={{ color: "inherit", }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Mentorship Programs @@ -671,8 +904,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { style={{ color: "inherit", }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Research & Labs @@ -695,8 +932,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="transition-all duration-300 hover:translate-x-1 inline-block" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > About AeThex @@ -707,8 +948,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="transition-all duration-300 hover:translate-x-1 inline-block" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Opportunities @@ -719,8 +964,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="transition-all duration-300 hover:translate-x-1 inline-block" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Community Hub @@ -731,8 +980,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="transition-all duration-300 hover:translate-x-1 inline-block" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Changelog @@ -743,8 +996,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="transition-all duration-300 hover:translate-x-1 inline-block" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > System Status @@ -755,8 +1012,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="transition-all duration-300 hover:translate-x-1 inline-block" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Investors @@ -779,8 +1040,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="transition-all duration-300 hover:translate-x-1 inline-block" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Documentation @@ -791,8 +1056,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="transition-all duration-300 hover:translate-x-1 inline-block" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Tutorials @@ -803,8 +1072,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="transition-all duration-300 hover:translate-x-1 inline-block" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Blog @@ -815,8 +1088,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="transition-all duration-300 hover:translate-x-1 inline-block" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Support Center @@ -827,8 +1104,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="transition-all duration-300 hover:translate-x-1 inline-block" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Transparency @@ -839,8 +1120,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="transition-all duration-300 hover:translate-x-1 inline-block" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Press Kit @@ -866,8 +1151,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="text-xs text-muted-foreground transition-all duration-300 hover:scale-105" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Privacy Policy @@ -876,8 +1165,12 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) { onClick={scrollToTop} className="text-xs text-muted-foreground transition-all duration-300 hover:scale-105" style={{ color: "inherit" }} - onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex} - onMouseLeave={(e) => e.currentTarget.style.color = "inherit"} + onMouseEnter={(e) => + (e.currentTarget.style.color = theme.accentHex) + } + onMouseLeave={(e) => + (e.currentTarget.style.color = "inherit") + } > Terms of Service