father 
(the real killer imo) is as big an attention whore as she was. 
- 7
- 31
- 11
- 9
Have you ever thought you yourself, "Man, I wish Spotify could just match me with people who love the exact same music I do. That would be AMAZING!"? 
I've thought about this way too many times, and judging by the internet, so have a lot of other people. People are begging Spotify to do this. The closest they've come is that "Blend" feature, where you and someone else compare playlists to see how much you overlap. But here's the problem: you already have to know the person and have access to their Spotify account, which completely misses the point. I don't want to compare music tastes with people I already know, because I already know what they like, and it isn't the same stuff I like. I want to find my music soulmate! Someone I can bond with over the obscure indie bands I pretend are my entire personality!
So, why hasn't Spotify done this when so many people are begging for it? From what I've gathered, the reason probably boils down to liability. Imagine the nightmare headlines if a kid got groomed or someone met up with their "music match" and it turned into a true crime podcast. It's just easier for Spotify to stick to being a music platform than risk becoming a matchmaking service with potential safety concerns.
Since Spotify clearly isn't ever going to do this, I scoured the internet for third party apps. The results are honestly depressing. It turns out several apps have tried to create a Spotify based dating or matching platform, but almost all of them flopped. Why? Not enough people were using them.
As of now, the most popular app I've found is Makromusic. It's the most active of its kind, and it's still being updated regularly. It's free to use, even though it does advertise "premium" features, I have yet to find a single person that uses it. That said, it's far from perfect. Even though it has the largest user base compared to similar apps, it still doesn't feel big enough, especially if your music tastes are on the niche side.
Makromusic groups users based on up to 6 genres of music you listen to the most. Sounds cool in theory, but it means your potential matches are limited to people within those specific groups. If you're into mainstream genres like pop or EDM, you might have better luck. But if your tastes are more niche, like mine, the options can dry up fast. For example, my friend, who listens to more mainstream music, had way more potential matches than I did. Meanwhile, I managed to go through my entire list of possible matches in less than 45 minutes, and that was searching for matches within 500 miles of me.
It does have a cool option of finding matches based on people that have played the same song or artist as you. But again, this feature never really worked for me because there aren't enough people using the app. Too many times I've tried this feature and a lot of times I get "No one else have ever played that song". Obviously this will work better if you listen to more mainstream music.
Another thing that sucks about this app is it doesn't list the person's age or where they are from on their profile. So if you end up finding someone you like, you'll end up being disappointed when you find out they're too young, too old, and/or too far away from you. Their chat feature also sucks and messes up a lot. Most people get past this by giving out their Groomercord/Snapchat/Instagram etc account.
Lastly, I want to talk about music stereotypes. Some people will deny these exist but it's very real and this app proves it. For example, most of the guys in my music niche look like a budget mall goth who exclusively shops at Hot Topic clearance sales. Oh, and a lot of them are built like they'd lose a fight with a treadmill
Meanwhile, my friend noticed that her genre (mainstream pop and EDM) was full of frat and gym bros.
Should you bother with this app? At this point, I've kind of given up on Makromusic. There just aren't enough people on it, especially in my music genres. I'll probably keep my account active but only check it every once in a while. But hey, if you're into more popular genres, you might have better luck and should give it a shot.
- 77
- 53
not on rdrama in IRL
post your bra size and BMI and I'll get back to you
- TotalVatniggerDeath : scrotes smh
- 1
- 10
I've never heard a cat scream before, it was majestic.
Remember to teach your orange cat about consent.
- 3
- 10
I am on box 85, these 35 have been more fun than the first 50, but I haven't had as much time this week..
Hypermuscular Hindu Hridaysamrat 
- 15
- 10
BIG: Chinaโs next-generation (6th-gen) fighter jet made its first flight today. pic.twitter.com/ZryCr2baGA
— Clash Report (@clashreport) December 26, 2024
Westoid cope is hilarious
The middle kingdom shall reign supreme again. What a country, tech restricted and constantly told they're primitive and western tech is superhuman and they come out with something even west won't have for 10 years at least. 
Greatest underdog story ever told.
- 8
- 25
COMMUNITY NOTED- 63
- 49
It's time for a paradigm shift in gayming. 
We've cracked the code for what actual human beings (not yearly FIFA consoomers) really want in video games. 
HOT SEXY ANTHRO CHARACTERS
(and nostalgia)
Exhibit 1 : Pseudoregalia
Great platformer, pixelshit aesthetic. 12k reviews on Steam, "Overwhelmingly Positive" with 97% positive reviews. 
People love the platforming.
Character is a bottomless THIGHS goat, has 1k art on e621 
Currently on sale (-20%) at $4.79
Exhibit 2: Atlyss
Action RPG, pixelshit aesthetic, IN EARLY ACCESS!! . 9k reviews already on Steam, "Overwhelmingly Positive" with 97% positive reviews once again. 
It plays good. Don't have enough RPG experience to delve deep into it but I like it.
One of the main focus are the multiple races (imp/furry/kobold/bird/rrat) and CHARACTER CUSTOMIZATION SLIDERS, including the fabled THIGH, BUTT and most importantly BELLY sliders. 
By maxing these (or more with mods) you end up with shortstacks made for human peepee. 
Also main overworld characters are sexo 
Oh, and did I mention it's MULTIPLAYER? I'm not gay enough to go into one of these lobbies but be warned. 
Unfortunately, our jewish overlords made the dev remove the bulge slider, which is a tremendous hit to shortstack femboy lovers worldwide. 
Also, already ~600 art on e621
Currently on sale (-40%) at $5.99. Free demo (older build) to try it out here on itch io
Forbidden exhibit : Axyn Adventure
Let's just go full r-slur.
What if Pseudoregalia but with a power bottom femboy slut? And s*x scenes? 
As mentioned, the main character bottoms. Some people may love that but I'd prefer the opposite.
You can play naked. He has a bigger butt than Sybil from Pseudoregalia somehow.
Warning - gaysex video : 
@AltAccountOkapi
Only the demo is available (get it on itch io here), but it's already making rounds on /v/. 
Feel free to add more furry coomer games, I know I missed a lot of them, but these bangers stuck out as "recent random kinda polished game but with hot furries and obvious coombait".
Merry christmas
s*x with anthros send post
Just wanted to let you all know, furries, that i deeply despise you all, and everything you stand for.
Helpful [11] Not Helpful [3]
More election drama! Study on the ethics of making stupid political alliances and throwing campaign money at even dumber causes 
Also, no one can coup your country if you coup it first! - 30
- 45
Previous posts on this subject, even if you don't want to read the whole thing you should check the description of the candidates and parties involved from the first link because I'll use the same marseys to represent them for a easier reading 
https://rdrama.net/post/323123/marseyflagromania-a-literal-political-thriller-movie
https://rdrama.net/post/323407/marseyflagromania-romanian-elections-drama-continues-elections
https://rdrama.net/post/323949/marseyflagromania-our-spy-political-thriller-goes
Political rivals 
This was annoying to write because I don't know what details are actually relevant enough, I don't want to make this too boring
A little backtrack first. I focused a lot of Georgescu 
in the previous posts but now the 
parties and the relations between them are more important for the drama. PSD and USR really don't get along. The old guard wants any new person entering politics to follow their orders while is formed from politicians who want to dethrone them and form their own political 'dyasty'. So they really hate each other. As I said in the previous post, the 
parties are too new to really have clear love or hate relations with either side in this conflict.So, when the Constitutional Court (controlled by
) demanded recounts for the first round of the presidential election, USR were naturally suspicious. PSD would never do something in their favor after all. Then the recounts happened and nothing changed, and ok, if these buttholes aren't trying to frick us over then what was the point? 
But they still remained tense, because while this move was weird and useless, it's a clear warning that are preparing to mess with the elections. And it turns out they were right to be worried 
After the elections were cancelled people were expecting, you know, stuff like explanations, accountability, arrests, plans to guard against similar shit in the future and other stuff that competent countries do
At the beginning things were fine, some heads of the nazi and other far right organizations that threatened with violent riots were arrested, members had their homes searched, and our authorities were working with NATO and EU over the election interferences. For some reason, Georgescu was left alone. But hey, we're still in the early stages of the investigation, we just uncovered this whole russian plot, his time will come right? 
That planned riot was a failure, people didn't show up, some literal nazis were caught trying to enter Bucharest with weapons hidden in their cars, lots of funny shit. The guys were jailed
Later released 
Then grabbed by the police again 
...then released for good and allowed to frick out of the country 
This is some 
shit, isn't it? Aside from a few r-slurs threatening violence and screaming about the jews on the internet that were fined no one faced any punishment for the whole thing. And no one bothered Georgescu 
Add the fact that we still don't have any extra information on what happened during the elections and it's once again starting to look like this bullshit is just our own politicians doing stupid shit. But the question is, are they working with Russia or is this whole Russia story just a lie? Since they were already paranoid, USR
saw the writing on the wall and accused PSD of trying to steal the elections as soon as the presidential ones were cancelled. After all, they were battling Georgescu for the president position, so the cancellation affected them just as much as it affected him. Besides, if the elections were cancelled because of Russian interference, then both the presidential and the parliamentary elections should be cancelled, since Georgescu's unofficial party POT won seats through the same TikTok strategy, but only the elections that PSD lost are being remade. But since they spent so much time during the elections screaming about how dangerous Russia and Georgescu were they now came out looking like hypocrites and were criticised for siding with the far right just to keep their political power.
Trying to form a government - new alliances and betrayals 
Since no faction won a majority for the parliament, our politicians are now stuck trying to make coalitions together. As the
parties were branded as traitors the most obvious solution is for and to form a pro-NATO/EU coalition and leave the anti-NATO/EU parties in opposition, right? Too bad they hate each other's guts 
So, the first tentative alliance was formed. PSD
+ PNL + USR + UDMR 
UDMR is the party of our hungarian minority and they are big enough to make a difference in the parliamentary negotiations so despite being hated by everyone they are accepted into every single coalition ever. They are the single biggest whores in out politics, but then again I already said they are hungarians 
- are starting to accuse our president of being an illegitimate president, since he only kept his position because our Constitutional Court refused to allow a new one to be elected. They said that if he doesn't step down after his term is over on December 22nd he's an unelected dictator. USR agreed with them. Once again, they were criticised for preferring to side with the extremists over working with their political rivals.
Multiple embarrassing slapfights happened while all parties were trying to negotiate their coalition. USR
came with an 8 point political reform program and said that if it's not accepted in full they will abandon the coalition and join the in the opposition. While their plan was good, their unwillingness to negotiate it while they were already hated by the were obviously not in their favor. Ciolacu, leader of PSD , insisted on being named prime minister, but PNL told him that his embarrassing failure in the elections (couldn't even enter the second round) alongside his disastrous economical policies during his last term made him unfit to be placed in the same position again 
So PSD decided to grab their toys and go home and told everyone that they'll join the parties coalition. This was a problem since they are the biggest party in the parliament so them joining means that they can form the government together. They said that they will make sure to only vote pro- NATO/EU proposals but no one trusts them, so... shit 
PNL
decided that if their brother party isn't in the coalition then they'll back off too and soon after UDMR threw in the towel too. So, that will leave only USR and some minority parties in the coalition or what? 
In the mean time USR went to the president to complain about his unconstitutional mandate extension. They refused to stand up when he joined the meeting room, he didn't shake their hands, they told him to resign, he said no, and the whole thing lasted three minutes in total. Meeting ended after 
But plot twist! Not even a day after 'resigning' PSD
told everyone that they were joking and that they'll still form a pro-EU/NATO coalition and invited all the other parties to negotiation again... aside from USR who were thus officially kicked out of the coalition. PSD + PNL + UDMR can form a majority together, a barely there majority true, but still a majority.USR
threatened to not vote the new government, probably hoping that the in-party rivalries will destroy the barely there majority and will force the other parties to re-invite them in the coalition. Instead, convinced 20 parliamentarians from AUR to vote for them, and now we finally have a government! 
Ciolacu
was named prime minister again, and with USR out of the picture PSD controls most of the country again.
Lmao wtf is going on? 
After this childish political battle more and more people started to accept that the real coup was done by PSD
Again. EU, confused that there is evidence that Russia messed around our elections but also sniffing bullshit, keeps harassing TikTok for investigations. In the meantime America praises our decision to cancel the election every few days. At least someone is happy with the situation? 
Obviously now, when things started to calm down, it's the perfect time for another bombshell to drop!
A journo group announced that they have proof that PNL paid for Georgescu's campaign! 
At this point people weren't even shocked just exasperated and done with the whole circus 
PNL denied it and said that they paid a firm to promote their campaign and that their money was instead funnelled into Georgescu's campaign. Really? Still, things don't make sense
Georgescu's campaign was massive, with millions of bots and dozens of sites involved, the cost alone must have been way past what PNL paid, and multiple countries confirmed Russia's involvement. We're still missing a few things here 
Trying to patch all the information... PSD
wanted to promote AUR to split USR's anti-establishment votes and lower their winning chances. Realizing this, PNL then decided to promote Georgescu as a way of splitting AUR's far-right votes so that PSD's plan will fail. But at some point Russia decided to promote Georgescu too to stir chaos and/or coup us and massively blew up his popularity. PSD was too busy with their schemes to notice anything and gave some of their votes to AUR in the first round, accidentally kicking themselves out of the second round. Georgescu and Lasconi won the first elections because these two r-slurs were too busy fighting each other. That's why our secret services and didn't react to Georgescu's raise in popularity, they were involved in the whole mess too and now they didn't know how to swipe everything under the rug as much as possible.Still, Georgescu
was a problem and something had to be done, so they had to sound the alarm and call NATO's help. Russia's plans were stopped 
PSD , until now disappointed that they lost the presidency and their hold on the parliament was severely diluted, realized that they now have an excuse to steal the elections and get their control over the country back. They couldn't do any bullshit with all the NATO/EU eyes on them so Russia's interference was like a gift send from God Himself into their laps. So they talked with the Constitutional Court to annul the elections, all with our allies panicked blessing, kicking Georgescu out of his top position for now, caused one heck of the mess during the coalition negotiations, and managed to kick out USR too 
PNL just shrugged and went back into allying with them, while and parties were left defeated and screaming in the dust 
Another theory here is that, after messing up and accidentally promoting Georgescu on top on the race with Russia's help,
parties wanted to let him win the presidency and join forces to control the parliament and block any dumb shit he wants to do. Especially since he has some ideas similar to Trump, so maybe they'll get along or something. But Biden's cabinet insisted that we do something about it so the elections were cancelled. Unfortunately, now people around Trump, like his son and Musk, are bitching about Soros and democracy, so what do we do? America might still get pissed at us 
Now wait, we have an idea! We'll just do nothing against Georgescu himself, we'll postpone the new elections and any investigation until Trump steps into the White House and if he still wants Georgescu as president we'll just let him candidate like nothing happened while blaming everything on Biden and his people and things will be fine 
Current situation 
So, right now we still don't know what exactly is with Georgescu
He seems to be both with our glowies and with Russia. Mostly probably PSD will try to negotiate with him until the new presidential elections (somewhere in spring most lkely) and if he seems like he can be reasoned with (read, he'll listen to their orders - and ) he'll be allowed to run, if not they'll just get some institution to forbid him from running again PDS has not only gotten more power, but will also get bolder in their bullshit next elections since the population didn't react to them stealing the elections in any way, so why not do it again? 
Out of all the
parties, AUR started to work with PSD the most. It's expected that the rest of them will be pushed out of politics one way or another until AUR will become the far-right controlled opposition to PSD. A few parliamentarians from the other parties are already two steps away from getting kicked out of their new positions because of different cases opened against them in the past (corruption, defamation, antisemitism, and other shit). USR is marginalised ever further, and seems like they'll even lose their anti status-quo party to AUR 
- parties and their supporters are still screaming about how the government is illegitimate and try to get people to protest them, but since it's cold and most of us are doing the last minute preparations for Christmas they don't have
muchany success
But there's still time for other plot twists to happen, so who knows what the future will bring?
The (second) revolution that never was 
Quick funny thing that didn't fit in the main post
So, two weeks after the elections were cancelled, Georgescu's voters finally realized that they were dunked on by the establishment and decided to actually carry out a violent revolution We're serious this time guys, we swear! 
So they threatened to gather in the streets with axes and bats if the president doesn't step down after his mandate expires on December 22 
Like with all of the shit that happened until now, this was massively promoted on TikTok 
In the mean time, in order to calm down the far right rumours that EU couped us in order to force Romania to enter the war alongside Ukraine, our (old) government used it's last days in office to approve two laws: one where Romania can now down foreign drones flying over our airspace, which could be used as a potential escalation against Russia, and anther one where foreign generals from allied countries can take command over our army. Yeah, totally not suspicious at all and will definitely calm everyone down
(Last one should be called the 'America take the wheel' law tbh 
)To prove to everyone that they are hardcore patriots willing to die for their country at any time, our brave revolutionaries panicked that our new NATO army will break their bones if they start shit and stayed at home. No one turned out to even protest peacefully
So that embarrassing episode ended without any bloodshed 
All right, last two things:
our diplomat in America said at some point that our secret services work hard to gather data for CIA, fifth largest contributors actually. This will totally calm down all those conspiracy theories about glowies and us being a NATO colony
First shit our prime minister
said after taking his role was that we are ready to fully support Trump's peace plan for Ukraine, so if at any point EU plans to keep supporting Zelensky after America bows out of the conflict they should start planning on how to do it without us
- 4
- 10
DM betting ideas if you want
- 1
- 7
- 28
- 68
CSS osu!
I made a simple version of the circle clicking game osu! with HTML and CSS. I was mostly finished with it around December 4. You can find it on @YourAlterEgo's profile. It's on the desktop site only. If you're using a laptop, using a mouse is recommended.
To play it, you click the circles when the ring (approach circle) gets close to the circle. The right time to click is around the time the ring turns white or when it almost reaches the circle. You can click earlier or later if you want. If the anthem starts at the same time you click the play button, it should somewhat sync with the song (it's not perfect).
Play here on 
@YourAlterEgo's profile (Desktop only)
If the anthem autoplays or the game lags, try it here:
https://reddreamer.nekoweb.org/cssosu/
The above site is a static web hosting site like Neocities or GitHub Pages.
Click here if you want to vote on polls asking whether you played and liked the game. They're in a comment because you can't have <details> and polls in the same post.
Comment what you think. If it glitches out or doesn't work, comment what went wrong and what browser you're using. If the anthem doesn't play, try closing other rDrama tabs that have audio playing.
Assets
rDrama version (Copy and paste it into your bio and profile CSS if you want)
Non-rDrama version
I tried making a .zip, but Furryfox (Firefox) kept calling it a virus
https://files.catbox.moe/imovff.zip
- CSS (cssosu.css) (Mirror, name it cssosu.css)
- HTML (name it anything ending with .html)
- Song: lucky-nightcore.mp3 (Mirror, name it lucky-nightcore.mp3)
- Cursor: cursor.png (Mirror, name it cursor.png)
- Logo (used as an icon): cssosulogo.png (Mirror, name it cssosulogo.png)
- Background: background.jpg (Mirror, name it background.jpg)
- Background source: https://www.flickr.com/photos/adobetutorialz/4556724799/ (Median filter used to remove the patterns)
The song is a nightcore (sped-up) version of Lucky Twice - Lucky. I got it straight from an osu map (.osz file) with the same song and edited it to start shortly before the chorus.
Questions
If you have other questions, ask in the comments, and I might answer.
1. What is osu!?
It's a free-to-play weeb rhythm game where you click circles while listening to music. This is the game's website. You can try an unoffcial web demo like I did if you don't want to download it. On the actual game and the web version, you can use Z and X to click, which is easier than clicking with the mouse. They also have sliders and spinners, which aren't present in this CSS version.
2. What is CSS?
Cascading Style Sheets, a language used for styling webpages. You can use it to change the color of text, add shadows and glows, change the page's layout, add background images, add simple animations, and so on.
3. Is there an indicator for early and late hits?
No. I tried to track early hits by adding another <details> element that would be animated to toggle its visibility (and therefore clickability). There would be 2 <details> elements you could click, and clicking the one that appears earlier would mean you hit early. However, this caused issues with the circles not responding to clicks, so I gave up on it.
4. How does it work?
CSS animations, animation delays, CSS counters, and lots of <details> and <summary> elements
This uses a lot of <details> and <summary> elements. To make the circles and play button interactive on click, they needed to be interactive HTML elements. <details> and <summary> elements (normally used for showing more text on click, like a spoiler button) are allowed in rDrama bios (unlike checkboxes), so they were perfect for this. The <summary> is the actual clickable part, so that is the element that is styled into a circle or play button.
The following is what details and summary normally look like.
Try clicking me. This clickable text is the summary element inside the details element.
Hello!
This is the hidden text!
<details>
<summary>Try clicking me. This clickable text is the <em>summary</em> element inside the <em>details</em> element.</summary>
Hello! :marseywave2: This is the hidden text!
</details>
The game screen is a <blockquote>. It has a play button at the start (<details> and <summary> elements), and there are 72 blockquotes containing other elements after the play button, one for each of the 72 circles. The bio looks something like the following.
<blockquote>
<details><summary></summary></details>
> <details><summary></summary></details><h2>a</h2><p>a</p>
> <details><summary></summary></details><h2>a</h2><p>a</p>
...
> <details><summary></summary></details><h2>a</h2><p>a</p>
#
> <details><summary></summary></details><h2>a</h2><p>a</p>
...
> <details><summary></summary></details><h2>a</h2><p>a</p>
</blockquote>
In HTML, it would be this.
<blockquote>
<details><summary></summary></details>
<blockquote><details><summary></summary></details><h2>a</h2><p>a</p></blockquote>
<blockquote><details><summary></summary></details><h2>a</h2><p>a</p></blockquote>
...
<blockquote><details><summary></summary></details><h2>a</h2><p>a</p></blockquote>
<h1></h1>
<blockquote><details><summary></summary></details><h2>a</h2><p>a</p></blockquote>
...
<blockquote><details><summary></summary></details><h2>a</h2><p>a</p></blockquote>
</blockquote>
The blockquotes are absolutely positioned and placed around the screen. Inside the blockquotes are the circles (<details> and <summary> elements), the rings/approach circles (<p>), and miss indicators (<h2>). There are also a few <h1> elements between the blockquotes used to mark the start of each section with different colored circles.
<blockquote>
<details>
<summary></summary>
</details>
<h2>a</h2>
<p>a</p>
</blockquote>
You might notice the <p> and <h2> elements have "a" written inside them. This is simply because rDrama did not allow empty <p> and <h2> elements.
The approach circles (rings), circles, and miss indicators were all animated with CSS animations. Because osu! has set timings, it's easy to simply add an animation delay to determine when circles should appear. For example, circle 1 fades in 1.13 second after you click the play button, and circle 72 appears 32.73s seconds in.
#profile--bio blockquote > blockquote:nth-of-type(1) {
animation-delay: 1.13s;
}
The circles, rings/approach circles, and miss indicators inherit the timing from the containing blockquote.
#profile--bio blockquote > blockquote p,
#profile--bio blockquote > blockquote details,
#profile--bio blockquote > blockquote h2 {
animation-delay:inherit !important;
}
The play button consists of <details> and <summary> elements. When you click the play button, the open attribute gets added to the <details> element, and the play button gets hidden. The game only starts playing the animations for the other elements when the play button has the open attribute. The CSS uses the sibling selector to use the play button to target the other elements.
#profile--bio details[open] ~ blockquote details {
animation:1.5s fadecircle ease-out;
animation-fill-mode:forwards;
}
The above means that the circle (the second details) should have an animation named "fadecircle" only after the play button (the first details) has been clicked. The details[open] means that the details element has the "open" attribute. This looks like <details open> or <details open=""> in the HTML. The ~ is a sibling selector. If you write details ~ blockquote, it targets all blockquotes that are siblings of a details element (having the same parent element) and come after it in the HTML.
The circles need to be clickable for a limited amount of time. The visibility attribute both can be animated and affects interactivity. A circle's visibility is toggled through a CSS animation to make it clickable only when it's on screen.
@keyframes fadecircle {
0% {
visibility:hidden;
opacity:0;
}
10% {
visibility:visible;
opacity:1;
}
90% {
opacity:1;
visibility:visible;
}
100% {
visibility:hidden;
opacity:0;
}
}
When you click on a circle, it hides both the approach circle and the miss indicator. The miss indicator only appears after the circle fades out, meaning that if you click the circle, the miss indicator will never appear. Clicking the circle also makes the circle play a different animation to fade out as a white glow. Like with the play button, the open attribute is used to determine whether a circle was hit.
Hide approach circle after the circle (the second details) has been hit ([open])
#profile--bio details[open] ~ blockquote details[open] ~ p {
display:none;
}
Play a different animation after the circle has been hit
#profile--bio > blockquote > blockquote > details[open] summary {
background:none;
animation:0.15s hitcircle linear;
animation-fill-mode:forwards;
border-width:6px;
}
The numbers on the circles and the hit counter were made using the CSS counter feature. The CSS counter feature allows us to count elements matching a certain selector and display the current count using the content attribute. For example, you can make a counter to count the number of circles and display the current count on each circle. That way, the 1st circle will be labelled 1, the 2nd circle will be labelled 2, and so on.
The first rule initializes 3 different counters to zero. The second adds 1 to two of the counters at every one of the 72 blockquotes inside the game. The third displays the current count of the counter circlenumbers on the circles.
#profile--bio {
counter-reset:circlenumbers hitcircles totalcircles;
}
#profile--bio blockquote > blockquote {
...
counter-increment:circlenumbers totalcircles;
...
}
#profile--bio > blockquote > blockquote > details > summary::before{
content:counter(circlenumbers);
...
}
There are different sections with different colors, and the circles in each section are numbered up starting from 1. To determine when each section starts, there are <h1> elements between the blockquotes. This allows us to use the sibling selector to target the blockquotes after each nth <h1> and change the circles' colors. The counter on the circles is also reset to 1 at each <h1>.
#profile--bio h1 {
counter-set:circlenumbers 0;
...
}
The default circle color is red. The circles in the first section use that color. The rules below override the colors of the circles after the first <h1> and the second <h1> with pink and purple respectively.
#profile--bio h1:first-of-type ~ blockquote summary {
background-color:var(--pink-transparent);
}
#profile--bio h1:nth-of-type(2) ~ blockquote summary {
background-color:var(--purple-transparent);
}
The hit counter counts the number of circles with the open attribute and is placed on the ::after pseudoelement attached to the outer container blockquote (the game screen). The element displaying this counter needs to be placed after all of the circles in order to count them all, and this meets the requirement.
#profile--bio > blockquote > blockquote details[open] {
counter-increment:hitcircles;
}
#profile--bio > blockquote::after {
content:"Total circles: " counter(totalcircles) " | Circles clicked: " counter(hitcircles);
...
}
The timer was made using ::before and ::after pseudoelements with an animated content property. I found out this was possible from @iheartrdrama's former WPD CSS!
#profile--bio > blockquote details[open] ~ h1:nth-of-type(4)::before {
content:"0:00";
left:20px;
animation:36s timer linear, 0.25s timerFade;
animation-delay:0s, 36s;
animation-fill-mode:forwards;
}
The other timer uses the same animation but in a reverse direction.
animation:36s timer linear, 0.25s timerFade;
animation-direction:reverse, normal;
Animation
@keyframes timer {
0% {
content:"0:00";
}
2.78% {
content:"0:01";
}
...
97.22% {
content:"0:35";
}
100% {
content:"0:36";
}
}
Thanks for reading if you read this post, and thanks for playing if you played the game. 
- 9
- 50
Most Based Comments
Basedness: ๐ฅ๐ฅ๐ฅ๐๐
I've already messaged Coulthart as well (107)
Basedness: ๐ฅ๐๐๐๐
Right? I wouldn't touch that with a bare hand (or sleep with it under your pillow), before seeing if it was putting out any excessive Rads. Amazing sighting, I believe you. Maybe I'm an Idiot, but I believe you. (434)
Basedness: ๐ฅ๐๐๐๐
I can put them in touch! Please OP! Reach out to Garry! I'll send him screenshots of this (322)
DO IT (72)
Angriest Comments
Angriness: ๐ก๐ก๐ก๐ก๐ก
Angriness: ๐ก๐ก๐ก๐ก๐ก
Angriness: ๐ก๐ก๐ก๐ก๐ก
Biggest Lolcow: /u/LordFlarkenagel
Score: ๐ฎ๐๐๐๐
Number of comments: 2
Average angriness: ๐๐๐๐๐
Maximum angriness: ๐ก๐ก๐ก๐๐
Minimum angriness: ๐ก๐ก๐ก๐๐
NEW: Subscribe to /h/miners to see untapped drama veins, ripe for mining! 
autodrama: automating away the jobs of dramneurodivergents. 
Ping HeyMoon if there are any problems or you have a suggestion 
- 2
- 9
talkative moth
โ guoh (@guoh.bsky.social) 2024-12-12T09:15:18.016Z
Top Poster of the Day:
peepeehands
Current Registered Users: 29,252
BROWSE EFFORTPOSTS
SITE GUIDE
HOLES
PING GROUPS