Browse Source

add more messages, add quotes

main
Stephanie Gredell 4 months ago
parent
commit
e18eb017d3
  1. 16
      src/data/messages.js
  2. 17
      src/ui/render.js
  3. 10
      style.css

16
src/data/messages.js

@ -6,9 +6,7 @@ export const BIRTHDAY_MESSAGES = [ @@ -6,9 +6,7 @@ export const BIRTHDAY_MESSAGES = [
from: "codegirl007",
message: `Happy birthday Prime! Can’t believe I kept this domain from your last birthday and renewed it for another year. But here we are, right? Haha. I think I've outdone myself this year though.
I made you a game. Itll probably remind you of some other game. I promise it was made with care and love but I dont promise it to be bug free. I built it in a week (give or take) so like any software engineer, my estimations were off and planning was poor and there was way more to it than I thought. Feature creep was at the utmost max. But I had a ton of fun making this.
I tried my best with reaching out to people I don't know to write you some ooey gooey messages but I'm a shy person still and I reached my limit. Haha.
I made you a game. Itll probably remind you of some other game. I promise it was made with all the love and care and ooey goeey but I dont promise it to be bug free. I built it in a week-ish so like any good dev, my estimations were off and planning was poor and there was way more to it than I thought. Feature creep was at the utmost max. The product manager (me) was on my case the entire time about getting it done well in time for the big day. Despite everything though, I had a ton of fun making this.
Anyways, I hope you have a good birthday with your family and friends. Youll always have my support in whatever you do.
@ -66,6 +64,18 @@ But why male models?` @@ -66,6 +64,18 @@ But why male models?`
from: "rodrigolj",
message: "I liked programming, but you made me love it. The day is yours, and the gift is our hearts. Congratulations!"
},
{
from: "Ayla",
message: "Happy Birthday!!!! I got you a kitten!"
},
{
from: "nwnisworking",
message: "Hey there, sexy moustache man. It's another splendid year of yapping, and I wish you a splendourous birthday and a lovely time with your family. 🎂🥳"
},
{
from: "HotDogFlavoredWater",
message: "happy birthday big man! thanks for being a big inspiration"
},
];
// Simple helper function to get all messages

17
src/ui/render.js

@ -536,8 +536,7 @@ But cake lies ahead at the top of the Spire. </p> @@ -536,8 +536,7 @@ But cake lies ahead at the top of the Spire. </p>
</ul>
<div class="birthday-wish">
<p><em>May your code be bug-free and your coffee stay hot,
May this birthday bring joy in each moment youve got. </em></p>
<p><em>Courage, dear heart.</em></p>
</div>
</div>
</div>
@ -546,12 +545,12 @@ May this birthday bring joy in each moment you’ve got. </em></p> @@ -546,12 +545,12 @@ May this birthday bring joy in each moment you’ve got. </em></p>
<div class="act-progress-bar">
<div class="act-step ${root.currentAct === 'act1' ? 'current' : 'completed'}">
<div class="act-number">Act I</div>
<div class="act-name">Junior Dev</div>
<div class="act-name">I'm doing a startup!</div>
</div>
<div class="act-connector ${root.currentAct === 'act2' ? 'active' : ''}"></div>
<div class="act-step ${root.currentAct === 'act2' ? 'current' : root.currentAct === 'act1' ? 'locked' : 'completed'}">
<div class="act-number">Act II</div>
<div class="act-name">Corporate Ladder</div>
<div class="act-name">Look dad, we made it!</div>
</div>
</div>
</div>
@ -1326,6 +1325,7 @@ export function renderEvent(root) { @@ -1326,6 +1325,7 @@ export function renderEvent(root) {
choices: [
{
text: "Eat the whole cake (+15 HP, gain Sugar Crash curse)",
quote: "The great thing, if one can, is to stop regarding all the unpleasant things as interruptions of one’s own or real life. The truth is of course that what one calls the interruptions are precisely one’s real life.",
icon: "assets/card-art/apple.png",
risk: "high",
effect: () => {
@ -1336,6 +1336,7 @@ export function renderEvent(root) { @@ -1336,6 +1336,7 @@ export function renderEvent(root) {
},
{
text: "Take a small bite (+8 HP)",
quote: "Courage is not simply one of the virtues, but the form of every virtue at the testing point.",
icon: "assets/card-art/heart.png",
risk: "low",
effect: () => {
@ -1345,6 +1346,7 @@ export function renderEvent(root) { @@ -1345,6 +1346,7 @@ export function renderEvent(root) {
},
{
text: "Leave it alone (gain 25 gold)",
quote: "You can’t go back and change the beginning, but you can start where you are and change the ending.",
icon: "assets/card-art/bag_of_gold.png",
risk: "none",
effect: () => {
@ -1361,6 +1363,7 @@ export function renderEvent(root) { @@ -1361,6 +1363,7 @@ export function renderEvent(root) {
choices: [
{
text: "Open it eagerly (Random card or lose 10 HP)",
quote: "Hardship often leaves an extraordinary destiny.",
icon: "assets/card-art/key.png",
risk: "high",
effect: () => {
@ -1378,6 +1381,7 @@ export function renderEvent(root) { @@ -1378,6 +1381,7 @@ export function renderEvent(root) {
},
{
text: "Open it carefully (+5 Max HP)",
quote: "We are what we believe we are.",
icon: "assets/card-art/potion_heal.png",
risk: "low",
effect: () => {
@ -1388,6 +1392,7 @@ export function renderEvent(root) { @@ -1388,6 +1392,7 @@ export function renderEvent(root) {
},
{
text: "Don't touch it (gain 30 gold)",
quote: "Experience: that most brutal of teachers. But you learn, my God do you learn.",
icon: "assets/card-art/bag_of_gold.png",
risk: "none",
effect: () => {
@ -1404,6 +1409,7 @@ export function renderEvent(root) { @@ -1404,6 +1409,7 @@ export function renderEvent(root) {
choices: [
{
text: "Pop the balloon (Remove a random basic card from deck)",
quote: "There are far, far better things ahead than any we leave behind.",
icon: "assets/card-art/scroll.png",
risk: "medium",
effect: () => {
@ -1420,6 +1426,7 @@ export function renderEvent(root) { @@ -1420,6 +1426,7 @@ export function renderEvent(root) {
},
{
text: "Collect the balloons (+1 Energy next 3 fights)",
quote: "Isn’t it funny how day by day nothing changes, but when you look back, everything is different?",
icon: "assets/card-art/magic_sphere.png",
risk: "low",
effect: () => {
@ -1429,6 +1436,7 @@ export function renderEvent(root) { @@ -1429,6 +1436,7 @@ export function renderEvent(root) {
},
{
text: "Ignore them (heal 12 HP)",
quote: "Hardships often prepare ordinary people for an extraordinary destiny.",
icon: "assets/card-art/heart.png",
risk: "none",
effect: () => {
@ -1479,6 +1487,7 @@ export function renderEvent(root) { @@ -1479,6 +1487,7 @@ export function renderEvent(root) {
</div>
<div class="choice-content">
<div class="choice-text">${choice.text}</div>
${choice.quote ? `<div class="choice-quote">"${choice.quote}"</div>` : ''}
<div class="choice-risk-badge ${choice.risk}">
${choice.risk === 'high' ? 'High Risk' : choice.risk === 'medium' ? 'Medium Risk' : choice.risk === 'low' ? 'Low Risk' : 'Safe'}
</div>

10
style.css

@ -4332,6 +4332,16 @@ h3 { @@ -4332,6 +4332,16 @@ h3 {
color: #e8e8e8;
}
.choice-quote {
font-style: italic;
color: #a8a8a8;
font-size: 14px;
margin: 6px 0 8px 0;
opacity: 0.9;
line-height: 1.3;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.choice-risk-badge {
display: inline-block;
padding: 4px 8px;

Loading…
Cancel
Save