Skip to content

feat(snippets): gawr gura karaoke #1012

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
+6 −0
Open

feat(snippets): gawr gura karaoke #1012

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
1f98361
feat(snippets): add gura karaoke cover
PiggMelonie Aug 30, 2025
ae58e16
Update snippets.json
PiggMelonie Aug 30, 2025
0dc6e16
Delete resources/assets/snippets/gurakaraoke.png
PiggMelonie Aug 30, 2025
fe2038c
feat(snippets): add gawr gura karaoke preview
PiggMelonie Aug 30, 2025
a1be630
Update snippets.json
PiggMelonie Aug 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added resources/assets/snippets/gurakaraoke.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions resources/snippets.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -520,5 +520,11 @@
"description": "Adds a Minecraft Bee to the Progress Bar which follows throughout the duration of the track.",
"code": ".player-controls .playback-progressbar .progress-bar::before { content: ''; width: 55px; height: 55px; bottom: calc(40%); left: var(--progress-bar-transform); position: absolute; transition: left var(--progress-bar-duration); transform: translate(-15px, 0px); image-rendering: auto; background-size: 55px 55px; background-image: url('https://i.imgur.com/1oyD6fu.gif'); }",
"preview": "resources/assets/snippets/minecraft-bee-snippet.gif"
},
{
"title": "Gawr Gura Karaoke",
"description": "Adds a Gawr Gura Karaoke gif to the Progress Bar",
"code": ".player-controls .playback-progressbar::before { content: ''; width: 60px; height: 50px; bottom: calc(100% - 7px); right: -5px; position: absolute; pointer-events: none; background-repeat: no-repeat; background-size: 60px 50px; background-image: url('https://media.tenor.com/qLco28DUQwUAAAAi/gura.gif'); }",
"preview": "resources/assets/snippets/gurakaraoke.png"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The preview should be taken from the spotify client

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sorry for trying to do all this without really getting what to do, ive never attempted something like this. how would i upload the code to the client to be able to test it beforehand and take the preview?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Marketplace -> Snippets tab -> Click Add CSS button -> Paste the string from code to it and save it with some name then enable it

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

omg i didnt know i could do that the whole time. for like the last 12 hours ive been trying to mimic how all the requests are and trying to figure out what a pull request was and what stuff i had to edit. i thought for snippets id have to upload them to the marketplace for me to be able to even use them. again im super sorry about closing it over and over, my worst fear was that people would actually get notified of that, because i wasnt sure if they did. since ive already spent this long ill try my best to finish this pull anyways in case someone else wants to use it

}
]