diff --git a/2024/call/call-sketch.html b/2024/call/call-sketch.html
new file mode 100644
index 0000000..c24fab4
--- /dev/null
+++ b/2024/call/call-sketch.html
@@ -0,0 +1,571 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8"></meta>
+	<title>Apply?</title>
+</head>
+<body>
+<form method="post">
+
+	<table border="0">
+		<tbody>
+			<tr valign="middle" align="center">
+				<td>
+					<!-- C -->
+					<table border="0">
+						<tbody>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1" data-index="2"><input type="radio" /></td>
+								<td colspan="1" data-index="1"><input type="radio" /></td>
+								<td colspan="1" data-index="0"><input type="radio" /></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1" data-index="3"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1" data-index="4"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1" data-index="5"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1" data-index="6"><input type="radio" /></td>
+								<td colspan="1" data-index="7"><input type="radio" /></td>
+								<td colspan="1" data-index="8"><input type="radio" /></td>
+								<td colspan="1"></td>
+							</tr>
+						</tbody>
+					</table>
+				</td>
+				<td>
+					<table border="0">
+						<tbody>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+							</tr>
+						</tbody>
+					</table>
+				</td>
+				<td>
+					<!-- L -->
+					<table border="0">
+						<tbody>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+							</tr>
+						</tbody>
+					</table>
+				</td>
+				<td>
+					<!-- L -->
+					<table border="0">
+						<tbody>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+							</tr>
+						</tbody>
+					</table>
+				</td>
+				<td>
+					<!-- I -->
+					<table border="0">
+						<tbody>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+						</tbody>
+					</table>
+				</td>
+				<td>
+					<!-- N -->
+					<table border="0">
+						<tbody>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+							</tr>
+						</tbody>
+					</table>
+				</td>
+				<td>
+					<!-- G -->
+					<table border="0">
+						<tbody>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+							</tr>
+							<tr>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+							</tr>
+							<tr>
+								<td colspan="1"></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"><input type="radio" /></td>
+								<td colspan="1"></td>
+							</tr>
+						</tbody>
+					</table>
+				</td>
+			</tr>
+		</tbody>
+	</table>
+
+	<br>
+
+
+  <fieldset>
+    <legend>all</legend>
+    <label><input type="checkbox" name="checkbox" value="no" />feminist technologies</label>
+    <label><input type="checkbox" name="checkbox" value="no" />DIY practices</label>
+    <label><input type="checkbox" name="checkbox" value="no" />post-free cultures</label>
+    <label><input type="checkbox" name="checkbox" value="no" />homebrew servers</label>
+    <label><input type="checkbox" name="checkbox" value="no" />bootleg librians</label>
+    <label><input type="checkbox" name="checkbox" value="no" />art collectives</label>
+  </fieldset>
+
+  <fieldset>
+    <legend>exploring</legend>
+    <label><input type="checkbox" name="checkbox" value="yes" />pen plotters</label>
+    <label><input type="checkbox" name="checkbox" value="no" />dot matrix printers</label>
+		<label><input type="checkbox" name="checkbox" value="no" />scanners</label>
+		<label><input type="checkbox" name="checkbox" value="no" />typewriters</label>
+    <label><input type="checkbox" name="checkbox" value="no" />collective servers</label>
+		<label><input type="checkbox" name="checkbox" value="no" />video games</label>
+    <label><input type="checkbox" name="checkbox" value="no" />python scripts</label>
+    <label><input type="checkbox" name="checkbox" value="no" />HTML pages</label>
+    <label><input type="checkbox" name="checkbox" value="no" />CSS stylesheets</label>
+    <label><input type="checkbox" name="checkbox" value="no" />browsers</label>
+    <label><input type="checkbox" name="checkbox" value="no" />post-free culture licenses</label>
+    <label><input type="checkbox" name="checkbox" value="yes" />radio shows</label>
+    <label><input type="checkbox" name="checkbox" value="no" />scripts</label>
+    <label><input type="checkbox" name="checkbox" value="no" />wiki's</label>
+    <label><input type="checkbox" name="checkbox" value="no" />digital gardens</label>
+    <label><input type="checkbox" name="checkbox" value="no" />gemini blogs</label>
+    <label><input type="checkbox" name="checkbox" value="no" />archives</label>
+		<label><input type="checkbox" name="checkbox" value="no" />protocols</label>
+    <label><input type="checkbox" name="checkbox" value="no" />non-linear narratives</label>
+    <label><input type="checkbox" name="checkbox" value="no" />hypertext adventures</label>
+    <label><input type="checkbox" name="checkbox" value="no" />software studies</label>
+    <label><input type="checkbox" name="checkbox" value="no" />manuals</label>
+    <label><input type="checkbox" name="checkbox" value="no" />zines</label>
+    <label><input type="checkbox" name="checkbox" value="no" />guides</label>
+    <label><input type="checkbox" name="checkbox" value="no" />text adventures</label>
+    <label><input type="checkbox" name="checkbox" value="no" />servers</label>
+  </fieldset>
+
+  <fieldset>
+    <legend>at</legend>
+    <label><input type="checkbox" name="checkbox" value="no" />experimental music nights</label>
+    <label><input type="checkbox" name="checkbox" value="no" />collective learning gatherings</label>
+    <label><input type="checkbox" name="checkbox" value="no" />print parties</label>
+    <label><input type="checkbox" name="checkbox" value="no" />zine festivals</label>
+    <label><input type="checkbox" name="checkbox" value="no" />printshops</label>
+    <label><input type="checkbox" name="checkbox" value="no" />community art venues</label>
+    <label><input type="checkbox" name="checkbox" value="no" />squats</label>
+		<label><input type="checkbox" name="checkbox" value="no" />hacker spaces</label>
+    <label><input type="checkbox" name="checkbox" value="no" />libraries</label>
+    <label><input type="checkbox" name="checkbox" value="no" />game nights</label>
+    <label><input type="checkbox" name="checkbox" value="no" />algoraves</label>
+    <label><input type="checkbox" name="checkbox" value="no" />booksprints</label>
+    <label><input type="checkbox" name="checkbox" value="no" />edit-a-thons</label>
+  </fieldset>
+
+  <fieldset>
+    <legend>?</legend>
+  </fieldset>
+
+	<br>
+	<br>
+
+	<div>
+			How can
+		<select id="simple" name="simple">
+		  <option>feminist technologies</option>
+		  <option>art collectives</option>
+		  <option>DIY practitioners</option>
+		</select>
+		<select id="simple" name="simple">
+		  <option>explore</option>
+		  <option>study</option>
+		  <option>critique</option>
+		</select>
+		<select id="simple" name="simple">
+		  <option>pen plotters</option>
+		  <option>zines</option>
+		  <option>python scripts</option>
+		</select>
+		at
+		<select id="simple" name="simple">
+		  <option>zine festivals</option>
+		  <option>squats</option>
+		  <option>game nights</option>
+		</select>
+		?
+		<br>
+		<br>
+	</div>
+
+	<div class="question">
+			When do
+		<select id="simple" name="simple">
+		  <option>feminist technologies</option>
+		  <option>art collectives</option>
+		  <option>DIY practitioners</option>
+		</select>
+		<select id="simple" name="simple">
+		  <option>explore</option>
+		  <option>study</option>
+		  <option>critique</option>
+		</select>
+		<select id="simple" name="simple">
+		  <option>pen plotters</option>
+		  <option>zines</option>
+		  <option>python scripts</option>
+		</select>
+		at
+		<select id="simple" name="simple">
+		  <option>zine festivals</option>
+		  <option>squats</option>
+		  <option>game nights</option>
+		</select>
+		?
+		<br>
+		<br>
+	</div>
+
+	<div class="question">
+			Since when did
+		<select id="simple" name="simple">
+		  <option>feminist technologies</option>
+		  <option>art collectives</option>
+		  <option>DIY practitioners</option>
+		</select>
+		<select id="simple" name="simple">
+		  <option>explore</option>
+		  <option>study</option>
+		  <option>critique</option>
+		</select>
+		<select id="simple" name="simple">
+		  <option>pen plotters</option>
+		  <option>zines</option>
+		  <option>python scripts</option>
+		</select>
+		at
+		<select id="simple" name="simple">
+		  <option>zine festivals</option>
+		  <option>squats</option>
+		  <option>game nights</option>
+		</select>
+		?
+		<br>
+		<br>
+	</div>
+
+	<div class="question">
+			For whom do
+		<select id="simple" name="simple">
+		  <option>feminist technologies</option>
+		  <option>art collectives</option>
+		  <option>DIY practitioners</option>
+		</select>
+		<select id="simple" name="simple">
+		  <option>explore</option>
+		  <option>study</option>
+		  <option>critique</option>
+		</select>
+		<select id="simple" name="simple">
+		  <option>pen plotters</option>
+		  <option>zines</option>
+		  <option>python scripts</option>
+		</select>
+		at
+		<select id="simple" name="simple">
+		  <option>zine festivals</option>
+		  <option>squats</option>
+		  <option>game nights</option>
+		</select>
+		?
+		<br>
+		<br>
+	</div>
+
+	<div class="question">
+			Why did
+		<select id="simple" name="simple">
+		  <option>feminist technologies</option>
+		  <option>art collectives</option>
+		  <option>DIY practitioners</option>
+		</select>
+		<select id="simple" name="simple">
+		  <option>explore</option>
+		  <option>study</option>
+		  <option>critique</option>
+		</select>
+		<select id="simple" name="simple">
+		  <option>pen plotters</option>
+		  <option>zines</option>
+		  <option>python scripts</option>
+		</select>
+		at
+		<select id="simple" name="simple">
+		  <option>zine festivals</option>
+		  <option>squats</option>
+		  <option>game nights</option>
+		</select>
+		?
+		<br>
+		<br>
+	</div>
+
+	<div class="question">
+			Can
+		<select id="simple" name="simple">
+		  <option>feminist technologies</option>
+		  <option>art collectives</option>
+		  <option>DIY practitioners</option>
+		</select>
+		<select id="simple" name="simple">
+		  <option>explore</option>
+		  <option>study</option>
+		  <option>critique</option>
+		</select>
+		<select id="simple" name="simple">
+		  <option>pen plotters</option>
+		  <option>zines</option>
+		  <option>python scripts</option>
+		</select>
+		at
+		<select id="simple" name="simple">
+		  <option>zine festivals</option>
+		  <option>squats</option>
+		  <option>game nights</option>
+		</select>
+		?
+		<br>
+		<br>
+	</div>
+
+	<br>
+	<div align="center">
+		<marquee>
+			<button>Apply!</button>
+		</marquee>
+	</div>
+</form>
+
+
+<script>
+
+setInterval(dropping, 100);
+
+function dropping(){
+	var dropdowns = document.querySelectorAll("select");
+	var random = Math.floor(Math.random() * dropdowns.length);
+	var dropdown = dropdowns[random]
+	var random_option = Math.floor(Math.random() * dropdown.options.length);
+	console.log("random_option", random_option);
+	dropdown.selectedIndex = random_option;
+}
+
+setInterval(checking, 100);
+
+function checking(){
+	var checkboxes = document.querySelectorAll("input[name=checkbox]");
+	console.log(checkboxes.length);
+	var random = Math.floor(Math.random() * checkboxes.length)
+	console.log(random);
+	checkboxes[random].checked = true;
+	var random = Math.floor(Math.random() * checkboxes.length)
+	checkboxes[random].checked = false;
+}
+</script>
+
+</body>
+</html>
diff --git a/2024/call/call.css b/2024/call/call.css
new file mode 100644
index 0000000..455c1ec
--- /dev/null
+++ b/2024/call/call.css
@@ -0,0 +1,34 @@
+body{
+  /* background-color: pink; */
+}
+form{
+  max-width: 1300px;
+  /* border: 1px solid blue; */
+  margin: 1em auto;
+  padding: 1em;
+  text-align: center;
+}
+form *{
+  font-size: 24px;
+}
+form h1{
+  font-size: 100%;
+}
+/* form select {
+	padding: 0.5em 1em;
+	border: 0;
+	border-radius: 20%;
+} */
+form div#dropdowns {
+  text-align: right;
+  line-height: 1;
+}
+form div#dropdown-options.hide{
+  display: none;
+}
+form div#dropdowns div.row{
+  margin: 0.5em 0;
+}
+form div#info{
+  /* display: none; */
+}
diff --git a/2024/call/call.html b/2024/call/call.html
index c24fab4..0394493 100644
--- a/2024/call/call.html
+++ b/2024/call/call.html
@@ -3,569 +3,192 @@
 <head>
 	<meta charset="utf-8"></meta>
 	<title>Apply?</title>
+	<link href="call.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
-<form method="post">
-
-	<table border="0">
-		<tbody>
-			<tr valign="middle" align="center">
-				<td>
-					<!-- C -->
-					<table border="0">
-						<tbody>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1" data-index="2"><input type="radio" /></td>
-								<td colspan="1" data-index="1"><input type="radio" /></td>
-								<td colspan="1" data-index="0"><input type="radio" /></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1" data-index="3"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1" data-index="4"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1" data-index="5"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1" data-index="6"><input type="radio" /></td>
-								<td colspan="1" data-index="7"><input type="radio" /></td>
-								<td colspan="1" data-index="8"><input type="radio" /></td>
-								<td colspan="1"></td>
-							</tr>
-						</tbody>
-					</table>
-				</td>
-				<td>
-					<table border="0">
-						<tbody>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-							</tr>
-						</tbody>
-					</table>
-				</td>
-				<td>
-					<!-- L -->
-					<table border="0">
-						<tbody>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-							</tr>
-						</tbody>
-					</table>
-				</td>
-				<td>
-					<!-- L -->
-					<table border="0">
-						<tbody>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-							</tr>
-						</tbody>
-					</table>
-				</td>
-				<td>
-					<!-- I -->
-					<table border="0">
-						<tbody>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-						</tbody>
-					</table>
-				</td>
-				<td>
-					<!-- N -->
-					<table border="0">
-						<tbody>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-							</tr>
-						</tbody>
-					</table>
-				</td>
-				<td>
-					<!-- G -->
-					<table border="0">
-						<tbody>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-							</tr>
-							<tr>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-							</tr>
-							<tr>
-								<td colspan="1"></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"><input type="radio" /></td>
-								<td colspan="1"></td>
-							</tr>
-						</tbody>
-					</table>
-				</td>
-			</tr>
-		</tbody>
-	</table>
-
-	<br>
-
-
-  <fieldset>
-    <legend>all</legend>
-    <label><input type="checkbox" name="checkbox" value="no" />feminist technologies</label>
-    <label><input type="checkbox" name="checkbox" value="no" />DIY practices</label>
-    <label><input type="checkbox" name="checkbox" value="no" />post-free cultures</label>
-    <label><input type="checkbox" name="checkbox" value="no" />homebrew servers</label>
-    <label><input type="checkbox" name="checkbox" value="no" />bootleg librians</label>
-    <label><input type="checkbox" name="checkbox" value="no" />art collectives</label>
-  </fieldset>
-
-  <fieldset>
-    <legend>exploring</legend>
-    <label><input type="checkbox" name="checkbox" value="yes" />pen plotters</label>
-    <label><input type="checkbox" name="checkbox" value="no" />dot matrix printers</label>
-		<label><input type="checkbox" name="checkbox" value="no" />scanners</label>
-		<label><input type="checkbox" name="checkbox" value="no" />typewriters</label>
-    <label><input type="checkbox" name="checkbox" value="no" />collective servers</label>
-		<label><input type="checkbox" name="checkbox" value="no" />video games</label>
-    <label><input type="checkbox" name="checkbox" value="no" />python scripts</label>
-    <label><input type="checkbox" name="checkbox" value="no" />HTML pages</label>
-    <label><input type="checkbox" name="checkbox" value="no" />CSS stylesheets</label>
-    <label><input type="checkbox" name="checkbox" value="no" />browsers</label>
-    <label><input type="checkbox" name="checkbox" value="no" />post-free culture licenses</label>
-    <label><input type="checkbox" name="checkbox" value="yes" />radio shows</label>
-    <label><input type="checkbox" name="checkbox" value="no" />scripts</label>
-    <label><input type="checkbox" name="checkbox" value="no" />wiki's</label>
-    <label><input type="checkbox" name="checkbox" value="no" />digital gardens</label>
-    <label><input type="checkbox" name="checkbox" value="no" />gemini blogs</label>
-    <label><input type="checkbox" name="checkbox" value="no" />archives</label>
-		<label><input type="checkbox" name="checkbox" value="no" />protocols</label>
-    <label><input type="checkbox" name="checkbox" value="no" />non-linear narratives</label>
-    <label><input type="checkbox" name="checkbox" value="no" />hypertext adventures</label>
-    <label><input type="checkbox" name="checkbox" value="no" />software studies</label>
-    <label><input type="checkbox" name="checkbox" value="no" />manuals</label>
-    <label><input type="checkbox" name="checkbox" value="no" />zines</label>
-    <label><input type="checkbox" name="checkbox" value="no" />guides</label>
-    <label><input type="checkbox" name="checkbox" value="no" />text adventures</label>
-    <label><input type="checkbox" name="checkbox" value="no" />servers</label>
-  </fieldset>
-
-  <fieldset>
-    <legend>at</legend>
-    <label><input type="checkbox" name="checkbox" value="no" />experimental music nights</label>
-    <label><input type="checkbox" name="checkbox" value="no" />collective learning gatherings</label>
-    <label><input type="checkbox" name="checkbox" value="no" />print parties</label>
-    <label><input type="checkbox" name="checkbox" value="no" />zine festivals</label>
-    <label><input type="checkbox" name="checkbox" value="no" />printshops</label>
-    <label><input type="checkbox" name="checkbox" value="no" />community art venues</label>
-    <label><input type="checkbox" name="checkbox" value="no" />squats</label>
-		<label><input type="checkbox" name="checkbox" value="no" />hacker spaces</label>
-    <label><input type="checkbox" name="checkbox" value="no" />libraries</label>
-    <label><input type="checkbox" name="checkbox" value="no" />game nights</label>
-    <label><input type="checkbox" name="checkbox" value="no" />algoraves</label>
-    <label><input type="checkbox" name="checkbox" value="no" />booksprints</label>
-    <label><input type="checkbox" name="checkbox" value="no" />edit-a-thons</label>
-  </fieldset>
-
-  <fieldset>
-    <legend>?</legend>
-  </fieldset>
-
-	<br>
-	<br>
-
-	<div>
-			How can
-		<select id="simple" name="simple">
-		  <option>feminist technologies</option>
-		  <option>art collectives</option>
-		  <option>DIY practitioners</option>
-		</select>
-		<select id="simple" name="simple">
-		  <option>explore</option>
-		  <option>study</option>
-		  <option>critique</option>
-		</select>
-		<select id="simple" name="simple">
-		  <option>pen plotters</option>
-		  <option>zines</option>
-		  <option>python scripts</option>
-		</select>
-		at
-		<select id="simple" name="simple">
-		  <option>zine festivals</option>
-		  <option>squats</option>
-		  <option>game nights</option>
-		</select>
-		?
-		<br>
-		<br>
-	</div>
-
-	<div class="question">
-			When do
-		<select id="simple" name="simple">
-		  <option>feminist technologies</option>
-		  <option>art collectives</option>
-		  <option>DIY practitioners</option>
-		</select>
-		<select id="simple" name="simple">
-		  <option>explore</option>
-		  <option>study</option>
-		  <option>critique</option>
-		</select>
-		<select id="simple" name="simple">
-		  <option>pen plotters</option>
-		  <option>zines</option>
-		  <option>python scripts</option>
-		</select>
-		at
-		<select id="simple" name="simple">
-		  <option>zine festivals</option>
-		  <option>squats</option>
-		  <option>game nights</option>
-		</select>
-		?
-		<br>
-		<br>
-	</div>
-
-	<div class="question">
-			Since when did
-		<select id="simple" name="simple">
-		  <option>feminist technologies</option>
-		  <option>art collectives</option>
-		  <option>DIY practitioners</option>
-		</select>
-		<select id="simple" name="simple">
-		  <option>explore</option>
-		  <option>study</option>
-		  <option>critique</option>
-		</select>
-		<select id="simple" name="simple">
-		  <option>pen plotters</option>
-		  <option>zines</option>
-		  <option>python scripts</option>
-		</select>
-		at
-		<select id="simple" name="simple">
-		  <option>zine festivals</option>
-		  <option>squats</option>
-		  <option>game nights</option>
-		</select>
-		?
-		<br>
-		<br>
-	</div>
-
-	<div class="question">
-			For whom do
-		<select id="simple" name="simple">
-		  <option>feminist technologies</option>
-		  <option>art collectives</option>
-		  <option>DIY practitioners</option>
-		</select>
-		<select id="simple" name="simple">
-		  <option>explore</option>
-		  <option>study</option>
-		  <option>critique</option>
-		</select>
-		<select id="simple" name="simple">
-		  <option>pen plotters</option>
-		  <option>zines</option>
-		  <option>python scripts</option>
-		</select>
-		at
-		<select id="simple" name="simple">
-		  <option>zine festivals</option>
-		  <option>squats</option>
-		  <option>game nights</option>
-		</select>
-		?
-		<br>
-		<br>
-	</div>
-
-	<div class="question">
-			Why did
-		<select id="simple" name="simple">
-		  <option>feminist technologies</option>
-		  <option>art collectives</option>
-		  <option>DIY practitioners</option>
-		</select>
-		<select id="simple" name="simple">
-		  <option>explore</option>
-		  <option>study</option>
-		  <option>critique</option>
-		</select>
-		<select id="simple" name="simple">
-		  <option>pen plotters</option>
-		  <option>zines</option>
-		  <option>python scripts</option>
-		</select>
-		at
-		<select id="simple" name="simple">
-		  <option>zine festivals</option>
-		  <option>squats</option>
-		  <option>game nights</option>
-		</select>
-		?
-		<br>
-		<br>
-	</div>
-
-	<div class="question">
-			Can
-		<select id="simple" name="simple">
-		  <option>feminist technologies</option>
-		  <option>art collectives</option>
-		  <option>DIY practitioners</option>
-		</select>
-		<select id="simple" name="simple">
-		  <option>explore</option>
-		  <option>study</option>
-		  <option>critique</option>
-		</select>
-		<select id="simple" name="simple">
-		  <option>pen plotters</option>
-		  <option>zines</option>
-		  <option>python scripts</option>
-		</select>
-		at
-		<select id="simple" name="simple">
-		  <option>zine festivals</option>
-		  <option>squats</option>
-		  <option>game nights</option>
-		</select>
-		?
-		<br>
-		<br>
-	</div>
-
-	<br>
-	<div align="center">
-		<marquee>
-			<button>Apply!</button>
-		</marquee>
-	</div>
-</form>
-
-
-<script>
-
-setInterval(dropping, 100);
-
-function dropping(){
-	var dropdowns = document.querySelectorAll("select");
-	var random = Math.floor(Math.random() * dropdowns.length);
-	var dropdown = dropdowns[random]
-	var random_option = Math.floor(Math.random() * dropdown.options.length);
-	console.log("random_option", random_option);
-	dropdown.selectedIndex = random_option;
-}
-
-setInterval(checking, 100);
-
-function checking(){
-	var checkboxes = document.querySelectorAll("input[name=checkbox]");
-	console.log(checkboxes.length);
-	var random = Math.floor(Math.random() * checkboxes.length)
-	console.log(random);
-	checkboxes[random].checked = true;
-	var random = Math.floor(Math.random() * checkboxes.length)
-	checkboxes[random].checked = false;
-}
-</script>
-
+	<form>
+	<fieldset>
+		<legend>XPUB</legend>
+		<div id="dropdowns">
+			<div id="dropdown-options" class="hide">
+				<div class="row">
+					<span id="question-div"></span>
+					<select>
+						<!-- who -->
+					  <option></option>
+					  <option>(cross) makers</option>
+					  <option>collectives</option>
+					  <option>administrators</option>
+					  <option>notebooks</option>
+						<option>bodies</option>
+						<option>social justice warriors</option>
+						<option>teletype machines</option>
+						<option>gardeners</option>
+						<option>oracles</option>
+						<option>archives</option>
+					</select>
+					<select class="verb">
+						<!-- what -->
+						<option></option>
+					  <option>explore</option>
+					  <option>address</option>
+					  <option>hack</option>
+					  <option>whisper</option>
+					  <option>perform</option>
+					  <option>jam with</option>
+					  <option>research</option>
+					  <option>gender</option>
+					  <option>build</option>
+					  <option>explore</option>
+					  <option>read</option>
+					  <option>write</option>
+					  <option>transmit</option>
+					  <option>receive</option>
+					  <option>improvise</option>
+						<option>create</option>
+						<option>print</option>
+						<option>make</option>
+						<option>queer</option>
+					</select>
+					<select>
+						<!-- how -->
+						<option></option>
+					  <option>interactive stories</option>
+					  <option>tools</option>
+					  <option>stories</option>
+					  <option>forms</option>
+					  <option>DIY electronics kits</option>
+						<option>training programs</option>
+					  <option>letters</option>
+					  <option>spreadsheets</option>
+					  <option>conflicts</option>
+					  <option>conversations</option>
+						<option>social shelves</option>
+						<option>minor stories</option>
+						<option>code documentation</option>
+						<option>memes</option>
+						<option>counter-action strategies</option>
+						<option>first-aid kits</option>
+						<option>magical answers</option>
+						<option>books</option>
+						<option>interviews</option>
+						<option>protocols</option>
+						<option>video games</option>
+						<option>API's</option>
+						<option>vernacular tools</option>
+						<option>backdoors</option>
+						<option>wikidata</option>
+						<option>zines</option>
+						<option>terminals</option>
+						<option>printers</option>
+						<option>pen plotters</option>
+					</select>
+					at
+					<select>
+						<!-- where -->
+						<option></option>
+					  <option>publishing houses</option>
+					  <option>art collectives</option>
+					  <option>programming festivals</option>
+					  <option>bookshops</option>
+					  <option>squats</option>
+					  <option>print workshops</option>
+					  <option>public benches</option>
+					  <option>libraries</option>
+					  <option>media labs</option>
+					  <option>telecom musea</option>
+					  <option>community radio stations</option>
+					  <option>zine festivals</option>
+					  <option>workshops</option>
+					  <option>free software organisations</option>
+					  <option>experimental music nights</option>
+					  <option>plotter parties</option>
+					  <option>breakfast clubs</option>
+					</select>
+					?
+				</div>
+			</div> <!-- #options -->
+		</div> <!-- #dropdowns -->
+		<div id="info">
+				<p>
+					A two-year master focused on the acts of making things public
+					<br>
+					and creating publics in the age of post-digital networks.
+				</p>
+				<p>Application deadlines:</p>
+				<p>
+					March 4, 2023 (non-EU + EU)<br>
+					May 8, 2023 (EU)<br>
+					<br>
+					<a href="https://www.pzwart.nl/experimental-publishing/apply/"><button>Apply here!</button></a>
+					<br>
+					<br>
+		</div> <!-- #info -->
+	</fieldset>
+	</form>
+		<!-- <div align="center">
+			<marquee>
+				<button>Apply!</button>
+			</marquee>
+		</div> -->
+	<script>
+	var options = document.getElementById("options");
+	var questions = [
+		"How can",
+		"When do",
+		"Where can",
+		"Why do",
+		"How can",
+		"When do",
+		"Where can",
+		"Why do",
+	];
+	console.log(options);
+	questions.forEach(function(question, i){
+		var question_div = document.getElementById("question-div");
+		question_div.innerHTML = question;
+		console.log(question_div);
+		var dropdown_options = document.getElementById("dropdown-options");
+		console.log(dropdown_options);
+		var dropdowns_div = document.getElementById("dropdowns");
+		dropdowns_div.innerHTML += dropdown_options.innerHTML;
+	});
+
+	setInterval(dropping, 200);
+	function dropping(){
+		var dropdowns = document.querySelectorAll("select");
+		var random = Math.floor(Math.random() * dropdowns.length);
+		var dropdown = dropdowns[random]
+		var random_option = Math.floor(Math.random() * dropdown.options.length);
+		dropdown.selectedIndex = random_option;
+		var color = pickcolor();
+		var backgroundcolor = pickcolor();
+		var font = pickfont();
+		dropdown.style.width = "auto";
+		dropdown.style.color = color;
+		// dropdown.style.backgroundColor = backgroundcolor;
+		// dropdown.style.fontFamily = font;
+	}
+	function pickfont(){
+		fonts = [
+			// "https://project.xpub.nl/to-whom-it-may-affect/BBBBaskervvol-Base.woff",
+			"monospace",
+			"sans-serif",
+			"serif",
+			"script",
+		];
+		var random = Math.floor(Math.random() * fonts.length)
+		var font = fonts[random];
+		return font;
+	}
+	function pickcolor(){
+		var colors = ["AliceBlue","AntiqueWhite","Aqua","Aquamarine","Azure","Beige","Bisque","Black","BlanchedAlmond","Blue","BlueViolet","Brown","BurlyWood","CadetBlue","Chartreuse","Chocolate","Coral","CornflowerBlue","Cornsilk","Crimson","Cyan","DarkBlue","DarkCyan","DarkGoldenRod","DarkGray","DarkGrey","DarkGreen","DarkKhaki","DarkMagenta","DarkOliveGreen","DarkOrange","DarkOrchid","DarkRed","DarkSalmon","DarkSeaGreen","DarkSlateBlue","DarkSlateGray","DarkSlateGrey","DarkTurquoise","DarkViolet","DeepPink","DeepSkyBlue","DimGray","DimGrey","DodgerBlue","FireBrick","FloralWhite","ForestGreen","Fuchsia","Gainsboro","GhostWhite","Gold","GoldenRod","Gray","Grey","Green","GreenYellow","HoneyDew","HotPink","IndianRed","Indigo","Ivory","Khaki","Lavender","LavenderBlush","LawnGreen","LemonChiffon","LightBlue","LightCoral","LightCyan","LightGoldenRodYellow","LightGray","LightGrey","LightGreen","LightPink","LightSalmon","LightSeaGreen","LightSkyBlue","LightSlateGray","LightSlateGrey","LightSteelBlue","LightYellow","Lime","LimeGreen","Linen","Magenta","Maroon","MediumAquaMarine","MediumBlue","MediumOrchid","MediumPurple","MediumSeaGreen","MediumSlateBlue","MediumSpringGreen","MediumTurquoise","MediumVioletRed","MidnightBlue","MintCream","MistyRose","Moccasin","NavajoWhite","Navy","OldLace","Olive","OliveDrab","Orange","OrangeRed","Orchid","PaleGoldenRod","PaleGreen","PaleTurquoise","PaleVioletRed","PapayaWhip","PeachPuff","Peru","Pink","Plum","PowderBlue","Purple","RebeccaPurple","Red","RosyBrown","RoyalBlue","SaddleBrown","Salmon","SandyBrown","SeaGreen","SeaShell","Sienna","Silver","SkyBlue","SlateBlue","SlateGray","SlateGrey","Snow","SpringGreen","SteelBlue","Tan","Teal","Thistle","Tomato","Turquoise","Violet","Wheat","White","WhiteSmoke","Yellow","YellowGreen"];
+		// From: https://www.w3schools.com/colors/colors_names.asp
+		var random = Math.floor(Math.random() * colors.length)
+		var color = colors[random];
+		return color;
+	}
+	pickcolor()
+	</script>
 </body>
 </html>
