<span id="generated-sentence" style="display: block; text-align: center; margin: 0 auto; transition: font-size 0.5s;"></span>
<button id="enjoy-life-btn" style="display: block; margin: 20px auto; background-color: white; color: black; border: none; padding: 10px 20px; font-size: 16px; cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">I want to enjoy my life!</button>
<p id="barely-alive-text" style="display: none; text-align: center; margin: 0 auto;">I'm just barely alive...</p>
<a id="next-passage-link" style="display: none; text-align: center; margin: 20px auto; background-color: white; color: black; border: none; padding: 10px 20px; font-size: 16px; cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);" href="https://curiocity.com/spring-events-in-toronto-2023/">Step Out</a>
<script>
const funActivities = [ "see a movie", "go to the beach", "have a nap", "talk to a friend", "go for a walk", "read a book", "see an exhibition", "go to a theme park", "visit a zoo", "learn to play an instrument", "go to a party", "play arcade games", "do a spa", "go camping", "stare at stars in the sky", "see the sunset", "hug my puppy", "sleep till noon", "sing a song", "dip my toe in the water", "kiss my lover"];
const burdens = [ "attend a meeting", "study for an exam", "heat up my lunch", "talk to a client", "clean the dishes", "drive to the office", "write an email", "take this phone call", "finish another task", "do the laundry", "prepare for that presentation", "write the paper", "feed the baby", "change the bed sheets", "clean the fridge", "earn more money", "take a second job", "take out the trash"];
let clicks = 0;
let maxClicks = Math.min(funActivities.length, burdens.length);
function generateSentence() {
if (funActivities.length > 0 && burdens.length > 0) {
const randomFunIndex = Math.floor(Math.random() * funActivities.length);
const randomBurdenIndex = Math.floor(Math.random() * burdens.length);
const selectedFunActivity = funActivities[randomFunIndex];
const selectedBurden = burdens[randomBurdenIndex];
funActivities.splice(randomFunIndex, 1);
burdens.splice(randomBurdenIndex, 1);
return `I want to <span style="color: teal;">${selectedFunActivity}</span> but I have to <span style="color: darkred;">${selectedBurden}</span>.`;
}
return null;
}
function handleClick() {
clicks++;
const sentence = generateSentence();
if (sentence) {
document.getElementById("generated-sentence").innerHTML = sentence;
// Update the font size
document.getElementById("generated-sentence").style.fontSize = (100 - (clicks / maxClicks) * 100) + "%";
} else {
document.getElementById("barely-alive-text").style.display = "block";
document.getElementById("enjoy-life-btn").style.display = "none";
document.getElementById("next-passage-link").style.display = "block";
}
}
document.getElementById("enjoy-life-btn").addEventListener("click", handleClick);
</script>
<a href='https://postimages.org/' target='_blank'><img src='https://i.postimg.cc/qqfy3mHp/Lerato-A-person-with-dark-hair-sitting-in-front-of-a-computer-s-940dbd5e-153c-47b5-b779-d925c122dcba.png' border='0' alt='Lerato-A-person-with-dark-hair-sitting-in-front-of-a-computer-s-940dbd5e-153c-47b5-b779-d925c122dcba'/></a>
It has been a long day, it has been a while.
It feels like I'll never get a chance to leave here...
But...
[[There is a voice in my head.]]
''Live a Life | Just Alive''
by Kexin Han and Peiwen Zhang