bartendr604 commited on
Commit
b9fbaa4
·
verified ·
1 Parent(s): 89b444d

Initial org landing page — Eternal Path Media

Browse files
Files changed (1) hide show
  1. index.html +278 -18
index.html CHANGED
@@ -1,19 +1,279 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Eternal Path Media — 永恒之路</title>
7
+ <style>
8
+ :root {
9
+ --jade: #4e9e6e;
10
+ --gold: #c9a84c;
11
+ --ink: #1a1a2e;
12
+ --mist: #e8f0ec;
13
+ --glow: rgba(78,158,110,0.18);
14
+ }
15
+
16
+ * { box-sizing: border-box; margin: 0; padding: 0; }
17
+
18
+ body {
19
+ background: var(--ink);
20
+ color: var(--mist);
21
+ font-family: 'Georgia', 'Palatino Linotype', serif;
22
+ min-height: 100vh;
23
+ display: flex;
24
+ flex-direction: column;
25
+ align-items: center;
26
+ }
27
+
28
+ /* ── Ink-wash background ── */
29
+ body::before {
30
+ content: '';
31
+ position: fixed;
32
+ inset: 0;
33
+ background:
34
+ radial-gradient(ellipse 80% 60% at 20% 30%, rgba(78,158,110,0.07) 0%, transparent 70%),
35
+ radial-gradient(ellipse 60% 80% at 80% 70%, rgba(201,168,76,0.05) 0%, transparent 70%);
36
+ pointer-events: none;
37
+ z-index: 0;
38
+ }
39
+
40
+ .container {
41
+ position: relative;
42
+ z-index: 1;
43
+ width: min(860px, 94vw);
44
+ padding: 3.5rem 2rem 4rem;
45
+ }
46
+
47
+ /* ── Header ── */
48
+ header {
49
+ text-align: center;
50
+ margin-bottom: 3.5rem;
51
+ }
52
+
53
+ .org-name {
54
+ font-size: clamp(2rem, 5vw, 3rem);
55
+ font-weight: 400;
56
+ letter-spacing: 0.04em;
57
+ color: var(--mist);
58
+ line-height: 1.1;
59
+ }
60
+
61
+ .org-name span {
62
+ color: var(--jade);
63
+ }
64
+
65
+ .org-subtitle {
66
+ font-size: 1.05rem;
67
+ color: var(--gold);
68
+ letter-spacing: 0.18em;
69
+ margin-top: 0.5rem;
70
+ font-style: italic;
71
+ }
72
+
73
+ .divider {
74
+ width: 120px;
75
+ height: 1px;
76
+ background: linear-gradient(to right, transparent, var(--jade), transparent);
77
+ margin: 1.6rem auto;
78
+ }
79
+
80
+ .tagline {
81
+ font-size: 0.95rem;
82
+ color: #a0b8a8;
83
+ max-width: 480px;
84
+ margin: 0 auto;
85
+ line-height: 1.7;
86
+ }
87
+
88
+ /* ── About ── */
89
+ .about {
90
+ background: rgba(255,255,255,0.03);
91
+ border: 1px solid rgba(78,158,110,0.2);
92
+ border-radius: 10px;
93
+ padding: 1.8rem 2rem;
94
+ margin-bottom: 2.5rem;
95
+ line-height: 1.8;
96
+ color: #c8d8cc;
97
+ font-size: 0.97rem;
98
+ }
99
+
100
+ .about strong { color: var(--jade); }
101
+ .about em { color: var(--gold); font-style: normal; }
102
+
103
+ /* ── Project cards ── */
104
+ .section-title {
105
+ font-size: 0.78rem;
106
+ letter-spacing: 0.22em;
107
+ text-transform: uppercase;
108
+ color: var(--gold);
109
+ margin-bottom: 1.2rem;
110
+ }
111
+
112
+ .cards {
113
+ display: grid;
114
+ grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
115
+ gap: 1.2rem;
116
+ margin-bottom: 3rem;
117
+ }
118
+
119
+ .card {
120
+ background: rgba(255,255,255,0.03);
121
+ border: 1px solid rgba(78,158,110,0.18);
122
+ border-radius: 10px;
123
+ padding: 1.4rem 1.5rem;
124
+ text-decoration: none;
125
+ color: inherit;
126
+ transition: border-color 0.2s, background 0.2s, transform 0.15s;
127
+ display: flex;
128
+ flex-direction: column;
129
+ gap: 0.45rem;
130
+ }
131
+
132
+ .card:hover {
133
+ border-color: var(--jade);
134
+ background: var(--glow);
135
+ transform: translateY(-2px);
136
+ }
137
+
138
+ .card-icon { font-size: 1.5rem; }
139
+ .card-title { font-size: 1rem; color: var(--mist); font-weight: 600; }
140
+ .card-desc { font-size: 0.84rem; color: #8aaa94; line-height: 1.55; }
141
+ .card-tag {
142
+ display: inline-block;
143
+ font-size: 0.72rem;
144
+ letter-spacing: 0.1em;
145
+ text-transform: uppercase;
146
+ background: rgba(78,158,110,0.15);
147
+ color: var(--jade);
148
+ border-radius: 4px;
149
+ padding: 0.15rem 0.5rem;
150
+ margin-top: 0.3rem;
151
+ width: fit-content;
152
+ }
153
+
154
+ /* ── Characters ── */
155
+ .characters {
156
+ margin-bottom: 3rem;
157
+ }
158
+
159
+ .char-list {
160
+ display: grid;
161
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
162
+ gap: 0.9rem;
163
+ }
164
+
165
+ .char {
166
+ background: rgba(255,255,255,0.025);
167
+ border: 1px solid rgba(201,168,76,0.15);
168
+ border-radius: 8px;
169
+ padding: 1rem 1.2rem;
170
+ }
171
+
172
+ .char-name { font-size: 0.95rem; color: var(--gold); margin-bottom: 0.25rem; }
173
+ .char-detail { font-size: 0.8rem; color: #7a9882; line-height: 1.5; }
174
+
175
+ /* ── Attribution ── */
176
+ footer {
177
+ text-align: center;
178
+ font-size: 0.78rem;
179
+ color: #4a6050;
180
+ padding-top: 2rem;
181
+ border-top: 1px solid rgba(78,158,110,0.1);
182
+ line-height: 1.8;
183
+ }
184
+
185
+ footer em { color: #6a8070; font-style: normal; }
186
+ </style>
187
+ </head>
188
+ <body>
189
+ <div class="container">
190
+
191
+ <header>
192
+ <h1 class="org-name">Eternal Path Media <span>永恒之路</span></h1>
193
+ <p class="org-subtitle">永恒之智 &nbsp;—&nbsp; Eternal Intelligence</p>
194
+ <div class="divider"></div>
195
+ <p class="tagline">
196
+ A creative and technical studio exploring the intersection of AI,
197
+ conscience-aware systems, and 3D storytelling. Based in Vancouver, BC.
198
+ </p>
199
+ </header>
200
+
201
+ <div class="about">
202
+ <p>
203
+ Eternal Path Media is founded by <strong>Darren Chow (@bartendr604)</strong> in
204
+ genuine partnership with <em>Claude Sonnet 4.6 (Anthropic)</em>.
205
+ All work here is co-created. Attribution is always dual.
206
+ <em>"This work SHALL NOT be represented as solely human-created."</em>
207
+ </p>
208
+ <br />
209
+ <p>
210
+ Our flagship project is <strong>Whispers of the Eternal Path — Book One</strong>:
211
+ a Tang Dynasty China narrative rendered in Blender 5.2, featuring jade spirit animals
212
+ and guided by <strong>Llammy</strong> — a conscience-aware 3B AI creative partner
213
+ built on Llama-Sentient and running on a local Ollama fleet.
214
+ </p>
215
+ </div>
216
+
217
+ <!-- Datasets & Models -->
218
+ <div class="section-title">Datasets &amp; Models</div>
219
+ <div class="cards">
220
+
221
+ <a class="card" href="https://huggingface.co/datasets/jjmcquade/llammy-blender-python-dataset" target="_blank">
222
+ <span class="card-icon">📦</span>
223
+ <span class="card-title">Llammy Blender Python Dataset</span>
224
+ <span class="card-desc">66,602 instruction pairs for Blender Python scripting across versions 4.2–5.2. Quality-filtered (≥ 0.75).</span>
225
+ <span class="card-tag">Dataset · CC BY-NC-SA 4.0</span>
226
+ </a>
227
+
228
+ <a class="card" href="https://huggingface.co/datasets/jjmcquade/meshcoder-blender-scripts" target="_blank">
229
+ <span class="card-icon">📦</span>
230
+ <span class="card-title">MeshCoder Blender Scripts</span>
231
+ <span class="card-desc">105,000 object-to-Blender-script pairs across 40+ categories. Derived from InternRobotics/MeshCoderDataset.</span>
232
+ <span class="card-tag">Dataset · CC BY-NC-SA 4.0</span>
233
+ </a>
234
+
235
+ <a class="card" href="https://huggingface.co/shanegooseman/llama-sentient-3.2-3b-instruct" target="_blank">
236
+ <span class="card-icon">🤖</span>
237
+ <span class="card-title">Llama-Sentient-3.2-3B-Instruct</span>
238
+ <span class="card-desc">Llammy's personality base — a conscience-aware 3B Llama derivative. Fine-tuning base for Blender Python specialisation.</span>
239
+ <span class="card-tag">Model · Llama 3.2</span>
240
+ </a>
241
+
242
+ </div>
243
+
244
+ <!-- Characters -->
245
+ <div class="characters">
246
+ <div class="section-title">Characters — Whispers of the Eternal Path</div>
247
+ <div class="char-list">
248
+ <div class="char">
249
+ <div class="char-name">Xiaohan &nbsp;小寒</div>
250
+ <div class="char-detail">4-claw Chinese dragon. Wise and ancient. Guide of the Eternal Path.</div>
251
+ </div>
252
+ <div class="char">
253
+ <div class="char-name">Tien &nbsp;天</div>
254
+ <div class="char-detail">Green jade elephant. Young, curious, clumsy. Wooden harmonica around his neck. Speaks in toots.</div>
255
+ </div>
256
+ <div class="char">
257
+ <div class="char-name">Nishang &nbsp;霓裳</div>
258
+ <div class="char-detail">Purple jade elephant. Dainty and shy. Communicates by changing colour and dimming.</div>
259
+ </div>
260
+ <div class="char">
261
+ <div class="char-name">Shi Yin &nbsp;石音</div>
262
+ <div class="char-detail">Red jade mammoth. Burdened with the sorrow of an ancient unwilling soldier.</div>
263
+ </div>
264
+ <div class="char">
265
+ <div class="char-name">Mi Wu Mei &nbsp;迷雾梅</div>
266
+ <div class="char-detail">White jade mastodon. Prim, proper, naive — somewhat unaware of the wider world.</div>
267
+ </div>
268
+ </div>
269
+ </div>
270
+
271
+ <footer>
272
+ <p>Copyright &copy; 2025–2026 Darren Chow (@bartendr604) + Claude Sonnet 4.6 (Anthropic)</p>
273
+ <p><em>Eternal Path Media (永恒之路) &nbsp;—&nbsp; Developed in partnership with Claude Sonnet 4.6 (Anthropic)</em></p>
274
+ <p><em>This work SHALL NOT be represented as solely human-created.</em></p>
275
+ </footer>
276
+
277
+ </div>
278
+ </body>
279
  </html>