Merge branch 'main' of https://github.com/AeThex-LABS/aethex.us
This commit is contained in:
GitHub
commit
fdfd70e55c
6 changed files with 139 additions and 62 deletions
81
README.md
81
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
|
||||
|
|
|
|||
|
|
@ -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; }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,11 +6,12 @@
|
|||
<div class="footer-logo">AETHEX</div>
|
||||
<p class="footer-tagline">Infrastructure for the Metaverse</p>
|
||||
<div class="footer-links">
|
||||
<a href="#" class="footer-link">Foundation</a>
|
||||
<a href="#" class="footer-link">Corporation</a>
|
||||
<a href="#" class="footer-link">Labs</a>
|
||||
<a href="#" class="footer-link">Documentation</a>
|
||||
<a href="#" class="footer-link">Community</a>
|
||||
<a href="https://aethex.foundation" class="footer-link">Foundation</a>
|
||||
<a href="https://aethex.biz" class="footer-link">Corporation</a>
|
||||
<a href="https://aethex.studio" class="footer-link">Labs</a>
|
||||
<a href="https://docs.aethex.tech" class="footer-link">Docs</a>
|
||||
<a href="https://aethex.network" class="footer-link">Community</a>
|
||||
<a href="https://aethex.support" class="footer-link">Support</a>
|
||||
</div>
|
||||
<p class="copyright">© 2026 AeThex • Building Digital Reality</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7,13 +7,10 @@ import MainLayout from '../layouts/MainLayout.astro';
|
|||
<nav class="container">
|
||||
<div class="logo">AETHEX</div>
|
||||
<div class="nav-links">
|
||||
<a href="/" class="nav-link">Home</a>
|
||||
<a href="/foundation" class="nav-link">Foundation</a>
|
||||
<a href="/corporation" class="nav-link">Corporation</a>
|
||||
<a href="/labs" class="nav-link">Labs</a>
|
||||
<a href="/products" class="nav-link">Products</a>
|
||||
<a href="/community" class="nav-link">Community</a>
|
||||
<a href="/docs" class="nav-link">Docs</a>
|
||||
<a href="/about" class="nav-link">About</a>
|
||||
</div>
|
||||
</nav>
|
||||
<main class="entity-page corporation">
|
||||
|
|
@ -25,7 +22,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
|||
<span class="fade-in">AeThex Corporation</span>
|
||||
</h1>
|
||||
<p class="entity-desc fade-in-delay">Commercial Services • Production</p>
|
||||
<a href="/products" class="cta-btn">Explore Products</a>
|
||||
<a href="https://aethex.biz" class="cta-btn">Learn More</a>
|
||||
</div>
|
||||
</section>
|
||||
<div class="glass-card">
|
||||
|
|
@ -43,9 +40,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
|||
</div>
|
||||
<footer class="entity-footer">
|
||||
<span>© AeThex Corporation 2026</span>
|
||||
<a href="/about">About</a>
|
||||
<a href="/corporation" style="margin-left:16px; color:#0066ff;">Corporation Home</a>
|
||||
<a href="/products" style="margin-left:16px; color:#0066ff;">Products</a>
|
||||
<a href="/">Home</a>
|
||||
</footer>
|
||||
<style>
|
||||
.fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
|
||||
|
|
@ -71,6 +66,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; }
|
||||
}
|
||||
</style>
|
||||
</main>
|
||||
</MainLayout>
|
||||
|
|
|
|||
|
|
@ -7,13 +7,10 @@ import MainLayout from '../layouts/MainLayout.astro';
|
|||
<nav class="container">
|
||||
<div class="logo">AETHEX</div>
|
||||
<div class="nav-links">
|
||||
<a href="/" class="nav-link">Home</a>
|
||||
<a href="/foundation" class="nav-link">Foundation</a>
|
||||
<a href="/corporation" class="nav-link">Corporation</a>
|
||||
<a href="/labs" class="nav-link">Labs</a>
|
||||
<a href="/products" class="nav-link">Products</a>
|
||||
<a href="/community" class="nav-link">Community</a>
|
||||
<a href="/docs" class="nav-link">Docs</a>
|
||||
<a href="/about" class="nav-link">About</a>
|
||||
</div>
|
||||
</nav>
|
||||
<main class="entity-page foundation">
|
||||
|
|
@ -25,7 +22,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
|||
<span class="fade-in">AeThex Foundation</span>
|
||||
</h1>
|
||||
<p class="entity-desc fade-in-delay">Critical Infrastructure • Nonprofit</p>
|
||||
<a href="/community" class="cta-btn">Join the Community</a>
|
||||
<a href="https://aethex.network" class="cta-btn">Join the Community</a>
|
||||
</div>
|
||||
</section>
|
||||
<div class="glass-card">
|
||||
|
|
@ -43,9 +40,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
|||
</div>
|
||||
<footer class="entity-footer">
|
||||
<span>© AeThex Foundation 2026</span>
|
||||
<a href="/about">About</a>
|
||||
<a href="/foundation" style="margin-left:16px; color:#ff0000;">Foundation Home</a>
|
||||
<a href="/community" style="margin-left:16px; color:#ff0000;">Community</a>
|
||||
<a href="/">Home</a>
|
||||
</footer>
|
||||
<style>
|
||||
.fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
|
||||
|
|
@ -71,6 +66,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; }
|
||||
}
|
||||
</style>
|
||||
</main>
|
||||
</MainLayout>
|
||||
|
|
|
|||
|
|
@ -7,13 +7,10 @@ import MainLayout from '../layouts/MainLayout.astro';
|
|||
<nav class="container">
|
||||
<div class="logo">AETHEX</div>
|
||||
<div class="nav-links">
|
||||
<a href="/" class="nav-link">Home</a>
|
||||
<a href="/foundation" class="nav-link">Foundation</a>
|
||||
<a href="/corporation" class="nav-link">Corporation</a>
|
||||
<a href="/labs" class="nav-link">Labs</a>
|
||||
<a href="/products" class="nav-link">Products</a>
|
||||
<a href="/community" class="nav-link">Community</a>
|
||||
<a href="/docs" class="nav-link">Docs</a>
|
||||
<a href="/about" class="nav-link">About</a>
|
||||
</div>
|
||||
</nav>
|
||||
<main class="entity-page labs">
|
||||
|
|
@ -43,9 +40,7 @@ import MainLayout from '../layouts/MainLayout.astro';
|
|||
</div>
|
||||
<footer class="entity-footer">
|
||||
<span>© AeThex Labs 2026</span>
|
||||
<a href="/about">About</a>
|
||||
<a href="/labs" style="margin-left:16px; color:#ffa500;">Labs Home</a>
|
||||
<a href="/labs#projects" style="margin-left:16px; color:#ffa500;">R&D Projects</a>
|
||||
<a href="/">Home</a>
|
||||
</footer>
|
||||
<style>
|
||||
.fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
|
||||
|
|
@ -71,6 +66,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; }
|
||||
}
|
||||
</style>
|
||||
</main>
|
||||
</MainLayout>
|
||||
|
|
|
|||
Loading…
Reference in a new issue