zepp
/
my-cafe-events
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add paragraph tags to notes 

add class for paragraphs as well
This commit is contained in:
emma 2025-02-09 08:53:17 -05:00
parent 19334862fe
commit ae31862fef
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
valentines-day-25/js/script.js
View File

@ -1,32 +1,32 @@
const notesForEmma = { const notesForEmma = {
tileOne: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button> tileOne: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button>
<p>love the woman you are. all of her, genuinely. <p class="note">love the woman you are. all of her, genuinely.
don't be afraid of yourself. don't be afraid to seek help. don't be afraid of yourself. don't be afraid to seek help.
don't be afraid to share yourself with others</p>`, don't be afraid to share yourself with others</p>`,
tileTwo: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button> tileTwo: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button>
how happy you are to be surrounded by people who understand you. <p class="note">how happy you are to be surrounded by people who understand you.
who support you. who love seeing you at your best`, who support you. who love seeing you at your best</p>`,
tileThree: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button> tileThree: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button>
you are getting better. <p class="note">you are getting better.
the best part is you can tell you are getting better. the best part is you can tell you are getting better.
keep working hard. this story has a happy ending. i promise`, keep working hard. this story has a happy ending. i promise</p>`,
tileFour: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button> tileFour: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button>
embrace the part of you that is quite simply a goofball. <p class="note">embrace the part of you that is quite simply a goofball.
you don't have to do it just to fit in any more. you don't have to do it just to fit in any more.
you can be silly because quite simply you are sometimes, you can be silly because quite simply you are sometimes,
and that's a lovely thing about you`, and that's a lovely thing about you</p>`,
tileFive: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button> tileFive: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button>
you've been taking care of yourself and you are noticing. <p class="note">you've been taking care of yourself and you are noticing.
how pretty did you think you looked in the mirror with those lashes? how pretty did you think you looked in the mirror with those lashes?
the answer is very. with time all the work you are putting into yourself the answer is very. with time all the work you are putting into yourself
will show. you're doing a good job, keep it up`, will show. you're doing a good job, keep it up</p>`,
tileSix: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button> tileSix: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button>
when depression tried to isolate you even further, <p class="note">when depression tried to isolate you even further,
you stood up for yourself. you took action. you made friends at one you stood up for yourself. you took action. you made friends at one
of your loneliest points. how brave you are to take that risk. of your loneliest points. how brave you are to take that risk.
how happy you are to know friendship again`, how happy you are to know friendship again</p>`,
tileSeven: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button> tileSeven: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button>
<p style="margin-bottom: 2rem;">there's a song i want you to listen to. <p class="note" style="margin-bottom: 2rem;">there's a song i want you to listen to.
you haven't listened to it in a long time. you haven't listened to it in a long time.
i want you to remember the times you used to dream of dancing i want you to remember the times you used to dream of dancing
and twirling in your apartment with the stereo on. and twirling in your apartment with the stereo on.
@ -40,36 +40,36 @@ const notesForEmma = {
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen> referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
</iframe>`, </iframe>`,
tileEight: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button> tileEight: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button>
when you're ready, you'll know love again. <p class="note">when you're ready, you'll know love again.
true love this time. what you are working on now is true love of true love this time. what you are working on now is true love of
yourself. romance can wait for you this time`, yourself. romance can wait for you this time</p>`,
tileNine: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button> tileNine: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button>
current times are all but certain. <p class="note">current times are all but certain.
it is important you don't let your anxiety get the best of you. it is important you don't let your anxiety get the best of you.
do not doubt yourself, you are capable of so much. do not doubt yourself, you are capable of so much.
you have been through so much and made it out okay. you can do this`, you have been through so much and made it out okay. you can do this</p>`,
tileTen: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button> tileTen: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button>
you need to stop drinking coffee. <p class="note">you need to stop drinking coffee.
i know you love it, but you have medication that interacts poorly with i know you love it, but you have medication that interacts poorly with
it. right now you can't handle the potential anxiety that caffeine it. right now you can't handle the potential anxiety that caffeine
introduces. you can't afford to be drinking a pot of coffee at 11 PM. introduces. you can't afford to be drinking a pot of coffee at 11 PM.
please do this for yourself, it will help`, please do this for yourself, it will help</p>`,
tileEleven: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button> tileEleven: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button>
even though sometimes it feels like they aren't helping. <p class="note">even though sometimes it feels like they aren't helping.
the things you have started doing to take care of yourself are the things you have started doing to take care of yourself are
objectively good things. they are important for your physical objectively good things. they are important for your physical
and mental health. this will take time, but i am so proud of and mental health. this will take time, but i am so proud of
you for continuing to do these very important things even when you for continuing to do these very important things even when
they don't bring you happiness. because you know they are they don't bring you happiness. because you know they are
important to do regardless`, important to do regardless</p>`,
tileTwelve: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button> tileTwelve: `<button class="close-note" style="display: inline-block; margin-left: 30vw; cursor: pointer;" onclick="closeLoveLetter()"></button>
don't run away any more emma. don't let depression have that over you. <p class="note">don't run away any more emma. don't let depression have that over you.
you have people that care about you. every day you work so hard on you have people that care about you. every day you work so hard on
caring for yourself and doing the things you need to, even if you caring for yourself and doing the things you need to, even if you
still feel like shit at the end of the day. you're in the thick of still feel like shit at the end of the day. you're in the thick of
it now, you've got depression on the run and it wants to make it now, you've got depression on the run and it wants to make
one more push to try and take you in the hole with it. one more push to try and take you in the hole with it.
don't let it. don't run away`, don't let it. don't run away</p>`,
}; };
const baxterThoughtImgSrc = [ const baxterThoughtImgSrc = [