❤️A Valentines Date! ❤️
Make sure to have your sound on for this adventure! <style>
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
}
.bounce-img {
animation: bounce 1s infinite ease-in-out;
display: inline-block;
}
</style>
<img class="bounce-img"
src="https://static-www.adweek.com/wp-content/uploads/2020/06/Instagram-Stories-Sound-On-Sticker.png?w=600&h=315&crop=1"
width="25%">
You have a Valentine's Day date tonight! Everything is planned... or so you think. Your choices here will determine whether the evening becomes romantic, awkward, chaotic, or completley unforgettable.
<img src=https://www.shutterstock.com/image-photo/happy-couple-talking-each-other-600nw-2676763945.jpg>
[[Lets's get started!]]
<iframe width="0" height="0"
src="https://www.youtube.com/embed/uE-TADy-oN0?autoplay=1&loop=1&playlist=uE-TADy-oN0"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
Your date texts: <style>
/* Typewriter container */
.typewriter {
font-family: Arial, sans-serif;
font-size: 20px;
border-right: 2px solid black; /* cursor effect */
white-space: nowrap;
overflow: hidden;
}
/* Cursor blinking */
@keyframes blink {
0%, 50%, 100% { border-color: black; }
25%, 75% { border-color: transparent; }
}
.typewriter {
animation: blink 1s step-start infinite;
}
</style>
<div id="typewriter-text" class="typewriter"></div>
<script>
const text = "I can't wait for tonight!! I'm excited for you to surprise me 😊";
const container = document.getElementById("typewriter-text");
let i = 0;
function typeWriter() {
if (i < text.length) {
container.innerHTML += text.charAt(i);
i++;
setTimeout(typeWriter, 100); // 100ms per character
}
}
typeWriter();
</script>
<style>
.fade-in {
opacity: 0;
animation: fadeIn 2s forwards; /* 2s fade-in */
animation-delay: 1s; /* wait 1 second before starting */
}
@keyframes fadeIn {
to { opacity: 1; }
}
</style>
<div class="fade-in">
You panic slightly. What's the plan??<br><br>
[[1. Fancy restaurant]]<br>
[[2. Casual coffee date]]
</div>
<iframe width="0" height="0"
src="https://www.youtube.com/embed/Pgbs1EQLV7w?autoplay=1&loop=1&playlist=Pgbs1EQLV7w"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
You arrive at the restaurant. There are well dressed people sitting at tables in a lively environment. The host says, "We don't have a reservation under your name."
<img src="https://www.exploreminnesota.com/sites/default/files/styles/cover_photo/public/2024-12/Abrams_MeritageDec17-0524.jpg.webp?itok=hCsjR6ZC" width="50%">
<p>What do you do?</p>
[[1. Aruge politely and ask them to check again]]
[[2. Suggest finding somewhere else nearby]]
<iframe width="0" height="0"
src="https://www.youtube.com/embed/zRrkB2DeqBQ?start=168&autoplay=1&loop=1&playlist=zRrkB2DeqBQ"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
The cafe is packed and there is no where to sit! Your date looks unsure...
<img src=https://t3.ftcdn.net/jpg/02/65/80/88/360_F_265808862_kjnKz3LbqIzgX6NyLCPefEo29Eys3QBe.jpg>
[[1. Suggest a walk in the park]]
[[2. Order drinks to go and improvise]]
<iframe width="0" height="0"
src="https://www.youtube.com/embed/BkUlhr0kIXU?autoplay=1&loop=1&playlist=BkUlhr0kIXU"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
They find you a table... but it is right next to the kitchen doors. The servers keep bumping into you and your conversation is drowned out by the chaotic yelling of the kitchen staff everytime the door opens.
<img src="https://blog.mypos.eu/wp-content/uploads/2020/02/angry-customers-min.jpg" width="50%" style="height:auto;">
[[1. Laught it off and stay]]
[[2. Ask for the bill and leave->2. Suggest finding somewhere else nearby]]
<iframe width="0" height="0"
src="https://www.youtube.com/embed/WlZfNBRB-kM?start=14&autoplay=1&loop=1&playlist=WlZfNBRB-kM"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
Plan B! You find a small restaurant with space, but it is Karaoke night! The place is packed and a duo is up on stage singing a badly out of tune song...
<img src="https://imonkey-blog.imgix.net/blog/wp-content/uploads/2015/06/shutterstock_155192711.jpg" width="50%">
[[1. Stay and embrace the fun!]]
[[2. Keep searching for somewhere quieter...->2. Ask for the bill and leave immediately]]
<iframe width="0" height="0"
src="https://www.youtube.com/embed/sJUl4CH4f-c?autoplay=1&loop=1&playlist=sJUl4CH4f-c"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
Well this is looking good! It is a romantic setting and you are about to try holding hands when... it starts to rain. HARD!
<style>
.fade-in-delayed {
opacity: 0; /* start invisible */
animation: fadeIn 2s forwards; /* fade in over 2 seconds */
animation-delay: 2s; /* wait 2 seconds before starting */
}
@keyframes fadeIn {
to { opacity: 1; }
}
</style>
<img src="https://images.stockcake.com/public/9/5/3/95373175-e05f-4293-8ea3-011ba4155109_large/rainy-city-park-stockcake.jpg"
class="fade-in-delayed" width="50%">
[[1. Run for cover and laugh about it->1. Suggest fast food and honesty about the chaos]]
[[2. Suggest ending the date early because this is obviously not going right->2. Refuse and stay seated]]
<iframe width="0" height="0"
src="https://www.youtube.com/embed/q76bMs-NwRk?autoplay=1&loop=1&playlist=q76bMs-NwRk"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
While handing your date their drink, you spill it on them!!
<img src="https://www.southernliving.com/thmb/AsecW5YakgyaUIMEE91040v-TDA=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc()/GettyImages-1327678953-618b3eb08a3641ac87b2be87c23f696a.jpg" width="50%">
[[1. Apologize and offer to help clean it up->1. Suggest fast food and honesty about the chaos]]
[[2. Panic and start overexplaining as you feel sweat starting to drip down your face->2. Refuse and stay seated]]
<iframe width="0" height="0"
src="https://www.youtube.com/embed/Il8jXbBNunY?autoplay=1&loop=1&playlist=Il8jXbBNunY"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
A server bursts through the door and knocks a tray. Food and drinks spill all over your table.
<img src=https://www.shutterstock.com/image-photo/indoor-photo-waiter-spills-water-260nw-2658949417.jpg>
Your date stares at you...
[[1. Turn it into a joke->1. Stay and embrace the fun!]]
[[2. Ask for the bill and leave immediately]]
<iframe width="0" height="0"
src="https://www.youtube.com/embed/ts94UN4CLdU?autoplay=1&loop=1&playlist=ts94UN4CLdU"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
The host invites couples to sing a love song. Your date looks at you expectantly...
<img src=https://img.freepik.com/free-vector/vintage-microphone-illuminated-stage-with-red-curtain-three-hanging-spotlights-wooden-floor-vector-illustration_1284-33553.jpg>
[[1. Get up there and sing your heart out!]]
[[2. Refuse and stay seated]]
<iframe width="0" height="0"
src="https://www.youtube.com/embed/h7e7cjjNDTU?autoplay=1&loop=1&playlist=h7e7cjjNDTU"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
Every nearyby place is full. Both of you are cold, hungry, tired, and FRUSTRATED!
<img src=https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQV0n-AOWqXnpLxn4t-MXTaYbE_hW5Gj6YdUQ&s>
[[1. Suggest fast food and honesty about the chaos]]
[[2. Call it night! Take your date home]]
<iframe width="0" height="0"
src="https://www.youtube.com/embed/h1VabuE0fWM?autoplay=1&loop=1&playlist=h1VabuE0fWM"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
Your karaoke performance is hilariously dramatic and wows your date. Someone in the bar records it and posts it online. The crowd cheers, you kiss your date, and the video starts to trend.
<img src=https://www.shutterstock.com/shutterstock/videos/1029356078/thumb/1.jpg?ip=x480>
Sometimes going with the flow is the best way!! ❤️❤️❤️
<iframe width="0" height="0"
src="https://www.youtube.com/embed/1AJmKkU5POA?autoplay=1&loop=1&playlist=1AJmKkU5POA"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
The EndThe night ends early with polite smiles. Later, you receive the text: <style>
/* Typewriter styling */
.typewriter {
font-family: Arial, sans-serif;
font-size: 20px;
border-right: 2px solid black; /* cursor effect */
white-space: nowrap;
overflow: hidden;
}
/* Blinking cursor */
@keyframes blink {
0%, 50%, 100% { border-color: black; }
25%, 75% { border-color: transparent; }
}
.typewriter {
animation: blink 1s step-start infinite;
}
</style>
<div id="typewriter-text" class="typewriter"></div>
<script>
const text = "You're nice, but I don't think we clicked.";
const container = document.getElementById("typewriter-text");
let i = 0;
function typeWriter() {
if (i < text.length) {
container.innerHTML += text.charAt(i);
i++;
setTimeout(typeWriter, 100); // Adjust typing speed (ms per character)
} else {
container.style.borderRight = "none"; // stop cursor when done
}
}
typeWriter();
</script>
<style>
.fade-in-delayed {
opacity: 0; /* start invisible */
animation: fadeIn 2s forwards; /* fade in over 2 seconds */
animation-delay: 1.5s; /* wait 1.5 seconds before starting */
font-family: Arial, sans-serif;
font-size: 22px;
}
@keyframes fadeIn {
to { opacity: 1; }
}
</style>
<div class="fade-in-delayed">
Well... at least it's over!!<br><br>
The End 💔😢💔😢
</div>
<iframe width="0" height="0"
src="https://www.youtube.com/embed/h1VabuE0fWM?autoplay=1&loop=1&playlist=h1VabuE0fWM"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
You both laugh at how everything went wrong and grab something simple to eat. Your date says, "This was actually fun!"
Authenticity for the win!!
The End ❤️❤️❤️
<iframe width="0" height="0"
src="https://www.youtube.com/embed/1AJmKkU5POA?autoplay=1&loop=1&playlist=1AJmKkU5POA"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>The night ends early with polite smiles. Later, you receive the text: <style>
/* Typewriter styling */
.typewriter {
font-family: Arial, sans-serif;
font-size: 20px;
border-right: 2px solid black; /* cursor effect */
white-space: nowrap;
overflow: hidden;
}
/* Blinking cursor */
@keyframes blink {
0%, 50%, 100% { border-color: black; }
25%, 75% { border-color: transparent; }
}
.typewriter {
animation: blink 1s step-start infinite;
}
</style>
<div id="typewriter-text" class="typewriter"></div>
<script>
const text = "You're nice, but I don't think we clicked.";
const container = document.getElementById("typewriter-text");
let i = 0;
function typeWriter() {
if (i < text.length) {
container.innerHTML += text.charAt(i);
i++;
setTimeout(typeWriter, 100); // Adjust typing speed (ms per character)
} else {
container.style.borderRight = "none"; // stop cursor when done
}
}
typeWriter();
</script>
<style>
.fade-in-delayed {
opacity: 0; /* start invisible */
animation: fadeIn 2s forwards; /* fade in over 2 seconds */
animation-delay: 1.5s; /* wait 1.5 seconds before starting */
font-family: Arial, sans-serif;
font-size: 22px;
}
@keyframes fadeIn {
to { opacity: 1; }
}
</style>
<div class="fade-in-delayed">
Well... at least it's over!!<br><br>
The End 💔😢💔😢
</div>
<iframe width="0" height="0"
src="https://www.youtube.com/embed/mVELNfcufds?autoplay=1&loop=1&playlist=mVELNfcufds"
title="YouTube audio player" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>