Skip to content

Commit d26b678

Browse files
author
devsamikhan
committed
✨ Upgrade website to modern glassmorphic theme & fix asset logo path 404
1 parent 6a7200a commit d26b678

4 files changed

Lines changed: 440 additions & 135 deletions

File tree

‎.github/workflows/docs.yml‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,7 @@ jobs:
3232
mkdir -p public
3333
cp -r website/* public/
3434
cp README.md public/
35+
cp -r logo public/logo 2>/dev/null || true
3536
cp -r docs public/docs 2>/dev/null || true
3637
3738
- name: Setup Pages

‎website/index.html‎

Lines changed: 72 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -3,80 +3,123 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>AETHER — The Post-Quantum Programming Language</title>
6+
<meta name="description" content="AETHER — The Post-Quantum, Intent-Driven Programming Language featuring quantum native primitives, multiverse branching, and self-healing JIT diagnostics.">
7+
<title>AETHER — Speculative & Post-Quantum Programming Language</title>
78
<link rel="stylesheet" href="styles.css">
8-
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
9+
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500;700&display=swap" rel="stylesheet">
910
</head>
1011
<body>
12+
<!-- Animated Background Blobs -->
13+
<div class="blob blob-1"></div>
14+
<div class="blob blob-2"></div>
15+
1116
<!-- Header -->
1217
<header>
1318
<div class="header-container">
1419
<div class="logo-container">
15-
<img src="../logo/aether-logo.svg" alt="AETHER Logo" class="logo">
20+
<img src="logo/aether-logo.svg" alt="AETHER Logo" class="logo">
1621
<span class="logo-text">AETHER</span>
1722
</div>
1823
<nav>
1924
<a href="#features">Features</a>
2025
<a href="#quickstart">Quickstart</a>
2126
<a href="#playground">Playground</a>
22-
<a href="https://github.com/devsamikhan/aether" class="github-link">GitHub</a>
27+
<a href="https://github.com/devsamikhan/aether" target="_blank" class="github-link">GitHub ↗</a>
2328
</nav>
2429
</div>
2530
</header>
2631

2732
<!-- Hero Section -->
2833
<section class="hero">
29-
<div class="hero-content">
30-
<h1>The Post-Quantum,<br><span class="gradient-text">Intent-Driven</span> Language</h1>
31-
<p>AETHER is a modern systems programming language with built-in quantum simulation, multiverse branching, and self-healing runtime diagnostics.</p>
32-
<div class="cta-buttons">
33-
<a href="#quickstart" class="btn btn-primary">Get Started</a>
34-
<a href="#playground" class="btn btn-secondary">Try Sandbox</a>
34+
<div class="hero-container">
35+
<div class="hero-text">
36+
<div class="badge">AETHER v1.0.0 Live</div>
37+
<h1>The speculative,<br><span class="gradient-text">Intent-Driven</span> Language</h1>
38+
<p>AETHER is a modern systems language designed for future paradigms, combining in-process quantum simulation, multiverse branching representations, and self-healing compiler diagnostic graphs.</p>
39+
<div class="cta-buttons">
40+
<a href="#quickstart" class="btn btn-primary">Get Started</a>
41+
<a href="#playground" class="btn btn-secondary">Try Sandbox</a>
42+
</div>
43+
</div>
44+
<div class="hero-preview">
45+
<div class="preview-card">
46+
<div class="preview-header">
47+
<span class="dot red"></span>
48+
<span class="dot yellow"></span>
49+
<span class="dot green"></span>
50+
<span class="preview-title">Aether Speculative Output</span>
51+
</div>
52+
<div class="preview-content">
53+
<pre><code><span class="keyword">intent</span> <span class="type">FutureSystem</span> {
54+
<span class="fn">fn</span> <span class="name">compute</span>() {
55+
<span class="comment">// Fork computational branching</span>
56+
<span class="keyword">branch_reality</span> {
57+
<span class="name">RunSpeculativeSearch</span>();
58+
};
59+
}
60+
}</code></pre>
61+
</div>
62+
</div>
3563
</div>
3664
</div>
3765
</section>
3866

3967
<!-- Feature Showcase -->
4068
<section id="features" class="features">
41-
<h2>Core Paradigm Shift</h2>
69+
<div class="section-header">
70+
<h2>Advanced Paradigm Features</h2>
71+
<p>Innovative computational primitives mapped directly to static execution architectures.</p>
72+
</div>
4273
<div class="features-grid">
4374
<div class="feature-card">
44-
<h3>⚛️ Quantum Native</h3>
45-
<p>Built-in primitives for `qubit`, `entangle`, and `measure`. Compile directly to simulated or physical gate sequences.</p>
75+
<div class="feature-icon">⚛️</div>
76+
<h3>Quantum Register</h3>
77+
<p>Simulate states, apply logic gates (H, X, CNOT), and collapse wave functions using Born rule probabilities.</p>
4678
</div>
4779
<div class="feature-card">
48-
<h3>🌌 Multiverse Branching</h3>
49-
<p>Fork runtime state atomically via `branch_reality` blocks and resolve paths with custom cost metrics.</p>
80+
<div class="feature-icon">🌌</div>
81+
<h3>Multiverse Branching</h3>
82+
<p>Model multiple execution realities dynamically. Fork program state and select paths with custom criteria.</p>
5083
</div>
5184
<div class="feature-card">
52-
<h3>🩹 Self-Healing Runtime</h3>
53-
<p>Active anomaly checking. Compiler synthesizes hot-patches and updates execution graphs automatically on error.</p>
85+
<div class="feature-icon">🩹</div>
86+
<h3>Self-Healing Graphs</h3>
87+
<p>Compiler walks AST graphs on error to synthesize recovery paths and JIT-lowers fallback blocks.</p>
5488
</div>
5589
</div>
5690
</section>
5791

5892
<!-- Quickstart -->
5993
<section id="quickstart" class="quickstart">
60-
<h2>Quick Installation</h2>
94+
<div class="section-header">
95+
<h2>Get Started Instantly</h2>
96+
<p>Install the compiled AETHER toolchain with a single command.</p>
97+
</div>
6198
<div class="code-container">
62-
<button class="copy-btn" onclick="copyInstall()">Copy</button>
99+
<div class="code-header">
100+
<span>Terminal</span>
101+
<button class="copy-btn" onclick="copyInstall()">Copy</button>
102+
</div>
63103
<pre><code id="install-cmd">curl -fsSL https://raw.githubusercontent.com/devsamikhan/aether/main/scripts/install.sh | bash</code></pre>
64104
</div>
65105
</section>
66106

67-
<!-- Interactive Sandbox / Playground -->
107+
<!-- Interactive Sandbox -->
68108
<section id="playground" class="playground-section">
69-
<h2>Interactive Code Explorer</h2>
109+
<div class="section-header">
110+
<h2>Interactive Code Sandbox</h2>
111+
<p>Explore AETHER syntax and see compile logs dynamically.</p>
112+
</div>
70113
<div class="playground">
71114
<div class="editor-tabs">
72-
<button class="tab-btn active" onclick="switchTab('hello')">Hello World</button>
73-
<button class="tab-btn" onclick="switchTab('quantum')">Quantum Superposition</button>
74-
<button class="tab-btn" onclick="switchTab('multiverse')">Multiverse Routing</button>
115+
<button class="tab-btn active" onclick="switchTab('hello', event)">Hello World</button>
116+
<button class="tab-btn" onclick="switchTab('quantum', event)">Quantum Superposition</button>
117+
<button class="tab-btn" onclick="switchTab('multiverse', event)">Multiverse Routing</button>
75118
</div>
76119
<div class="playground-layout">
77120
<textarea id="code-editor" readonly class="code-area"></textarea>
78121
<div class="console-output">
79-
<div class="console-header">JIT COMPILER SIMULATION LOGS</div>
122+
<div class="console-header">JIT SIMULATION LOGS</div>
80123
<pre id="console-logs"></pre>
81124
</div>
82125
</div>
@@ -85,7 +128,10 @@ <h2>Interactive Code Explorer</h2>
85128

86129
<!-- Footer -->
87130
<footer>
88-
<p>&copy; 2026 AETHER Core Team. Released under the MIT License.</p>
131+
<div class="footer-container">
132+
<p>&copy; 2026 AETHER Core Team. Licensed under the MIT License.</p>
133+
<p>Designed for speculative computer science exploration.</p>
134+
</div>
89135
</footer>
90136

91137
<script src="script.js"></script>

‎website/script.js‎

Lines changed: 16 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,10 +50,12 @@ intent specPath {
5050
const editor = document.getElementById("code-editor");
5151
const logs = document.getElementById("console-logs");
5252

53-
function switchTab(tab) {
53+
function switchTab(tab, event) {
5454
// Update tabs active state
5555
document.querySelectorAll(".tab-btn").forEach(btn => btn.classList.remove("active"));
56-
event.target.classList.add("active");
56+
if (event) {
57+
event.currentTarget.classList.add("active");
58+
}
5759

5860
// Load sample content
5961
editor.value = samples[tab].code;
@@ -63,7 +65,18 @@ function switchTab(tab) {
6365
function copyInstall() {
6466
const cmd = document.getElementById("install-cmd").innerText;
6567
navigator.clipboard.writeText(cmd);
66-
alert("Installation command copied to clipboard!");
68+
69+
// Custom button feedback
70+
const btn = document.querySelector(".copy-btn");
71+
const originalText = btn.innerText;
72+
btn.innerText = "Copied! ✓";
73+
btn.style.backgroundColor = "#22d3ee";
74+
btn.style.color = "#000";
75+
setTimeout(() => {
76+
btn.innerText = originalText;
77+
btn.style.backgroundColor = "rgba(34, 211, 238, 0.1)";
78+
btn.style.color = "var(--accent-color)";
79+
}, 2000);
6780
}
6881

6982
// Initial load

0 commit comments

Comments
 (0)