diff --git a/assets/stylesheets/common/card.scss b/assets/stylesheets/common/card.scss index 2be0f58..0dcac5f 100644 --- a/assets/stylesheets/common/card.scss +++ b/assets/stylesheets/common/card.scss @@ -33,6 +33,9 @@ body { @media screen and (max-width: 525px) { font-size: var(--font-up-2); } + @media screen and (max-width: 425px) { + font-size: var(--font-up-0); + } } &__data { font-weight: normal; diff --git a/assets/stylesheets/common/post-received-reactions.scss b/assets/stylesheets/common/post-received-reactions.scss index bc5d9ed..b9aecf1 100644 --- a/assets/stylesheets/common/post-received-reactions.scss +++ b/assets/stylesheets/common/post-received-reactions.scss @@ -17,12 +17,24 @@ width: 30px; height: 30px; } + perspective: 1000px; + will-change: transform; + transform-style: preserve-3d; + border-radius: var(--rewind-border-radius); + cursor: pointer; + animation-name: ambientMovement; + animation-duration: 4000ms; + animation-delay: calc(-4000ms * var(--rand)); + animation-iteration-count: infinite; + animation-timing-function: ease-in-out; + z-index: 1; } .rewind-card__emoji { font-size: 12px; } .scale:nth-child(1) { padding: 0.25em; + transform: rotateZ(calc(var(--ambientAmount) * 12deg)); .emoji { width: 20px; height: 20px; @@ -30,12 +42,14 @@ } .scale:nth-child(2) { padding: 0.35em; + transform: rotateZ(calc(var(--ambientAmount) * 11.2deg)); .emoji { width: 22px; height: 22px; } } .scale:nth-child(3) { + transform: rotateZ(calc(var(--ambientAmount) * 10deg)); padding: 0.5em; .emoji { width: 24px; @@ -43,12 +57,16 @@ } } .scale:nth-child(4) { + transform: rotateZ(calc(var(--ambientAmount) * 8deg)); padding: 0.75em; .emoji { width: 26px; height: 26px; } } + .scale:nth-child(5) { + transform: rotateZ(calc(var(--ambientAmount) * 13deg)); + } @media screen and (width <= 625px) { .scale { width: min-content; diff --git a/assets/stylesheets/common/rewind.scss b/assets/stylesheets/common/rewind.scss index c25d4ec..1adb846 100644 --- a/assets/stylesheets/common/rewind.scss +++ b/assets/stylesheets/common/rewind.scss @@ -48,7 +48,7 @@ } .background-1 { - background: url(/plugins/discourse-rewind/images/bg-2-test.png); + background: url(/plugins/discourse-rewind/images/blur-bg.png); @media (prefers-color-scheme: dark) { opacity: 0.15; } diff --git a/public/images/bg-1.png b/public/images/bg-1.png deleted file mode 100644 index d2f6826..0000000 Binary files a/public/images/bg-1.png and /dev/null differ diff --git a/public/images/bg-2-2.png b/public/images/bg-2-2.png deleted file mode 100644 index 9cc4bc3..0000000 Binary files a/public/images/bg-2-2.png and /dev/null differ diff --git a/public/images/bg-2.png b/public/images/bg-2.png deleted file mode 100644 index 9e5469e..0000000 Binary files a/public/images/bg-2.png and /dev/null differ diff --git a/public/images/bg-frames/bg-2_1.png b/public/images/bg-frames/bg-2_1.png deleted file mode 100644 index 9cc4bc3..0000000 Binary files a/public/images/bg-frames/bg-2_1.png and /dev/null differ diff --git a/public/images/bg-frames/bg-2_10.png b/public/images/bg-frames/bg-2_10.png deleted file mode 100644 index 5cf9422..0000000 Binary files a/public/images/bg-frames/bg-2_10.png and /dev/null differ diff --git a/public/images/bg-frames/bg-2_11.png b/public/images/bg-frames/bg-2_11.png deleted file mode 100644 index 29e5442..0000000 Binary files a/public/images/bg-frames/bg-2_11.png and /dev/null differ diff --git a/public/images/bg-frames/bg-2_2.png b/public/images/bg-frames/bg-2_2.png deleted file mode 100644 index 16b590e..0000000 Binary files a/public/images/bg-frames/bg-2_2.png and /dev/null differ diff --git a/public/images/bg-frames/bg-2_3.png b/public/images/bg-frames/bg-2_3.png deleted file mode 100644 index a504005..0000000 Binary files a/public/images/bg-frames/bg-2_3.png and /dev/null differ diff --git a/public/images/bg-frames/bg-2_4.png b/public/images/bg-frames/bg-2_4.png deleted file mode 100644 index 746f36a..0000000 Binary files a/public/images/bg-frames/bg-2_4.png and /dev/null differ diff --git a/public/images/bg-frames/bg-2_5.png b/public/images/bg-frames/bg-2_5.png deleted file mode 100644 index ccd12a7..0000000 Binary files a/public/images/bg-frames/bg-2_5.png and /dev/null differ diff --git a/public/images/bg-frames/bg-2_6.png b/public/images/bg-frames/bg-2_6.png deleted file mode 100644 index e84abf4..0000000 Binary files a/public/images/bg-frames/bg-2_6.png and /dev/null differ diff --git a/public/images/bg-frames/bg-2_7.png b/public/images/bg-frames/bg-2_7.png deleted file mode 100644 index f3b0259..0000000 Binary files a/public/images/bg-frames/bg-2_7.png and /dev/null differ diff --git a/public/images/bg-frames/bg-2_8.png b/public/images/bg-frames/bg-2_8.png deleted file mode 100644 index d42bffa..0000000 Binary files a/public/images/bg-frames/bg-2_8.png and /dev/null differ diff --git a/public/images/bg-frames/bg-2_9.png b/public/images/bg-frames/bg-2_9.png deleted file mode 100644 index 32d9ee8..0000000 Binary files a/public/images/bg-frames/bg-2_9.png and /dev/null differ diff --git a/public/images/blue_blob.svg b/public/images/blue_blob.svg deleted file mode 100644 index 6dae9e6..0000000 --- a/public/images/blue_blob.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/public/images/bg-2-test.png b/public/images/blur-bg.png similarity index 100% rename from public/images/bg-2-test.png rename to public/images/blur-bg.png diff --git a/public/images/discourse_blob_1.svg b/public/images/discourse_blob_1.svg deleted file mode 100644 index 86ec00f..0000000 --- a/public/images/discourse_blob_1.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/public/images/discourse_blob_2.svg b/public/images/discourse_blob_2.svg deleted file mode 100644 index b5eeceb..0000000 --- a/public/images/discourse_blob_2.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/public/images/large-yellow-blob.svg b/public/images/large-yellow-blob.svg deleted file mode 100644 index 95762dc..0000000 --- a/public/images/large-yellow-blob.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/images/orange_blob.svg b/public/images/orange_blob.svg deleted file mode 100644 index 952bdb2..0000000 --- a/public/images/orange_blob.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/public/images/red_blob.svg b/public/images/red_blob.svg deleted file mode 100644 index 3ff0f39..0000000 --- a/public/images/red_blob.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/public/images/wave-orange.svg b/public/images/wave-orange.svg deleted file mode 100644 index a9e91de..0000000 --- a/public/images/wave-orange.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/images/wave-yellow.svg b/public/images/wave-yellow.svg deleted file mode 100644 index 2ffa705..0000000 --- a/public/images/wave-yellow.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/images/yellow_blob.svg b/public/images/yellow_blob.svg deleted file mode 100644 index 569e43c..0000000 --- a/public/images/yellow_blob.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - -