From d31b2495e25db73e1be41d93cc6caab1ec7c013f Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <jordan@jordanvidrine.com>
Date: Fri, 3 Jan 2025 09:15:32 -0600
Subject: [PATCH] testing out parralax

---
 assets/javascripts/discourse/components/rewind.gjs |  4 ++--
 assets/stylesheets/common/rewind.scss              | 11 +++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/assets/javascripts/discourse/components/rewind.gjs b/assets/javascripts/discourse/components/rewind.gjs
index 9c16a84..282c72d 100644
--- a/assets/javascripts/discourse/components/rewind.gjs
+++ b/assets/javascripts/discourse/components/rewind.gjs
@@ -77,7 +77,7 @@ export default class Rewind extends Component {
           </div>
         {{else}}
 
-          <img
+          {{! <img
             src="/plugins/discourse-rewind/images/blue_blob.svg"
             class="blob_1"
           />
@@ -92,7 +92,7 @@ export default class Rewind extends Component {
           <img
             src="/plugins/discourse-rewind/images/discourse_blob_1.svg"
             class="blob_4"
-          />
+          /> }}
 
           <DButton
             class="rewind__exit-fullscreen-btn"
diff --git a/assets/stylesheets/common/rewind.scss b/assets/stylesheets/common/rewind.scss
index 68cf44b..9f112a0 100644
--- a/assets/stylesheets/common/rewind.scss
+++ b/assets/stylesheets/common/rewind.scss
@@ -34,6 +34,17 @@
   position: relative;
   overflow: hidden;
   max-width: 960px;
+  background: url(/plugins/discourse-rewind/images/bg-1.png);
+  background-size: cover;
+  &::before {
+    content: "";
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 300%;
+    background: url(/plugins/discourse-rewind/images/bg-2.png);
+    background-size: contain;
+  }
 }
 
 .rewind__scroll-wrapper {