This content originally appeared on DEV Community and was authored by Shoubhit Dash
I was in a group chat and a guy was just hammering his opinion on everyone. So, just like every other developer, instead of tell him to shut the fuck up, I spent the next two hours making a website to tell people to shut the fuck up! You can see it here.
I'm using Next.js, TypeScript and TailwindCSS for the styling. It's pretty basic but I did learn how the dark mode property in Tailwind works. By default if you use the dark variant and add a class, it's only going to trigger it if the native theme of the device is dark. Otherwise its going to use the default styling. But you can also override this to change it manually by adding this in tailwind.config.js
module.exports = {
darkMode: 'class',
// ...
}
Now you can define the same styling as before but it will only trigger the dark mode class if the class dark is present. This way you can have a nice theme switcher.
Thank you if you read this. Feel free to use the website in weird group chats and do give me feedback in the comments! The website is not open source sadly because I don't want to have offensive stuff on my GitHub account, but if you really do want to see the code, just comment below and I will invite you to the repository.
This content originally appeared on DEV Community and was authored by Shoubhit Dash
Shoubhit Dash | Sciencx (2022-04-05T18:44:06+00:00) A guy wasn’t shutting the fuck up, so I made a website for it :o. Retrieved from https://www.scien.cx/2022/04/05/a-guy-wasnt-shutting-the-fuck-up-so-i-made-a-website-for-it-o/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.