Skip to content

Commit

Permalink
Added more scenarios and audio
Browse files Browse the repository at this point in the history
  • Loading branch information
@jjasminew
jjasminew committed Nov 12, 2022
1 parent 99da51b commit 5bd1ff5
Show file tree
Hide file tree
Showing 56 changed files with 1,259 additions and 15 deletions.
2 changes: 1 addition & 1 deletion areyouokay.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<body>
<div class="textOptions">
<h1 class="firstBtn"><a href="notreally.html">hello? are you okay?</a></h1>
<h1 class="secondBtn"><a href="longtalk3.html">(say nothing)</a></h1>
<h1 class="secondBtn"><a href="staywithme.html">(say nothing)</a></h1>
</div


Expand Down
25 changes: 25 additions & 0 deletions becauseofyou.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>are you there?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>

<div class="textOptions">
<h1 class="firstBtn"><a href="yourlowest.html">and when they do get better, it'll be because of you</a></h1>
</div>


<script src="script.js"></script>

</body>

</html>
25 changes: 25 additions & 0 deletions believeinyou.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>are you there?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>

<div class="textOptions">
<h1 class="firstBtn"><a href="iknow.html">i believe in you. i always have.</a></h1>
</div>


<script src="script.js"></script>

</body>

</html>
31 changes: 31 additions & 0 deletions caresomuch.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>are you there?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div class="chat2">
<div class="them">
<blockquote>why? i don't get it</blockquote>
<blockquote>why do you care so much about someone like me?</blockquote>
</div>
</div>

<div class="textOptions">
<h1 class="firstBtn"><a href="believeinyou.html">it's because i know you're capable of doing great things</a></h1>
</div>


<script src="script.js"></script>

</body>

</html>
2 changes: 1 addition & 1 deletion dontleave.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
</div>

<div class="textOptions">
<h1 class="firstBtn"><a href="callscreen.html">i won't</a></h1>
<h1 class="firstBtn"><a href="thankyou.html">i won't</a></h1>
</div>


Expand Down
31 changes: 31 additions & 0 deletions dontrecognize.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>are you there?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div class="chat2">
<div class="them">
<blockquote>it's so hard to feel like i matter. some days i don't recognize myself anymore. i used to have so much life. so much energy. now i feel like nothing</blockquote>
</div>
</div>

<div class="textOptions">
<h1 class="firstBtn"><a href="hardtokeepgoing.html">you aren't worth any less just because you're struggling.</a></h1>
<h1 class="secondBtn"><a href="hardtokeepgoing.html">push through it. try to see the light at the end of the tunnel.</a></h1>
</div>


<script src="script.js"></script>

</body>

</html>
28 changes: 28 additions & 0 deletions dontwantalone.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>are you there?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>

<audio src= "“I don’t want to be alone”.m4a" id="audio1" autoplay="autoplay"></audio>

<div class="textOptions">
<h1 class="firstBtn"><a href="gonnago.html">this is just how life is. you have to be independent.</a></h1>
<h1 class="secondBtn"><a href="comforttalk.html">you never will be. i'll always be here for you.</a></h1>
</div>


<script src="script.js"></script>

</body>

</html>
2 changes: 1 addition & 1 deletion everyoneleaving.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@

<div class="textOptions">
<h1 class="firstBtn"><a href="longtalk2.html">that won't happen. i promise.</a></h1>
<h1 class="secondBtn"><a href="longtalk3.html">who cares about that?</a></h1>
<h1 class="secondBtn"><a href="icouldbehappy.html">who cares about that?</a></h1>
</div>


Expand Down
29 changes: 29 additions & 0 deletions fleetingfeeling.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>are you there?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
<meta http-equiv="refresh" content="8; URL=wastingmytime.html"/>
</head>

<body>
<div class="chat2">
<div class="them">
<blockquote>it's such a fleeting feeling</blockquote>
<blockquote>it never seems to last</blockquote>
<blockquote>it makes me wonder if it's even worth chasing</blockquote>
</div>
</div>


<script src="script.js"></script>

</body>

</html>
26 changes: 26 additions & 0 deletions gettired.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>are you there?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>

<div class="textOptions">
<h1 class="firstBtn"><a href="dontwantalone.html">the people who truly care about you want you to be honest with them.</a></h1>
<h1 class="secondBtn"><a href="icouldbehappy.html">you're overthinking too much</a></h1>
</div>


<script src="script.js"></script>

</body>

</html>
29 changes: 29 additions & 0 deletions gotacall.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>are you there?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div class="chat2">
<div class="them">
<blockquote>yeah. sorry. just got a call from someone. i have to go</blockquote>
</div>
</div>

<div class="textOptions">
<h1 class="firstBtn"><a href="takecareofthis.html">are you sure you're okay?</a></h1>
</div>

<script src="script.js"></script>

</body>

</html>
31 changes: 31 additions & 0 deletions hardtobelieve.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>are you there?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div class="chat2">
<div class="them">
<blockquote>it's just hard to believe that things will ever get better. that i'll ever get better. maybe it doesn't matter</blockquote>
</div>
</div>

<div class="textOptions">
<h1 class="firstBtn"><a href="saynothing.html">your problems won't fix themselves.</a></h1>
<h1 class="secondBtn"><a href="caresomuch.html">of course it does. it matters to me</a></h1>
</div>


<script src="script.js"></script>

</body>

</html>
32 changes: 32 additions & 0 deletions hardtobreathe.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>are you there?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>

<div class="chat4">
<div class="them">
<blockquote>yeah. god i feel horrible. it's hard to breathe. i don't know how this happened</blockquote>
</div>
</div>

<div class="textOptions">
<h1 class="firstBtn"><a href="illtryto.html">take it slow. start from the beginning.</a></h1>
<h1 class="secondBtn"><a href="tryingto.html">calm down, don't panic.</a></h1>
</div>


<script src="script.js"></script>

</body>

</html>
27 changes: 27 additions & 0 deletions hardtokeepgoing.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>are you there?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
<meta http-equiv="refresh" content="6; URL=thingsbetter.html"/>
</head>

<body>
<div class="chat2">
<div class="them">
<blockquote>i just have no idea what the hell i'm doing. it's so hard to keep going. and it's only going to get harder</blockquote>
</div>
</div>


<script src="script.js"></script>

</body>

</html>
33 changes: 33 additions & 0 deletions haventfeltright.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>are you there?</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
<div class="chat3">
<div class="them">
<blockquote>lately i haven't felt right</blockquote>
<blockquote>it's getting harder and harder to do anything</blockquote>
<blockquote>i feel afraid even when nothing's wrong. i feel so useless</blockquote>
</div>
</div>

<div class="textOptions">
<h1 class="firstBtn"><a href="notdoingenough.html">it's okay that you're having a hard time. it doesn't define you.</a></h1>
<h1 class="secondBtn"><a href="soexhausted.html">you have to keep trying. you can't just give up.</a></h1>
</div>


<script src="script.js"></script>

</body>

</html>
Loading

0 comments on commit 5bd1ff5

Please sign in to comment.