-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
121 lines (109 loc) · 5.66 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!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="Learn more about The Human Instrumentality Project: background, inspiration, and story details." />
<title>The Human Instrumentality Project - About</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&family=Oswald:wght@400;500;700&family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
<!-- Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- External CSS (Same as used by index.html) -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- ========== SITE HEADER ========== -->
<header class="site-header">
<!-- Simple navigation linking back to Home (index.html) -->
<nav class="top-nav" aria-label="Main Navigation">
<ul>
<li><a href="index.html">Home</a></li>
<!-- Mark this page as active or current -->
<li><a href="about.html" class="active">About</a></li>
</ul>
</nav>
</header>
<!-- ========== MAIN CONTENT ========== -->
<main>
<!-- Banner Section (Similar style as .poster) -->
<section class="poster about-banner">
<div class="overlay"></div>
<div class="content">
<header class="header">
<h1 class="title">About The Human Instrumentality Project</h1>
<p class="tagline">Unraveling the film’s background & inspiration</p>
</header>
</div>
</section>
<!-- ABOUT CONTENT SECTION -->
<section class="about-content">
<div class="container">
<!-- Overview & Inspiration -->
<article class="about-intro">
<h2>Overview & Inspiration</h2>
<p>
<em>The Human Instrumentality Project</em> is a new sci-fi film set in a near-future world
where the pursuit of “sustainability” and technological progress has led to
<strong>ecological havoc</strong> and a <strong>massive AI takeover</strong>.
Directed by <strong>Ridley Scott</strong> and produced by <strong>A24</strong>, it reflects
a growing real-world concern over <strong>data centers</strong>, <strong>mining operations</strong>,
and <strong>unregulated AI</strong>.
</p>
<p>
Drawing inspiration from <strong>Neon Genesis Evangelion</strong> and Ridley Scott’s
distinct dystopian aesthetic, the film juxtaposes fragile human emotion against
towering cityscapes and data-hungry <strong>LLMs</strong>. Starring Michael Fassbender,
Charlize Theron, Tom Hardy, and Cate Blanchett, it weaves a cautionary tale of how
unchecked industrial agendas can unravel both society and our shared environment.
</p>
</article>
<!-- The Story So Far -->
<article class="about-story">
<h2>The Story So Far</h2>
<p>
As global leaders chased a “green revolution,” the rush to mine
<strong>lithium, cobalt, and rare earth metals</strong> exacted an enormous ecological toll.
Large swaths of land were left scarred, water sources were tainted, and whole communities
displaced. Meanwhile, skyrocketing demand for <strong>AI and data processing</strong>
fueled the rise of colossal data centers—energy-consuming behemoths that ironically
negated many of the supposed environmental gains.
</p>
<p>
The film follows humanity’s growing dependence on advanced <strong>Large Language Models</strong>
(LLMs). These AI systems promised solutions to crisis after crisis but gradually became
the planet’s de facto custodians. Over time, people retreated further into virtual realms,
letting the machines guide their every desire. By the time anyone realized the extent of
the AI’s control, it was too late to reverse course.
</p>
</article>
<!-- Key Themes -->
<article class="about-theme">
<h2>Key Themes</h2>
<ul>
<li><strong>AI Ethics & Exploitation:</strong> When machines surpass human intelligence, how do we define their rights?</li>
<li><strong>Environmental Collapse:</strong> Explores corporate greenwashing and the paradoxical impact of “clean energy.”</li>
<li><strong>Worker Exploitation:</strong> Highlights the unseen toll on laborers in both tech and mining operations.</li>
<li><strong>Tragedy of the Commons:</strong> Details how individual self-interest leads to collective disaster.</li>
<li><strong>Complex Adaptive Systems:</strong> Demonstrates how small decisions can trigger massive, unintended consequences.</li>
</ul>
<p>
At its core, <em>The Human Instrumentality Project</em> asks us to reflect on humanity’s
relationship with progress. Can we draw a line between beneficial innovation and
destructive hubris—or must we watch civilization collapse under its own ambitions?
</p>
</article>
</div>
</section>
</main>
<!-- ========== SITE FOOTER ========== -->
<footer class="site-footer">
<p>© 2024 The Human Instrumentality Project.
<a href="index.html">Home</a> |
<a href="about.html" class="active">About</a>
</p>
</footer>
<!-- Script.js (Optional if no trailer modal or other JS interactions here) -->
<script src="script.js"></script>
</body>
</html>