152 lines
6.5 KiB
HTML
152 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="Roland Hollós — the AI-translated rendering of a human-written site.">
|
||
|
||
<!-- Fonts -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500&display=swap" rel="stylesheet">
|
||
|
||
<!-- Scroll-reveal animations -->
|
||
<link rel="stylesheet" href="https://unpkg.com/aos@2.3.4/dist/aos.css">
|
||
|
||
<link rel="stylesheet" href="css/ai.css">
|
||
<title>Roland Hollós · AI</title>
|
||
</head>
|
||
<body>
|
||
<!-- Animated background -->
|
||
<div class="aurora" aria-hidden="true"><span></span><span></span><span></span></div>
|
||
<div class="grid-overlay" aria-hidden="true"></div>
|
||
|
||
<nav>
|
||
<span class="site-title"><strong>Roland Hollós</strong></span>
|
||
|
||
<!-- Toggle: AI active. Links back to the human page. -->
|
||
<a href="/index.html" class="toggle toggle--ai" aria-label="Switch to Human version">
|
||
<span class="toggle-label">Human</span>
|
||
<span class="toggle-track">
|
||
<span class="toggle-knob"></span>
|
||
</span>
|
||
<span class="toggle-label">AI</span>
|
||
</a>
|
||
</nav>
|
||
|
||
<main>
|
||
<section class="hero" data-aos="fade-up">
|
||
<span class="ai-badge">
|
||
<span class="spark">✦</span> AI-Translated Rendering
|
||
</span>
|
||
<h1>An introduction,<br>refined by a machine.</h1>
|
||
<p class="subtitle"><span id="typed"></span></p>
|
||
</section>
|
||
|
||
<blockquote class="motto" data-aos="fade-up" data-aos-delay="80">
|
||
In the midway of this our mortal life,<br>
|
||
I found me in a gloomy wood, astray<br>
|
||
Gone from the path direct: and e'en to tell
|
||
<cite>— Dante Alighieri, <em>Inferno</em></cite>
|
||
</blockquote>
|
||
|
||
<div class="card" data-aos="fade-up" data-aos-delay="120">
|
||
<p>
|
||
Every meaningful conversation between strangers begins with a proper
|
||
introduction — the small act of opening a door so that curiosity can step
|
||
through. Online, where genuine intimacy is rare, that gesture leaves us
|
||
exposed. I take the risk regardless: here, you find me openly.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="card" data-aos="fade-up" data-aos-delay="120">
|
||
<p>
|
||
Its companion page is written <strong>entirely by a human</strong>, its
|
||
imperfections left in place — embraced rather than hidden. This page is
|
||
the counterpart: the whole site is passed through an automated pipeline
|
||
that <strong>renders the human original into a more polished form using
|
||
AI</strong>. Flip the switch above — a kind of <em>LLM-mode</em>, in the
|
||
spirit of a dark-mode toggle — to move between the two.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="card" data-aos="fade-up" data-aos-delay="120">
|
||
<p>
|
||
Everyone seeks connection — Deleuze would agree — for it is among the most
|
||
essential parts of being human. Shared origins, common experience, and
|
||
mutual interdependence are what make a relationship possible at all. My
|
||
central question is this: <strong>how does AI support the work of
|
||
connecting?</strong> Is there a genuine human–AI complementarity? Rather
|
||
than answer outright, I would sooner leave the choice with you — and stay
|
||
curious about how much our expression, and the bonds between us, stand to
|
||
lose or gain as these tools advance.
|
||
</p>
|
||
</div>
|
||
|
||
<h2 data-aos="fade-up"><span class="accent">Who am I?</span></h2>
|
||
<div class="card" data-aos="fade-up" data-aos-delay="80">
|
||
<p>
|
||
I am <strong>Roland Hollós</strong>, a Hungarian environmental scientist
|
||
driven above all by curiosity and a deep urge to create. My work sits at
|
||
the crossroads of environmental science, mathematics, and computer
|
||
science, and I remain a devoted reader of philosophy, sociology,
|
||
psychology, history, and literature.
|
||
</p>
|
||
<div class="chips">
|
||
<span class="chip">Environmental Science</span>
|
||
<span class="chip">Mathematics</span>
|
||
<span class="chip">Computer Science</span>
|
||
<span class="chip">Philosophy</span>
|
||
<span class="chip">Sociology</span>
|
||
<span class="chip">Psychology</span>
|
||
<span class="chip">History</span>
|
||
<span class="chip">Literature</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pipeline" data-aos="fade-up">
|
||
<span class="spark" aria-hidden="true">✦</span>
|
||
<span>
|
||
This page was generated automatically from the human-authored
|
||
<code>index.html</code> by an AI translation pipeline. The wording is the
|
||
machine's; the meaning remains Roland's.
|
||
</span>
|
||
</div>
|
||
</main>
|
||
|
||
<footer>
|
||
Rendered in LLM-mode · the human original is one switch away.
|
||
</footer>
|
||
|
||
<!-- Libraries -->
|
||
<script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.1.0/dist/typed.umd.js"></script>
|
||
<script>
|
||
// Scroll-reveal
|
||
if (window.AOS) {
|
||
AOS.init({ duration: 700, easing: "ease-out-cubic", once: true });
|
||
}
|
||
|
||
// Typewriter subtitle — signals the "generated" nature of the page.
|
||
if (window.Typed) {
|
||
new Typed("#typed", {
|
||
strings: [
|
||
"Rendering a human introduction…",
|
||
"Same person, same meaning — machine-polished prose.",
|
||
"You are reading the AI translation of a hand-written page."
|
||
],
|
||
typeSpeed: 32,
|
||
backSpeed: 12,
|
||
backDelay: 1800,
|
||
startDelay: 400,
|
||
loop: true,
|
||
smartBackspace: true
|
||
});
|
||
} else {
|
||
document.getElementById("typed").textContent =
|
||
"The AI translation of a hand-written page.";
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|