shuffle: first version

1 files changed, 35 insertions, 7 deletions

diff --git a/static/pages/shuffle/index.css b/static/pages/shuffle/index.css
index 8c9434e..30d30ac 100644
--- a/static/pages/shuffle/index.css
+++ b/static/pages/shuffle/index.css
@@ -1,11 +1,39 @@
+:host {
+	display: block;
+	width: 100vw;
+	height: 100vh;
+	top: 0px;
+	left: 0px;
+	overflow: hidden;
+	position: relative;
+}
 
-#container {
+sfw-image {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, calc(-50% - 50px));
 	width: 100%;
-	height: 100%;
-	background: var(--page-background);
-	text-align: center;
-	align-content: center;
-	color: #838b97;
-	font-family: 'Pacifico';
+	max-width: calc(100vw - 20px);
+	max-height: calc(100vh - 200px);
 	user-select: none;
+	transition: transform 0.05s ease;
+}
+
+#front {
+	z-index: 1000;
+}
+
+#back {
+	z-index: 500;
+	filter: blur(50px);
+}
+
+#date {
+	margin: 10px;
+	border-radius: var(--border-radius);
+	padding: 10px;
+	background: #efefef99;
+	backdrop-filter: blur(10px);
+	box-shadow: #223223aa 1px 1px 4px;
 }