<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" > < / meta >
< title > Apply?< / title >
< link href = "call.css" rel = "stylesheet" type = "text/css" / >
< / head >
< body >
< div id = "rain1" > < / div >
< form action = "https://www.pzwart.nl/experimental-publishing/apply/" method = "get" >
< fieldset >
< legend > XPUB< / legend >
< div id = "start" >
The < a href = "https://xpub.nl/" target = "_blank" > Master Experimental Publishing< / a > at the < a href = "https://www.pzwart.nl/" target = "_blank" > Piet Zwart Institute< / a > in Rotterdam (NL) is a two-year master focused on the acts of making things public and creating publics in the age of post-digital networks. The course is centered around a variety of questions, such as:
< / div >
< div id = "dropdowns" >
< div id = "dropdown-options" class = "hide" >
< div class = "row" >
< span id = "question-div" > < / span >
< select >
< option > < / option >
< option > How can< / option >
< option > When do< / option >
< option > Where can< / option >
< option > Why do< / option >
< / select >
< 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 > printers< / option >
< option > conflicts< / option >
< option > conversations< / option >
< option > social shelves< / option >
< option > minor stories< / option >
< option > bureaucracies< / option >
< option > code documentation< / option >
< option > memes< / option >
< option > modular synths< / 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 > radios< / option >
< option > pen plotters< / option >
< / select >
< select >
<!-- in -->
< option > < / option >
< option > in< / option >
< option > on< / option >
< option > about< / option >
< option > with< / option >
< option > at< / option >
< / select >
< 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 > git repositories< / option >
< option > performances< / option >
< option > plotter parties< / option >
< option > breakfast clubs< / option >
< / select >
?
< / div > <!-- .row -->
< / div > <!-- #options -->
< / div > <!-- #dropdowns -->
< div id = "info" >
< p > Application deadlines:< / p >
< p >
March 4, 2024 (non-EU + EU)< br >
May 8, 2024 (EU)< br >
< / p >
< p > Open days:< / p >
< p >
< a href = "mailto:l.j.drost-robbins@hr.nl?subject=Open Day (online)&body=Hello, I will join the online open day on the February 6th on 10:00 CET or 16:00 CET" target = "_blank" > February 6, 2024< / a > (online)< br >
< a href = "https://www.pzwart.nl/blog/2023/10/10/open-day-saturday-29-october-2023/" target = "_blank" > February 10, 2024< / a > (IRL)< br >
< / p >
< p >
< br >
< input type = "submit" value = "Apply" / >
< / p >
< / div >
< / fieldset >
< / form >
< div id = "rain2" style = "z-index: 1;" > < / div >
< script >
for (const question of Array(10)) {
var dropdown_options = document.getElementById("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 = easteregg ? pickcolor() : "black"; // ; // michael: 17 dec tho i liked the colors, i found myself not reading the lines... trying monochrome
var backgroundcolor = pickcolor();
var font = pickfont();
dropdown.style.width = "auto";
dropdown.style.color = color;
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 = ["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;
}
var message = " \n"+
" _ _ _ _ \n"+
"| | | | | | |\n"+
"| |__ ___| | | ___ | |\n"+
"| '_ \\ / _ \\ | |/ _ \\| |\n"+
"| | | | __/ | | (_) |_|\n"+
"|_| |_|\\___|_|_|\\___/(_)\n"+
"amazing that you opened the inspector to check the code. Please apply \n"+
"and mention that you have found the codeword 'opisop'! \n";
console.log(message);
dropcounter = 1;
dropamount = 100;
function makedrop(){
if(dropcounter < dropamount ) {
setTimeout(function(){
var drop = document.createElement("div");
drop.style.left = Math.random() * window.innerWidth+"px";
drop.style.animationDuration = Math.random() * 4 + 4 + "s";
drop.classList.add("drop");
var inside = document.createElement("INPUT");
inside.setAttribute("type", Math.floor(Math.random() > 0.5) ? "checkbox" : "radio");
inside.checked = Math.floor(Math.random() > 0.5) ? true : false;
inside.classList.add("sinus");
inside.style.animationDuration = Math.random() * 8 + 6 + "s";
drop.appendChild(inside);
document.getElementById( Math.floor(Math.random() > 0.25) ? "rain1" : "rain2").appendChild(drop);
makedrop();
}, 50);
}
dropcounter++;
}
makedrop();
var checking = new URLSearchParams(window.location.search);
var easteregg = (checking.get('easteregg') == "true");
if (easteregg){
alert("🪄 You found the secret treasure word🌟. Its called 'Special tissue'🤧! Please mention it in your application 🪄");
}
< / script >
< / body >
< / html >
