BSOD

En het lekkerste recept voor suikerbrood

playlist/static/bsod.css

@@ -0,0 +1,46 @@
+/* Based on https://codepen.io/agalliat/pen/mdedZYK */
+.window {
+	display: none;
+}
+
+body {
+	display: block;
+	background-color: #000084;
+	font-family: "Pixelated MS Sans Serif", Arial;
+	margin: 10px;
+    color: #bbb;
+    font-size: 1rem;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+	font-weight: bold;
+}
+
+#bsod {
+	display: block;
+	width: 70vw;
+	flex-shrink: 1;
+	gap: 1rem;
+    display: flex;
+	flex-flow: column nowrap;
+    justify-content: space-between;
+    align-items: flex-start;
+}
+
+
+#bsod h1 {
+	font-size: 1rem;
+    background-color: #bbb;
+	color: #000084;
+	padding: 1rem;
+	box-shadow: 1rem 1rem black;
+	margin: 1rem;
+	text-align: center;
+	align-self: center;
+}
+
+#bsod .continue {
+	text-align: center;
+	font-size: 1.5rem;
+}

playlist/static/style.css

@@ -30,7 +30,7 @@ input[type=submit] {
 	filter: contrast(1);
 }
 
-.hide {
+#bsod, .hide {
 	display: none;
 }