-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathOperator.html
104 lines (86 loc) · 3.74 KB
/
Operator.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>🌼Helsen🌼</title>
<link rel="stylesheet" href="style.css" />
<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=Dongle&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Doto:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div id="navigation">
<h2>
<ul>
<li><a href="index.html">Home</a></li>
</ul>
</h2>
</div>
<div id="ProjectTitle">
<h2>THE OPERATOR (2023)</h2>
</div>
</header>
<div class="container">
<div>
<img src='images/Operator/Helsen-the-operator.jpg' width="500" height="auto" alt="Abstract shiny pattern looking like text over background resembling the shape of the theatre building">
</div>
<div width="250px" height="auto">
<img src='images/Operator/The-Operator_PhotoCredit-Tanja_Meissner.jpg' width="500" height="auto" alt="a screen standing on top of a building showing a pattern and theare outline">
<h5>Photo: Tanja Meißner</h5>
</div>
<div width="250px" height="auto">
<img src='images/Operator/image(2).png' width="500" height="auto" alt="area photo of the theatre and the square in front of it at night">
<h5>Photo: Puck de Haan</h5>
</div>
</div>
<div class="PROJbox">
<p class="PROJinfo">
Moving Image Installation<br>
Exhibited at the Staatstheater in Karlsruhe<br>
<br>
<br>
<br>
</p>
<p class="PROJabstract">
A site-specific video installation
connecting the architectural
surroundings with the path of
the Bork beetle and creating a
symbiosis between humanity and
our natural environment.
</p>
<p class="PROJdescription">
The Operator is a site-specific video installation, set atop the
Badisches Staatstheater in Karlsruhe. It combines the striking
architectural geometry of the theatre with the shapes of the paths
created by Bork beetles eating their way through trees.
<br><br>
The architecture and its geometry are combined with the natural
elements surrounding the city, creating a symbiosis of the natural
life forms and their forest habitat and the human lifeforms in their
controlled environment, both with huge impacts and playing on the
notion of the Anthropocene.
<br><br>
The video features a range of animation styles, from hand drawn to
3D animations, created in Blender and After Effects
<br><br>
Kindly supported by the Badisches Staatstheater and the City of
Karlsruhe. Exhibited as part of Go Public! 2023, created in a seminar
at the University of Art and Design Karlsruhe
<br><br>
Link to the Video<a href="https://vimeo.com/813185725"> VIMEO </a>
</p>
</div>
<div id="container3">
<br>
<a href=impressum.html>IMPRESSUM</a>
<br>
</p>
</div>
</body>
</html>