<html>
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: url('https://images.unsplash.com/photo-1580044411524-81612d0a02d8?q=80&w=1287&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
font-size: 30px;
backdrop-filter: blur (10px);
color: white;
}
}
</style>
</head>
<body>
<h2>
<p class="hov">Dear friend, all you need to do is to watch this show!</p>
</h2>
Disk Loading...
[[/episodes/1/Dream.html<-<p>Play All</p>]]
<div id="hidden-content">
[[/episodes/Memories.html<-<p>Episode Selection</p>]]
</div>
<div style="height: 50px"></div>
<style>
body {
font-family: garamond, sans-serif;
margin: 0 auto;
max-width: 700px;
padding: 20px;
}
h1 {
text-align: center;
}
.chat-log {
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
}
.message {
display: margin-bottom;
}
.senderClarissa {
color: #7f94f0;
font-weight: bold;
margin-right: 10px;
}
.senderAngie {
color: green;
font-weight: bold;
margin-right: 10px;
}
.senderAnnabelle {
color: #CBC3E3;
font-weight: bold;
margin-right: 10px;
}
.senderClassmate {
color: white;
font-weight: bold;
margin-right: 10px;
}
.senderClassmate2 {
color: Gray;
font-weight: bold;
margin-right: 10px;
}
.message-content {
flex: 1;
}
.item{
color: black;
height: 50px;
width: 180px;
}
</body>
</html><html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://file.garden/ZdbyEdvlqFbDy-6t/photo-1608473029371-e731ca14611f.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center;
}
</style>
</head>
<body>
<h3>Episode 1</h3>
<p>Clarissa stands in the middle of a starry sky, but the stars look like flowers.</p> <!-- it might be useful to have a brief description of Clarissa? [Nulla] -->
<!--Changed "a middle" to "the middle" -JULY-->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"><i>(confused)</i> Where am I?</span>
</div>
</div>
<p class="hov">She looks around. Snow starts to fall.</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Huh?</span>
</div>
</div>
[[Clarissa-Home.html<-<p>Wake up.</p>]]
<div style="height: 1000px"></div>
<span class="opacity">
Can you hear me? Are you there? I need you to hear me!
</span>
</body>
</html>
<!doctype html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://file.garden/ZdbyEdvlqFbDy-6t/old-house-1491796114uky.jpg');
}
</style>
</head>
<body>
<p>
The light of dawn streams through the open curtains, casting a warm glow
on the bedroom.
</p>
<p>The room is very clean</p>
<p>
A large closet is partially covered, and ironed clothes are visible there.
There is a microphone on a stand in front of the bed.
</p>
<p>
Clarissa lies on a soft bed, hugging a blanket, and a 14-year-old girl
with dyed red hair stands over her
</p>
<div class="chat-log">
<div class="message">
<span class="senderTia">Tia</span>
<span class="message-content">
<i>(happy)</i> GOOOOOOD MOOOOORNING!
</span>
</div>
</div>
<p>Clarissa looks at her, startled</p>
<!-- Added a comma -JULY -->
<p>Clarissa looks at the clock; the clock says 6:30 AM.</p>
<!-- Added a semicolon -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">...are you kidding me...</span>
</div>
</div>
<p>Tia runs out of her sister's room, smiling.</p>
<p>
Clarissa tries to run after her but falls as her leg gets caught up in her
blanket
</p>
<!-- Added "gets" to "as her leg gets caught up in her blanket" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Ugh...</span>
</div>
</div>
<p>
Clarissa gets ready. She puts on her school uniform and grabs her
backpack.
</p>
<!-- Split into two sentences and fixed some grammar errors -JULY -->
<p>
Exiting her room, she makes her way downstairs, passing through the living
room. The aroma of coffee fills the air.
</p>
<p>
Clarissa sees her mom sitting at the table, engaged in conversation with
her younger sister.
</p>
<p>Clarissa's mom turns to Clarissa</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissamom">Clarissa's Mom</span>
<!-- Since Clarissa's Mom is a significant character in this scene, she will need to have both words capitalized -JULY -->
<span class="message-content">
Well, I hope you've packed everything? Have you cooked breakfast? Have
you packed your briefcase? Did you double-check your homework? And I
hope you're ready for a future performance.
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
Mom, the performance is in a few months, and I've done everything
you've listed.
</span>
</div>
</div>
<p>Tia looks at Clarissa too</p>
<div class="chat-log">
<div class="message">
<span class="senderTia">Tia</span>
<span class="message-content">
Mom, can I help Clar with getting ready for the concert?
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissamom">Clarissa's Mom</span>
<span class="message-content">
No, you're too young for that; now you need to listen to your sister
and me.
</span>
<!-- Added semicolon -JULY -->
</div>
</div>
<p>Clarissa feels really awkward</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Okay, I need to go! See ya!</span>
</div>
</div>
<p>
Dad is busy, sitting next to the kitchen table, reading a
<a
href="https://lh7-us.googleusercontent.com/docsz/AD_4nXduQ3TAfGEQa5uTwhnD28KYU_2pRGMUy8Y-DxTlsSFCWkfB8smfTUJYoMNR5XnociUqS_yYFOhJD9-0ef0g5WN1dojCpJWpTCH3szxpJLGGFhrglZtylSR2r0uOzCZjl3wWROfg29NE1IYCaf-JW6VHlIqw=s800?key=QPaSVnA25lyfhwtgYyFNaw"
>
newspaper
</a>
and drinking coffee
</p>
<p>
Dad puts his coffee on the table, but a
<span class="hov">small portal opens</span>
under it and the coffee falls though it, he looks at back at the table and
the coffee is gone.
</p>
<!-- Fixed some grammar errors -JULY -->
<p>Dad looks with confusion</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissadad">Clarissa's Dad</span>
<!-- The aforementioned significance goes the same for the Dad -JULY -->
<span class="message-content"> Have you seen my coffee cup? </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissamom">Clarissa's Mom</span>
<span class="message-content"> You probably lost it, as always </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissadad">Clarissa's Dad</span>
<span class="message-content"> Can you at least help me find it? </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissamom">Clarissa's Mom</span>
<span class="message-content">No</span>
</div>
</div>
<p>
Clarissa comes close to the door, and she says in a bit pretending voice
</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"> Bye mom! Bye dad! Bye... Sis! </span>
</div>
</div>
<span class="opacity">Sorry for the cup</span>
[[Cafeteria.html<-<p>Go to School</p>]]
</body>
</html>
<!doctype html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://png.pngtree.com/thumb_back/fh260/background/20230518/pngtree-jacksonville-high-school-cafeteria-image_2580369.jpg');
}
</style>
</head>
<body>
<p>
A young girl with a blocky hairstyle sits at the table, while all
classmates that walk nearby are saying "Hi" to her
</p>
<!-- Added "A" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClassmate">Classmate</span>
<span class="message-content">Hi Angie!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Hi!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClassmate2">Another Classmate</span>
<span class="message-content">Hiiii Angie!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Hi...</span>
</div>
</div>
<p>
Clarissa comes and sits at Angie's table and slams her head on the table
</p>
<!-- Since Angie was the first character to be introduced, Clarissa would be coming to sit at Angie's table. Not Clarissa coming and sitting at Clarissa's table -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I'm so tired...</span>
</div>
</div>
<p>
In the background, a person at a nearby table takes their food and walks
away from them both
</p>
<!-- Replaced "on" to "at" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">What's the problem this time?</span>
<!-- Changed "What's a problem" to "What the problem" -JULY-->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
She wants us to do a rehearsal today again...
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
We did it yesterday. She really will never be pleased, huh?
<!-- Split into two sentences and added a question mark -JULY-->
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"><i>(In quiet voice)</i> Aaaaaaaa</span>
</div>
</div>
<p>Seeing that Clarissa is still sad, Angie ponders for a moment.</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
You know what? After our rehearsal again, we can go to that one lake
that we played at when we were kids
</span>
<!-- Split into two sentences, swapped "rehearsal" and "again," and changed "played on" to "played at" and removed the comma -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
Are you sure that lake is not a bog now? And you know how she is, if
she learns about our plan, it will be such a bust...
</span>
<!-- Removed "like" and uncapitalized "Will" -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Don't worry about it... Operation Childhood Lake will be done today
and I assure you it will be awesome. The main thing is, we need to buy
enough time with the whole...
</span>
<!-- Removed "will" in "and I will assure you," split into two sentences and added "The main thing," and added "the" in "enough time with the whole" -JULY -->
</div>
</div>
<p>Angie pretends to play piano on the cafeteria table</p>
<p>Clarissa puts her head on the table</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
<i>(giggle)</i> Maybe you're right, I really need a break from this
whole music thing.
</span>
</div>
</div>
<p>Clarissa turns, hearing someone clear their throat.</p>
<p>
She sees a girl with black hair, brown eyes and purple glasses who comes
to sit at their table. The girl looks very calm but still powerful.
</p>
<!-- Removed "are" in "who are comes to sit at their table" -JULY -->
<p>Clarissa looks a bit concerned</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Girl with purple glasses</span>
<span class="message-content">What are you talking about?</span>
<!-- Swapped "are" and "you" -JULY -->
</div>
</div>
<p>
Angie looks at Clarissa with a smile while Clarissa looks back at Angie
and waves her hand in a "cut it off" expression
</p>
<!-- Added "a" in "waves her hand in a" and removed a hanging quotation mark -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Plan to escape</span>
</div>
</div>
<p>Clarissa puts her head on the table again</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Girl with purple glasses</span>
<span class="message-content">Escape the school?</span>
</div>
</div>
<p>
Angie looks up and realizes that she is talking to the head of the student
council, Clarissa looks at Angie with an "I told you" expression
</p>
<!-- Changed "she talks to a head" to "she is talking to the head" and added "an" to "Angie with an" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
<i>(bit panicked)</i> An-na-bel-le Levesque...<br />
Nonononono, what you're talking about, we will never break school
rules
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">
Okay, girls, you don't need to worry so much, we aren't in principle'
s office... Though if we were...<br /><br />
<i>(giggle)</i> I wouldn't have such laid-back altitude
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Oookay...</span>
</div>
</div>
<p>Angie starts to eat without looking at girl with purple glasses</p>
<p>In background, two boys start to do a food fight</p>
<p>Annabelle stands from her seat and goes to boys</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"> What do you think you are doing? </span>
</div>
</div>
<p>Clarissa continues to eat while Angie breaths relaxed</p>
<p>Bell rings and girls go back to class</p>
<span class="opacity">
YOU! I have thought I will not at least see you there
</span>
[[Rehearsal.html<-<p>Rehearsal</p>]]
</body>
</html>
<!doctype html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('https://file.garden/ZdbyEdvlqFbDy-6t/old-house-1491796114uky.jpg');
}
</style>
</head>
<body>
<p>Clarissa sings while Angie plays piano</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">~And I will see you again~</span>
</div>
</div>
<p>Angie stops playing piano</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
This is booooring, I get that your mom wants a great performance, but
does she need us to do it alllll the time!
</span>
<!-- Added "that" and "a" -JULY -->
</div>
</div>
<p>Angie puts the piano cover down</p>
<!-- Given that this scene doesn't explain if the piano is Angie's or not, it's best to give it a general word ("the") rather than a possessive word -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Anywaaaaaay...</span>
</div>
</div>
<p>She takes a pillow from Clarissa's bed</p>
<!-- Added "a" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Operation OCL starts now!</span>
</div>
</div>
<p>Clarissa waves her hands in the air</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
First, OCL already has "Operation" in it. Second, listen, I know that
I agreed to it during lunch, but if she learns about it, she's gonna
kill me!
</span>
<!-- Added some punctuation -JULY -->
</div>
</div>
<p>Angie throws the pillow at Clarissa's face</p>
<!-- Added some words for clarity -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Come on! If she tries to do it, I will kill her first!
</span>
</div>
</div>
<p>Clarissa catches the pillow and giggles</p>
<!-- Added "the" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
<i>(laughing)</i> I will not give you this travesty; She is my mom, so
I'm a person who should get rid of her!
</span>
<!-- Replaced comma with semicolon -JULY -->
</div>
</div>
<p>Clarissa hugs the pillow</p>
<!-- Added "the" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
But I'm still not sure about it, so how are we going to handle it?
</span>
<!-- Replaced words for clarity -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Pillows!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Pillows?</span>
</div>
</div>
<p>Clarissa gives the pillow back to Angie</p>
<!-- Added "the" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Pillows!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Pillows...</span>
</div>
</div>
<p>Clarissa looks at the pillow</p>
<!-- Added "the" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"> Okay, but what the plan exactly? </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
We will put pillows in the beds to make her think we are sleeping
</span>
<!-- Replaced with "in the beds" for clarity -JULY -->
</div>
</div>
<p>
Angie puts pillows on the bed and sleeping bag, and then covers them with
blankets
</p>
<!-- Added "the," fixed a spelling error, and added a comma -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Then we open a window</span>
</div>
</div>
<p>Angie opens a window and jumps out into backyard</p>
<!-- Replaced with "into the backyward" for clarity -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Then...</span>
</div>
</div>
<p>Clarissa crawls out of the window very carefully</p>
<!-- Added and replaced words for clarity -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Take your time</span>
</div>
</div>
<p>Clarissa jumps onto grass</p>
<!-- Replaced with "onto" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Then we open the back door of the backyard and run to
[[Lake.html<-the lake]]
</span>
<!-- Added "the" -JULY -->
</div>
</div>
<span class="opacity">What an interesting girl, I will need her</span>
</body>
</html>
<!doctype html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('https://file.garden/ZdbyEdvlqFbDy-6t/oie_2515450QMawD0P7.jpg');
}
</style>
</head>
<body>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Aaaand we're here!</span>
<!-- Fixed grammar errors -JULY -->
</div>
</div>
<p>
The girls stop at last near a small pond filled with blue water,
reflecting the light from the moon. There are a few rocks scattered around
it, making it look quite pretty.
</p>
<!-- Added some words for clarity -JULY -->
<p>Clarissa looks around</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">This was a terrible idea...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Look how pretty this place is, just like when we were kids
</span>
<!-- Swapped words around -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
Yeah, it's just, this place is great, but it's soo late
</span>
<!-- Fixed "it" to "it's" -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Lighten up! Look around, look at those beautiful flowers, just. Didn't
you say you wanted a break?
</span>
<!-- Changed "Light" to "Lighten" and split the sentence in two -JULY -->
</div>
</div>
<p>
Angie starts to collect flowers around them. She collects a bunch of for
herself, and then she puts the most beautiful white flower into Clarissa's
arms
</p>
<!-- Added and removed some words for clarity -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
I just... Aaaaaaaa, it's complicated! On one hand, I want to have fun
with you, but on the other, I don't know, I'm just afraid!
</span>
<!-- Changed the sentence a bit to better match the real way to say this phrase -JULY -->
</div>
</div>
<span class="opacity">I hope I can do it</span>
<br />
<p class="hov">
Clarissa spins the flower in her arm, noticing that it's the same flower
as on the field from her dream
</p>
<span class="opacity">Okay, I hope it worked</span>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
It just, I wish I could get away from this place, to not think about
it, I don't want to go home because at home, everyone is so demanding!
</span>
<!-- Swapped a comma around -JULY -->
</div>
</div>
<p class="hov">
The white flower in Clarissa's arm start to glow and a portal appears in
front of them
</p>
<!-- Added "The" at the beginning -JULY -->
<span class="opacity">IT WORKED!</span>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"><i>(scared)</i> What?!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"><i>(confused)</i> Huh?!</span>
</div>
</div>
<p>Clarissa stands next to the portal, fascinated</p>
<!-- Added "the" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"> What... What even is this thing? </span>
</div>
</div>
<p>
Overcome with curiosity, Clarissa puts her arm into a portal, and it takes
her in
</p>
<!-- Swapped words around and added a comma, for clarity -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Wait!</span>
</div>
</div>
<p>
Angie looks around to see if anyone is there, and after seeing that there
is no one around to save her, she runs after Clarissa.
</p>
<!-- Added "is" -JULY -->
[[Stardust-World.html<-Enter the portal]]
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url("https://file.garden/ZdbyEdvlqFbDy-6t/photo-1608473029371-e731ca14611f.jpg");
background-attachment: scroll;
background-size: cover;
}
</style>
</head>
<body>
<a href="https://rooms.xyz/flowerheart/stardustworld">
<p>
Giant night sky, stars look like flowers when looked closely. All
flowers are white lilies with 5 petals. In middle of that landscape, 2
girls are laying on the ground that still has stars underneath.
</p></a
>
<!-- Split the sentence into 3 and added punctuation -JULY -->
<p>Clarissa opens her eyes and tries to stand</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Ow, my head</span>
</div>
</div>
<p>She looks at herself</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Huh... Where am I?! Where</span>
</div>
</div>
<p>She turns her head and sees Angie lying on the ground</p>
<!-- Fixed a grammar error -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Where are we?!</span>
</div>
</div>
<p>Clarissa looks around and sees the flower field</p>
<!-- Added "the" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
Oh, this place again, which means I just need to pinch my cheek and
wake up
</span>
</div>
</div>
<p>Clarissa pinches her chek but nothing happens</p>
<!-- Fixed spelling error -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">What. The. Heck.</span>
</div>
</div>
<p>Clarissa's panicking wakes up Angie</p>
<!-- Removed "talking" for clarity -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Holy moly, you are loud</span>
</div>
</div>
<p>Angie looks around</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
I was afraid that it sucked you somewhere bad, but this place is
awesome! Though... I am interested to know where are we?
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
Listen, I have seen it only in my dreams, so unless I am dreaming, and
you are a figment of my imagination, I have no idea what this place
even is!
</span>
<!-- Replaced "subject" with "figment" -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Want to check? If it is all real or a dream?
</span>
<!-- Added "a" -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I already- </span>
</div>
</div>
<p>Angie pinches Clarissa's arm</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">See, not a dream! </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">First, it still hurts, and second- </span>
<!-- Added "and" -JULY -->
</div>
</div>
<p>
The full realization dawns on Clarissa's face that the situation they are
in is real
</p>
<!-- Rewrote the sentence to be grammatically correct -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">My ears! </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Calm down, look at the bright side of the situation!
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">And what is the bright side?!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Look at this beauty. If we are stuck here, we can at least have some
fun here!
</span>
<!-- Split the sentence and added "are" -JULY -->
</div>
</div>
<p>Angie stands on her feet and spins around</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Come on, I always wanted to see weird places, and now is my chance!
</span>
<!-- Added a comma -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
We are in a place where no one will ask us anything, we are alone
here, and we can have as much fun as we waaant! No more homework or
anything like that. Isn't it cool!?
</span>
<!-- Split the sentence and added a question mark -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
You are surprisingly happy about the whole "We're stuck in the middle
of nowhere" thing
</span>
<!-- Rewrote the sentence to be grammatically correct -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Yeah, and what's so bad about it? Listen, I just know we will find a
way out of here, but for now, at least let's enjoy this place!
</span>
<!-- Fixed spelling errors -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Let's clean up ourselves first </span>
</div>
</div>
<p>
Clarissa stands on her feet and starts to clean up her dress, only to
realize that she isn't wearing her casual clothes.
</p>
<!-- Fixed spelling errors and replaced "wasn't" to "isn't" -JULY -->
<p>Instead, both her and Angie are wearing long white dresses</p>
<!-- Replaced "were" to "are" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">It opens even more questions </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Well, at least you look really pretty in it!
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">You too... </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">But you know what? </span>
</div>
</div>
<p>Angie takes a lily from the ground and puts it in Clarissa's hair</p>
<!-- Added some words for clarity -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>This way you would look even prettier!
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">You too! </span>
</div>
</div>
<p>Clarissa puts a flower in Angie's hair</p>
<!-- Fixed spelling error -JULY -->
<p>Angie looks at the flower in her hair</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">I have an idea!</span>
</div>
</div>
<p>
Angie takes multiple flowers from the ground and connects them together
</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Flower crown! </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Wait, I want one too! </span>
</div>
</div>
<p>Clarissa starts to put flowers in a flower crown too</p>
<!-- Added "a" -JULY -->
<p>
Time passes and both girls with the flower crowns lie on the ground
happily
</p>
<!-- Fixed spelling error -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">It's so fun! </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Yeah! </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Okay, it was fun, but I miss home a bit...
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I... </span>
</div>
</div>
<p>Her face becomes unsure and she whispers</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>I understand that you want us to go home, but honestly, I would like
to be away from this place, no matter where, even in a den of spiders,
anywhere...</span
>
<!-- Changed the sentence from third-person to first-person lol -JULY -->
</div>
</div>
<p>Clariss's flower crown starts to glow</p>
<!-- Rewrote the sentence for clarity -JULY -->
[[Spider-World.html<-The flower crown bursts into petals, and blinding lights surrounds both girls]]
<!-- Added "the" and a comma -JULY -->
</body>
</html>
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css">
<style>
body {
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
url("https://file.garden/ZdbyEdvlqFbDy-6t/rosie-sun-1L71sPT5XKc-unsplash.jpg");
background-size: cover;
}
</style>
</head>
<body>
<a href="https://rooms.xyz/flowerheart/spiderworld">
<p>
The dark forest, tops of trees are covered with spider webs, and moss covers the ground. The trees themselves
are covered in spider nests.
</p>
</a>
<!-- Added a comma and "the" -JULY -->
<p>The girls stand on the moss, barefoot and very confused</p>
<!-- Added "the" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Oh... Oh, no </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Oh. This is bad... </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>Did... Did I do it?!<br><br>
I mean how... Why...<br><br>
Nononononononononono
</span>
</div>
</div>
<p>Angie looks at Clarissa and shakes her shoulder</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Nonononono </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Clarissa! </span>
</div>
</div>
<p>Clarissa starts to calm down</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Explain what you did and why you think you did it! </span>
<!-- Removed commas and added "and" -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>I... Iheardthatyouwanted tocomebackhome, butIdidn'twanttocomebackhome, andsoIwishedtogetto-
</span>
</div>
</div>
<p>As Clarissa talks, a giant spider appears behind her, and Angie looks very scared</p>
<!-- Added a comma -JULY -->
<p>
Clarissa turns around, sees it, and also very scared, Clarissa takes Angie's hand, and they both run
deeper to forest from a giant spider
</p>
<!-- Added commas -JULY -->
<p>The girls soon stop to catch their breath from running</p>
<!-- Added "the" and replaced "hold" with "catch" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">So you wished to get to a spider den?!</span>
<!-- Added "a" -JULY -->
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I didn't plan to get here, I just </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Wished for it? 💡 That explains it! </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Huh?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>You wished for it and then your flower crown started to glow, remember!</span
>
</div>
</div>
<p>Angie pulls a flower out of her own flower crown</p>
<!-- Added "a" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">I wish to-</span>
</div>
</div>
<p>
Before Angie could finish her wish, the giant spider from earlier catches up to them and sends webs that
glue them both to the ground
</p>
<!-- Added some words for clarity -JULY -->
<p>Flower crowns fall from the girls' heads</p>
<!-- Added "the" -JULY -->
<p>Angie tries to hold on to the flower she still held in her hand and makes a wish</p>
<!-- Replaced some words for clarity -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Please! Protect us!</span>
</div>
</div>
<p>A bubble appears around both Angie and Clarissa</p>
<!-- Added "A" -JULY -->
<a href="https://toyhou.se/22399401.clarissa-garamond/67636638">
Their dresses change into magical girl costumes as flower petals surround both girls. Weapons appear in the girls'
hands:</a
>
a staff in Angie's hands and a sword in Clarissa's hand.
<!-- Added and replaced some words and punctuation -JULY -->
<p>
The glowing disappears, and both first look confused at each other, then look at the spider and stand in a battle
stance
</p>
<!-- Added some words for clarity -JULY -->
<p>
Without thinking, Angie jumps at the spider and starts to hit it with her staff. She notices that
every time she does, the spider moves slower and slower
</p>
<!-- Added and removed some words for clarity -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">ATTACK WHILE IT SLOWED DOWN!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Okay!</span>
</div>
</div>
<p>Clarissa jumps from the ground, and then sends her sword right into the big spider's head</p>
<!-- Added "the" -JULY -->
<p>The spider stops moving and starts to freeze</p>
<!-- Added "the" -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">I hope... for now... we will... be safe...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Yeah... jeez... this... place... sucks...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Didn't you say you wanted to be in spider den more than being home?</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Nonononono! I want to go home!</span>
</div>
</div>
<p>
Angie puts her hand on her chest, where a green lily sits, while Clarissa puts the flower crowns back on their
heads and takes Angie's other hand
</p>
<!-- Added some words for clarity -JULY -->
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Flower, I wish to go home!</span>
</div>
</div>
<p>
[[/episodes/2/Angie-Home.html<-A portal appears in front of them, and the girls, while holding their hands, jump into it as the portal closes behind them]]
<!-- Added some words for clarity -JULY -->
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css">
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
url("https://file.garden/ZdbyEdvlqFbDy-6t/pexels-photo-280222.jpeg");
}
</style>
</head>
<body>
<h3>Episode 2</h3>
<p>
A large but comfortable room, there are many different plants in the room, there is a slight creative mess
on the table, but otherwise the room is clean
</p>
<p>
Angie opens her eyes slowly and takes a deep breath, enjoying the feeling of fresh air brushing against her
skin, the sunlight shining directly on her.
</p>
<p>Angie sits up in her bed and stretches, yawning as she does so.</p>
<p>Angie turns around and look at the nightstand with flower crown made of white lilies.</p>
<p>Angie takes a flower crown in her hands</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">So it wasn't a dream after all...</span>
</div>
</div>
<p>Blush appears on Angie's face</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Wait, oh my god, oh my god, oh my god!</span>
</div>
</div>
<p>Angie holds flower crown closer to herself</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>If it all was real, then, she and I, I and she, I hold her hand, I hold her hand!...</span
>
</div>
</div>
<p>Angie hugs the flower tightly as she tries to control her emotions, but failing horribly.</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Ahhh! This is so embarrassing!!</span>
</div>
</div>
<p>Sound of someone knocking on the door of her room is heard</p>
<div class="chat-log">
<div class="message">
<span class="senderAngiemom">Angie's mom</span>
<span class="message-content">Huh? What's wrong, sweetie?</span>
</div>
</div>
<p>Angie immediately goes quiet as she freezes in position, staring at the door in shock.</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Oh... Um... Nothing. Everything's fine!</span>
</div>
</div>
<p>Angie hears her mother chuckle and walk away from her door, going downstairs</p>
<p>Angie falls on her bed again, with very big smile on her face</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">I want to go there again!</span>
</div>
</div>
<p>Portal next to her bed starts to open</p>
<p>Angie notices it and jump to a wall next to her bed</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Not now! It was just a thought, no more spiders, please!</span>
</div>
</div>
<p>Portal closes and Angie breathes out</p>
<p>Angie's phone vibrates.</p>
<p>Angie grabs it quickly and looks at the screen, its message from Clarissa</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">My parents had put parental control on the phone, it's a bummer</span>
</div>
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Then whatever you want to discuss, let's discuss in school, I don't think paternal control will
work on speech
</span>
</div>
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Ok. Anyway, You're late for school, I'm waiting for you!</span>
</div>
</div>
<p>Angie takes her backpack and runs out the room</p>
[[High-School.html<-<p>Go to School</p>]]
</body>
</html>
<!doctype html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
url("https://file.garden/ZdbyEdvlqFbDy-6t/pexels-cottonbro-6345058.jpg");
}
</style>
</head>
<body>
<p>Clarissa sits on the bench in her school</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
So... What happened yesterday... it was real...
</span>
</div>
</div>
<p>
Clarissa then takes out the flower from her backpack and puts it
between her fingers, admiring it while thinking about what happened
earlier.
</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">If only my parents knew...</span>
</div>
</div>
<p>Clarisse clenches her teeth as sadness fills her.</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Hi!</span>
</div>
</div>
<p>
Angie's calls for Clarissa's attention, making Clarissa jump and
almost drop the flower.
</p>
<p>
Clarissa turns her head and sees Angie waving energetically at her.
</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Sorry, I was late!</span>
</div>
</div>
<p>Angie walks up to Clarissa,</p>
<p>Clarissa puts the flower behind her own ear</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">You look nice today.</span>
</div>
</div>
<p>Angie blushes.</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Thanks, it's already 10 times how you called me pretty or
nice.
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I mean, you are!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Fair!</span>
</div>
</div>
<p>Angie pauses for a bit</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
So, what did your mom say when you came home? You got there
too late last night...
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Umm... About that...</span>
</div>
</div>
<p>
Clarisse lets out a nervous chuckle and scratches the side of her
neck
</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
She told me that I'm grounded for a week...
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Sorry! I shouldn't have been-
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Don't worry, don't worry.</span>
</div>
</div>
<p>Clarissa looks down</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
But seriously, it's my fault.
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
No, it's not. Don't blame yourself!
</span>
</div>
</div>
<p>
Angie looks at Clarissa and notices that she still has a sad
expression
</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Listen, you deserve free time, don't blame yourself for it
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Thanks-</span>
</div>
</div>
<p>Sound of school bell in background</p>
<p>
A white flower falls out Angie's bag as she runs to class, and
someone picks it up.
</p>
<span class="opacity">Hm, you there too</span>
[[Classroom.html<-<p>Go to Clasroom</p>]]
</body>
</html>
<!doctype html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
url("https://images.unsplash.com/photo-1554042317-efd62f19bc95?q=80&w=1291&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
}
</style>
</head>
<body>
<p>
Clarissa sits in the class, she looks at other students, but then notices
that when she looks at them, they turn around from her, not wanting to see
her
</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">This stupid school...</span>
</div>
</div>
<p>Clarissa switches her attention on teacher</p>
<div class="chat-log">
<div class="message">
<span class="senderTeacher">Teacher</span>
<span class="message-content"
>Alright class... Today, the homework will be done in groups.</span
>
</div>
</div>
<p>Class groans</p>
<div class="chat-log">
<div class="message">
<span class="senderTeacher">Teacher</span>
<span class="message-content"
>The project will be a group project, one person is paired with two
other people, and if you have any questions, you can come to my desk
for help during class.</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderTeacher">Teacher</span>
<span class="message-content"
>So, how does that sound? Any volunteers?</span
>
</div>
</div>
<p>Girls start to whisper between themselves</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Homework? But we already did test today.</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>Maybe extra grades can make my punishment shorter</span
>
</div>
</div>
<p>Hands rise into the air.</p>
<div class="chat-log">
<div class="message">
<span class="senderTeacher">Teacher</span>
<span class="message-content">Good!</span>
</div>
</div>
<p>The teacher looks at the list of names</p>
<div class="chat-log">
<div class="message">
<span class="senderTeacher">Teacher</span>
<span class="message-content"
>Our first group will be Angela Lavine, Clarisse Garamond and Lana
Fein.</span
>
</div>
</div>
<p>
Angie and Clarisse raise their eyebrows and look at each, wondering who
this Lana Fein is.
</p>
<p>
A short, pretty blond girl, clad in a school uniform, with an
unbuttoned jacket,
stands up in the front row.
</p>
<div class="chat-log">
<div class="message">
<span class="senderTeacher">Teacher</span>
<span class="message-content"
>Clarisse and Angela. Please pair with Lana Fein and work on this
project.</span
>
</div>
</div>
<p>Lana turns around and looks at the girls</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Hi! It's nice to meet you!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Hi! </span>
</div>
</div>
<p>Angie waves her hands</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">H...hi...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Okay, let's get started then!</span>
</div>
</div>
<span class="opacity"> Looks like she is as naive there too </span>
[[Cafeteria2.html<-<p>____</p>]]
</body>
</html>
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css">
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
url("https://png.pngtree.com/thumb_back/fh260/background/20230518/pngtree-jacksonville-high-school-cafeteria-image_2580369.jpg");
}
</style>
</head>
<body>
<p>Clarissa and Angie talk to each other while sitting in the cafeteria, on a table next to window</p>
<p>Lana comes to the frame, holding her lunch food</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">I hope you two don't mind sharing a table with me, right?</span>
</div>
</div>
<p>Girls stop talking and Angie switches her attention to Lana</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">It's alright with us!</span>
</div>
</div>
<p>
Lana smiles and sits down as well, taking out a sandwich from the lunch box that she bought from the
cafeteria. She begins eating.
</p>
<p>Angie glances at Clarisse, who seems a bit hesitant about this whole situation and whispers.</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
><i>She is very friendly to us, you think it's worth telling her about... you know</i></span
>
</div>
</div>
<p>Clarissa glances around the cafeteria, then whispers back.</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
><i>We'd better talk to her later after school, maybe when nobody is here.</i></span
>
</div>
</div>
<p>Angie nods in agreement</p>
<p>Lana overhears the whispers and turns her attention towards the girls.</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">What are you discussing?</span>
</div>
</div>
<p>Angie quickly composes herself, responding with a smile.</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">We were just talking about our projects and school assignments!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">That's wonderful, I can help you two too!</span>
</div>
</div>
<p>A wide smile appears on Lana's face</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>How about we study together after school? We could even go to the library for some studying
time.</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Sure, let's do that!</span>
</div>
</div>
<p>Angie smiles at Clarissa</p>
<p>Clarissa rolls her eyes</p>
[[Library.html<-<p>Go to library</p>]]
</body>
</html>
<!doctype html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://media.istockphoto.com/id/174023598/photo/endless-books-on-shelves-at-the-library.webp?b=1&s=170667a&w=0&k=20&c=a-p67bjFJLJOxg0rcpeRyfiEonlllfXcHo1e5jFtuPA=');
}
</style>
</head>
<body>
<p>
Clarissa sits on one of the benches in the library alone, while Angie is
currently busy looking through the bookshelves.
</p>
<p>Clarissa is busy reading a book when Angie finally comes to find her.</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Here it is! I finally found it!</span>
</div>
</div>
<p>
Angie shows Clarissa a book titled
<a href="https://archiveofourown.org/works/40181598">
'Fairytales and Magic'</a
>.
</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">What? A book about fairytales?</span>
</div>
</div>
<span class="opacity">
Huh, so this what it is for you? Just fairytales?
</span>
<p>
Angie nods her head and takes out a flower from her bag, then opens the
book on the page where the same flower is depicted as in the illustration.
</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Do you see this flower, Clarissa? That's called the 'Astral
Lily'.</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>... the book just says "Star Flower"</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Well, an Astral Lily sounds cooler, aren't it.
</span>
</div>
</div>
<p>Angie pits another flower into Clarissa's hair</p>
<p>
Clarissa feels a tingle all over her body and quickly closes the book
before anyone notice. Her cheeks redden.
</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Just a little fun, Clarissa.</span>
</div>
</div>
<p>
Angie sits closer to Clarissa, and Clarissa wraps her arm around Angie.
</p>
<p>Before they can share a moment, their tender moment is interrupted.</p>
<p>The voice cuts through the awkward moment between the two of them.</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>So, are you ready to do a group project?</span
>
</div>
</div>
<p>
Both girls turn towards Lana, their expressions a mix of surprise and
embarrassment.
</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Um, yeah</span>
</div>
</div>
<p>
Lana's expression becomes more worried at the sight of Angie's flushed
cheeks
</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>Why? Are you feeling bad or something?</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">No... no...</span>
</div>
</div>
<p>Angie looks down</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>I just got distracted by this flower.</span
>
</div>
</div>
<p>
Angie looks at the delicate bloom, a blush spreading across her cheeks.
</p>
<p>
Lana's eyes widen, realization dawning on her. A matching blush appears on
her own face.
</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Oh my gosh...</span>
</div>
</div>
<p>Clarissa puts her head into her arms</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>Sorry, I guess I kinda... interrupted you guys.</span
>
</div>
</div>
<p>
Lana rubs her neck, feeling somewhat guilty of unintentionally intruding.
</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>If you two need some time off... or want me to leave... Please say
so.</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Oh, no!</span>
</div>
</div>
<p>
We would love to spend time with you! Don't worry! Time to do the project!
</p>
<p>
Angie slightly giggles and looks at Clarissa and sees the nervousness on
her face, so she reaches out and grabs her hand.
</p>
<p>
Relaxing a bit, Clarissa gives her a soft smile, which causes Angie's
heart to flutter.
</p>
<p>
Before she has a chance to process what is going on in her mind, Lana
clears her throat, reminding Angie of her presence.
</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>Actually... I've already prepared your report for today... so, I'll
do it myself since you two didn't have much time,</span
>
</div>
</div>
<p>Angie and Clarissa stare blankly at her for a moment</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>You don't have to write it yourself...</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>What? Of course, I did, I'm not going to let you do it all by
yourself!</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">But-</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">No buts!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Fine!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>Awesome! Alright, so you'll have to take notes while I read the
reports, okay?</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Sure...</span>
</div>
</div>
<p>Time passes</p>
<p>
A laptop with pictures of sea creatures is seen on the table. Angie and
Clarissa look tired and bored, listening to their classmate lecturing.
</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>Now, according to the textbook we're supposed to use, you need to
learn how to identify specific species of aquatic animals, such as
jellyfish and sea cucumbers</span
>
</div>
</div>
<p>
Lana's voice fades into the background as Clarissa and Angie whisper to
each other.
</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
><i
>I never realized how boring learning about marine animals would
sound...</i
></span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
><i>Boring lecture is not a giant spider, we can handle it.</i></span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
><i
>Yeah, but at least that spider world was so cool, scary but cool. I
know we almost died there, but I start to miss magic a bit.</i
></span
>
</div>
</div>
<p>
Lana bangs her hand on the table, noticing that girls aren't listening to
her
</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>I've been meaning to ask you two something...</span
>
</div>
</div>
<p>Clarissa and Angie exchange puzzled glances, then look back at Lana.</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>Did you guys know that there's a whole colony of mermaids in this
lake?</span
>
</div>
</div>
<p>Clarissa looks at Angie with worrying eyes and then whispering</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
><i>Oh, no... What else our traveling did?!</i></span
>
</div>
</div>
<p>Lana picks flower from Clarissa's head</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>He-he, are you actually buying that?</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Em... well, to be honest, yes...</span>
</div>
</div>
<p>Clarissa rubs the back of her neck</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">It's a joke, of course, but...</span>
</div>
</div>
<p>Lana twirls flower in her hand</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>Honestly, I really wish to see mermaids, if I had a chance</span
>
</div>
</div>
<p>Flower in Lana's hand started to glow</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">LANA, WAIT!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">LANA, WAIT</span>
</div>
</div>
[[Water-World.html<-<p>Light surrounds all 3 girls and they disappear</p>]]
<p>Annabelle, witnessing it, drops her book.</p>
</body>
</html>
<!doctype html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://file.garden/ZdbyEdvlqFbDy-6t/pexels-francesco-ungaro-17681768.jpg');
}
</style>
</head>
<body>
<p>Bubbles and small fishes swimming around</p>
<p>
When Angie opened her eyes, she saw that they were at the bottom of the
ocean.
</p>
<a href="https://rooms.xyz/flowerheart/waterworld"> <p>
The scenery was beautiful and breathtaking. She could see the small
creatures below them, swimming around lazily.
</p>
<p>Different colorful fish swimming around</p></a>
<p>The place was quite peaceful and quiet.</p>
<p>
Not a soul anywhere. Then, as she turned her head, she noticed that
Clarisse wasn't in front of her anymore.
</p>
<p>Angie was looking around frantically trying to find her.</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Clarissa?! Where'd you go?! </span>
</div>
</div>
<p>Angie turned her head and saw Clarissa head down facing her</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">...</span>
</div>
</div>
<p>You look different</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Do I?!</span>
</div>
</div>
<p>
Clarissa's whole body is covered with blue fish scales, everything except
her long black hair, and around her neck was a wreath made of flowers and
her legs turned into a fishtail.
</p>
<p>Clarissa swims back on same level as Angie</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Okay, we're going back!</span>
</div>
</div>
<p>Clarissa pulls flower out of her wreath</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I wish...</span>
</div>
</div>
<p>Angie holds hands of Clarissa together before she can make a wish</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Waitwaitwait</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>Why you are stopping me? We didn't plan to go to this world,
remember, that new girl wished for it...<br />Wait, where is
she?</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">See!</span>
</div>
</div>
<p>
Angie puts her arm into the direction of just water and drawn silhouette
of Lana, showing that she should be there, but she isn't
</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>Okay... Okay, let's understand what this world is, and then try to go
home</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">And find Lana!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">And find Lana...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Maybe we can teleport her to us!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Okay!</span>
</div>
</div>
<p>Clarissa puts arm with flower up</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I wish to teleport Lana to us!</span>
</div>
</div>
<p>
Nothing happens and Clarissa looks at flower with questioning expression
</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Teleport her to us!</span>
</div>
</div>
<p>Nothing happens again, Clarissa shakes flower</p>
<p>Angie puts hand on Clarissa's shoulder</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">It's not gonna work </span>
</div>
</div>
<p>Clarissa puts her arm back to herself</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">And what we supposed to do then? </span>
</div>
</div>
<p>A drawn light bulb appears on top of Clarissa's head</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Flower, show us a way to Lana</span>
</div>
</div>
<p>Nothing happened.</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Lets, I will try</span>
</div>
</div>
<p>Angie takes the flower in her arms and concentrates on it</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Show us where Lana was before and where she went!</span
>
</div>
</div>
<p>
Sparkles started to go out of petals of a flower and formed a half
transparent hologram of Lana as a mermaid, that is shown to swim away
</p>
<p>Girls swam into the direction of hologram</p>
<p>
Many corrals started to appear around, different fish and different sea
animals
</p>
<p>
As different fish swim around, Clarissa touches one of them and gets bit
</p>
<p>
On Clarisse's palm were several tiny bite marks caused by the sharp teeth
of the fish.
</p>
<p>Clarissa puts her arm closer to herself</p>
<p>
The fish swirled in the water, occasionally bumping heads with each other.
At times, a pair of large silver rays would pass by, leaving a trail of
ripples in their wake.
</p>
<p>
In front of them, an island of rocks and reefs was visible from afar,
surrounded by bright turquoise waters.
</p>
<p>
They continue swimming for a few moments until they arrive at an opening
in the reef, which leads to the entrance of an underwater cave. In front
of the entrance lay a wide rocky path, leading to a massive underwater
structure.
</p>
<p>They swim towards the entrance curiously and enter the cavern.</p>
<p>
Inside was brightly illuminated by the blue light of the fluorescent
plants
</p>
<p>Looking down, they see the city, filled with vibrant colors</p>
<p>Girls looked at it in awe</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">WOAH!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">WOAH!</span>
</div>
</div>
<p>The city is built with giant corrals.</p>
<p>There's a lot of merfolk swimming around freely in the streets.</p>
<p>
Girls follow a hologram that flower created and see in way girl that looks
exactly like a Lana, but in a cape, and so they swim to her
</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Lana! Where have you been?</span>
</div>
</div>
<p>Girl looks at them with confusion</p>
<div class="chat-log">
<div class="message">
<span class="senderLeanie">Lana?</span>
<span class="message-content"
>Who is Lana, are you sure you have not confused me with someone
else?</span
>
</div>
</div>
<p>Blonde girl looks at them and then realization is shown on her face.</p>
<div class="chat-log">
<div class="message">
<span class="senderLeanie">Lana?</span>
<span class="message-content"
>I mean, I'm Lana! Don't worry about it!</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Okay, what is going on?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>A minute ago, you couldn't remember your own name</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Maybe it's just a side effect of the travel, anyway, since you are
with us, we can go to our home world</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLeanie">Lana?</span>
<span class="message-content">And where this homeworld might be? </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>The land, the sun... you aren't her, are you?</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLeanie">Blonde Girl</span>
<span class="message-content">Maaaaaaybe...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLeanie">Blonde Girl</span>
<span class="message-content"
>Tsssss... <br />I will tell you, just be quiet</span
>
</div>
</div>
<p>Blonde girl looks at right and left</p>
<div class="chat-log">
<div class="message">
<span class="senderLeanie">Blonde Girl</span>
<span class="message-content">Go after me</span>
</div>
</div>
<p>Blonde girl swam to alleyway and both girls swam after her</p>
<p>Blonde girl put off her cape</p>
<div class="chat-log">
<div class="message">
<span class="senderLeanie">Blonde Girl</span>
<span class="message-content"
>Okay so, Lana, girl you talked about, I know where is she, but
promise you will be silent about our exchange</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">We promise... </span>
</div>
</div>
<p>Clarissa looks at blonde girl</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>So where is she? I'm kinda tired of you walking around it!</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLeanie">Blonde Girl</span>
<span class="message-content">Walking? </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Okay swimming...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLeanie">Blonde Girl</span>
<span class="message-content"
>Okay, so, as Princess I'm not really allowed to go outside the
[[Water-World-Castle.html<-castle]], and when I saw your
Lana, and she was more than excited to take my place for a
day...</span
>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css">
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
url("https://images.unsplash.com/photo-1546026423-cc4642628d2b?q=80&w=1374&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
}
</style>
</head>
<body>
<p>
Sparkling room of the princess, where Lana dancing around with
jewels on her
</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">~This is the best day ever~</span>
</div>
</div>
<p>Clarissa opens door loudly</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
WHAT DO THE HELL YOU ARE DOING?!
</span>
</div>
</div>
<p>Lana in fear turns around</p>
<p>Blonde mermaid waves to her with an expression of "plan is over"</p>
<p>Clarissa swims closer to Lana</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
You swam away, and we have searched you all that time!
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">
Well I saw you still were sleeping, and I didn't want to
interfere and sooooo I had swum away, and then I have meet
Leanie, and she had a cool idea... yeah
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
Who knows what might happen to you!
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">
Clarissa, please stop being such a kill joy, look at this
wonderful world we are in! Didn't you want to see all those
wonderful worlds yourself? It's a chance for fun!
</span>
</div>
</div>
<p>Clarissa changing expression, realizing that Lana might be right</p>
<p>
Royal guards hit and then opening the door, they point weapons on
Lana and Clarissa and look in confusion as they see two mermaids
that look like exactly like a princess
</p>
<div class="chat-log">
<div class="message">
<span class="senderRoyalGuard">Royal Guard</span>
<span class="message-content">
The princess's impersonator has invaded our castle! Stop
them!
</span>
</div>
</div>
<p>Angie swims in front of Clarissa and Lana</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Okay, heartfelt reunion is over, baiiiii
</span>
</div>
</div>
<p>She pulls a flower out of her wreath</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Flower, bring us back home, NOW
</span>
</div>
</div>
[[Library-2.html<-<p>Three girls disappear from view of guards</p>]]
<p>Guards look confused on each other</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css">
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
url("https://media.istockphoto.com/id/174023598/photo/endless-books-on-shelves-at-the-library.webp?b=1&s=170667a&w=0&k=20&c=a-p67bjFJLJOxg0rcpeRyfiEonlllfXcHo1e5jFtuPA=");
}
</style>
</head>
<body>
<p>The girls fall on the floor of the library, all three of them wet from head to toe.</p>
<p>Lana coughs and Angie looks at her</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">That was close!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Will you do something with the jewelry? </span>
</div>
</div>
<br>
[[/episodes/3/Library.html<-Continue]]
</body>
</html>
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css">
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
url("https://media.istockphoto.com/id/174023598/photo/endless-books-on-shelves-at-the-library.webp?b=1&s=170667a&w=0&k=20&c=a-p67bjFJLJOxg0rcpeRyfiEonlllfXcHo1e5jFtuPA=");
}
</style>
</head>
<body>
<h3>Episode 3</h3>
<p>Lana puts her jewelry on the table, and the table under it becomes slightly watery</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>I can't believe you stole jewelry from another dimension, are you planning to put it back or
what?</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">I mean, I can, but do you really want to see those guards again</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Fair point...</span>
</div>
</div>
<p>The speakers started speaking loudly</p>
<p>"Angie Lavine, Lana Fein, and Clarissa Garamond, please come to my office"</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I think we gonna have bigger problems than interdimensional jewelry</span>
</div>
</div>
<br>
[[Student-Council-Office.html<-Student Council's office]]
</body>
</html>
<!doctype html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
url("https://file.garden/ZdbyEdvlqFbDy-6t/negative-space-office-desk-chair-window-matt-hoffman-thumb-1.jpg");
}
</style>
</head>
<body>
<p>
Annabelle sits behind her table and blonde haired boy talks on a phone
</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">
Oh, hello again, I have some questions for you, Angela Lavine, Lana
Fein and Clarissa Garma-
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Garamond</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">
Clarissa Garamond, I would like to ask the three of you to know. What
happened in the school library today? You disappeared from my eyes and
came back wet from head to toe
</span>
</div>
</div>
<p>
Lana Fein, you had jewelry on you, care to explain how it appeared from
void
</p>
<p>Clarissa, Angie and Lana looked at each other</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I can explain! You see...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">It was...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
It was a magic trick! We were working on our project, and our idea was
a magic trick on a marine theme!
</span>
</div>
</div>
<p>Clarissa puts her head in her arms, mumbling</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"> No way she would believe that </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"> You know I can hear you, right? </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I... Am...</span>
</div>
</div>
<p>
A
blonde boy
stands behind the girls
</p>
<div class="chat-log">
<div class="message">
<span class="senderClark">Blonde Boy</span>
<span class="message-content">
Well... I believe them, I want to see the magic trick you did.
</span>
</div>
</div>
<p>
He takes a flower out Clarissa's hair and the student's backpack full of
flowers
</p>
<div class="chat-log">
<div class="message">
<span class="senderClark">Blonde Boy</span>
<span class="message-content">
I heard from Annabelle how you used such flowers for a trick, you
wouldn't mind if I would borrow it
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"> No, I DO MIND IT, BRING IT BACK! </span>
</div>
</div>
<p>Annabelle stands and slaps her arms on the table</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">
What you think you both are doing?! Clark, you were supposed to doing
your job of assistant, not walk around, and Clarissa, don't shout, so
all school can hear you
</span>
</div>
</div>
<p>Close up of Clark's eyes</p>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content"> Who said I will listen to you... </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Huh?!</span>
</div>
</div>
<p>
Clark runs away to a near utility room and Clarissa runs behind him, as
Clarissa opens utility room, she sees a dark portal in it, starting to
close
</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">What the?!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">That's it, I'm going in!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Wait, so not only we know about portal stuff
</span>
</div>
</div>
<p>Clarissa runs inside of dark portal</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">
Clarissa, no! This reckless girl just puts herself in danger, I'm not
going!
</span>
</div>
</div>
<p>Angie jumps in portal too</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">
Listen, you want to save those two, right?
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Right...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Then follow us!</span>
</div>
</div>
<p>
Lana takes Annabelle's hand, and they jump into a
[[Cloud-World.html<-portal]]
</p>
</body>
</html>
<!doctype html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
url("https://images.unsplash.com/photo-1498496294664-d9372eb521f3?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
}
</style>
</head>
<body>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>At least it was a soft landing. <a href="https://rooms.xyz/flowerheart/cloudworld">Where the heck are we?</a></span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">At least he chose a pretty place</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>Where is he, I need to get my flowers back</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>You jumped to another dimension for just flowers?!</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>This flower is the source of my magic, and I don't want to lose my
magic and... I might have some issues with temper.</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">You might?!</span>
</div>
</div>
<p>
As Clarissa and Annabelle arguing, Lana hears mumbling on lower level of
clouds, she makes a hole in cloud and listens to conversation
</p>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content"
>Those flowers are another evidence of you creating problems, I found
them in my dimension, those kids couldn't caught me.</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAloy">Black-haired girl</span>
<span class="message-content"
>Those flowers are always in place of your crimes, you didn't changed
a bit, no surprise you were banished, you can't even choose a new
target to ruin.</span
>
</div>
</div>
<span class="opacity"
>looks like my plan works exactly as I expected, a bit more time and she
is not an issue anymore
</span>
<div class="chat-log">
<div class="message">
<span class="senderCatie">White-haired girl</span>
<span class="message-content"
>You know I did it for a reason! Just, listen, what is
happening now is NOT my doing, someone else is causing it!
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content"
>And who is that someone? Only person who could do it is you! It is
not first time you are causing problems and definitely not last
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">White-haired girl</span>
<span class="message-content"
>I am for blame for a lot of things, but at least don't blame about
something I never did!</span
>
</div>
</div>
<p>
Lana, trying to listen closer, makes the hole bigger, which destroys the
level of clouds and makes girls fall though it
</p>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content"
>What are they doing here?!</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">You left portal open, dum dum!</span>
</div>
</div>
<p>
Lana punches Clark in the face and backpack falls on cloud and Lana takes
it in her hands
</p>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content">What do you think you're doing!?</span>
</div>
</div>
<p>
<a href="https://toyhou.se/27546332.clark/88044584"
>Clark starts to summon a fireball</a
>
and Lana in fear throws the backpack to Angie
</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>Do we have any anti-fireball stuff?!</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">I think I do!</span>
</div>
</div>
<p>Angie pulls out flower from backpack</p>
<p>Clark looks at Angie with fury</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Flower! Protect us!</span>
</div>
</div>
<p>
<a href="https://toyhou.se/22399963.lana-fein/88045805">La</a
><a href="https://toyhou.se/22399963.lana-fein/67639009">na</a>,
<a href="https://toyhou.se/22397536.angie-lavine/67634234">Angie</a>,
<a href="https://toyhou.se/22399401.clarissa-garamond/67637327"
>Clarissa</a
>
and
<a href="https://toyhou.se/22400243.annabelle-levesque/67639993"
>Annabelle</a
>
transform into magical outfits
</p>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content"
>You, her stupid followers, well, it gonna be quick</span
>
</div>
</div>
<p>
Clark sends a fireball into Lana, but it doesn't harm her, as she
transforms into metal
</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Well, it's something new</span>
</div>
</div>
<p>
Annabelle looks increasingly confused at girls and then at Clark and
<a href="https://toyhou.se/27709258.aloy/83357303">black-haired girl</a>
</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>Clark, Aloy, after we finish that, we gonna have a talk!</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content">Why wait, if I can finish it now</span>
</div>
</div>
<p>
Clark sends a fireball to Annabelle's side, but Clarissa creates ice
shield to protect her
</p>
<p>
Clarissa notices that the cloud under her turned into ice, so she sends
slippery ice under Clark and Aloy, Clark starts to fall on nearby ice and
Aloy jumps into a dark portal and appears behind Clarissa
</p>
<p>Angie slows Aloy and send her back into portal</p>
<p>Annabelle tries to use her powers and creates very loud sound</p>
<p>
Everyone closed their ears and
<a href="https://toyhou.se/22398144.catie-laffonton/68307399"
>white-haired girl</a
>
creates string and takes ties Clark and Aloy
</p>
<p>
Clark having enough of it all, creates a portal and disappears in it,
taking the nearby girl with him
</p>
<span class="opacity">No! Don't leave! You need to finish this job!</span>
<div class="chat-log">
<div class="message">
<span class="senderCatie">White-haired girl</span>
<span class="message-content">Thanks for helping me with them</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>No problem! Also, what they meant under "your followers"</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>Call me Catie, and well, they said it cuz those white flowers were my
magic</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">So why they were so aggressive?!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>It just, they blame me for something that I never did</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">For what?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>For rifts..., they think I made all them even though I never did it, In my life I made only one rift... because of wish of a friend, and now
they blame me for all those new rifts I never caused... Oh, hm, I have an
idea</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">And what is this idea?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>What if you can help me destroy those new rifts to finally help them get
out my back!</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">And what we get for it?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>Well, since you are using my magic, I can teach you some stuff that
you might never know, for example, can you do this?</span
>
</div>
</div>
<p>Catie snaps her fingers and all flowers turn into pendants on girl</p>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>Now they wouldn't take so much space</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">So, are you on?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Yes!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Sounds intriguing</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Hmm...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Can you bring us home!</span>
</div>
</div>
<p>Catie creates portal in front of them</p>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>Okay! If you want to work with me, touch a pendant and say my
name!</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">See ya!</span>
</div>
</div>
<p>
Girls say their goodbyes and jump though a
[[Student-Council-Office-2.html<-portal]]
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css">
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
url("https://file.garden/ZdbyEdvlqFbDy-6t/negative-space-office-desk-chair-window-matt-hoffman-thumb-1.jpg");
}
</style>
</head>
<body>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">I'm gonna fire that Clark guy</span>
</div>
</div>
<br>
[[/episodes/4/Student-Council-Office.html<-Continue]]
</body>
</html>
<!doctype html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
url("https://file.garden/ZdbyEdvlqFbDy-6t/negative-space-office-desk-chair-window-matt-hoffman-thumb-1.jpg");
}
</style>
</head>
<body>
<h3>Episode 4</h3>
<p>Annabelle walks in her office, from side to side</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">
... turns out that at least five of my students have INTERDIMENSIONAL
POWERS, my assistant just tried to kill us and some girl from another
dimension that has a surprisingly normal name wants our help?!
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">
You didn't need to recite it, but yes
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"> Well, pendants is something new </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">
Why you are so calm about everything else?
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
You start to get used to it, when it's your third time
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Third time...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Yeah, first time it was white lilies and spiders
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"> Second time, it was mermaids </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
And you running away, seriously, next time we're going to do
dimensional travel, please don't run away
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"> There is going to be next time? </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">
Of course, it will, this girl needs our help after all
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">
Plus, those dimensions are so fun!
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">
Well, it definitely new experience, and I wouldn't mind learn about
all this, maybe it will explain voice from my dreams
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">
Well, you do what you want, I'm definitely not going!
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Why not?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">
I mean, this place is dangerous, who knows what will see
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>Well, you do what you want, I'm definitely not going!</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Why not?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>I mean, this place is dangerous, who knows what will see or who we'll
meet. It's too risky. I have a responsibility to my students and to
myself. I can't just go gallivanting into other dimensions.</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Galva-what?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Go to</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Why just don't say "Go-to" then?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>Because I'm choosing my own lexicon! Anyway, just, I don't think if
I'm ready, everything can happen, and...
</span>
</div>
</div>
<p>
As Annabelle talks, she looks into a mirror in the cabinet and notices
that her eyes are purple now
</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Oh my god</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">What the-?!</span>
</div>
</div>
<p>She steps closer to the mirror, examining her eyes.</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">How did this happen?</span>
</div>
</div>
<p>Other girls exchange a glance.</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">What happened?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">My eyes are purple... </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>Uh-oh. Looks like you're not as immune to this interdimensional stuff
as you thought.</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>Don't joke like that, I know I'm not</span
>
</div>
</div>
<p>Annabelle touches her pendant</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">It just, ugh!</span>
</div>
</div>
<p>Annabelle looks at the floor</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">I need to clear my head.</span>
</div>
</div>
[[Library2.html<-<p>Annabelle went out the room and went to library</p>]]
</body>
</html>
<!doctype html>
<html>
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://media.istockphoto.com/id/174023598/photo/endless-books-on-shelves-at-the-library.webp?b=1&s=170667a&w=0&k=20&c=a-p67bjFJLJOxg0rcpeRyfiEonlllfXcHo1e5jFtuPA=');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
backdrop-filter: blur (10px);
color: white;
}
</style>
</head>
<body>
<p>
Annabelle stands in the library, and a small cat comes to her, purring and
rubbing against her leg
</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Here Mothry, here</span>
</div>
</div>
<p>Annabelle pets the kitty</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>Now please hide, so my classmates wouldn't notice you</span
>
</div>
</div>
<p>Annabelle puts her back against bookshelf</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>You know what... Heck it! I don't even know who she is, maybe those
two were right
</span>
</div>
</div>
<p>
As she sits at one of the library tables, she notices that a black haired
girl touched some gold trinkets on the table
</p>
<span class="opacity">Oh... hello again</span>
[[Library-Water-Rift.html<-<p class="hov">Then water started to leak from table</p>]]
</body>
</html>
<!doctype html>
<html>
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(24, 35, 84, 0.68), rgba(26, 39, 92, 0.7)), url('https://media.istockphoto.com/id/174023598/photo/endless-books-on-shelves-at-the-library.webp?b=1&s=170667a&w=0&k=20&c=a-p67bjFJLJOxg0rcpeRyfiEonlllfXcHo1e5jFtuPA=');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
backdrop-filter: blur (10px);
color: white;
}
</style>
</head>
<body>
<p>
More and more water, tables started to grow seaweed on it, book she was
holding starting to glow scales on it and scales started to appear even on
her hands
</p>
<p>
Black haired girl whispers and then a flash of light, she turns around and
Annabelle sees
</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Catie, are you causing this?!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">No! I'm here to fix it?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>How you try to fix it if you were there before this thing started
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>Because something makes those stuff around me over and over again
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>Can you get rid of it? My arms are covered in some kind of fish
scales, and it's definitely not the best feeling
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>I need to find a source there, I know it's somewhere...
</span>
</div>
</div>
<p>
As Catie looks around, water starts to form into some kind of fish that starts turning lower half of Catie into mermaid tail, that swims in the water fish's body
</p>
<p>
Annabelle jumps and transforms in fear, water starts to move away from her
in small waves
</p>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>Why out all rifts it had to be water one, how you ever would punch
water!</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Punch water?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>You see this thing that just turned my legs into a tail? This is a rift, longer it's there, more watery everything will became, so we need to destroy it before can do anything to this school!
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>If that so... Call other girls there, please! We need to deal with this... thing? This fish?</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Okay!</span>
</div>
</div>
<p>
As water continues to leak around, Catie's flowers and eyes starting to
glow and small hologram of other team members appear
</p>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>Go in school library, like, right now, and get here transformed</span
>
</div>
</div>
<p>
Catie tries to use her powers to transform water into something else, but
it turns into water again
</p>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Liquids...</span>
</div>
</div>
<p>Annabelle summons her axe, but it also does nothing against water</p>
<p>
At first, she tried to leave the zone of the rift, "It's none of my
business" she thinks, but then she sees her cat being transformed into
some kind of half cat-half fish creature and just swimming around
</p>
<p>She can't leave until she solves this problem</p>
<p>
She concentrates her power to create a sound wave to not touch her, but
instead water itself moves away
</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Hm...</span>
</div>
</div>
<p>
Other girls run into zone of the rift, transform and see that their school
library now looks more like an attraction in a water park, than an actual
library
</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>HOLY MOLY, SO THIS IS THE RIFTS YOU TALKED ABOUT
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Yes! </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Yes! </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>This is some kind of water rift-creature thing, we need to stop it,
before it will make whole school looks like THIS
</span>
</div>
</div>
<p>Annabelle shows them scaly hands and points at Catie, trying to get out of water fish</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">You are using ice, right?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Right...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">What about you, Angela?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Time, I think?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">You?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>Metal... Gold... Thing! Definitely one of those
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>Okay, there is a plan, Clarissa, you freeze this water creature so It
wouldn't move, but do not touch Catie</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">On it!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>Angela, slow time for the water creature and try to put everything
affected by it away as afar from the creature as you can, and please
take Mothry with you</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Mothry?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>My pet cat, I take her there sometimes, but giving her current looks,
try to keep her in water
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Oookay!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>And you Lana, try to shoot frozen creature and punch it though with
your metal powers
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">And you?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>Will try to make sure this thing can't leave the library
</span>
</div>
</div>
<p>Annabelle uses her powers to move water to more centralized point</p>
<p>
Clarissa starts to freeze water and creature slows down and drops Catie on
the ground, but she turns her ice under her into pillows
</p>
<p>
Land punches though ice thing and her arms also starts to become a bit
scaly until
</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content"
>What my ... Leanie's jewelry does there...</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>Looks like this is what was causing it</span
>
</div>
</div>
<p>
Catie starts to lightly float, then she summons a very big needle and says
</p>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Time... To... Seal... You... Away</span>
</div>
</div>
<p>
Visual of cloth being sewn away appears in front of jewelry and
[[Library2-2.html<- water around stars to disappear, scaly parts of girls turns into normal parts and even Mothry in Angie's hands turns into normal cat again and girls detransform]]
</p>
</body>
</html>
<!doctype html>
<html>
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://media.istockphoto.com/id/174023598/photo/endless-books-on-shelves-at-the-library.webp?b=1&s=170667a&w=0&k=20&c=a-p67bjFJLJOxg0rcpeRyfiEonlllfXcHo1e5jFtuPA=');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
backdrop-filter: blur (10px);
color: white;
}
</style>
</head>
<body>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>So this what you are dealing with... Every day...</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>Yes, and now after all of you saw what nature of my job is, I will
ask questions again - are you ready to help me</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">I do... </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Okay, so, come on in!</span>
</div>
</div>
[[Painting-World.html<-<p>A portal gets created in front of them and girls walk in</p>]]
</body>
</html>
<!doctype html>
<html lang="en-US">
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
url("https://upload.wikimedia.org/wikipedia/commons/d/d4/Gallery_of_20th_and_21st-century_Art_NMW_2.jpg");
}
</style>
</head>
<body>
<p>
As girls go through the portal, their outfit changes to painter outfit
</p>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
><a href="https://rooms.xyz/flowerheart/paintingworld"
>Welcome to the Gallery, a Painting World, a place where you can see
every world in all its beauty, or at least a miniature version of
them</a
></span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Miniature version?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>You know how you have paintings in museum but copies of them send in
stores?</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Yeah...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Pictures of the like this</span>
</div>
</div>
<p></p>
<p>
Many different paintings in different art styles go through the wall of
the gallery
</p>
<p>
Girls look at pictures around, one painting portrays a miniature creature
in children book style, another look like watercolor painting with
underwater kingdom
</p>
<p>Annabelle looks at the paintings facinated</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">So those are...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
>Worlds we are going to see, adventure awaits!</span
>
</div>
</div>
[[/episodes/5/Museum.html<-Continue]]
<script>
localStorage.setItem("visited-page", true);
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
url("https://file.garden/ZdbyEdvlqFbDy-6t/themetmuseum.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
backdrop-filter: blur (10px);
color: white;
}
</style>
</head>
<body>
<h3>Episode 5</h3>
<p>In Astora Museum, high-school class listening to teacher talking</p>
<div class="chat-log">
<div class="message">
<span class="senderTeacher">Teacher</span>
<span class="message-content"
>Island of Astora interesting in a way that it currently has no
connection to the outside world, so everything on it is self produced
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">But teacher, how then...</span>
</div>
</div>
<p>
Angie listens to the discussion, but then she notices one of the students
of another group, a black-haired girl holding a butterfly plush, starts to
back away from a group
</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Huh?</span>
</div>
</div>
<p>Angie tried to follow this girl, but then she bumps into Aloy</p>
<div class="chat-log">
<div class="message">
<span class="senderAloy">Aloy</span>
<span class="message-content">Go away from me!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Sorry... I just wanted to... Wait where she went?</span
>
</div>
</div>
<p>
She noticed that the girl had disappeared from her field of vision, but
Clark's angry voice brought Angie out of her thoughts.
</p>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content"
>Yeah, go away from her! Or you want to get fire in the face?</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>We are in public space, you can't do it and you know it
</span>
</div>
</div>
<p>Clarissa notices that they have argument and joins in</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">You! Get away from her!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content">Why you are even helping her?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Because... Because I love her!</span>
</div>
</div>
<p></p>
<p>
Entire class looked at Clarissa, and some even went "awwww" as Clarissa's
face flashes red
</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Ohnodidisaiditoutloud</span>
</div>
</div>
<p>Clark looks at her with smug expression</p>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content">Yep, you did!</span>
</div>
</div>
[[Classroom2.html<- _____]]
</body>
</html>
<!doctype html>
<html>
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url("https://images.unsplash.com/photo-1554042317-efd62f19bc95?q=80&w=1291&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
backdrop-filter: blur (10px);
color: white;
}
</style>
</head>
<body>
<p>Clarissa sits in classroom, still blushing</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I can't believe I said it...</span>
</div>
</div>
<p>Angie pats her on the head</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content"
>Please don't turn red, your feelings are mutual
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"
>But I wanted to us to go to a really cool place so I could say it
under moonlight, not there!</span
>
</div>
</div>
<p>Bell rings</p>
<p>Young girl, same one from museum comes into the class</p>
<div class="chat-log">
<div class="message">
<span class="senderTeacher">Teacher</span>
<span class="message-content"
>Everyone, say welcome to Catherine Laffonton, our new exchange
student</span
>
</div>
</div>
<p>Aloy, sitting behind Angie and Clarissa put her head up</p>
<p>
Angie looked at Aloy and then on Catherine, only to notice how similar
looking they are
</p>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catherine</span>
<span class="message-content"
>Th..Thanks! You can call me... Catie!
</span>
</div>
</div>
<p>
Catie looked very familiar, after introducing herself, she came to them
and sat next to Annabelle
</p>
<p>
Annabelle immediately noticed who she is, and started to whisper to her
</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
><i
>Are you sure you are safe being there? Given those two are in our
class, you know</i
></span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
><i>I am sure, I am useless for them like... This</i>
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"><i>Like this?</i></span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"><i>It's complicated...</i></span>
</div>
</div>
<p>Clark listening to their conversation, groans</p>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content"
><i
>Sitting there, laughing at us, we can't even do our job properly,
she knows she is useless for us depowered</i
>
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"><i>I'm not laughing at you...</i></span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAloy">Aloy</span>
<span class="message-content"
><i
>Then why you came here? Listen, if we find your source, it will be
over once and for all, so give it to us and finish this charade</i
>
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content"
><i>Alina, don't call her "my source", has some respect...</i></span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAloy">Aloy</span>
<span class="message-content"
><i
>First, I hate when you call me this, second, why are you then
hiding her from us? You want to be over as much as I am, so why you
don't listen</i
>
</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
><i>Seriously, what is going on between you three</i></span
>
</div>
</div>
<p>Clark, getting annoyed, starts speaking louder</p>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content">None of your business</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content"
>Yes, it is mine, first, you were my assistant, second, everything
that is happening with my students is my...</span
>
</div>
</div>
<p>Clark stands from his chair and points to Annabelle</p>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content"
>Stop calling us "Your students", just because you are daughter of the
principal, doesn't make us your students, you aren't her to do the job
for her, also you don't even have power over me, I left on my own,
your "firing" me meant nothing!</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderTeacher">Teacher</span>
<span class="message-content"
>Clark, please, sit down and stop talking so loudly in class.</span
>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClark">Clark</span>
<span class="message-content">Ugh...</span>
</div>
</div>
[[<p>School bell rings</p>->After-School.html]]
</body>
</html>
<!doctype html>
<html>
<head>
<title>astralily</title>
<style>
body {
font-family: garamond, sans-serif;
background-image: url("https://file.garden/ZdbyEdvlqFbDy-6t/landing-background.avif");
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
color:white;
font-size: 30px;
max-width: 700px;
}
h1 {
font-size: 100px;
font-weight:normal;
}
</style>
</head>
<body>
<h3>Episode Selection</h3>
[[/episodes/1/Dream.html<-<p>1</p>]]
[[/episodes/2/Angie-Home.html<-<p>2</p>]]
[[/episodes/3/Library.html<-<p>3</p>]]
[[/episodes/4/Student-Council-Office.html<-<p>4</p>]]
[[/episodes/5/Museum.html<-<p>5</p>]]
</body>
</html>
<!doctype html>
<html>
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://file.garden/ZdbyEdvlqFbDy-6t/streetphoto.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
backdrop-filter: blur (10px);
color: white;
}
</style>
</head>
<body>
<p>Girls go home from the school and Annabelle looks at Catie </p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Seriously, what is going on... Catie, what did they mean under "source"?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Well... Since you already noticed who I am...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Of course, I did, same name, remember </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Okay, so you have your flowers, I have</span>
</div>
</div>
<p>Catie looks behind her, then from side to side, and pulls out a plush white butterfly out of her backpack </p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Wait, this is a plush I saw with you today in museum </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Yeah...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">IT'S SO CUTE! Can I hug it? PLEASE? </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Well...</span>
</div>
</div>
<p>Before Catie has time to react, Lana grabs plushie from her hands and hugs it really strongly </p>
<span class="opacity">DIE DIE DIE DIE DIE DIE</span>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie's plushie</span>
<span class="message-content">Let me out!</span>
</div>
</div>
<p>Butterfly plushie flew out Lana's hands back to Catie's arms</p>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">I'd rather you didn't touch it</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Sorry!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">It's okay </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Anyway, so your plushie is aliiive </span>
</div>
</div>
<p>Clarissa looks at plushie with slight confusion, what she is seeing gets her out of her sadness a bit </p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Did you wish to it to be alive </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">No... She's just alive... I know her for at least 3 years.</span>
</div>
</div>
<p>Clarissa looks closer at plushie </p>
<p>Plushie looks at Clarissa and then hides herself in Catie's arms</p>
<p>Clarissa tries to clear her own thought from today's incident</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Also, small question, Catie, since you have power to close rifts, what stops you with closing them as you see them?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Half of the time we are not even there, but they blame us because magic causing Rifts is the same type as our, they don't care where we are, only where our magic is</span>
</div>
</div>
<p>She hugs her plushie stronger </p>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">We really want to close those Rifts, but we didn't really have time because well, I'm still a high schooler with life, and so I need to well, live it</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Then why don't close them now? It will sure get them out your back!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Even if we close them, new appears, it feels like losing battle, maybe what is happening is our fault </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I mean, I know what you feel, but if you just sit in place, it would cause even more problems, so what you think, [[Fey-World.html<-maybe we can close one now]]</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Okay</span>
</div>
</div>
<p></p>
<p> </p>
</body>
</html><!doctype html>
<html>
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css" />
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://file.garden/ZdbyEdvlqFbDy-6t/flowers.jpg');
background-repeat: ;
background-attachment: ;
background-size: ;
color: white;
}
</style>
</head>
<body>
<a href="https://rooms.xyz/flowerheart/fey-world">
<p>World filled with giant flowers and tiny fairy homes</p></a>
<p>A portal opens and girls fall on giant flowers, Angie uses her newfound wings to stop herself from fall</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Ouch...</span>
</div>
</div>
<p>Clarissa looks up and see Angie flying with butterfly fairy wings, wings themselves are reflecting light behind them</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">You are so beautiful, Angie, you are as beautiful as Galatea </span>
</div>
</div>
<p>Angie blushes, then moves closer to Clarissa and helps her to stand up</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Well, then you are my Oberon</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Then I will gladly accept my job as king of fairies </span>
</div>
</div>
<p>Clarissa takes Angie's arm into hers </p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">You know, I wanted to ask you, would you be...</span>
</div>
</div>
<p>Before Clarissa can finish her sentence, Annabelle flies to them with her purple bug-like wings </p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">It's all wonderful, lovebirds, but aren't we there to destroy the Rift </span>
</div>
</div>
<p>Clarissa is a bit startled and her face blushes even more </p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Well... I... Well... Yes, you are right, we need to destroy the Rift</span>
</div>
</div>
<p>She notices that most of her team already learned how to fly, including Lana, that while they were talking, was doing circles in the air </p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">How do you even fly? </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">It kinda happens subconsciously, I wanted to fly, and so I did </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Okay...</span>
</div>
</div>
<p>Clarissa walks to the corner of the flower, she takes a step</p>
<p>Clarissa starts to plume to the ground, she tries to fly, but wings don't listen, but before she can fall to the ground, she stopped in midair by Angie slowing time around her, only her wings hit the ground and get partially cracked </p>
<p>Angie flies to Clarissa, unfreezes time around her and Clarissa safely falls to the ground </p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Oh my god oh my god oh my god</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Breath, it's okay, you are safe </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">But... but my wings </span>
</div>
</div>
<p>Angie places her arm on wings and revert time on them and crack disappears</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Thank you...</span>
</div>
</div>
<p>Clarissa takes a deep breath </p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I just wanted to say...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">I found it!</span>
</div>
</div>
<p>A bit annoyed from being interrupted again, Clarissa looks at Catie</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Found what exactly? </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">A Rift!</span>
</div>
</div>
<p>Catie says and points on the red door of fairy house</p>
<span class="opacity"> <p>good luck dealing with this little fella, you idiot </p></span>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content"><i>(Annoyed)</i> It's a door</span>
</div>
</div>
<p>Catie opens the door and the girls see an endless room completely filled with doors </p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Oh</span>
</div>
</div>
<p>Out one of the doors jumps out a humanoid creature, its body looks like a purple human girl but instead of a head it has a door</p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Here it is!</span>
</div>
</div>
<p>Lana runs to attack it only for it to disappear to one of many doors it created</p>
<p>Lana jumps into the same door </p>
<p>Rest of team wants to jump into the door, but doors move around </p>
[[SU.html<-<p>Team splits to search for it, each member jumping into a different door</p>]]
<p> </p>
</body>
</html><!doctype html>
<html>
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css"/>
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://file.garden/ZdbyEdvlqFbDy-6t/su.jpeg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
backdrop-filter: blur (10px);
color: white;
}
</style>
</head>
<body>
<p>Clarissa falls to a place full of pink and sparkles on the top, and cowered with white lilies on the ground, in the center of this small place is a magic seal, a seal hiding something important... Something dangerous </p>
<p>This place feels familiar to her </p>
<p>Something is wrong, very wrong </p>
<p>She isn't supposed to be in this place</p>
<p>Or was she?</p>
<p>She has to see how all it ends</p>
<details>
<summary><p style="color:#7f94f0;">It's an only way</p></summary>
<p style="color:#7f94f0;">But familiar feeling doesn't leave me</p>
<p class="hov">Do you know what this thing is?</p>
<p style="color:#7f94f0;">I am trying to remember why </p>
<p style="color:#7f94f0;">But my mind has only static</p>
<p class="hov">Does this stop you?</p>
<p style="color:#7f94f0;">No, I need to know what happened </p>
<p style="color:#7f94f0;">I need to remember why I forgot</p>
<p style="color:#7f94f0;">I have to do what you said</p>
<p style="color:#7f94f0;">Or I will never get answers</p>
<p class="hov">Good, so continue to watch, I am doing it for you, you need answers, so you can't go back until you finish it in it entirety </p>
<p style="color:#7f94f0;">I have a bad feeling about this</p>
<p class="hov">Do you really want to continue to live in a lie then?</p>
<p style="color:#7f94f0;">No, I don't!</p>
<p class="hov">Then let story take over your mind until we reach a finale</p>
<p>________________________________________________________________________</p>
</details>
<p> </p>
<p>Clarissa looks at this seal, completely fascinated by it</p>
<p>She stands unmoving and then she hears Catie's voice</p>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">How long you was standing there</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I don't know? It just, it all feels weird</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">We need to catch a rift, we have no time to look at the flowers, who knows where Lana is right now </span>
</div>
</div>
[[Fey-World-2.html<-<p>Catie opens a portal</p>]]
<p> </p>
<style>
summary {
list-style: none;
}
</style>
</body>
</html><!doctype html>
<html>
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css">
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://file.garden/ZdbyEdvlqFbDy-6t/flowers.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
backdrop-filter: blur (10px);
color: white;
}
</style>
</head>
<body>
<p>As two girls jump back to world of giant flowers, and doors around start to disappear a bit as Lana holds Door Rift in her arms</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Isn't it's dangerous to hold a Rift in your arms? </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">No one lives in Door World, Lana is safe</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Good, you will get rid of it now, right? </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">Well...</span>
</div>
</div>
<p>Catie was ready to get rid of it but Angie stopped her</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Do we need like, fully destroy it, can't we just, make it harmless </span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">I mean, they would cause trouble if you just leave it</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Pleaaaase, there should be way</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">I can take away, part of it's magic, so it would cause less chaos, does this satisfy you?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">I mean, yeah</span>
</div>
</div>
<p>Catie summons her needle, moves it, and the Door Rift became much smaller in size, so small, a person can hold it in their hand </p>
<div class="chat-log">
<div class="message">
<span class="senderCatie">Catie</span>
<span class="message-content">I will send it to Door World so it can go home, wait for me, okay?</span>
</div>
</div>
<p>Catie teleports to another world and Angie turns around to Clarissa</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">So what you wanted to ask?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Will you... Will you be my girlfriend?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">YES!!!</span>
</div>
</div>
[[episodes/6/Painting-World.html<-<p>Angie hugs Clarissa and they open portal to go home</p>]]
</body>
</html><!doctype html>
<html>
<head>
<title>Astralily</title>
<link rel="stylesheet" href="/styles/pages.css"/>
<style>
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url('https://upload.wikimedia.org/wikipedia/commons/d/d4/Gallery_of_20th_and_21st-century_Art_NMW_2.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
backdrop-filter: blur (10px);
color: white;
}
</style>
</head>
<body>
<h3>EPISODE 6</h3>
<p>Team walks out portal</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Why in world this rift was in literal hell</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">I'm going to miss my four arms</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Can't say I miss the horns</span>
</div>
</div>
<p>While they were talking, Lana was looking with big smile on her face</p>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">What with the smile, didn't you almost got burned out by that fire guy</span>
</div>
</div>
<p>Lana looks closely at Clarissa with even bigger smiles </p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">You know since its 10th rift we closed already, I think we can have some celebration of it!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">You mean...</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Sleepover! At my house!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">Do your house will even have enough place for it</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Of course, it will, I'm daughter of the mayor after all!</span>
</div>
</div>
<p>Both Angie and Clarissa lifted their brow</p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">Wait you didn't know? I had thought the whole class knew about it.</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Yeah... Of course </span>
</div>
</div>
<p>Clarissa looked slightly uncomfortable, she wasn't surprised she didn't know something again </p>
<p> </p>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">So, you are in?</span>
</div>
</div>
<p>Angie thought it was an awesome opportunity to know her teammates better</p>
<div class="chat-log">
<div class="message">
<span class="senderAngie">Angie</span>
<span class="message-content">I'm in!</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderClarissa">Clarissa</span>
<span class="message-content">Okaaaaay</span>
</div>
</div>
<p>Clarissa looked a little bit grumpy </p>
<div class="chat-log">
<div class="message">
<span class="senderAnnabelle">Annabelle</span>
<span class="message-content">I mean, why not?</span>
</div>
</div>
<div class="chat-log">
<div class="message">
<span class="senderLana">Lana</span>
<span class="message-content">Then let's get ready!</span>
</div>
</div>
<p> </p>
</body>
</html>