From df49315fdec54c1cc1a72f06206c274d7acc47c4 Mon Sep 17 00:00:00 2001 From: MrPiglr Date: Sun, 18 Jan 2026 23:55:47 +0000 Subject: [PATCH] new file: src/components/LanguageSwitcher.astro --- public/global.css | 48 ++++++++++++++++++-- src/components/CommunityWall.astro | 51 ++++++++++++++++++++++ src/components/EventsWebinarsSection.astro | 48 ++++++++++++++++++++ src/components/LanguageSwitcher.astro | 28 ++++++++++++ src/pages/index.astro | 11 ++++- 5 files changed, 182 insertions(+), 4 deletions(-) create mode 100644 src/components/CommunityWall.astro create mode 100644 src/components/EventsWebinarsSection.astro create mode 100644 src/components/LanguageSwitcher.astro diff --git a/public/global.css b/public/global.css index efc6bf9..4cb159a 100644 --- a/public/global.css +++ b/public/global.css @@ -1,6 +1,17 @@ @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;700;900&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } -body { font-family: 'Roboto Mono', monospace; background: #0a0a0a; color: #e0e0e0; overflow-x: hidden; } +body { + font-family: 'Roboto Mono', monospace; + background: linear-gradient(120deg, #0a0a0a 0%, #1a1a2a 100%), + radial-gradient(circle at 20% 30%, #ff0000 0%, transparent 60%), + radial-gradient(circle at 80% 70%, #0066ff 0%, transparent 60%), + radial-gradient(circle at 50% 90%, #ffa500 0%, transparent 70%); + background-blend-mode: screen, lighten, normal; + color: #e0e0e0; + overflow-x: hidden; + min-height: 100vh; + transition: background 1.5s cubic-bezier(0.77,0,0.175,1); +} body::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 1px, transparent 1px, transparent 2px); pointer-events: none; z-index: 1000; } body::after { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px); background-size: 50px 50px; pointer-events: none; z-index: 0; } .container { max-width: 1400px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1; } @@ -38,7 +49,20 @@ nav { padding: 30px 0; display: flex; justify-content: space-between; align-item .section-title { font-size: 3em; font-weight: 700; letter-spacing: 6px; margin-bottom: 20px; } .section-subtitle { font-size: 1.1em; color: #666; letter-spacing: 2px; text-transform: uppercase; } .trinity-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-bottom: 60px; } -.trinity-card { background: #0d0d0d; padding: 50px 40px; border: 1px solid; position: relative; transition: transform 0.3s, box-shadow 0.3s; } +.trinity-card { + background: linear-gradient(135deg, #181818 60%, #222 100%); + padding: 50px 40px; + border: 1px solid; + position: relative; + transition: transform 0.3s, box-shadow 0.3s, background 1.2s cubic-bezier(0.77,0,0.175,1); + box-shadow: 0 2px 24px rgba(0,0,0,0.18); + cursor: pointer; +} +.trinity-card:hover { + background: linear-gradient(120deg, #222 60%, #333 100%); + transform: translateY(-12px) scale(1.03); + box-shadow: 0 12px 48px rgba(0,102,255,0.18), 0 2px 24px rgba(0,0,0,0.18); +} .trinity-card:hover { transform: translateY(-8px); } .trinity-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; } .trinity-card.foundation { border-color: #ff0000; } @@ -64,7 +88,25 @@ nav { padding: 30px 0; display: flex; justify-content: space-between; align-item .infra-viz { background: #0d0d0d; border: 1px solid #1a1a1a; padding: 60px; text-align: center; } .viz-title { font-size: 1.5em; font-weight: 700; letter-spacing: 3px; margin-bottom: 40px; color: #666; text-transform: uppercase; } .flow-diagram { display: flex; justify-content: center; align-items: center; gap: 60px; margin: 40px 0; } -.flow-node { width: 200px; height: 200px; border: 3px solid; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; background: #0a0a0a; } +.flow-node { + width: 200px; + height: 200px; + border: 3px solid; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + position: relative; + background: linear-gradient(120deg, #0a0a0a 60%, #1a1a2a 100%); + box-shadow: 0 2px 24px rgba(0,0,0,0.18); + transition: background 1.2s cubic-bezier(0.77,0,0.175,1), box-shadow 0.3s; + cursor: pointer; +} +.flow-node:hover { + background: linear-gradient(120deg, #1a1a2a 60%, #222 100%); + box-shadow: 0 12px 48px rgba(255,0,0,0.12), 0 2px 24px rgba(0,0,0,0.18); + transform: scale(1.04); +} .flow-node.foundation { border-color: #ff0000; } .flow-node.corporation { border-color: #0066ff; } .flow-node.labs { border-color: #ffa500; } diff --git a/src/components/CommunityWall.astro b/src/components/CommunityWall.astro new file mode 100644 index 0000000..b7be42d --- /dev/null +++ b/src/components/CommunityWall.astro @@ -0,0 +1,51 @@ +--- +// Community Wall: User posts, shoutouts, and integrations +--- +
+
+
+

Community Wall

+

Live shoutouts, posts, and integrations from the AeThex community

+
+
+
+
+
+
@MetaPlay
+
"Just launched our game with AeThex Passport! Seamless experience."
+
+
+
+
+
+
@GameForge
+
"AeThex Connect bridges our community across platforms!"
+
+
+
+
+
+
@DevHub
+
"Nexus Engine sync is magic. Thanks Labs!"
+
+
+
+
+
+
@OpenSourceOrg
+
"Open APIs make integration a breeze."
+
+
+
+
+ +
diff --git a/src/components/EventsWebinarsSection.astro b/src/components/EventsWebinarsSection.astro new file mode 100644 index 0000000..ad017fe --- /dev/null +++ b/src/components/EventsWebinarsSection.astro @@ -0,0 +1,48 @@ +--- +// Events & Webinars Section: Upcoming and past events for AeThex +--- +
+
+
+

Events & Webinars

+

Join upcoming events, webinars, and community meetups

+
+
+
+
Feb 10, 2026
+
AeThex Studio Live Demo
+
See the latest features in action and get your questions answered by the team.
+ Register +
+
+
Mar 2, 2026
+
Passport Integration Workshop
+
Hands-on session for developers to integrate AeThex Passport into their games.
+ Register +
+
+
Jan 5, 2026
+
Community AMA
+
Open Q&A with AeThex founders and engineers.
+
+
+
Dec 15, 2025
+
Trinity Launch Webinar
+
Deep dive into the Trinity architecture and ecosystem.
+
+
+
+ +
diff --git a/src/components/LanguageSwitcher.astro b/src/components/LanguageSwitcher.astro new file mode 100644 index 0000000..9e70a06 --- /dev/null +++ b/src/components/LanguageSwitcher.astro @@ -0,0 +1,28 @@ +--- +// Language Switcher: Simple UI for switching site language +--- +
+
+
🌐 Language:
+ +
+ + +
diff --git a/src/pages/index.astro b/src/pages/index.astro index e7e6c2d..d8d8a2e 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -17,6 +17,7 @@ import FooterSection from '../components/FooterSection.astro'; +
-

Welcome to AeThex Hub

+

AeThex Portal

Your gateway to the metaverse infrastructure

+
@@ -45,9 +47,16 @@ import FooterSection from '../components/FooterSection.astro'; About
+ +
+ + + + +