diff --git a/2024/call/call-all.html b/2024/call/call-all.html
new file mode 100644
index 0000000..5294227
--- /dev/null
+++ b/2024/call/call-all.html
@@ -0,0 +1,268 @@
+<!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>
+	<fieldset>
+		<legend>XPUB</legend>
+		<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>
+			</div> <!-- #options -->
+		</div> <!-- #dropdowns -->
+		<div id="info">
+				<p>
+					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.
+				</p>
+				<p>Application deadlines:</p>
+				<p>
+					March 4, 2023 (non-EU + EU)<br>
+					May 8, 2023 (EU)<br>
+					<br>
+					<button><a href="https://www.pzwart.nl/experimental-publishing/apply/" target="_blank">Apply</a></button>
+					<br>
+				</p>
+		</div> <!-- #info -->
+		<marquee behavior="alternate">
+			<br>
+			<br>
+			<button><a href="mailto:l.j.drost-robbins@hr.nl?subject=Open Day (online)&amp;body=Hello, I will join the online open day on the February 6th on 10:00 CET or 16:00 CET" target="_blank">Open Day (online) - February 6th, 2024</a></button>
+			<br>
+			<button><a href="https://www.pzwart.nl/blog/2023/10/10/open-day-saturday-29-october-2023/" target="_blank">Open Day (IRL) - February 10th, 2024</a></button>
+			<br>
+			<br>
+		</marquee>
+	</fieldset>
+	</form>
+	<div id="rain2" style="z-index: 1;"></div>
+	<script>
+	var options = document.getElementById("options");
+	var questions = [
+		"",
+		"",
+		"",
+		"",
+		"",
+		"",
+		""
+	];
+	questions.forEach(function(question, i){
+		var question_div = document.getElementById("question-div");
+		question_div.innerHTML = question;
+		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 = 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 = ["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);
+	if(checking.get('easteregg') == "true"){
+		alert("🪄 You found the secret treasure word🌟. Its called 'Special tissue'🤧! Please mention it in your application 🪄");
+	}
+	</script>
+</body>
+</html>
diff --git a/2024/call/call-shuffle.css b/2024/call/call-shuffle.css
new file mode 100644
index 0000000..29e0d71
--- /dev/null
+++ b/2024/call/call-shuffle.css
@@ -0,0 +1,3 @@
+.start{
+	text-align: left;
+}
diff --git a/2024/call/call-shuffle.html b/2024/call/call-shuffle.html
new file mode 100644
index 0000000..7b5b285
--- /dev/null
+++ b/2024/call/call-shuffle.html
@@ -0,0 +1,269 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8"></meta>
+	<title>Apply?</title>
+	<link href="call.css" rel="stylesheet" type="text/css" />
+	<link href="call-shuffle.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+	<div id="rain1"></div>
+	<form>
+	<fieldset>
+		<legend>XPUB</legend>
+		<p class="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 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>
+				</div> <!-- #options -->
+			</div> <!-- #dropdowns -->
+		</p>
+		<div id="info">
+				<p>Application deadlines:</p>
+				<p>
+					March 4, 2023 (non-EU + EU)<br>
+					May 8, 2023 (EU)<br>
+					<br>
+					<button><a href="https://www.pzwart.nl/experimental-publishing/apply/" target="_blank">Apply</a></button>
+					<br>
+				</p>
+		</div> <!-- #info -->
+		<marquee behavior="alternate">
+			<br>
+			<br>
+			<button><a href="mailto:l.j.drost-robbins@hr.nl?subject=Open Day (online)&amp;body=Hello, I will join the online open day on the February 6th on 10:00 CET or 16:00 CET" target="_blank">Open Day (online) - February 6th, 2024</a></button>
+			<br>
+			<button><a href="https://www.pzwart.nl/blog/2023/10/10/open-day-saturday-29-october-2023/" target="_blank">Open Day (IRL) - February 10th, 2024</a></button>
+			<br>
+			<br>
+		</marquee>
+	</fieldset>
+	</form>
+	<div id="rain2" style="z-index: 1;"></div>
+	<script>
+	var options = document.getElementById("options");
+	var questions = [
+		"",
+		"",
+		"",
+		"",
+		"",
+		"",
+		""
+	];
+	questions.forEach(function(question, i){
+		var question_div = document.getElementById("question-div");
+		question_div.innerHTML = question;
+		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 = 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 = ["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);
+	if(checking.get('easteregg') == "true"){
+		alert("🪄 You found the secret treasure word🌟. Its called 'Special tissue'🤧! Please mention it in your application 🪄");
+	}
+	</script>
+</body>
+</html>
