discourse/discourse-rewind
1
0
Fork 0
mirror of https://github.com/discourse/discourse-rewind.git synced 2025-07-08 06:32:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

testing out parralax

Browse Source
This commit is contained in:
Jordan Vidrine 2025-01-03 09:15:32 -06:00
parent bbab3a8f6f
commit d31b2495e2
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/javascripts/discourse/components/rewind.gjs
View File

@ -77,7 +77,7 @@ export default class Rewind extends Component {
</div> </div>
{{else}} {{else}}
<img {{! <img
src="/plugins/discourse-rewind/images/blue_blob.svg" src="/plugins/discourse-rewind/images/blue_blob.svg"
class="blob_1" class="blob_1"
/> />
@ -92,7 +92,7 @@ export default class Rewind extends Component {
<img <img
src="/plugins/discourse-rewind/images/discourse_blob_1.svg" src="/plugins/discourse-rewind/images/discourse_blob_1.svg"
class="blob_4" class="blob_4"
/> /> }}
<DButton <DButton
class="rewind__exit-fullscreen-btn" class="rewind__exit-fullscreen-btn"

11
assets/stylesheets/common/rewind.scss
View File

@ -34,6 +34,17 @@
position: relative; position: relative;
overflow: hidden; overflow: hidden;
max-width: 960px; 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 { .rewind__scroll-wrapper {