-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathFloating.html
92 lines (74 loc) · 3.05 KB
/
Floating.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
<!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>FLOATING (2022)</h2>
</div>
</header>
<div class="container">
<div>
<img src='images/Floating Video Projection/Floating/IMG_20220129_121242_311.jpg' width="500" height="auto" alt="Videoprojections on the Weinbrenner Kirche Sidebuilding in Karlsruhe">
</div>
<div width="250px" height="auto">
<img src='images/Floating Video Projection/Floating/IMG_20220129_121242_163.jpg' width="500" height="auto" alt="Videoprojections on the Weinbrenner Kirche Sidebuilding in Karlsruhe">
</div>
<div width="250px" height="auto">
<img src='images/Floating Video Projection/Floating/IMG_20220129_121242_244.jpg' width="500" height="auto" alt="Videoprojections on the Weinbrenner Kirche Sidebuilding in Karlsruhe">
</div>
</div>
<div class="PROJbox">
<p class="PROJinfo">
Video Projection<br>
Moving Image Collage<br>
<br>
<br>
<br>
</p>
<p class="PROJabstract">
A video projection on the
main square in Karlsruhe,
collaging narratives of
societal norms and the
fluidity of life.
</p>
<p class="PROJdescription">
An experimental video projection, collaging footage to create a
narrative that poses questions about femininity, hydromedia and
hydrofeminism and the fluidity between different norms and social
constructs. The project was realised using After Effects.
<br><br>
This project took place at the central square in Karlsruhe, where
the video was projected onto the Weinbrenner Church. This project
was created in the seminar “Go Public” at HfG (University of Art and
Design Karlsruhe).
<br><br>
</p>
</div>
<div id="container3">
<br>
<a href=impressum.html>IMPRESSUM</a>
<br>
</p>
</div>
</body>
</html>