| "use client"; | |
| import { useState } from "react"; | |
| export default function Page() { | |
| const [noCount, setNoCount] = useState(0); | |
| const [yesPressed, setYesPressed] = useState(false); | |
| const yesButtonSize = noCount * 20 + 16; | |
| const handleNoClick = () => { | |
| setNoCount(noCount + 1); |
| /*! NOTE: These are just recommended default global styles, edit as required */ | |
| @import ('Import reset stylesheet here, (I recommend modern-normalize) or even better, import the reset stylesheet in the HTML as the first imported stylesheet'); | |
| ::selection { /* Optional */ | |
| /* It can be really hard to read highlighted text with a text-shadow, it should be removed when selected */ | |
| text-shadow: none; | |
| /* NOTE: Using this means the color and background-color are set to transparent for selected text... */ | |
| /* So you can customise your styles below */ |
FWIW: I (@rondy) am not the creator of the content shared here, which is an excerpt from Edmond Lau's book. I simply copied and pasted it from another location and saved it as a personal note, before it gained popularity on news.ycombinator.com. Unfortunately, I cannot recall the exact origin of the original source, nor was I able to find the author's name, so I am can't provide the appropriate credits.
