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.

195 lines
7.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"></meta>
<title>Apply?</title>
<link href="call.css" rel="stylesheet" type="text/css" />
</head>
<body>
<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>