XPUB
/
xpub.nl
6
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity
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.
master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '6a82bfe5fb'
${ noResults }
xpub.nl/2024/call/call-sketch.html

572 lines
17 KiB
HTML
Raw Normal View History Unescape Escape

adding colors, javascript
1 year ago
<!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>