added cmas-snowglobe

BYU-PCCL · Dec 4, 2024 · ae70c8d · ae70c8d
1 parent 3a4ae50
commit ae70c8d
Show file tree

Hide file tree

Showing 8 changed files with 83 additions and 0 deletions.
diff --git a/experiences/cmas-snowglobe/config.json b/experiences/cmas-snowglobe/config.json
@@ -0,0 +1,9 @@
+{
+    "id": "cmas-snowglobe",
+    "type": "web",
+    "title": "Christmas cheer",
+    "description": "Have a wonderful Christmas!",
+    "layout": "full",
+    "lifetime": 240,
+    "queueable": true
+}
diff --git a/experiences/cmas-snowglobe/thumb.jpg b/experiences/cmas-snowglobe/thumb.jpg
diff --git a/experiences/cmas-snowglobe/web/index.html b/experiences/cmas-snowglobe/web/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Merry Christmas!</title>
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+
+  <body>
+
+    <div class="video-container">
+      <video width="2736px" autoplay muted loop><source src="snowglobe.mov" type="video/mp4"></video>
+    </div>
+
+    <div id=mc></div>
+
+</body>
+</html>
diff --git a/experiences/cmas-snowglobe/web/mc2.png b/experiences/cmas-snowglobe/web/mc2.png
diff --git a/experiences/cmas-snowglobe/web/style.css b/experiences/cmas-snowglobe/web/style.css
@@ -0,0 +1,44 @@
+
+html {
+    width: 2736px;
+    height: 1216px;
+    background: #444444;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    width: 2736px;
+    height: 1216px;
+    background: #444444;
+
+}
+
+div#shift {
+    width: 2736px;
+    height: 1216px;
+    position: absolute;
+    left:0px;
+    top:-200px;
+}
+
+div#mc {
+    position: absolute;
+    left:1350px;
+    top:0px;
+    width:1200px;
+    height:1200px;
+    background-size: 1200px 1200px;
+    background-image: url("mc2.png");
+}
+
+.video-container {
+  height: 1216px;
+  width: 2736px;
+  overflow: hidden;
+  position: absolute;
+}
+
+.video-container video {
+  transform: translateY(-10%);
+}
diff --git a/experiences/cmas-snowglobe/wide.jpg b/experiences/cmas-snowglobe/wide.jpg
diff --git a/folders.toml b/folders.toml
@@ -36,6 +36,13 @@ tags = [ "cpms50" ]
 featured = "cpms50"
 visible = true
 
+[christmas]
+title = "Christmas"
+description = "Christmas"
+tags = [ "christmas" ]
+featured = "cmas-snowglobe"
+visible = true
+
 [lds]
 title = "Temple Photo Op"
 description = "LDS-themed experiences"

diff --git a/tags.toml b/tags.toml
@@ -52,10 +52,15 @@ experiences = [
   "photo-op"
 ]
 
+[christmas]
+title = "Christmas"
+experiences = [ "cmas-snowglobe" ]
+
 [cpms50]
 title = "CPMS is 50"
 experiences = [ "cpms50" ]
 
+
 [lds]
 title = "LDS-themed experiences"
 experiences = [