You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
572 lines
17 KiB
HTML
572 lines
17 KiB
HTML
<!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>
|