-
Notifications
You must be signed in to change notification settings - Fork 0
/
open-call.html
207 lines (161 loc) · 7.82 KB
/
open-call.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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>beuys bois</title>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
<link rel="icon" href="images/logo/logo-icon.png">
<!-- Sources -->
<link rel="stylesheet" href="css/styles.css?v=1.0">
<link rel="stylesheet" href="https://use.typekit.net/lyo0ffm.css">
</head>
<body>
<div class="banner ">
<div id="logo-wrapper" class="wrapper">
<div id="logo-element " class="element "><img src="images/logo/logo-left-b.png" alt=""></div>
<div id="logo-element" class="element "><img src="images/logo/logo-right-b.png" alt=""></div>
</div>
</div>
<nav class="navigation-top">
<ul>
<li data-section="about" id="nav-elem">
<a class="" href="beuysbois.html">
<h1>h<span class="nav">o</span>m<span class="nav">e</span></h1>
</a>
</li>
<li data-section="about" id="nav-elem">
<a href="about.html">
<h1>ab<span class="nav">o</span><span class="nav">u</span>t</h1>
</a>
</li>
<li data-section="archive" id="nav-elem">
<a href="archive.html">
<h1>arch<span class="nav">i</span>ve<span class="nav">s</span></h1>
</a>
</li>
<li data-section="events" id="nav-elem">
<a href="events.html">
<h1><span class="nav">e</span>v<span class="nav">e</span>nt<span class="nav">s</span></h1>
</a>
</li>
<li data-section="open-call" id="nav-elem">
<a class="highlight" href="open-call.html">
<h1><span class="nav">o</span>p<span class="nav">e</span>n call</h1>
</a>
</li>
<li data-section="food" id="nav-elem">
<a href="food.html">
<h1>f<span class="nav">o</span><span class="nav">o</span>d</h1>
</a>
</li>
</ul>
</nav>
<!-- ABOUT -->
<section data-targetted-section="archive" id="open-call-section" class="about ">
<main class="open-call">
<div class="background-element open-call">
<img src="images/background/3.jpg" alt="">
</div>
</main>
<!-- BLUR -->
<!-- BLUR -->
<!-- BLUR -->
<div class="container blured ">
<div class="row-block moving title" style="margin-left:2vw;margin-right:0;width:60%;margin-bottom: 0vh !important;">
<h2 class="title open-call" id="target"><span class="title open-call">beuys bois is a new art collective that <br><br>teamed up with existing LGBTQ organisation beuys bois is a new art collective that <br><br>teamed up with existing LGBTQ organisThe Hang-Out 070 to celebrate the LGBTQ arts in the Hagu. </span></h2>
</div>
<div class="row-block moving title open-call" style="margin-left: 0vw;width:40% !important; ">
<h2 class="title open-call" id="target"><span class="">beuys bois <br>is a new art collective that teamed <br>up with existing LGBTQ organisation The Hang-Ouo meer. </span></h2>
</div>
<div class="row-block moving title open-call" style="margin-top: 15vh;margin-left:0vw;">
<h2 class="title open-call" id="target"><span class="title open-call">beuys bois is a new art collective that teamed up with existing LGBTQ organisation The Hang-Out 070ive that teamed up with existing LGBTQ organisation The Hang-Ouive that teamed up with existing LGBTQ organisation The Hang-Ou. </span></h2>
</div>
<div class="row-block moving title open-call" style="margin-top:0vh;width:70% !important; ">
<h2 class="title open-call" id="target"><span class="">beuys bois is a new art collective that teamt teamed <br>up with existing LGBTQ organisation The ive that teamt teamed <br>up with existing LGBTQ organisation The HangHang-Ouo meer.*All collected material will be treated with respect and care as requested by the submitter. You will be informed in advance about any potential use of your story. Thank you! uo meer.*All collected material will be treated with respect and care as requested by the submitter. You will</span></h2>
</div>
</div>
<!-- END OF BLUR -->
<!-- END OF BLUR -->
<!-- END OF BLUR -->
<!-- TEXT -->
<div class="container container-open-call" style="">
<div class="row-block row-block-open-call">
<h2>
<span>Do you want to collaborate with us? Host an event, do a podcast, teach a skill? All ideas are welcome. Find detailed information and guidance in this <a href="document/Welcome memo.pdf" download target="_blank">document</a>.
</span>
</h2>
<div id="line" style="border-top: 0.7px solid rgb(166, 166, 166); margin:10px;">
</div>
<h2>
<span>
Don't have a big plan but want to contribute to queering time? Submit something to our archive!<br /><br />
Our archive does not solely focus on the documentation of a past activity. We find resonance with the phenomena of ‘anarchiving’ as it introduces mobility to the existing material. We’re looking for individuals or groups interested in
anarchiving - if you’re one of them, send us a message and we can talk, exchange, share…!
</span>
</h2>
</div>
<div id="block-event" class="row-block row-block-open-call ">
<h2 class=""style="text-align: center;"><span>
<a target="_blank" id="poster-show" onclick="event.preventDefault();" href="">
<span style="font-size: 1.6em; font-style:normal;" class=" highlight text-title link">
Queer stories: The unarchived self
</span>
</a>
</h2>
<div class="extra-info">
<h2 style="text-align: center;">
<span class="">
Title:
<a target="_blank" id="poster-show" onclick="event.preventDefault();" href="">
<span class="highlight text-title ">anarchiving</span>
</a>
<br>
email:
<a href="mailto:[email protected]"><span class="link highlight">[email protected]</span></a>
</span>
</span>
</h2>
</div>
<img src="images/poster-open-call.jpeg" id="poster" class="poster " alt="">
</div>
<!-- TEMPLATE FOR THE OLDER OPEN CALLS -->
<!-- <div id="block-event" class="row-block row-block-open-call ">
<h2 class=""style="text-align: center;"><span>
<a target="_blank" id="poster-show" onclick="event.preventDefault();" href="">
<span style="font-size: 1.6em; font-style:normal;" class=" highlight text-title link">
Queer stories: The unarchived self
</span>
</a>
</h2>
<div class="extra-info hidden">
or remove
<h2 style="text-align: center;">
<span class="">
Title:
<a target="_blank" id="poster-show" onclick="event.preventDefault();" href="">
<span class="highlight text-title ">anarchiving</span>
</a>
<br>
email:
<a href="mailto:[email protected]"><span class="link highlight">[email protected]</span></a>
</span>
</span>
</h2>
</div>
<img src="images/poster-open-call.jpeg" id="poster" class="poster hidden" alt="">
</div> -->
<!-- END OF TEMPLATE FOR THE OLDER OPEN CALLS -->
<div class="row-block row-block-open-call open-call-note">
<h2 style="text-align: center;"><span>
*All collected material will be treated with respect and care as requested by the submitter. You will be informed in advance about any potential use of your story.
Thank you!
</span>
<br>
</h2>
</div>
</div>
</section>
<!-- END ABOUT -->
<script src="js/scripts.js"></script>
</body>
</html>