From a85ef89a163655b45d464af71375c3ecfa684824 Mon Sep 17 00:00:00 2001
From: mb <mail@manettaberends.nl>
Date: Wed, 13 Dec 2023 14:59:40 +0100
Subject: [PATCH] made the checkboxes+radio buttons real size (like the
 dropdown menu's) + removed another light color + made the links to xpub.nl +
 pzwart.nl open in new window

---
 2024/call/call.css  |  8 ++++----
 2024/call/call.html | 12 ++++++------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/2024/call/call.css b/2024/call/call.css
index 0b7c94d..cd68e74 100644
--- a/2024/call/call.css
+++ b/2024/call/call.css
@@ -40,7 +40,7 @@ form div#dropdowns div.row{
 .drop{
 	position:absolute;
 	top:-10px;
-	animation: falling 5.5s linear infinite; 
+	animation: falling 5.5s linear infinite;
 	pointer-events: all;
 }
 
@@ -66,9 +66,9 @@ form div#dropdowns div.row{
 }
 
 .sinus{
-	animation: sinus 5.5s ease-in-out infinite; 
-	width: 30px;
-	height: 30px;
+	animation: sinus 5.5s ease-in-out infinite;
+	/* width: 30px; */
+	/* height: 30px; */
 }
 
 @keyframes sinus
diff --git a/2024/call/call.html b/2024/call/call.html
index 1ba9453..9ab926c 100644
--- a/2024/call/call.html
+++ b/2024/call/call.html
@@ -130,7 +130,7 @@
 		</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>
+					The <a href="https://xpub.nl/" target="_blank">Master Experimental Publishing</a> at the <a href="https://www.pzwart.nl/" target="_blank">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>
@@ -194,14 +194,13 @@
 		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"];
+		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;
 	}
-	pickcolor()
-	
+
 	var message = " \n"+
 " _          _ _       _ \n"+
 "| |        | | |     | |\n"+
@@ -212,7 +211,7 @@
 "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(){
@@ -223,7 +222,7 @@
 				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.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";
@@ -235,6 +234,7 @@
 		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 🪄");