Photo booth

2026-01-31 18:27:19 +01:00
parent 2d2fc24d71
commit ee97b8faab
8 changed files with 258 additions and 0 deletions
--- a/photo-booth/style.css
+++ b/photo-booth/style.css
@@ -0,0 +1,62 @@
+body {
+	margin: 0px;
+}
+
+#video {
+	width: 100vw;
+	height: 100vh;
+	position: absolute;
+	cursor: none;
+}
+
+.blurred {
+	filter: blur(8px);
+}
+
+#canvas-container {
+	width: 100vw;
+	height: 100vh;
+	position: absolute;
+	background-color: #000a;
+	cursor: none;
+	display: none;
+}
+
+#canvas {
+	width: 50vw;
+	height: 50vh;
+	position: relative;
+	margin-left: 25vw;
+	margin-top: 25vh;
+	border: 100px solid white;
+	left: -100px;
+	top: -100px;
+	cursor: none;
+}
+
+#flash {
+	width: 100vw;
+	height: 100vh;
+	position: absolute;
+	display: none;
+	background-color: white;
+	cursor: none;
+}
+
+#countdown {
+	width: 600px;
+	height: 600px;
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	margin-left: -300px;
+	margin-top: -300px;
+	font-size: 450px;
+	text-align: center;
+	font-family: sefif;
+	color: white;
+	background: #000a;
+	border-radius: 100px;
+	cursor: none;
+	display: none;
+}