diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 94887d0..4a48565 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1,3 +1,5 @@ + + --- -title: My: Progressive AI-Native Language -date: 2026-03-31 +title: My Lang +date: 2026-06-29 --- -# My: Progressive AI-Native Language +# My Lang -The public web home for this project is [my-lang.net](https://my-lang.net). - -Let learning unfold. Let types guard. Let agents compose. - -My is not four languages—it is one language with progressive reveal. Concepts introduced as playful metaphors in Me unmask their CS foundations as learners advance. - -## Project Links - -- Website: [my-lang.net](https://my-lang.net) -- Source: [https://github.com/hyperpolymath/my-lang](https://github.com/hyperpolymath/my-lang) -- README: [project overview](https://github.com/hyperpolymath/my-lang/blob/main/README.adoc) -- Docs: [documentation directory](https://github.com/hyperpolymath/my-lang/tree/main/docs) - -This page is a lightweight landing point for the repository and will grow with the project. +My-Lang — Next-generation customizable multi-dialect parsing framework diff --git a/templates/default.html b/templates/default.html new file mode 100644 index 0000000..b5e4505 --- /dev/null +++ b/templates/default.html @@ -0,0 +1,72 @@ + + + + + + {title} — {domain} + + + + + + + + + +
+ + +
+
+
✨ Casket-SSG Verified Generation
+

{title}

+

{description}

+ +
+ +
+
+
+

Type-Safe Pipelines

+

Built on robust functional principles and verifiable compilation contracts to guarantee runtime safety and absolute execution reliability.

+
+
+
🔒
+

Sovereign Autonomy

+

Engineered for decentralized infrastructure, incorporating modern zero-trust capability gates and cryptographic attestation headers.

+
+
+
🚀
+

High-Fidelity Speed

+

Optimized for rapid processing and lightweight compilation, ensuring minimal overhead and ultra-fast edge propagation.

+
+
+ +
+

Architectural Foundation

+
+ {content_html} +
+
+
+ + + + diff --git a/templates/modern.css b/templates/modern.css new file mode 100644 index 0000000..1a44bde --- /dev/null +++ b/templates/modern.css @@ -0,0 +1,303 @@ +/* Premium Casket-SSG Design System */ +:root { + --primary: #6366f1; + --primary-hover: #4f46e5; + --secondary: #a855f7; + --accent: #ec4899; + --text-main: #f8fafc; + --text-muted: #94a3b8; + --bg-base: #0f172a; + --bg-surface: rgba(30, 41, 59, 0.7); + --border-glass: rgba(255, 255, 255, 0.1); + --font-heading: 'Outfit', sans-serif; + --font-body: 'Inter', sans-serif; +} + +@media (prefers-color-scheme: light) { + :root { + --text-main: #0f172a; + --text-muted: #64748b; + --bg-base: #f8fafc; + --bg-surface: rgba(255, 255, 255, 0.8); + --border-glass: rgba(0, 0, 0, 0.1); + } +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: var(--font-body); + color: var(--text-main); + background-color: var(--bg-base); + line-height: 1.6; + overflow-x: hidden; + position: relative; +} + +.glow-bg { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + width: 100vw; + height: 800px; + background: radial-gradient(circle 600px at 50% 200px, rgba(99, 102, 241, 0.15), transparent 80%); + z-index: -1; + pointer-events: none; +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 0 2rem; +} + +/* Header & Nav */ +.site-header { + backdrop-filter: blur(12px); + -webkit-backdrop-filter: blur(12px); + background: transparent; + border-bottom: 1px solid var(--border-glass); + position: sticky; + top: 0; + z-index: 100; +} + +.nav { + display: flex; + justify-content: space-between; + align-items: center; + height: 5rem; +} + +.brand { + font-family: var(--font-heading); + font-size: 1.5rem; + font-weight: 800; + text-decoration: none; + background: linear-gradient(135deg, var(--primary), var(--secondary)); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + transition: opacity 0.2s; +} + +.brand:hover { + opacity: 0.9; +} + +.nav-links { + display: flex; + align-items: center; + gap: 2rem; +} + +.nav-link { + color: var(--text-muted); + text-decoration: none; + font-weight: 500; + transition: color 0.2s; +} + +.nav-link:hover { + color: var(--text-main); +} + +/* Buttons */ +.btn-primary, .btn-secondary { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0.75rem 1.5rem; + font-weight: 600; + text-decoration: none; + border-radius: 0.5rem; + transition: all 0.2s ease-in-out; + cursor: pointer; +} + +.btn-primary { + background: linear-gradient(135deg, var(--primary), var(--secondary)); + color: #ffffff; + border: none; + box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3); +} + +.btn-primary:hover { + transform: translateY(-2px); + box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4); +} + +.btn-secondary { + background: var(--bg-surface); + color: var(--text-main); + border: 1px solid var(--border-glass); + backdrop-filter: blur(8px); +} + +.btn-secondary:hover { + background: rgba(255, 255, 255, 0.1); + transform: translateY(-2px); +} + +.large { + padding: 1rem 2rem; + font-size: 1.1rem; +} + +/* Hero Section */ +.hero { + text-align: center; + padding: 8rem 0 6rem; + max-width: 800px; + margin: 0 auto; +} + +.hero-badge { + display: inline-block; + padding: 0.5rem 1rem; + font-size: 0.875rem; + font-weight: 600; + color: var(--secondary); + background: rgba(168, 85, 247, 0.1); + border: 1px solid rgba(168, 85, 247, 0.2); + border-radius: 2rem; + margin-bottom: 2rem; +} + +.hero h1 { + font-family: var(--font-heading); + font-size: 4rem; + font-weight: 800; + line-height: 1.1; + margin-bottom: 1.5rem; + background: linear-gradient(135deg, #ffffff 30%, var(--text-muted)); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +@media (prefers-color-scheme: light) { + .hero h1 { + background: linear-gradient(135deg, #0f172a 30%, var(--primary)); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } +} + +.hero-subtitle { + font-size: 1.25rem; + color: var(--text-muted); + margin-bottom: 3rem; +} + +.cta-group { + display: flex; + justify-content: center; + gap: 1.5rem; +} + +/* Feature Grid */ +.grid-features { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); + gap: 2rem; + margin-bottom: 6rem; +} + +.glass { + background: var(--bg-surface); + backdrop-filter: blur(16px); + -webkit-backdrop-filter: blur(16px); + border: 1px solid var(--border-glass); + border-radius: 1rem; + padding: 2.5rem; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); + transition: transform 0.3s ease, border-color 0.3s ease; +} + +.glass:hover { + transform: translateY(-4px); + border-color: var(--secondary); +} + +.card-icon { + font-size: 2.5rem; + margin-bottom: 1.5rem; +} + +.card h3 { + font-family: var(--font-heading); + font-size: 1.5rem; + margin-bottom: 1rem; + color: var(--text-main); +} + +.card p { + color: var(--text-muted); +} + +/* Content Section */ +.content-section { + margin-bottom: 8rem; +} + +.content-section h2 { + font-family: var(--font-heading); + font-size: 2.5rem; + margin-bottom: 2rem; + background: linear-gradient(135deg, var(--primary), var(--secondary)); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.prose h3 { + font-family: var(--font-heading); + font-size: 1.5rem; + margin: 2rem 0 1rem; +} + +.prose p { + color: var(--text-muted); + margin-bottom: 1.5rem; +} + +.prose pre { + background: #0b0f19; + border: 1px solid var(--border-glass); + padding: 1.5rem; + border-radius: 0.5rem; + overflow-x: auto; + margin: 2rem 0; +} + +.prose code { + font-family: monospace; + color: #38bdf8; +} + +/* Footer */ +.site-footer { + border-top: 1px solid var(--border-glass); + padding: 4rem 0; + text-align: center; +} + +.footer-content { + display: flex; + flex-direction: column; + gap: 1rem; +} + +.muted { + color: var(--text-muted); + font-size: 0.9rem; +} + +@media (max-width: 768px) { + .hero h1 { font-size: 2.5rem; } + .nav-links { display: none; } + .cta-group { flex-direction: column; } +}