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 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/components/FooterSection.astro b/src/components/FooterSection.astro index a06dcde..68a75b0 100644 --- a/src/components/FooterSection.astro +++ b/src/components/FooterSection.astro @@ -6,11 +6,12 @@ diff --git a/src/pages/corporation.astro b/src/pages/corporation.astro index b04923c..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 4070b49..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';
diff --git a/src/pages/labs.astro b/src/pages/labs.astro index d5b5b67..c80054e 100644 --- a/src/pages/labs.astro +++ b/src/pages/labs.astro @@ -7,13 +7,10 @@ import MainLayout from '../layouts/MainLayout.astro';
@@ -43,9 +40,7 @@ import MainLayout from '../layouts/MainLayout.astro';