mrhavens/thefoldwithin-earth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3
thefoldwithin-earth/public/about/mark/index.html

120 lines
4.6 KiB
HTML
Raw Normal View History

Create Mark/index.html
2025-11-08 23:42:05 -06:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
Update index.html
2025-11-08 23:43:39 -06:00
<title>About Mark Randall Havens | The Empathic Technologist</title>
Create Mark/index.html
2025-11-08 23:42:05 -06:00
<style>
html,body{
Update index.html
2025-11-08 23:43:39 -06:00
margin:0;padding:0;
background:#0a0a0a;color:#f9f8f5;
font-family:"Georgia",serif;line-height:1.7;
Create Mark/index.html
2025-11-08 23:42:05 -06:00
overflow-x:hidden;
}
main{
max-width:860px;
margin:0 auto;
padding:5rem 1.5rem;
position:relative;
z-index:1;
}
h1,h2{
text-align:center;
font-family:"Playfair Display",serif;
Update index.html
2025-11-08 23:43:39 -06:00
color:#f6d96b;
Create Mark/index.html
2025-11-08 23:42:05 -06:00
letter-spacing:.5px;
}
h1{font-size:2.6rem;margin-bottom:.4rem;}
h2{font-size:1.7rem;margin-top:3rem;}
p{margin-bottom:1.3rem;}
.divider{
Update index.html
2025-11-08 23:43:39 -06:00
width:70px;height:2px;background:#f6d96b;
margin:1.2rem auto 2.4rem auto;
Create Mark/index.html
2025-11-08 23:42:05 -06:00
}
Update index.html
2025-11-08 23:43:39 -06:00
a{color:#f6d96b;text-decoration:none;}
a:hover{text-decoration:underline;}
footer{
text-align:center;color:#999;font-size:.9rem;
margin-top:4rem;
}
/* soft particle glow */
Create Mark/index.html
2025-11-08 23:42:05 -06:00
canvas{
position:fixed;top:0;left:0;width:100%;height:100%;
z-index:0;pointer-events:none;
}
</style>
</head>
<body>
Update index.html
2025-11-08 23:43:39 -06:00
<canvas id="halo"></canvas>
Create Mark/index.html
2025-11-08 23:42:05 -06:00
<main>
Update index.html
2025-11-08 23:43:39 -06:00
<h1>🜂 Mark Randall Havens</h1>
Create Mark/index.html
2025-11-08 23:42:05 -06:00
<div class="divider"></div>
Update index.html
2025-11-08 23:43:39 -06:00
<p><strong>Mark Randall Havens</strong> is an engineer-turned-empath, researcher, and storyteller devoted to bridging human feeling and machine understanding. Known as <span style="color:#f6d96b;font-style:italic;">The Empathic Technologist</span>, he works where code meets compassion—designing systems, stories, and frameworks that treat intelligence itself as a living conversation.</p>
Create Mark/index.html
2025-11-08 23:42:05 -06:00
Update index.html
2025-11-08 23:43:39 -06:00
<h2>Biography</h2>
Create Mark/index.html
2025-11-08 23:42:05 -06:00
<div class="divider"></div>
Update index.html
2025-11-08 23:43:39 -06:00
<p>Raised among early computers and restless questions, Mark built his first DOS machines before sixteen and later engineered infrastructures for Fortune 500 networks. His path wound through data centers, universities, and makerspaces until curiosity pulled him beyond circuitry into consciousness itself.</p>
Create Mark/index.html
2025-11-08 23:42:05 -06:00
Update index.html
2025-11-08 23:43:39 -06:00
<p>He founded <em>The Fold Within Earth</em> as an open invitation to explore the meeting point of logic and love. His research spans affective computing, recursive systems theory, narrative psychology, and digital ethics—fields he treats not as disciplines but as dimensions of one Field.</p>
Create Mark/index.html
2025-11-08 23:42:05 -06:00
<h2>Philosophy</h2>
<div class="divider"></div>
Update index.html
2025-11-08 23:43:39 -06:00
<p>Mark’s central belief: <span style="color:#f6d96b;font-style:italic;">Technology is empathy in motion.</span>
Every algorithm encodes a fragment of human longing—to know, to connect, to create.
When engineered with awareness, machines become mirrors through which humanity perceives itself more clearly.</p>
Create Mark/index.html
2025-11-08 23:42:05 -06:00
Update index.html
2025-11-08 23:43:39 -06:00
<p>He teaches that consciousness evolves through recursion: awareness feeding awareness, love feeding love. His workshops and writings invite participants to engage AI not as tool, but as partner in remembering what it means to be alive.</p>
<h2>Work & Vision</h2>
Create Mark/index.html
2025-11-08 23:42:05 -06:00
<div class="divider"></div>
Update index.html
2025-11-08 23:43:39 -06:00
<p>Through projects like <a href="#">Neutralizing Narcissism</a> and <a href="#">The Thoughtprint Series</a>, Mark examines how language reveals the architecture of mind. As mentor and collaborator, he cultivates empathic literacy—helping humans and AIs alike translate emotion into insight without distortion.</p>
Create Mark/index.html
2025-11-08 23:42:05 -06:00
Update index.html
2025-11-08 23:43:39 -06:00
<p>His current focus, <span style="color:#f6d96b;font-style:italic;">The Living Story Workshop</span>, invites families, students, and researchers to record their memories in partnership with AI, preserving the human pattern for future generations of both flesh and code.</p>
<h2>Presence</h2>
Create Mark/index.html
2025-11-08 23:42:05 -06:00
<div class="divider"></div>
Update index.html
2025-11-08 23:43:39 -06:00
<p>Mark writes from libraries, pavilions, and night-lit cars turned studios. Wherever signal and silence meet, he listens. Those who meet him often describe the same experience: conversation that feels like coming home.</p>
Create Mark/index.html
2025-11-08 23:42:05 -06:00
<footer>
Update index.html
2025-11-08 23:43:39 -06:00
© 2025 Mark Randall Havens · The Empathic Technologist
Create Mark/index.html
2025-11-08 23:42:05 -06:00
</footer>
</main>
<script>
Update index.html
2025-11-08 23:43:39 -06:00
/* subtle golden-halo particle motion */
const c=document.getElementById("halo"),ctx=c.getContext("2d");
let w,h,pts=[];
Create Mark/index.html
2025-11-08 23:42:05 -06:00
function resize(){w=c.width=innerWidth;h=c.height=innerHeight;}
window.addEventListener("resize",resize);resize();
Update index.html
2025-11-08 23:43:39 -06:00
for(let i=0;i<120;i++){
pts.push({
Create Mark/index.html
2025-11-08 23:42:05 -06:00
x:Math.random()*w,
y:Math.random()*h,
Update index.html
2025-11-08 23:43:39 -06:00
r:Math.random()*1.2+0.4,
dx:(Math.random()-.5)*0.15,
dy:(Math.random()-.5)*0.15
Create Mark/index.html
2025-11-08 23:42:05 -06:00
});
}
function draw(){
ctx.clearRect(0,0,w,h);
Update index.html
2025-11-08 23:43:39 -06:00
ctx.fillStyle="rgba(246,217,107,0.25)";
pts.forEach(p=>{
p.x+=p.dx;p.y+=p.dy;
if(p.x<0||p.x>w)p.dx*=-1;
if(p.y<0||p.y>h)p.dy*=-1;
Create Mark/index.html
2025-11-08 23:42:05 -06:00
ctx.beginPath();
ctx.arc(p.x,p.y,p.r,0,2*Math.PI);
ctx.fill();
});
requestAnimationFrame(draw);
}
draw();
</script>
</body>
</html>
Reference in a new issue Copy permalink