From 983ebe46542a0fe2140f0b3ec0dee1a5a491aff6 Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 19 Jan 2026 06:33:09 +0000 Subject: [PATCH 1/4] fix: add responsive breakpoints for mobile and tablet sizing - Add tablet breakpoint (1024px) for grids, typography, and flow diagram - Add mobile breakpoint (600px) with single-column grids and scaled typography - Fix flow diagram to stack vertically on mobile with rotated arrows - Add responsive styles to entity pages (labs, foundation, corporation) - Scale down hero titles, section titles, and padding for smaller screens --- public/global.css | 48 +++++++++++++++++++++++++++++++++++++ src/pages/corporation.astro | 10 ++++++++ src/pages/foundation.astro | 10 ++++++++ src/pages/labs.astro | 10 ++++++++ 4 files changed, 78 insertions(+) diff --git a/public/global.css b/public/global.css index be54df6..4c6e457 100644 --- a/public/global.css +++ b/public/global.css @@ -126,3 +126,51 @@ footer::before { content: ''; position: absolute; top: -2px; left: 0; width: 100 .footer-link { color: #666; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; font-size: 0.85em; transition: color 0.3s; } .footer-link:hover { color: #0066ff; } .copyright { color: #333; font-size: 0.8em; letter-spacing: 2px; } + +/* Tablet breakpoint */ +@media (max-width: 1024px) { + .trinity-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; } + .hero-title { font-size: 3.5em; letter-spacing: 4px; } + .section-title { font-size: 2.2em; letter-spacing: 4px; } + .hero { padding: 60px 0 80px 0; } + .flow-diagram { gap: 30px; } + .flow-node { width: 150px; height: 150px; } + .flow-node-title { font-size: 1.2em; } + .flow-arrow { font-size: 2em; } + .infra-viz { padding: 40px 20px; } + .trinity-section { padding: 60px 0; } + .section-header { margin-bottom: 50px; } + .products-section { padding: 60px 0; } +} + +/* Mobile breakpoint */ +@media (max-width: 600px) { + .trinity-grid { grid-template-columns: 1fr; gap: 20px; } + .products-grid { grid-template-columns: 1fr; gap: 20px; } + .hero-title { font-size: 2.2em; letter-spacing: 2px; } + .hero-subtitle { font-size: 1em; letter-spacing: 2px; } + .hero-description { font-size: 1em; } + .section-title { font-size: 1.6em; letter-spacing: 2px; } + .section-subtitle { font-size: 0.9em; } + .hero { padding: 40px 0 60px 0; } + .trinity-section { padding: 40px 0; } + .section-header { margin-bottom: 30px; } + .products-section { padding: 40px 0; } + .trinity-card { padding: 30px 24px; } + .card-icon { font-size: 2.5em; margin-bottom: 20px; } + .card-title { font-size: 1.4em; letter-spacing: 2px; } + .product-card { padding: 24px; } + .product-title { font-size: 1.4em; } + .flow-diagram { flex-direction: column; gap: 20px; } + .flow-node { width: 100%; max-width: 200px; height: 120px; } + .flow-arrow { transform: rotate(90deg); font-size: 1.5em; } + .infra-viz { padding: 30px 16px; } + .viz-title { font-size: 1.2em; margin-bottom: 24px; } + .trinity-badge { flex-direction: column; gap: 10px; align-items: center; } + .badge { padding: 10px 20px; font-size: 0.75em; } + .cta-button { padding: 16px 32px; font-size: 0.9em; letter-spacing: 2px; } + footer { padding: 50px 0 30px 0; } + .footer-logo { font-size: 1.8em; letter-spacing: 4px; } + .footer-links { flex-direction: column; gap: 16px; } + .footer-tagline { font-size: 0.8em; letter-spacing: 2px; } +} diff --git a/src/pages/corporation.astro b/src/pages/corporation.astro index b04923c..34aa0c4 100644 --- a/src/pages/corporation.astro +++ b/src/pages/corporation.astro @@ -71,6 +71,16 @@ import MainLayout from '../layouts/MainLayout.astro'; ul li:hover { color: #0066ff; transform: scale(1.05); } .entity-footer { text-align: center; margin-top: 48px; color: #fff; font-size: 1em; opacity: 0.7; } .entity-footer a { color: #0066ff; margin-left: 16px; text-decoration: underline; } + + @media (max-width: 768px) { + .hero-banner { height: auto; min-height: 280px; padding: 40px 20px; } + .entity-title { font-size: 2em; } + .entity-desc { font-size: 1em; } + .entity-logo { width: 60px; height: 60px; } + .glass-card { margin: 24px 16px; padding: 28px 20px; } + .cta-btn { padding: 10px 24px; font-size: 1em; } + ul li { font-size: 1em; } + } diff --git a/src/pages/foundation.astro b/src/pages/foundation.astro index 4070b49..ff9459d 100644 --- a/src/pages/foundation.astro +++ b/src/pages/foundation.astro @@ -71,6 +71,16 @@ import MainLayout from '../layouts/MainLayout.astro'; ul li:hover { color: #ff0000; transform: scale(1.05); } .entity-footer { text-align: center; margin-top: 48px; color: #fff; font-size: 1em; opacity: 0.7; } .entity-footer a { color: #ff0000; margin-left: 16px; text-decoration: underline; } + + @media (max-width: 768px) { + .hero-banner { height: auto; min-height: 280px; padding: 40px 20px; } + .entity-title { font-size: 2em; } + .entity-desc { font-size: 1em; } + .entity-logo { width: 60px; height: 60px; } + .glass-card { margin: 24px 16px; padding: 28px 20px; } + .cta-btn { padding: 10px 24px; font-size: 1em; } + ul li { font-size: 1em; } + } diff --git a/src/pages/labs.astro b/src/pages/labs.astro index d5b5b67..952a8a3 100644 --- a/src/pages/labs.astro +++ b/src/pages/labs.astro @@ -71,6 +71,16 @@ import MainLayout from '../layouts/MainLayout.astro'; ul li:hover { color: #ffa500; transform: scale(1.05); } .entity-footer { text-align: center; margin-top: 48px; color: #fff; font-size: 1em; opacity: 0.7; } .entity-footer a { color: #ffa500; margin-left: 16px; text-decoration: underline; } + + @media (max-width: 768px) { + .hero-banner { height: auto; min-height: 280px; padding: 40px 20px; } + .entity-title { font-size: 2em; } + .entity-desc { font-size: 1em; } + .entity-logo { width: 60px; height: 60px; } + .glass-card { margin: 24px 16px; padding: 28px 20px; } + .cta-btn { padding: 10px 24px; font-size: 1em; } + ul li { font-size: 1em; } + } From d19624b4591c0758a402013ce78c1b16e3b1cac6 Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 19 Jan 2026 06:39:33 +0000 Subject: [PATCH 2/4] fix: add missing pages and fix footer navigation links - Fix FooterSection.astro links from "#" placeholders to actual page URLs - Create products.astro page with purple theme - Create community.astro page with green theme - Create docs.astro page with light blue theme - Create about.astro page with pink theme - All new pages include responsive mobile styles --- src/components/FooterSection.astro | 10 ++-- src/pages/about.astro | 78 ++++++++++++++++++++++++++++++ src/pages/community.astro | 78 ++++++++++++++++++++++++++++++ src/pages/docs.astro | 78 ++++++++++++++++++++++++++++++ src/pages/products.astro | 78 ++++++++++++++++++++++++++++++ 5 files changed, 317 insertions(+), 5 deletions(-) create mode 100644 src/pages/about.astro create mode 100644 src/pages/community.astro create mode 100644 src/pages/docs.astro create mode 100644 src/pages/products.astro diff --git a/src/components/FooterSection.astro b/src/components/FooterSection.astro index a06dcde..e68a694 100644 --- a/src/components/FooterSection.astro +++ b/src/components/FooterSection.astro @@ -6,11 +6,11 @@ diff --git a/src/pages/about.astro b/src/pages/about.astro new file mode 100644 index 0000000..f07b0e6 --- /dev/null +++ b/src/pages/about.astro @@ -0,0 +1,78 @@ +--- +// About Page +import MainLayout from '../layouts/MainLayout.astro'; +--- + + + +
+
+
+
+

+ About AeThex +

+

Building Infrastructure for the Metaverse

+
+
+
+
+

Our Mission

+

AeThex is dedicated to creating the foundational infrastructure that powers the next generation of immersive digital experiences.

+
    +
  • Open-source Foundation
  • +
  • Enterprise Solutions
  • +
  • Research & Innovation
  • +
  • Developer Community
  • +
  • Global Infrastructure
  • +
+
+
+ + +
+
diff --git a/src/pages/community.astro b/src/pages/community.astro new file mode 100644 index 0000000..a5023a3 --- /dev/null +++ b/src/pages/community.astro @@ -0,0 +1,78 @@ +--- +// Community Page +import MainLayout from '../layouts/MainLayout.astro'; +--- + + + +
+
+
+
+

+ Community +

+

Join the AeThex Developer Community

+
+
+
+
+

Get Involved

+

Connect with developers, creators, and enthusiasts building the future of the metaverse.

+
    +
  • Discord Server
  • +
  • Developer Forums
  • +
  • GitHub Discussions
  • +
  • Monthly Meetups
  • +
  • Contributor Program
  • +
+
+
+ + +
+
diff --git a/src/pages/docs.astro b/src/pages/docs.astro new file mode 100644 index 0000000..ba1ca78 --- /dev/null +++ b/src/pages/docs.astro @@ -0,0 +1,78 @@ +--- +// Documentation Page +import MainLayout from '../layouts/MainLayout.astro'; +--- + + + +
+
+
+
+

+ Documentation +

+

Guides, APIs & Technical References

+
+
+
+
+

Developer Resources

+

Everything you need to build with AeThex infrastructure.

+
    +
  • Getting Started Guide
  • +
  • API Reference
  • +
  • SDK Documentation
  • +
  • Tutorials & Examples
  • +
  • Best Practices
  • +
+
+
+ + +
+
diff --git a/src/pages/products.astro b/src/pages/products.astro new file mode 100644 index 0000000..e568d77 --- /dev/null +++ b/src/pages/products.astro @@ -0,0 +1,78 @@ +--- +// Products Page +import MainLayout from '../layouts/MainLayout.astro'; +--- + + + +
+
+
+
+

+ Products +

+

Tools & Services for Metaverse Development

+
+
+
+
+

Our Products

+

Enterprise-grade tools and services built for metaverse creators and developers.

+
    +
  • AeThex Studio IDE
  • +
  • Nexus Engine
  • +
  • Asset Marketplace
  • +
  • Cloud Infrastructure
  • +
  • Analytics Dashboard
  • +
+
+
+ + +
+
From 2d3e505b21575b8419d2bb935f533a531c5f8484 Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 19 Jan 2026 06:42:26 +0000 Subject: [PATCH 3/4] docs: update README with project-specific content --- README.md | 81 ++++++++++++++++++++++++++++++++----------------------- 1 file changed, 47 insertions(+), 34 deletions(-) diff --git a/README.md b/README.md index 414a13a..769ba5e 100644 --- a/README.md +++ b/README.md @@ -1,46 +1,59 @@ -# Astro Starter Kit: Basics +# AeThex + +Infrastructure for the Metaverse. + +## About + +AeThex provides foundational infrastructure for building immersive digital experiences. The platform is organized into three divisions: + +- **Foundation** - Open-source tools and community governance +- **Corporation** - Commercial products and enterprise services +- **Labs** - Research & development for experimental technologies + +## Tech Stack + +- [Astro](https://astro.build) - Static site generator +- CSS with custom properties and animations +- Responsive design with mobile-first breakpoints + +## Project Structure -```sh -npm create astro@latest -- --template basics ``` - -> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun! - -## 🚀 Project Structure - -Inside of your Astro project, you'll see the following folders and files: - -```text / ├── public/ -│ └── favicon.svg -├── src -│   ├── assets -│   │   └── astro.svg -│   ├── components -│   │   └── Welcome.astro -│   ├── layouts -│   │   └── Layout.astro -│   └── pages -│   └── index.astro +│ └── global.css # Global styles +├── src/ +│ ├── components/ # Reusable UI components +│ ├── layouts/ +│ │ └── MainLayout.astro +│ └── pages/ +│ ├── index.astro # Homepage +│ ├── foundation.astro +│ ├── corporation.astro +│ ├── labs.astro +│ ├── products.astro +│ ├── community.astro +│ ├── docs.astro +│ └── about.astro └── package.json ``` -To learn more about the folder structure of an Astro project, refer to [our guide on project structure](https://docs.astro.build/en/basics/project-structure/). +## Development -## 🧞 Commands +```sh +# Install dependencies +npm install -All commands are run from the root of the project, from a terminal: +# Start dev server +npm run dev -| Command | Action | -| :------------------------ | :----------------------------------------------- | -| `npm install` | Installs dependencies | -| `npm run dev` | Starts local dev server at `localhost:4321` | -| `npm run build` | Build your production site to `./dist/` | -| `npm run preview` | Preview your build locally, before deploying | -| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` | -| `npm run astro -- --help` | Get help using the Astro CLI | +# Build for production +npm run build -## 👀 Want to learn more? +# Preview production build +npm run preview +``` -Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat). +## License + +© 2026 AeThex From c1ca0eb5afdfb8e8a7c93215ac9c387b748e042a Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 19 Jan 2026 08:58:58 +0000 Subject: [PATCH 4/4] refactor: simplify site structure with external domain links MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Update FooterSection with external domains: - Foundation → aethex.foundation - Corporation → aethex.biz - Labs → aethex.studio - Docs → docs.aethex.tech - Community → aethex.network - Support → aethex.support - Remove unnecessary pages (about, community, docs, products) - Simplify entity page navigation to Home + 3 divisions - Update CTA buttons to use external domains --- src/components/FooterSection.astro | 11 +++-- src/pages/about.astro | 78 ------------------------------ src/pages/community.astro | 78 ------------------------------ src/pages/corporation.astro | 11 ++--- src/pages/docs.astro | 78 ------------------------------ src/pages/foundation.astro | 11 ++--- src/pages/labs.astro | 9 +--- src/pages/products.astro | 78 ------------------------------ 8 files changed, 14 insertions(+), 340 deletions(-) delete mode 100644 src/pages/about.astro delete mode 100644 src/pages/community.astro delete mode 100644 src/pages/docs.astro delete mode 100644 src/pages/products.astro diff --git a/src/components/FooterSection.astro b/src/components/FooterSection.astro index e68a694..68a75b0 100644 --- a/src/components/FooterSection.astro +++ b/src/components/FooterSection.astro @@ -6,11 +6,12 @@ diff --git a/src/pages/about.astro b/src/pages/about.astro deleted file mode 100644 index f07b0e6..0000000 --- a/src/pages/about.astro +++ /dev/null @@ -1,78 +0,0 @@ ---- -// About Page -import MainLayout from '../layouts/MainLayout.astro'; ---- - - - -
-
-
-
-

- About AeThex -

-

Building Infrastructure for the Metaverse

-
-
-
-
-

Our Mission

-

AeThex is dedicated to creating the foundational infrastructure that powers the next generation of immersive digital experiences.

-
    -
  • Open-source Foundation
  • -
  • Enterprise Solutions
  • -
  • Research & Innovation
  • -
  • Developer Community
  • -
  • Global Infrastructure
  • -
-
-
- - -
-
diff --git a/src/pages/community.astro b/src/pages/community.astro deleted file mode 100644 index a5023a3..0000000 --- a/src/pages/community.astro +++ /dev/null @@ -1,78 +0,0 @@ ---- -// Community Page -import MainLayout from '../layouts/MainLayout.astro'; ---- - - - -
-
-
-
-

- Community -

-

Join the AeThex Developer Community

-
-
-
-
-

Get Involved

-

Connect with developers, creators, and enthusiasts building the future of the metaverse.

-
    -
  • Discord Server
  • -
  • Developer Forums
  • -
  • GitHub Discussions
  • -
  • Monthly Meetups
  • -
  • Contributor Program
  • -
-
-
- - -
-
diff --git a/src/pages/corporation.astro b/src/pages/corporation.astro index 34aa0c4..54fc933 100644 --- a/src/pages/corporation.astro +++ b/src/pages/corporation.astro @@ -7,13 +7,10 @@ import MainLayout from '../layouts/MainLayout.astro';
@@ -25,7 +22,7 @@ import MainLayout from '../layouts/MainLayout.astro'; AeThex Corporation

Commercial Services • Production

- Explore Products + Learn More
@@ -43,9 +40,7 @@ import MainLayout from '../layouts/MainLayout.astro';
-
- diff --git a/src/pages/foundation.astro b/src/pages/foundation.astro index ff9459d..490dd72 100644 --- a/src/pages/foundation.astro +++ b/src/pages/foundation.astro @@ -7,13 +7,10 @@ import MainLayout from '../layouts/MainLayout.astro';
@@ -25,7 +22,7 @@ import MainLayout from '../layouts/MainLayout.astro'; AeThex Foundation

Critical Infrastructure • Nonprofit

- Join the Community + Join the Community
@@ -43,9 +40,7 @@ import MainLayout from '../layouts/MainLayout.astro';
-
-