<!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 >
< option > servers< / option >
< option > bots< / option >
< option > note takers< / option >
< / select >
< select class = "verb" >
<!-- what -->
< option > < / option >
< option > explore< / option >
< option > address< / option >
< option > hack< / option >
< option > whisper< / option >
< option > perform< / option >
< option > situate< / option >
< option > jam with< / option >
< option > research< / option >
< option > gender< / option >
< option > build< / option >
< option > explore< / option >
< option > repair< / option >
< option > read< / option >
< option > annotate< / option >
< option > write< / option >
< option > underline< / option >
< option > transmit< / option >
< option > receive< / option >
< option > improvise< / option >
< option > resonate< / option >
< option > create< / option >
< option > print< / option >
< option > solder< / 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< / 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 > rain< / option >
< option > e-ink displays< / option >
< option > bicycles< / option >
< option > typewriters< / 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 > festivals< / option >
< option > algoraves< / option >
< option > archives< / 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 >
The < a href = "https://xpub.nl/" > Master Experimental Publishing< / a > at the < a href = "https://www.pzwart.nl/" > Piet Zwart Instituut< / a > in Rotterdam (NL)< br >
is a two-year master focused on the acts of making things public and creating publics< br >
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 >
< / p >
< / div > <!-- #info -->
< / fieldset >
< / form >
< 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 = ["AntiqueWhite","Black","Blue","BlueViolet","Brown","CadetBlue","Chartreuse","Chocolate","Coral","CornflowerBlue","Crimson","DarkBlue","DarkCyan","DarkGoldenRod","DarkGray","DarkGrey","DarkGreen","DarkMagenta","DarkOliveGreen","DarkOrange","DarkOrchid","DarkRed","DarkSalmon","DarkSeaGreen","DarkSlateBlue","DarkSlateGray","DarkSlateGrey","DarkTurquoise","DarkViolet","DeepPink","DeepSkyBlue","DimGray","DimGrey","DodgerBlue","FireBrick","ForestGreen","Fuchsia","Gold","GoldenRod","Gray","Grey","Green","HotPink","IndianRed","Indigo","Lavender","Magenta","Maroon","MediumAquaMarine","MediumBlue","MediumOrchid","MediumPurple","MediumSeaGreen","MediumSlateBlue","MediumVioletRed","MidnightBlue","Navy","Olive","OliveDrab","Orange","OrangeRed","Orchid","PaleVioletRed","Peru","Plum","Purple","RebeccaPurple","Red","RosyBrown","RoyalBlue","SaddleBrown","Salmon","SandyBrown","SeaGreen","Silver","SlateBlue","SlateGray","SlateGrey","SteelBlue","Tan","Teal","Tomato","Turquoise","Violet","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()
var message = " \n"+
" _ _ _ _ \n"+
"| | | | | | |\n"+
"| |__ ___| | | ___ | |\n"+
"| '_ \\ / _ \\ | |/ _ \\| |\n"+
"| | | | __/ | | (_) |_|\n"+
"|_| |_|\\___|_|_|\\___/(_)\n"+
"amazing that you opened the inspector to check the code. We hope you will apply \n"+
"and mention that you have found the codeword 'opisop'! \n";
console.log(message);
< / script >
< / body >
< / html >
