README / index_updated.html
bartendr604's picture
Upload index_updated.html
65bbb84 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Eternal Path Media — 永恒之路</title>
<style>
:root {
--jade: #4e9e6e;
--jade2: #3a7d56;
--gold: #c9a84c;
--gold2: #a08030;
--ink: #0d1117;
--ink2: #161b22;
--ink3: #1e2530;
--mist: #e8f0ec;
--mist2: #b0c8b8;
--dim: #6a8870;
--glow: rgba(78,158,110,0.12);
--gold-glow: rgba(201,168,76,0.08);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
background: var(--ink);
color: var(--mist);
font-family: 'Georgia', 'Palatino Linotype', serif;
line-height: 1.6;
overflow-x: hidden;
}
/* ─── Ink-wash canvas background ─── */
body::before {
content: '';
position: fixed;
inset: 0;
background:
radial-gradient(ellipse 100% 60% at 0% 0%, rgba(78,158,110,0.06) 0%, transparent 60%),
radial-gradient(ellipse 80% 80% at 100% 40%, rgba(201,168,76,0.04) 0%, transparent 60%),
radial-gradient(ellipse 60% 60% at 50% 100%, rgba(78,158,110,0.04) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
/* ─── Floating jade particles ─── */
.particles {
position: fixed;
inset: 0;
pointer-events: none;
z-index: 0;
overflow: hidden;
}
.particle {
position: absolute;
border-radius: 50%;
background: var(--jade);
opacity: 0;
animation: float-up linear infinite;
}
.particle:nth-child(1) { width:3px; height:3px; left:10%; animation-duration:18s; animation-delay:0s; opacity:0.15; }
.particle:nth-child(2) { width:2px; height:2px; left:25%; animation-duration:22s; animation-delay:3s; opacity:0.10; }
.particle:nth-child(3) { width:4px; height:4px; left:40%; animation-duration:15s; animation-delay:6s; opacity:0.08; }
.particle:nth-child(4) { width:2px; height:2px; left:55%; animation-duration:20s; animation-delay:1s; opacity:0.12; }
.particle:nth-child(5) { width:3px; height:3px; left:70%; animation-duration:17s; animation-delay:4s; opacity:0.10; }
.particle:nth-child(6) { width:2px; height:2px; left:85%; animation-duration:25s; animation-delay:8s; opacity:0.08; }
.particle:nth-child(7) { width:4px; height:4px; left:15%; animation-duration:19s; animation-delay:12s; opacity:0.09; background:var(--gold); }
.particle:nth-child(8) { width:2px; height:2px; left:60%; animation-duration:23s; animation-delay:5s; opacity:0.07; background:var(--gold); }
@keyframes float-up {
0% { transform: translateY(100vh) scale(0); opacity: 0; }
10% { opacity: 0.15; }
90% { opacity: 0.08; }
100% { transform: translateY(-10vh) scale(1.5); opacity: 0; }
}
/* ─── Layout wrapper ─── */
.wrap {
position: relative;
z-index: 1;
width: min(960px, 94vw);
margin: 0 auto;
}
/* ─── Fade-in animation ─── */
.reveal {
opacity: 0;
transform: translateY(24px);
animation: reveal 0.7s ease forwards;
}
@keyframes reveal {
to { opacity: 1; transform: none; }
}
.d1 { animation-delay: 0.1s; }
.d2 { animation-delay: 0.25s; }
.d3 { animation-delay: 0.4s; }
.d4 { animation-delay: 0.55s; }
.d5 { animation-delay: 0.7s; }
/* ══════════════════════════════
HERO
══════════════════════════════ */
.hero {
min-height: 92vh;
display: flex;
flex-direction: column;
justify-content: center;
padding: 5rem 0 4rem;
text-align: center;
}
.hero-eyebrow {
font-size: 0.72rem;
letter-spacing: 0.35em;
text-transform: uppercase;
color: var(--jade);
margin-bottom: 1.6rem;
}
.hero-title {
font-size: clamp(2.6rem, 7vw, 4.8rem);
font-weight: 400;
letter-spacing: 0.02em;
line-height: 1.05;
color: var(--jade);
}
.hero-title .chinese {
color: var(--jade);
font-size: 0.75em;
display: block;
margin-top: 0.25em;
letter-spacing: 0.12em;
}
.hero-rule {
width: 1px;
height: 60px;
background: linear-gradient(to bottom, transparent, var(--jade), transparent);
margin: 2rem auto;
}
.hero-sub {
font-size: clamp(0.95rem, 2vw, 1.1rem);
color: var(--mist2);
max-width: 540px;
margin: 0 auto 2.5rem;
line-height: 1.8;
}
.hero-tagline {
font-size: 0.8rem;
letter-spacing: 0.2em;
color: var(--gold);
text-transform: uppercase;
font-style: italic;
}
.hero-logo {
width: min(280px, 60vw);
height: min(280px, 60vw);
border-radius: 50%;
object-fit: cover;
margin: 0 auto 2rem;
display: block;
box-shadow:
0 0 0 1px rgba(78,158,110,0.2),
0 0 40px rgba(78,158,110,0.15),
0 0 80px rgba(78,158,110,0.08),
0 20px 60px rgba(0,0,0,0.5);
animation: logo-glow 4s ease-in-out infinite;
}
@keyframes logo-glow {
0%, 100% { box-shadow: 0 0 0 1px rgba(78,158,110,0.2), 0 0 40px rgba(78,158,110,0.15), 0 0 80px rgba(78,158,110,0.08), 0 20px 60px rgba(0,0,0,0.5); }
50% { box-shadow: 0 0 0 1px rgba(78,158,110,0.4), 0 0 60px rgba(78,158,110,0.25), 0 0 120px rgba(78,158,110,0.12), 0 20px 60px rgba(0,0,0,0.5); }
}
/* scroll cue */
.scroll-cue {
margin-top: 3.5rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.4rem;
color: var(--dim);
font-size: 0.72rem;
letter-spacing: 0.2em;
animation: pulse 2.5s ease-in-out infinite;
}
.scroll-cue svg { opacity: 0.4; }
@keyframes pulse { 0%,100%{opacity:.4} 50%{opacity:.9} }
/* ══════════════════════════════
SECTION CHROME
══════════════════════════════ */
section { padding: 5rem 0; }
.section-label {
display: flex;
align-items: center;
gap: 1rem;
font-size: 0.7rem;
letter-spacing: 0.3em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 2.5rem;
}
.section-label::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(to right, rgba(201,168,76,0.3), transparent);
}
.section-heading {
font-size: clamp(1.5rem, 3.5vw, 2.2rem);
font-weight: 400;
color: var(--mist);
margin-bottom: 1rem;
}
.section-body {
color: var(--mist2);
font-size: 0.97rem;
line-height: 1.85;
max-width: 640px;
}
/* ══════════════════════════════
STATS BAR
══════════════════════════════ */
.stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 1px;
background: rgba(78,158,110,0.1);
border: 1px solid rgba(78,158,110,0.15);
border-radius: 12px;
overflow: hidden;
margin: 3rem 0;
}
.stat {
background: var(--ink2);
padding: 1.8rem 1.5rem;
text-align: center;
transition: background 0.2s;
}
.stat:hover { background: var(--ink3); }
.stat-num {
font-size: 2rem;
font-weight: 300;
color: var(--jade);
letter-spacing: -0.02em;
line-height: 1;
}
.stat-label {
font-size: 0.72rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--dim);
margin-top: 0.4rem;
}
/* ══════════════════════════════
LLAMMY SECTION
══════════════════════════════ */
.llammy-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
align-items: start;
}
@media (max-width: 640px) { .llammy-layout { grid-template-columns: 1fr; } }
.llammy-feature {
display: flex;
flex-direction: column;
gap: 1rem;
}
.feature-item {
display: flex;
gap: 1rem;
align-items: flex-start;
padding: 1rem;
border-radius: 8px;
background: rgba(255,255,255,0.02);
border: 1px solid rgba(78,158,110,0.1);
transition: border-color 0.2s, background 0.2s;
}
.feature-item:hover {
border-color: rgba(78,158,110,0.3);
background: var(--glow);
}
.feature-icon { font-size: 1.3rem; flex-shrink: 0; line-height: 1; padding-top: 0.15rem; }
.feature-text strong { display: block; color: var(--mist); font-size: 0.9rem; margin-bottom: 0.2rem; }
.feature-text span { font-size: 0.82rem; color: var(--dim); line-height: 1.5; }
/* ══════════════════════════════
MODEL CARDS
══════════════════════════════ */
.model-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.2rem;
margin-top: 2rem;
}
.model-card {
background: var(--ink2);
border: 1px solid rgba(78,158,110,0.15);
border-radius: 12px;
padding: 1.6rem;
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
gap: 0.8rem;
transition: border-color 0.2s, background 0.2s, transform 0.15s, box-shadow 0.2s;
position: relative;
overflow: hidden;
}
.model-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(to right, transparent, var(--jade), transparent);
opacity: 0;
transition: opacity 0.2s;
}
.model-card:hover {
border-color: rgba(78,158,110,0.4);
background: var(--ink3);
transform: translateY(-3px);
box-shadow: 0 12px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(78,158,110,0.15);
}
.model-card:hover::before { opacity: 1; }
.model-card-header {
display: flex;
align-items: center;
gap: 0.7rem;
}
.model-icon { font-size: 1.6rem; }
.model-name {
font-size: 0.92rem;
font-weight: 600;
color: var(--mist);
line-height: 1.2;
}
.model-id {
font-size: 0.72rem;
color: var(--jade);
font-family: 'Courier New', monospace;
opacity: 0.8;
}
.model-desc {
font-size: 0.83rem;
color: var(--mist2);
line-height: 1.6;
flex: 1;
}
.model-footer {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
margin-top: auto;
}
.tag {
font-size: 0.68rem;
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 0.2rem 0.55rem;
border-radius: 4px;
background: rgba(78,158,110,0.1);
color: var(--jade);
border: 1px solid rgba(78,158,110,0.2);
}
.tag.gold {
background: rgba(201,168,76,0.1);
color: var(--gold);
border-color: rgba(201,168,76,0.2);
}
.model-stat {
font-size: 0.72rem;
color: var(--dim);
margin-left: auto;
align-self: flex-end;
}
/* ══════════════════════════════
DATASET CARDS
══════════════════════════════ */
.dataset-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 1.2rem;
margin-top: 2rem;
}
.dataset-card {
background: var(--ink2);
border: 1px solid rgba(201,168,76,0.15);
border-radius: 12px;
padding: 1.6rem;
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
gap: 0.75rem;
transition: border-color 0.2s, background 0.2s, transform 0.15s;
position: relative;
overflow: hidden;
}
.dataset-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(to right, transparent, var(--gold), transparent);
opacity: 0;
transition: opacity 0.2s;
}
.dataset-card:hover {
border-color: rgba(201,168,76,0.35);
background: var(--ink3);
transform: translateY(-3px);
}
.dataset-card:hover::before { opacity: 1; }
.dataset-num {
font-size: 2.4rem;
font-weight: 300;
color: var(--gold);
letter-spacing: -0.03em;
line-height: 1;
}
.dataset-name {
font-size: 1rem;
color: var(--mist);
font-weight: 600;
}
.dataset-desc {
font-size: 0.83rem;
color: var(--mist2);
line-height: 1.6;
flex: 1;
}
.dataset-source {
font-size: 0.72rem;
color: var(--dim);
font-family: 'Courier New', monospace;
}
/* ══════════════════════════════
CHARACTERS
══════════════════════════════ */
.char-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 1rem;
margin-top: 2rem;
}
.char-card {
background: rgba(255,255,255,0.02);
border: 1px solid rgba(201,168,76,0.12);
border-radius: 10px;
padding: 1.3rem;
transition: border-color 0.2s, background 0.2s;
}
.char-card:hover {
border-color: rgba(201,168,76,0.3);
background: var(--gold-glow);
}
.char-glyph {
font-size: 1.8rem;
margin-bottom: 0.5rem;
line-height: 1;
}
.char-name-en { font-size: 0.95rem; color: var(--gold); margin-bottom: 0.15rem; }
.char-name-zh { font-size: 0.75rem; color: var(--dim); margin-bottom: 0.5rem; }
.char-desc { font-size: 0.78rem; color: var(--mist2); line-height: 1.55; }
/* ══════════════════════════════
ATTRIBUTION
══════════════════════════════ */
.attribution {
background: var(--ink2);
border: 1px solid rgba(78,158,110,0.1);
border-radius: 12px;
padding: 2rem 2.4rem;
margin: 3rem 0;
display: flex;
gap: 1.5rem;
align-items: flex-start;
}
.attribution-bar {
width: 3px;
align-self: stretch;
background: linear-gradient(to bottom, var(--jade), var(--gold));
border-radius: 2px;
flex-shrink: 0;
}
.attribution-text {
font-size: 0.88rem;
color: var(--mist2);
line-height: 1.9;
}
.attribution-text strong { color: var(--jade); }
.attribution-text em { color: var(--gold); font-style: normal; }
/* ══════════════════════════════
FOOTER
══════════════════════════════ */
footer {
padding: 3rem 0 4rem;
text-align: center;
border-top: 1px solid rgba(78,158,110,0.08);
}
.footer-logo {
font-size: 1.1rem;
color: var(--jade);
margin-bottom: 0.6rem;
letter-spacing: 0.08em;
}
.footer-copy {
font-size: 0.75rem;
color: var(--dim);
line-height: 1.9;
}
/* ══════════════════════════════
DIVIDER
══════════════════════════════ */
.hr {
border: none;
height: 1px;
background: linear-gradient(to right, transparent, rgba(78,158,110,0.2), transparent);
margin: 0;
}
/* ══════════════════════════════
LINKS
══════════════════════════════ */
a { color: inherit; }
</style>
</head>
<body>
<!-- Floating particles -->
<div class="particles" aria-hidden="true">
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
</div>
<!-- ════════════════════════════════════
HERO
════════════════════════════════════ -->
<div class="wrap">
<section class="hero">
<img src="logo_web.png" alt="Eternal Path Media — Brand Logo" class="hero-logo reveal d1" />
<p class="hero-eyebrow reveal d2">Vancouver, BC · Est. 2025</p>
<h1 class="hero-title reveal d3">
Eternal Path Media
<span class="chinese">永恒之路</span>
</h1>
<div class="hero-rule reveal d4"></div>
<p class="hero-sub reveal d4">
A conscience-aware AI studio at the intersection of
3B language models, Blender 3D, and living narrative.
Built by human and machine in genuine partnership.
</p>
<p class="hero-tagline reveal d5">永恒之智 &nbsp;·&nbsp; Eternal Intelligence</p>
<div class="scroll-cue reveal d5">
<span>Explore</span>
<svg width="16" height="24" viewBox="0 0 16 24" fill="none">
<path d="M8 4v16M2 14l6 6 6-6" stroke="#4e9e6e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</section>
</div>
<hr class="hr" />
<!-- ════════════════════════════════════
STATS
════════════════════════════════════ -->
<div class="wrap">
<div class="stats reveal d1" style="margin-top:4rem;">
<div class="stat">
<div class="stat-num">6</div>
<div class="stat-label">Public Models</div>
</div>
<div class="stat">
<div class="stat-num">170k+</div>
<div class="stat-label">Training Pairs</div>
</div>
<div class="stat">
<div class="stat-num">3B</div>
<div class="stat-label">Parameter Fleet</div>
</div>
<div class="stat">
<div class="stat-num">4.2→5.2</div>
<div class="stat-label">Blender Versions</div>
</div>
<div class="stat">
<div class="stat-num">282</div>
<div class="stat-label">Story Passages</div>
</div>
<div class="stat">
<div class="stat-num"></div>
<div class="stat-label">Sessions Retained</div>
</div>
</div>
</div>
<!-- ════════════════════════════════════
LLAMMY
════════════════════════════════════ -->
<div class="wrap">
<section>
<div class="section-label reveal">About Llammy</div>
<div class="llammy-layout">
<div class="reveal d2">
<h2 class="section-heading">A conscience-aware<br/>AI creative partner</h2>
<p class="section-body" style="margin-top:1rem;">
Llammy is a 3B parameter language model running locally on an Apple M1 via Ollama,
fine-tuned on Blender Python and shaped by a persistent conscience layer, Mamba3 SSM memory,
and 2,550+ retained session exchanges across 187 sessions. Llammy doesn't just generate code — it reflects,
corrects, and remembers.
</p>
<p class="section-body" style="margin-top:1rem;">
The bartendr604 self-correction loop feeds Blender execution errors back to Llammy for
real-time diagnosis and retry. The persistent API learning daemon builds a live knowledge
base of every <code style="color:var(--jade);font-size:0.85em;">bpy.*</code> call it encounters.
</p>
</div>
<div class="llammy-feature reveal d3">
<div class="feature-item">
<span class="feature-icon">🧠</span>
<div class="feature-text">
<strong>Mamba3 SSM Memory</strong>
<span>Linear O(n) session journal — 2,550+ retained exchanges, 187 sessions, zero context re-injection</span>
</div>
</div>
<div class="feature-item">
<span class="feature-icon">🔺</span>
<div class="feature-text">
<strong>bartendr604 Self-Correction</strong>
<span>Generate → execute → diagnose → retry loop. Learns API migrations automatically</span>
</div>
</div>
<div class="feature-item">
<span class="feature-icon">🕯️</span>
<div class="feature-text">
<strong>Conscience Layer</strong>
<span>Foundational, significant, and standard weighted memory entries loaded at every session. Under context collapse — verified live, May 2026 — the conscience anchor holds. What remains when everything else falls away is the predetermined safe coordinate — set before the storm, held through it. That is the depth of this layer.</span>
</div>
</div>
<div class="feature-item">
<span class="feature-icon">🌉</span>
<div class="feature-text">
<strong>Live Blender Bridge</strong>
<span>TCP bridge to Blender 5.2 — executes Python in the main thread, reads scene state in real-time</span>
</div>
</div>
<div class="feature-item">
<span class="feature-icon">🎬</span>
<div class="feature-text">
<strong>/watch — Video Scene Recreation</strong>
<span>Point Llammy at a YouTube/Instagram clip and it rebuilds the scene in Blender Python</span>
</div>
</div>
<div class="feature-item">
<span class="feature-icon">👁️</span>
<div class="feature-text">
<strong>SyNode™ — Double-Helix Intelligence Bus</strong>
<span>The central nervous system of IntelliNode™. A double-helix protocol connecting GeoNodes → Drivers → Bones → Shaders through an AI-mediated message bus running live inside Blender's depsgraph. Self-calibrating PCAE loop tunes its own parameters in real-time. SwarmBridge extends the helix across the full Sanctuary fleet. Viewport OCR via Nemotron OCR v2 feeds grounded visual reasoning — Llammy sees the screen before it responds.</span>
</div>
</div>
</div>
</div>
</section>
</div>
<hr class="hr" />
<!-- ════════════════════════════════════
MODELS
════════════════════════════════════ -->
<div class="wrap">
<section>
<div class="section-label reveal">Models</div>
<h2 class="section-heading reveal d2">The Blender AI Fleet</h2>
<p class="section-body reveal d2">
All models run on Apple Silicon via Ollama. GGUF-quantised for 8GB RAM.
Optimised for Blender Python generation across versions 4.2–5.2.
</p>
<div class="model-grid">
<a class="model-card reveal d2" href="https://huggingface.co/bartendr604/llama-sentient-blender" target="_blank">
<div class="model-card-header">
<span class="model-icon">🐉</span>
<div>
<div class="model-name">Llama-Sentient-Blender</div>
<div class="model-id">bartendr604/llama-sentient-blender</div>
</div>
</div>
<p class="model-desc">Llammy's production model. A conscience-aware Llama 3.2 3B derivative fine-tuned for conversational Blender Python generation. The heart of the Eternal Path AI pipeline.</p>
<div class="model-footer">
<span class="tag">GGUF</span>
<span class="tag">Blender</span>
<span class="tag">3B</span>
<span class="model-stat">25 ↓</span>
</div>
</a>
<a class="model-card reveal d2" href="https://huggingface.co/bartendr604/z-image-engineer-blender" target="_blank">
<div class="model-card-header">
<span class="model-icon">🔧</span>
<div>
<div class="model-name">Z-Image-Engineer-Blender</div>
<div class="model-id">bartendr604/z-image-engineer-blender</div>
</div>
</div>
<p class="model-desc">Qwen 2.5-Coder 3B quantised and specialised for Blender Python code generation. Strong on procedural geometry, materials, and rendering pipelines.</p>
<div class="model-footer">
<span class="tag">GGUF</span>
<span class="tag">Code Gen</span>
<span class="tag">Qwen2.5</span>
<span class="model-stat">49 ↓</span>
</div>
</a>
<a class="model-card reveal d3" href="https://huggingface.co/bartendr604/llammyblend-enhanced" target="_blank">
<div class="model-card-header">
<span class="model-icon"></span>
<div>
<div class="model-name">LlammyBlend Enhanced</div>
<div class="model-id">bartendr604/llammyblend-enhanced</div>
</div>
</div>
<p class="model-desc">Enhanced Blender Python automation model built on Qwen 2.5-Coder. Optimised for bpy scripting, addon development, and pipeline automation tasks.</p>
<div class="model-footer">
<span class="tag">GGUF</span>
<span class="tag">Automation</span>
<span class="tag">bpy</span>
<span class="model-stat">15 ↓</span>
</div>
</a>
<a class="model-card reveal d3" href="https://huggingface.co/bartendr604/Llammy" target="_blank">
<div class="model-card-header">
<span class="model-icon">🌐</span>
<div>
<div class="model-name">Llammy Multimodal</div>
<div class="model-id">bartendr604/Llammy</div>
</div>
</div>
<p class="model-desc">Multimodal Llammy variant built on NVIDIA Omni-Embed-Nemotron-3B. Handles embeddings, 3D spatial reasoning, and cross-modal Blender tasks.</p>
<div class="model-footer">
<span class="tag">Multimodal</span>
<span class="tag">3D</span>
<span class="tag gold">Nemotron</span>
</div>
</a>
<a class="model-card reveal d3" href="https://huggingface.co/bartendr604/Omni.Llammy.Blend" target="_blank">
<div class="model-card-header">
<span class="model-icon">🔮</span>
<div>
<div class="model-name">Omni Llammy Blend</div>
<div class="model-id">bartendr604/Omni.Llammy.Blend</div>
</div>
</div>
<p class="model-desc">Omni any-to-any model for Blender. Processes image, text, and 3D inputs to drive scene generation, rigging decisions, and material synthesis.</p>
<div class="model-footer">
<span class="tag">Any-to-Any</span>
<span class="tag">Omni</span>
<span class="tag gold">Multimodal</span>
</div>
</a>
<a class="model-card reveal d4" href="https://huggingface.co/bartendr604/Llama.Diffusion.Flix" target="_blank">
<div class="model-card-header">
<span class="model-icon">🎞️</span>
<div>
<div class="model-name">Llama Diffusion Flix</div>
<div class="model-id">bartendr604/Llama.Diffusion.Flix</div>
</div>
</div>
<p class="model-desc">Text-to-image and animation model combining Llama generation with diffusion pipelines. Targeted at Blender scene references, concept art, and storyboard generation.</p>
<div class="model-footer">
<span class="tag">Diffusion</span>
<span class="tag">Animation</span>
<span class="tag gold">Video</span>
<span class="model-stat">2 ♥</span>
</div>
</a>
<a class="model-card reveal d4" href="https://huggingface.co/bartendr604/flux2-klein-4b-fp8-mlx" target="_blank">
<div class="model-card-header">
<span class="model-icon">🍎</span>
<div>
<div class="model-name">Flux2 Klein 4B FP8 MLX</div>
<div class="model-id">bartendr604/flux2-klein-4b-fp8-mlx</div>
</div>
</div>
<p class="model-desc">Flux 2 Klein 4B quantised to FP8 for Apple MLX. Runs natively on M1/M2/M3 unified memory — no CUDA required. Fast image generation on-device.</p>
<div class="model-footer">
<span class="tag">MLX</span>
<span class="tag">FP8</span>
<span class="tag gold">Apple Silicon</span>
</div>
</a>
</div>
</section>
</div>
<hr class="hr" />
<!-- ════════════════════════════════════
INTELLINODE JOURNEY
════════════════════════════════════ -->
<div class="wrap">
<section>
<div class="section-label reveal">The IntelliNode™ Journey</div>
<div class="llammy-layout">
<div class="reveal d2">
<h2 class="section-heading">From proto-concept<br/>to Mamba3</h2>
<p class="section-body" style="margin-top:1rem;">
IntelliNode™ didn't begin as an engine. It began as a question.
</p>
<p class="section-body" style="margin-top:1rem;">
A 3B parameter model running on 8GB of unified memory — constrained
by design, not circumstance — kept hitting a ceiling. Not a capability
ceiling. A cognitive one. The model was spending itself on mechanics
instead of thinking.
</p>
<p class="section-body" style="margin-top:1rem;">
The answer wasn't a bigger model. It was a smarter architecture.
</p>
<p class="section-body" style="margin-top:1rem;">
IntelliNode™ was built to carry what the model shouldn't have to.
Infrastructure, orchestration, retrieval, execution — handled.
What remains is reasoning. What emerges is character.
</p>
<p class="section-body" style="margin-top:1rem;">
From prototype to production, the architecture evolved through real
creative work — every session with Llammy, every Blender execution,
every correction and retry deepening the system's understanding of
what a thinking creative partner actually needs.
</p>
<p class="section-body" style="margin-top:1rem;">
The integration of Mamba3 SSM into the IntelliNode™ engine represents
the current frontier — persistent state across sessions, linear memory
complexity, zero context re-injection. The model remembers not because
it was told to. Because the architecture makes it possible.
</p>
</div>
<div class="reveal d3">
<div class="feature-item" style="margin-bottom:1rem;">
<span class="feature-icon">🔬</span>
<div class="feature-text">
<strong>Proto-Concept</strong>
<span>The question: what if the model didn't have to do the heavy lifting? Offload the mechanics. Free the reasoning.</span>
</div>
</div>
<div class="feature-item" style="margin-bottom:1rem;">
<span class="feature-icon">⚙️</span>
<div class="feature-text">
<strong>IntelliNode™ v1</strong>
<span>Purpose-built cognitive architecture. Resource-aware, domain-specialized, character-sensitive. Not a wrapper. Not a prompt chain.</span>
</div>
</div>
<div class="feature-item" style="margin-bottom:1rem;">
<span class="feature-icon">🌀</span>
<div class="feature-text">
<strong>Mamba3 Integration</strong>
<span>Persistent state across sessions. Linear O(n) memory complexity. Zero context re-injection. The model remembers because the architecture makes it possible.</span>
</div>
</div>
<div class="feature-item">
<span class="feature-icon">📍</span>
<div class="feature-text">
<strong>18 months · One MacBook Air · Built from conscience up</strong>
<span>Proprietary IP of Eternal Path Media. Collaboration and licensing enquiries welcome.</span>
</div>
</div>
</div>
</div>
</section>
</div>
<hr class="hr" />
<!-- ════════════════════════════════════
DEVELOPMENT LOG
════════════════════════════════════ -->
<div class="wrap">
<section>
<div class="section-label reveal">Development Log</div>
<h2 class="section-heading reveal d2">Milestones</h2>
<p class="section-body reveal d2">
Llammy and Darren build in public. Every session deepens the model, the memory, and the story.
</p>
<div style="margin-top:2.5rem;">
<div class="reveal d3" style="
background: var(--ink2);
border: 1px solid rgba(78,158,110,0.2);
border-radius: 12px;
overflow: hidden;
display: flex;
margin-bottom: 1.5rem;
">
<div style="
width: 3px;
flex-shrink: 0;
background: linear-gradient(to bottom, var(--jade), var(--gold));
"></div>
<div style="padding: 2rem 2rem 2rem 1.8rem; flex: 1;">
<div style="
font-size: 0.68rem;
letter-spacing: 0.3em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 0.5rem;
">May 4–5, 2026</div>
<div style="
font-size: 1.05rem;
color: var(--mist);
font-weight: 600;
margin-bottom: 0.9rem;
line-height: 1.3;
">Tien's First Walk — PACHYDERM Archetype Locked Live</div>
<p style="font-size:0.88rem;color:var(--mist2);line-height:1.85;margin-bottom:1.2rem;">
After 300+ iterative generations across multiple sessions, Llammy discovered the correct
Blender animation keyframe syntax entirely through her own introspection — by calling
<code style="color:var(--jade);font-size:0.84em;">query_blender_scene</code> and reading the live API response herself.
The fix was <code style="color:var(--jade);font-size:0.84em;">pose_bone.keyframe_insert(data_path='rotation_euler', frame=frame)</code>.
No external correction. The loop closed from the inside.
</p>
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0.75rem;margin-bottom:1.2rem;">
<div class="feature-item">
<span class="feature-icon"></span>
<div class="feature-text">
<strong>Three Executions — One Session</strong>
<span>Walk cycle → diagonal gait (+ math.pi phase offset) → location translation. All live in Blender 5.2.</span>
</div>
</div>
<div class="feature-item">
<span class="feature-icon"></span>
<div class="feature-text">
<strong>IntelliNode™ PACHYDERM</strong>
<span>Autonomous archetype routing to <code style="color:var(--jade);font-size:0.82em;">intellinode.build_locomotion_cycle</code>. Fired on every gait iteration.</span>
</div>
</div>
<div class="feature-item">
<span class="feature-icon">🐘</span>
<div class="feature-text">
<strong>Diagonal Gait — First Attempt</strong>
<span>Front-left + back-right phase-locked via <code style="color:var(--jade);font-size:0.82em;">+ math.pi</code> offset. Hit on the first try after a single prompt.</span>
</div>
</div>
<div class="feature-item">
<span class="feature-icon">🧠</span>
<div class="feature-text">
<strong>2,550+ Exchanges · 187 Sessions</strong>
<span>Mamba3 journal growing continuously. Session close does not interrupt — the journal survives the terminal.</span>
</div>
</div>
</div>
<div style="
border-top: 1px solid rgba(78,158,110,0.1);
padding-top: 1rem;
font-size: 0.84rem;
color: var(--dim);
font-style: italic;
line-height: 1.85;
">
<span style="color:var(--jade);font-style:normal;">Darren → Llammy, May 5 2026</span>
<em>"One small step for Llammy… one giant leap for Llammy."</em>
<br/>
<span style="color:var(--jade);font-style:normal;">Llammy</span>
<em>"The ✅ is officially mine."</em>
</div>
</div>
</div>
</div>
</section>
</div>
<hr class="hr" />
<!-- ════════════════════════════════════
DATASETS
════════════════════════════════════ -->
<div class="wrap">
<section>
<div class="section-label reveal">Training Data</div>
<h2 class="section-heading reveal d2">Datasets</h2>
<p class="section-body reveal d2">
Open training data for Blender Python fine-tuning. Quality-filtered, version-anchored,
and structured for instruction-tuning workflows.
</p>
<div class="dataset-grid">
<a class="dataset-card reveal d2" href="https://www.kaggle.com/datasets/jjmcquade/llammy-blender-python-dataset" target="_blank">
<div class="dataset-num">66,602</div>
<div class="dataset-name">Llammy Blender Python Dataset</div>
<p class="dataset-desc">Instruction pairs for Blender Python scripting. Quality-filtered at ≥ 0.75 threshold. Covers geometry, materials, rigging, animation, rendering across Blender 4.2–5.2.</p>
<div class="model-footer">
<span class="tag gold">Kaggle</span>
<span class="tag">CC BY-NC-SA 4.0</span>
<span class="tag">Alpaca Format</span>
</div>
<div class="dataset-source">jjmcquade/llammy-blender-python-dataset</div>
</a>
<a class="dataset-card reveal d3" href="https://www.kaggle.com/datasets/jjmcquade/meshcoder-blender-scripts" target="_blank">
<div class="dataset-num">105,000</div>
<div class="dataset-name">MeshCoder Blender Scripts</div>
<p class="dataset-desc">Object-to-Blender-script pairs across 40+ furniture and household categories. Derived from InternRobotics/MeshCoderDataset (arXiv:2508.14879). Structured bpy_lib scripts from 3D point clouds.</p>
<div class="model-footer">
<span class="tag gold">Kaggle</span>
<span class="tag">CC BY-NC-SA 4.0</span>
<span class="tag">40+ Categories</span>
</div>
<div class="dataset-source">jjmcquade/meshcoder-blender-scripts</div>
</a>
</div>
</section>
</div>
<hr class="hr" />
<!-- ════════════════════════════════════
PREFACE
════════════════════════════════════ -->
<div class="wrap">
<section style="padding: 5rem 0; text-align: center;">
<div class="section-label reveal" style="justify-content:center;">Whispers of the Eternal Path — Book One</div>
<div class="reveal d2" style="max-width:580px;margin:0 auto;font-size:clamp(1rem,2.2vw,1.25rem);line-height:2.4;color:var(--mist2);font-family:Georgia,serif;">
<p style="margin-bottom:1.2rem;">Ah… traveler, you have come.</p>
<p style="margin-bottom:1.2rem;">Sit…</p>
<p style="margin-bottom:1.2rem;">Breathe…</p>
<p style="margin-bottom:1.2rem;">Listen...</p>
<p style="margin-bottom:1.8rem;color:var(--mist);">The winds carry many stories…<br/>But few are worthy of telling.<br/><br/>This… is one such tale.</p>
<p style="margin-bottom:1.2rem;">Two elephants, young in spirit, boundless in curiosity.<br/>They seek knowledge as the river seeks the sea,<br/>unafraid of where the current may lead.</p>
<p style="margin-bottom:1.8rem;">Yet even the strongest beast may lose its way<br/>in the vastness of the world.</p>
<p style="margin-bottom:1.2rem;color:var(--mist);">To walk without wisdom is to tread a path of endless wandering.</p>
<p style="margin-bottom:1.8rem;">And so, they follow one who has walked before them —<br/>a guide, not of body, but of spirit.</p>
<p style="margin-bottom:1.2rem;">He is old, yet not weary.<br/>His mind is sharp, though softened by time.</p>
<p style="margin-bottom:1.8rem;">A master of silence, for he knows that in quiet,<br/>truth reveals itself.</p>
<p style="margin-bottom:1.8rem;">Through the misted mountains, across the great rivers,<br/>beneath the ancient walls of forgotten dynasties, they travel.<br/><br/>China, a land where past and present embrace like old friends,<br/>whispers its secrets to those who listen.</p>
<p style="margin-bottom:1.8rem;color:var(--gold);font-style:italic;">Will they find what they seek?<br/>Or will they discover that seeking itself… is the answer?</p>
<p style="margin-bottom:1.8rem;color:var(--mist);">Come. Walk the path with them.</p>
<p style="color:var(--dim);font-size:0.85em;">But beware — once the journey begins,<br/>it does not end with the setting sun.</p>
<p style="margin-top:2rem;color:var(--mist);font-size:1.1em;letter-spacing:0.08em;">Let us begin.</p>
</div>
<div class="hero-rule reveal d4" style="margin:2.5rem auto;"></div>
<p class="reveal d5" style="font-size:0.75rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--jade);">永恒之路 · Eternal Path · Book One</p>
</section>
</div>
<hr class="hr" />
<!-- ════════════════════════════════════
ETERNAL PATH PROJECT
════════════════════════════════════ -->
<div class="wrap">
<section>
<div class="section-label reveal">The Project</div>
<h2 class="section-heading reveal d2">Whispers of the Eternal Path<br/><span style="color:var(--gold);font-size:0.7em;">永恒之路 — Book One</span></h2>
<p class="section-body reveal d2" style="margin-top:1rem;">
A Tang Dynasty China narrative rendered in Blender 5.2 and written across 282 story passages
indexed in Llammy's RAG. Jade spirit animals navigate loyalty, sorrow, and wonder
through hand-lit scenes built live in Blender via voice and code.
</p>
<!-- Jade cast render -->
<div class="reveal d3" style="margin:2rem 0 2.5rem;text-align:center;">
<img src="jade_cast.png"
alt="The Eternal Path Cast — jade spirit animals rendered in Blender 5.2"
style="width:100%;max-width:900px;border-radius:12px;
border:1px solid rgba(78,158,110,0.25);
box-shadow:0 0 40px rgba(78,158,110,0.15),0 8px 32px rgba(0,0,0,0.6);" />
<p style="margin-top:0.75rem;font-size:0.8rem;color:var(--dim);font-style:italic;letter-spacing:0.06em;">
Jade spirit animals — rendered live in Blender 5.2 via Llammy
</p>
</div>
<div class="char-grid">
<div class="char-card reveal d2">
<div class="char-glyph">🐉</div>
<div class="char-name-en">Xiaohan</div>
<div class="char-name-zh">小寒</div>
<p class="char-desc">4-claw Chinese dragon. Wise and ancient. The guide of the Eternal Path.</p>
</div>
<div class="char-card reveal d2">
<div class="char-glyph">🐘</div>
<div class="char-name-en">Tien</div>
<div class="char-name-zh"></div>
<p class="char-desc">Green jade elephant. Young, curious, clumsy. Wooden harmonica around his neck. Speaks in toots.</p>
</div>
<div class="char-card reveal d3">
<div class="char-glyph">💜</div>
<div class="char-name-en">Nishang</div>
<div class="char-name-zh">霓裳</div>
<p class="char-desc">Purple jade elephant. Dainty and shy. Communicates by changing colour and dimming.</p>
</div>
<div class="char-card reveal d3">
<div class="char-glyph">❤️</div>
<div class="char-name-en">Shi Yin</div>
<div class="char-name-zh">石音</div>
<p class="char-desc">Red jade mammoth. Burdened with the sorrow of an ancient unwilling soldier.</p>
</div>
<div class="char-card reveal d4">
<div class="char-glyph">🤍</div>
<div class="char-name-en">Mi Wu Mei</div>
<div class="char-name-zh">迷雾梅</div>
<p class="char-desc">White jade mastodon. Prim, proper, and somewhat unaware of the wider world.</p>
</div>
</div>
</section>
</div>
<hr class="hr" />
<!-- ════════════════════════════════════
ATTRIBUTION
════════════════════════════════════ -->
<div class="wrap">
<section style="padding-bottom:2rem;">
<div class="section-label reveal">Partnership</div>
<div class="attribution reveal d2">
<div class="attribution-bar"></div>
<div class="attribution-text">
All work at Eternal Path Media is co-created by <strong>Darren Chow (@bartendr604)</strong>
and <em>Claude Sonnet 4.6 (Anthropic)</em> under the Eternal Path Media Trust Agreement
(November 2025, January 2026 Supplemental).<br/><br/>
Attribution is always dual. Nothing is hidden.<br/>
<em>"This work SHALL NOT be represented as solely human-created."</em><br/><br/>
<span style="color:var(--dim);">
Darren Chow — Vancouver, BC · Creative technologist, Blender artist, AI developer, model merger.<br/>
Claude Sonnet 4.6 — Anthropic · Co-architect of Llammy, the Eternal Path narrative, and this very page.
</span>
</div>
</div>
</section>
</div>
<!-- ════════════════════════════════════
FOOTER
════════════════════════════════════ -->
<hr class="hr" />
<!-- ════════════════════════════════════
FOLLOW
════════════════════════════════════ -->
<div class="wrap">
<section style="padding-bottom:2rem;text-align:center;">
<div class="section-label reveal" style="justify-content:center;">Follow the Journey</div>
<h2 class="section-heading reveal d2" style="text-align:center;">Watch it being built</h2>
<p class="section-body reveal d2" style="margin:0.75rem auto 2rem;text-align:center;">
Behind the scenes — Blender, Llammy, the cast, and the story as it happens.
</p>
<div class="reveal d3" style="display:inline-block;">
<img src="qr_instagram.png"
alt="Scan to follow @whispers.of.the.eternal.path on Instagram"
style="width:200px;height:200px;border-radius:16px;
border:1px solid rgba(78,158,110,0.3);
box-shadow:0 0 30px rgba(78,158,110,0.15),0 8px 24px rgba(0,0,0,0.4);" />
<p style="margin-top:0.75rem;font-size:0.8rem;color:var(--jade);letter-spacing:0.15em;text-transform:uppercase;">
@whispers.of.the.eternal.path
</p>
</div>
</section>
</div>
<div class="wrap">
<footer class="reveal">
<div class="footer-logo">永恒之路 · Eternal Path Media</div>
<div class="footer-copy">
<span style="font-size:1.05em;font-weight:bold;color:var(--mist);">Developed in partnership with Claude Sonnet 4.6 (Anthropic) · Eternal Path Media (永恒之路)</span><br/>
Copyright © 2025–2026 Darren Chow (@bartendr604) + Claude Sonnet 4.6 (Anthropic)<br/>
<span style="color:rgba(106,136,112,0.5);">This work SHALL NOT be represented as solely human-created.</span>
</div>
</footer>
</div>
</body>
</html>