content upload
This commit is contained in:
@@ -0,0 +1,151 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user