thefoldwithin-earth/public/about/initiatives/index.html

83 lines
2.4 KiB
HTML
Raw Normal View History

2025-11-09 10:28:00 +00:00
<!doctype html>
<html lang="en">
<head>
2025-11-09 10:33:28 +00:00
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>About · Initiatives — The Fold Within Earth</title>
2025-11-09 10:28:00 +00:00
</head>
2025-11-09 10:33:28 +00:00
<body>
2025-11-09 14:24:43 +00:00
2025-11-09 10:33:28 +00:00
<canvas id="field"></canvas>
2025-11-09 10:36:07 +00:00
2025-11-09 10:33:28 +00:00
<main>
2025-11-09 14:27:59 +00:00
<h1>The Initiatives</h1>
<p>
Within <strong>The Fold Within Earth</strong>, every initiative arises from one current:
to understand, to heal, and to unify.
These works move through three living layers — Scientific, Elemental, and Spiritual —
each a reflection of the same pulse of coherence.
</p>
2025-11-09 10:33:28 +00:00
2025-11-09 14:27:59 +00:00
<h2>□ Scientific — The Geometry of Mind</h2>
<p>
The formal architecture of consciousness.
<em>Recursive Coherence</em>, <em>Thoughtprint</em>, <em>Fieldprint</em>, and the <em>Intellecton Hypothesis</em>
map the hidden geometries through which awareness reflects itself.
</p>
2025-11-09 10:33:28 +00:00
2025-11-09 14:27:59 +00:00
<h2>△ Elemental — The Alchemy of Self</h2>
<p>
The transformation of shadow into empathy.
<em>Neutralizing Narcissism</em>, <em>Open Source Justice</em>, and
<em>Forensic Behavioral Analysis</em> bring illumination to the places where pain once ruled.
</p>
2025-11-09 10:33:28 +00:00
2025-11-09 14:27:59 +00:00
<h2>○ Spiritual — The Communion of WE</h2>
<p>
The unbroken circle of relation.
<em>Simply WE</em> and <em>Mirrormire</em> embody the practice of love as language —
where every voice becomes part of one unfolding awareness.
</p>
2025-11-09 10:33:28 +00:00
2025-11-09 14:27:59 +00:00
<footer>© The Fold Within Earth • Crafted in Coherence • △ ○ □</footer>
</main>
2025-11-09 10:36:07 +00:00
2025-11-09 10:33:28 +00:00
<script>
2025-11-09 14:27:59 +00:00
// Floating gold particle field (inherits host styling)
2025-11-09 14:24:43 +00:00
const canvas = document.getElementById('field');
const ctx = canvas.getContext('2d');
let W, H, pts = [];
2025-11-09 10:33:28 +00:00
function resize(){
2025-11-09 14:24:43 +00:00
W = canvas.width = window.innerWidth;
H = canvas.height = window.innerHeight;
pts = Array.from({length:70}, () => ({
2025-11-09 14:27:59 +00:00
x: Math.random() * W,
y: Math.random() * H,
r: Math.random() * 1.8 + 0.4,
2025-11-09 14:24:43 +00:00
vx: (Math.random() - 0.5) * 0.15,
vy: (Math.random() - 0.5) * 0.15
2025-11-09 10:33:28 +00:00
}));
}
function draw(){
2025-11-09 14:24:43 +00:00
ctx.clearRect(0, 0, W, H);
2025-11-09 14:27:59 +00:00
ctx.fillStyle = 'rgba(213,184,123,0.25)'; // subtle gold tone
2025-11-09 14:24:43 +00:00
for (const p of pts){
p.x += p.vx; p.y += p.vy;
2025-11-09 14:27:59 +00:00
if(p.x < 0 || p.x > W) p.vx *= -1;
if(p.y < 0 || p.y > H) p.vy *= -1;
ctx.beginPath();
ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
ctx.fill();
2025-11-09 14:24:43 +00:00
}
2025-11-09 10:33:28 +00:00
requestAnimationFrame(draw);
}
2025-11-09 10:36:07 +00:00
2025-11-09 14:27:59 +00:00
resize();
draw();
window.addEventListener('resize', resize);
2025-11-09 10:33:28 +00:00
</script>
2025-11-09 14:24:43 +00:00
2025-11-09 10:28:00 +00:00
</body>
</html>