What's new
  • This section is for roleplays only.
    ALL interest checks/recruiting threads must go in the Recruit Here section.

    Please remember to credit artists when using works not your own.

Realistic or Modern 𝕓𝕝𝕚𝕟𝕕 𝕗𝕠𝕣 𝕪𝕠𝕦𝕣 𝕝𝕠𝕧𝕖

Sub Genres
KRP, Realistic, Romance, Slice of Life
Characters
Here

HanTheSunbeam

Cool Cool
[nobr]
[class=container]
margin: auto;
height: 600px;
width: 700px;
overflow: hidden;
position: relative;
border: 1px solid #000;
background: #fff;
[/class]

[class=pic]
background: url(https://i.pinimg.com/564x/79/17/4b/79174be55da855875c1992d59f8871b7.jpg);
background-size: cover;
background-position: center bottom;
top: 0px;
left: 0px;
height: 600px;
width: 500px;
overflow: hidden;
position: absolute;
border-right: 1px solid #000;
[/class]


[class=title]
overflow: hidden;
position: absolute;
height: 580px;
width: 100px;
top: 20px;
left: 500px;
line-height: 40px;
font-size: 35px;
color: #000;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px #fff;
[/class]

[class=title2]
overflow: hidden;
position: absolute;
height: 580px;
width: 100px;
top: 150px;
left: 575px;
line-height: 50px;
font-size: 50px;
color: #000;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px #fff;
[/class]

[class=little]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 20px;
left: 20px;
line-height: 50px;
font-size: 25px;
color: #000;
text-transform: uppercase;
[/class]

[div class=container]
[div class=pic][/div]
[div class=title]b[br][/br]l[br][/br]i[br][/br]n[br][/br]d[br][/br][br][/br]F[br][/br]o[br][/br]r[br][/br][br][/br]y[br][/br]o[br][/br]u[br][/br]r[/div]
[div class=title2]♡[br][/br] l[br][/br]o[br][/br]v[br][/br]e[br][/br]♡[/div]
[div class=little]♡Stardust Galaxy X HanTheSunbeam♡[/div]
[/div][/nobr]

Trigger Warning. This RP contains mature themes and mentions of suicide, eating disorders, and other mental illness.
 
Last edited:

HanTheSunbeam

Cool Cool
[nobr]
[class=container]
margin: auto;
height: 450px;
width: 700px;
overflow: hidden;
position: relative;
[/class]

[class name=scroll]
position: relative;
box-sizing: border-box;
width: 120%;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
padding-right: 50px;
[/class]

[class=frontpic]
overflow: hidden;
position: absolute;
height: 450px;
width: 700px;
top: 0px;
left: 0px;
background: url(https://kprofiles.com/wp-content/uploads/2020/02/8-Kino-900x600.jpg);
background-size: 100%;
background-position: 0% 30%;
[/class]

[class=frontpic2]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
transform: rotate(45deg);
top: -300px;
left: -100px;
background: url(https://cutewallpaper.org/21/red-and-black-aesthetic/Best-Ever-Red-And-Black-Aesthetic-Background-wallpaper.jpg);
background-size: cover;
[/class]

[class=diagonal]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
top: 225px;
left: 300px;
transform: rotate(45deg);
background: #C10000;
[/class]

[class=diamond]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
[/class]

[class=diamond2]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
animation: {post_id}grow 2.5s;
animation-fill-mode: forwards;
[/class]

[class=quote]
overflow: hidden;
position: absolute;
height: 150px;
width: 200px;
top: 167px;
left: 372px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
text-shadow: 2px 2px #fff;
[/class]

[class=roundpic]
overflow: hidden;
position: absolute;
height: 300px;
width: 300px;
top: 75px;
left: 10px;
border-radius: 300px;
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: 100%;
background-position: 50% 20%;
border: 3px solid #fff;
animation: {post_id}pic 6s linear infinite;
animation-direction: alternate;
[/class]

[class=tab]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab2]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab3]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab4]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab5]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=name]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 30px;
left: 245px;
line-height: 40px;
font-size: 35px;
color: #000;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px #fff;
[/class]

[class=line]
margin: auto;
height: 20px;
width: 345px;
top: 50px;
left: 145px;
overflow: hidden;
position: relative;
background: #C10000;
[/class]

[class=text]
margin: auto;
height: 300px;
width: 300px;
overflow: hidden;
position: relative;
top: 100px;
left: 175px;
border: 2px solid #fff;
padding-left: 10px;
padding-top 10px;
background: #E1E1E1;
font-size: 12px;
color: #000;
text-align: justify;
[/class]

[class=sub]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 100px;
left: 410px;
line-height: 20px;
font-size: 25px;
color: #000;
text-transform: uppercase;
text-shadow: 2px 2px #CF7D75;
[/class]

[class=location]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 115px;
left: 325px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=mood]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 170px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=interactions]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 225px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=outfit]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 280px;
left: 335px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[script class=tab on=mouseenter]
fadeIn 0500 location
[/script]

[script class=tab on=mouseleave]
fadeOut 0500 location
[/script]

[script class=tab2 on=mouseenter]
fadeIn 0500 mood
[/script]

[script class=tab2 on=mouseleave]
fadeOut 0500 mood
[/script]

[script class=tab3 on=mouseenter]
fadeIn 0500 interactions
[/script]

[script class=tab3 on=mouseleave]
fadeOut 0500 interactions
[/script]

[script class=tab4 on=mouseenter]
fadeIn 0500 outfit
[/script]

[script class=tab4 on=mouseleave]
fadeOut 0500 outfit
[/script]

[animation=grow]
[keyframe=0]
top: 150px;
left: 388px;
height: 150px;
width: 150px;
border: 7px solid #fff;
[/keyframe]
[keyframe=100]
top: -235px;
left: 250px;
height: 900px;
width: 900px;
border: 5px solid #fff;
[/keyframe]
[/animation]

[script class=quote on=click]
show diamond2
hide diamond
fadeOut 1000 quote
fadeIn 2500 roundpic
fadeOut 1900 frontpic
fadeIn 2000 frontpic2
fadeIn 3000 tab
fadeIn 3000 tab2
fadeIn 3000 tab3
fadeIn 3000 tab4
fadeIn 3000 tab5
fadeIn 3000 name
fadeIn 3000 line
fadeIn 3000 text
fadeIn 3000 sub
[/script]

[class=hidden]
display: none;
[/class]

[animation=pic]
[keyframe=0]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=25]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=75]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[keyframe=100]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[/animation]

[div class=container]
[div class=frontpic][/div]
[div class="frontpic2 hidden"][/div]
[div class=diagonal][/div]
[div class=diamond][/div]
[div class="diamond2 hidden"][/div]
[div class=quote]☾[br][/br]Two Faced[br][/br]☾[/div]
[div class="roundpic hidden"][/div]
[div class="roundpic2 hidden"][/div]
[div class="roundpic3 hidden"][/div]
[div class="roundpic4 hidden"][/div]
[div class="roundpic5 hidden"][/div]
[div class="tab hidden" style="top: 120px; left: 285px;"]✮[/div]
[div class="tab2 hidden" style="top: 170px; left: 310px;"]✮[/div]
[div class="tab3 hidden" style="top: 225px; left: 310px;"]✮[/div]
[div class="tab4 hidden" style="top: 280px; left: 295px;"]✮[/div]
[div class="line hidden"][/div]
[div class="name hidden"]Moon Chang-ho 문창호[/div]

[div class="text hidden"][div class=scroll]
The sounds of the city seemed so far away. Cars honking, people yelling, and other random noises of Seoul fluttered slowly past the lone figure. The hushed noise wasn't just because Chang was so far up, but also because his mind was elsewhere. There he stood, up on the concrete barrier, the one meant to keep people from falling off the rooftop onto the sidewalk below. Safety was far from his concern at this moment. All he wanted was for everything to be over.[br][/br][br][/br]

Chang played through what brought him to this point. The dazzling lights of stardom no longer filled him with wonder. His passion was gone. He hated everything about himself. He was sure most people felt the same way, because if he couldn't find something of use within him then how could someone else? It wasn't that this was a new thought, Chang had considered ending his life before. He had looked up how many sleeping pills it would take to overdose. He pondered on if he had a ceiling high enough to tie a rope to. He wondered if he could use the razor in his bathrooms to cut his wrists. No. This was no new idea. The only difference now was that there seemed like no other option. That he had finally had enough and was ready to make good on all the thinking he had done. [br][/br][br][/br]

The last straw had been three days prior. Only two weeks ago Chang had his comeback for his new album. His third comeback in a year and a half. He had been doing promotional performances for said album. He had four songs to go through, including one costume change. Of course, just like always, he hadn't eaten before the show. He couldn't actually remember the last actual meal he had eaten. He may have eaten the day before but he couldn't remember. As each new comeback came, the choreography got harder, the vocals became more impressive, and his performance had higher and higher expectations. When he had finished the first two songs, Chang had been smiling, making faces and greeting fans while the lights dimmed and he slowly lowered below the stage. When the lights were out and he was out of sight, he felt his legs give out, he couldn't catch his breath, and his head was spinning.[br][/br][br][/br]

This wasn't something new. In fact his manager always had someone on standby with oxygen for when he came off the stage. So as he felt like he might die of exhaustion, oxygen mask planted firmly on his face, going in and out of consciousness, his manager was telling him all the mistakes he had made and how to avoid them. It seemed like too soon as they hoisted him up and dragged him to get changed. He only had 3 minutes to get himself together and do his absolute best for the next two songs. Everything was live and no one could know he was barely holding it together. [br][/br][br][/br]

Chang hadn't listened to his manager that night. He was too busy thinking about how little anyone cared. He hadn't been well in months. He wasn't in any condition to be performing. He felt used. No one cared that he could die. They only saw a cash cow that would work himself into the ground. He was sick of it. Chang wondered if anyone paid attention to his silent cries for help. The lyrics he wrote were more and more disturbing. The way he broke down as soon as the cameras turned off. The fact he met with a lawyer to finalize his will should have been red flashing signs that something was very very wrong. He wondered if they didn't realize, or they knew all along and just ignored his suffering. [br][/br][br][/br]

But it didn't matter now. Chang was done with being ignored. Done with judgement. Done with living. He was going to jump off this building and be free. His father no longer had to have a son he was ashamed of. His fans would no longer have to be lied to. His haters could say that they won. It seemed like the perfect solution. Looking down below, he felt himself take a deep breath. Then he paused, feeling hesitation firmly take hold of him. What was that sound? Blinking a few times, Chang focused on what made him stop. It was music. The sound of the beautiful simple melody that struck him.[br][/br][br][/br]

There was something in the way it flowed, the way the notes came across. He couldn't explain why it touched him the way it did. It was almost as if he could hear this person's soul as they played. It was breathtaking. He held on to every little key, closing his eyes and allowing himself the breathe. He sat down, legs dangling over the edge. He wanted this to be the last thing he heard. It gave him a sense of calm that he hadn't felt all day. Because, no matter how much he wanted this, he was nervous.[br][/br][br][/br]

Chang wasn't sure how long the person played. All he knew was that it felt like it ended too soon. He felt his heart drop in his chest when the music stopped suddenly. Even if it seemed dramatic, he wanted to cry. It seemed that everything that made him happy was stripped away. Though, instead of feeling more hopeless, he felt something new. Longing. He wanted to hear it again. That sweet melody, the one that bared so much heart and passion, made him want to find whoever played it and beg to hear them play one more time. Just once before he left this world behind. Just one more time. Chang looked up at the blue sky above him. The sun was part way through it, counting down the hours before nightfall. He thought that maybe it would be nice to watch one more sunset. And he hoped that whoever played that gorgeous song would sit down and play one more time. He'd give them till sundown. Then it would all be over. This would be Chang's last day on earth. [br][/br][br][/br]
[/div][/div]

[div class="sub hidden"]The dark side of the moon[/div]
[div class="location hidden"] location: [br][/br]
apartment rooftop [/div]
[div class="interactions hidden"] interactions:[br][/br]
no one [/div]
[div class="mood hidden"] mood:[br][/br]
"maybe now they'll care" [/div]
[div class="outfit hidden"] [div= height: 130px; width: 100px; background: url(https://i.pinimg.com/564x/f4/3b/4a/f43b4aa459a12a81b557af8d4ad31378.jpg); background-size: 175%; background-position: right; border: 2px solid white;][/div] [/div]

[/div][/nobr]
 
Last edited:
[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 500px;
height: 700px;
background-color: white;
overflow: hidden;
margin: auto;
padding: 0;
[/class]
[class=Pic1]
position: absolute;
width: 400px;
height: 200px;
left: 50px;
top: 44px;
background:url(https://i.pinimg.com/originals/c2/c2/e4/c2c2e49f011f6cb1545fd44ed1c5bde1.gif);
background-size:100%;
background-position: 60% 40%;
[/class]
[class=hovertext]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(255, 192, 203, 0.2);
color: white;
[/class]
[class name=hovertext state=hover]
opacity: 1;
[/class]
[class=hover_text]
text-shadow: 4px 4px 6px black;
margin-top: 5px;
padding: 5px;
text-align: center;
font-size: 15px;
white-space: pre-wrap;
[/class]
[class=Line]
position: absolute;
width: 450px;
height: 20px;
left: 0px;
top: 630px;
background-color:pink;
[/class]
[class=Pic2]
position: absolute;
width: 130px;
height: 130px;
left: 348px;
top: 550px;
border-radius:100%;
background:url(https://i.pinimg.com/564x/7a/de/c3/7adec3556b22a43cf2ca6997c4a35068.jpg);
border: solid 8px pink;
background-size:100%;
background-position: 60% 40%;
[/class]
[class=TextBox]
position: absolute;
overflow: hidden;
width: 400px;
height: 265px;
left: 50px;
top: 273px;
background-color: transparent;
[/class]
[class=Text]
position: relative;
width: 412px;
height: 100%;
overflow: auto;
font-size: 12px;
line-height: 12px;
text-align: justify;
padding-right: 5px;
white-space: pre-wrap;
padding-top: 5px;
color: black;
[/class]
[class=Name]
position: absolute;
width: 100%;
height: auto;
left: 10px;
top: 600px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 64px;
line-height: 28px;
color:#000;
[/class]

[div class=BG]
[div class=Pic1][div class=hovertext][div class=hover_text]Location: Apartment rooftop

Mood: "Is just another regular day"

Interactions: none

Outfit: Here
[/div][/div][/div]
[div class=Line][/div]
[div class=Name]Wang Byeol[/div]
[div class=Pic2][/div]
[div class=TextBox][div class=Text]Life wasn't easy and Byeol knew that sometimes your blood sweat and tears weren't enough for someone to recognize your effort. And having to live in a world that was made for the ones that were able to see didn't make things easier, the stigma that a person with a disability needed more help or someone to be with them didn't help at all, sure there were things that she found difficult on her everyday life, but she managed to do them just like a regular person and there were ones were as much as she wanted to do it by herself, it was almost impossible.

That day it was just another regular day, she woke up, did some chores, went to buy some groceries, cooked something to eat, and continue with her day. Her life could have sound plain and boring, but Byeol liked her everyday routine and her trying something new without the help of someone first, it scared her to death even if she wanted to be as independent as she could. But sometimes things just weren't done for blind people in mind.

Even if she liked having a routine to follow, there was something that could make her stop what she was doing and that was music, even the smallest melody or the shortest lyric that came into her mind she needed to write it down, so she wouldn't forget it, sure her process to writing a melody or writing a song took longer that one with the ability to see would take, she wasn't envious of this aspect, in fact, she had this mindset that this made her work more personal.

But even if she left her entire soul in her music, it was never enough for someone to support her in her dream to become a musician, even if her parents believed in her and her talent they weren't able to help her to achieve her dream, even after all the sacrifices they did so she could study music, finding someone that could teach a blind kid to play the piano wasn't it easy and it was expensive, adding the prices of a special school for the blindsided didn't help the family economy either, but even with all that they still continue helping their daughter to achieve her dream.

And if it was already hard for a person with the ability to see, being able to succeed in the music industry it was ten times harder for a blind person, unless you were a musical genius which skills could compete with Beethoven everyone would just put you aside and take the one that didn't mean a challenge and didn't take them out of their comfort zone.

No one wanted to sign a blind person and if they did it was because they had this emotional and heartbreaking backstory that would just touch everyone's heart, but in Byeol's case, she just was born with a genetic disorder and her parents were able to support her dreams, nothing screamed sadness in her story that would make even the toughest person in the world cry, she just was unlucky on the genetic pool.

But even if she had the passion and desire to become a musician, had tons of melodies and songs written, every time she an audition was the same outcome, she would send an audio or video of her singing they would contact her and tell her they were interested in her and wanted to do a live audition, but as soon as she stepped inside the room with a guide dog and a cane she was rejected If you pass this process of the audition, we will contact you those were the words she heard every time and she wasn't sure if it was her lack of sight or that she wasn't talented enough that didn't make her passed forward the audition, either way, that hurt her even if she tried to show that it didn't affect her the rejection just made her heart sink even more.

The time didn't stop and she wasn't sure if she was ever going to make it or if at some point her parents would just give up on her daughter and tell her that maybe she needed a change of path, she was on a race against the clock that she didn't want to know what would happen when the clock hit the zero mark.

Just like every afternoon, she started playing the piano in order to stop worrying about her life, that day she decided to play a new melody that she just finished a couple of days ago, she felt like it was one of her best works, she wanted to create a melody that would give hope to someone, that it would help them realize that things would get better eventually, she wasn't sure if she did that, but at least Coco her guide dog seemed to like it "What did you think? Do you think I should change something" the girl said to the dog receiving a bark as an answer "I thought the same, I like it this way" she added as she stood up from the piano "What do you think if we go to the rooftop, it seems like is a nice day to take a relaxing time without being disturbed by everyone around us" Byeol said as she grabbed her cane and the harness of Coco and put it on her.

It didn't take them long to arrive at the rooftop, the loud sound of the door opening meant they have arrived on their destiny. Byeol walked towards the edge of the apartment where she stopped as soon as she felt the concrete, standing there listening to the bustle of the city, she let out a deep breath "Do you think if I wrote a song for that melody and sing it in my next audition they would want to sign me?" she asked the dog not knowing that not far away from her was a guy that was about to end his life.

[/div][/div]

[/div]
Code by Stardust Galaxy Stardust Galaxy | Picture Hovers
[/nobr]
 
Last edited:

HanTheSunbeam

Cool Cool
[nobr]
[class=container]
margin: auto;
height: 450px;
width: 700px;
overflow: hidden;
position: relative;
[/class]

[class name=scroll]
position: relative;
box-sizing: border-box;
width: 120%;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
padding-right: 50px;
[/class]

[class=frontpic]
overflow: hidden;
position: absolute;
height: 450px;
width: 700px;
top: 0px;
left: 0px;
background: url(https://kprofiles.com/wp-content/uploads/2020/02/8-Kino-900x600.jpg);
background-size: 100%;
background-position: 0% 30%;
[/class]

[class=frontpic2]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
transform: rotate(45deg);
top: -300px;
left: -100px;
background: url(https://cutewallpaper.org/21/red-and-black-aesthetic/Best-Ever-Red-And-Black-Aesthetic-Background-wallpaper.jpg);
background-size: cover;
[/class]

[class=diagonal]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
top: 225px;
left: 300px;
transform: rotate(45deg);
background: #C10000;
[/class]

[class=diamond]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
[/class]

[class=diamond2]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
animation: {post_id}grow 2.5s;
animation-fill-mode: forwards;
[/class]

[class=quote]
overflow: hidden;
position: absolute;
height: 150px;
width: 200px;
top: 167px;
left: 372px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
text-shadow: 2px 2px #fff;
[/class]

[class=roundpic]
overflow: hidden;
position: absolute;
height: 300px;
width: 300px;
top: 75px;
left: 10px;
border-radius: 300px;
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: 100%;
background-position: 50% 20%;
border: 3px solid #fff;
animation: {post_id}pic 6s linear infinite;
animation-direction: alternate;
[/class]

[class=tab]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab2]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab3]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab4]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab5]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=name]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 30px;
left: 245px;
line-height: 40px;
font-size: 35px;
color: #000;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px #fff;
[/class]

[class=line]
margin: auto;
height: 20px;
width: 345px;
top: 50px;
left: 145px;
overflow: hidden;
position: relative;
background: #C10000;
[/class]

[class=text]
margin: auto;
height: 300px;
width: 300px;
overflow: hidden;
position: relative;
top: 100px;
left: 175px;
border: 2px solid #fff;
padding-left: 10px;
padding-top 10px;
background: #E1E1E1;
font-size: 12px;
color: #000;
text-align: justify;
[/class]

[class=sub]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 100px;
left: 410px;
line-height: 20px;
font-size: 25px;
color: #000;
text-transform: uppercase;
text-shadow: 2px 2px #CF7D75;
[/class]

[class=location]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 115px;
left: 325px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=mood]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 170px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=interactions]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 225px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=outfit]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 280px;
left: 335px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[script class=tab on=mouseenter]
fadeIn 0500 location
[/script]

[script class=tab on=mouseleave]
fadeOut 0500 location
[/script]

[script class=tab2 on=mouseenter]
fadeIn 0500 mood
[/script]

[script class=tab2 on=mouseleave]
fadeOut 0500 mood
[/script]

[script class=tab3 on=mouseenter]
fadeIn 0500 interactions
[/script]

[script class=tab3 on=mouseleave]
fadeOut 0500 interactions
[/script]

[script class=tab4 on=mouseenter]
fadeIn 0500 outfit
[/script]

[script class=tab4 on=mouseleave]
fadeOut 0500 outfit
[/script]

[animation=grow]
[keyframe=0]
top: 150px;
left: 388px;
height: 150px;
width: 150px;
border: 7px solid #fff;
[/keyframe]
[keyframe=100]
top: -235px;
left: 250px;
height: 900px;
width: 900px;
border: 5px solid #fff;
[/keyframe]
[/animation]

[script class=quote on=click]
show diamond2
hide diamond
fadeOut 1000 quote
fadeIn 2500 roundpic
fadeOut 1900 frontpic
fadeIn 2000 frontpic2
fadeIn 3000 tab
fadeIn 3000 tab2
fadeIn 3000 tab3
fadeIn 3000 tab4
fadeIn 3000 tab5
fadeIn 3000 name
fadeIn 3000 line
fadeIn 3000 text
fadeIn 3000 sub
[/script]

[class=hidden]
display: none;
[/class]

[animation=pic]
[keyframe=0]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=25]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=75]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[keyframe=100]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[/animation]

[div class=container]
[div class=frontpic][/div]
[div class="frontpic2 hidden"][/div]
[div class=diagonal][/div]
[div class=diamond][/div]
[div class="diamond2 hidden"][/div]
[div class=quote]☾[br][/br]Two Faced[br][/br]☾[/div]
[div class="roundpic hidden"][/div]
[div class="roundpic2 hidden"][/div]
[div class="roundpic3 hidden"][/div]
[div class="roundpic4 hidden"][/div]
[div class="roundpic5 hidden"][/div]
[div class="tab hidden" style="top: 120px; left: 285px;"]✮[/div]
[div class="tab2 hidden" style="top: 170px; left: 310px;"]✮[/div]
[div class="tab3 hidden" style="top: 225px; left: 310px;"]✮[/div]
[div class="tab4 hidden" style="top: 280px; left: 295px;"]✮[/div]
[div class="line hidden"][/div]
[div class="name hidden"]Moon Chang-ho 문창호[/div]

[div class="text hidden"][div class=scroll]
Chang continued to sit on the edge. He pondered over what he wanted to do for the next few hours. Maybe he could go and eat one more time. He didn't have to worry about calories. Even if they called his dead body fat he wouldn't be around to remember it. Thought that seemed like a tempting idea, he didn't want to leave this spot in case the music began again. Plus, he had picked this building specifically. It was the apartment complex his cousin used to live in. The cousin who took him in for two months. The one where everything started. The place where he got his first signing offers. Where he got his trainee acceptance and jumped on the couch out of pure joy. Where he seemed to have been born into passion. Where he could see only a bright shinning future ahead of him. It only seemed fitting that his dream started and ended in the same place. It hadn't been long before he couldn't hold tears back any more. Chang had thought about the possibility of him crying when it came down to actually ending his life. He felt his face scrunch up in anguish, his teeth clenched together as he held back sobs, wincing as if he was in real physical pain. Holding himself tightly, trying to find some sense of comfort, but failing. Everything about this hurt. He thought it would be so easy, and just a few moments ago it would have been. But now he wasn't so sure. [br][/br][br][/br]

Just sitting there made him think. Think a lot of things actually. The longer Chang sat there with his emotions, the more he felt unsettled, more pained. He started having... doubts. Yeah, I guess that's the right word. Thought every doubt seemed to be met with an answer. Was this a terrible thing for him to do to his Eomma? He told himself she might be sad, but she wouldn't be sad for long. They weren't all that close anyway. How much could she actually miss him if he was never there for her? He was a terrible son anyway. She deserved someone better. Would his fans be angry with him? Well, they would probably all hate him if he told them the truth, so either way he was doomed to be hated. Thus, every time the smallest part of himself told him that there was something better than this, that suicide wasn't his only choice, there was a much larger voice that rejected it and told him he was wrong. He was still left feeling somewhat conflicted. Could that voice be lying? [br][/br][br][/br]

Chang wasn't aware of how long it had been that he was sitting there. It wasn't long. Maybe a few minutes. But then a loud sound made him jump and whip his head around towards the entryway. The noise was the door flying open. He watched as a woman's figure walked out and made her way over to the ledge, her back to him. He was quick to wipe his face, trying to pull himself together. How could he get out of this? She was sure to recognize him. If she wasn't a fan, than she had probably seen his face on a billboard or bus. Almost any time he left to go anywhere it seemed like every pair of eyes stared at him and knew exactly who he was. They made a snap decision, a judgement, because they thought they knew him. How could he explain away what he was doing? He sure as hell couldn't tell her he was planning on jumping. That would a) ruin his plan and b) cause a huge scandal. [br][/br][br][/br]

He was trying to consider his options. Chang could try and hide, sneaking away without her noticing. He could just wait for her to turn around and see him. There was a possibility she wouldn't notice him and she'd just leave. All of those seemed pretty good. Until he heard her speak. Dang, had she already seen him? Was she just trying to play it cool? He stopped soon after she finished her question. Wait. What had she asked? He sniffed slightly as he processed what she was saying. A song. Was she the person who made him stop? Was that her melody that had made him doubt? Now all he wanted was to talk to her. He didn't know how he was going to explain everything. His blotchy face, red eyes, and sniffly nose made it very obvious he was crying. He'd figure it out. He just wanted to talk to her. Chang may even be able to convince her to let him hear another song.[br][/br][br][/br]

With that, he brought his legs over the barrier. He grabbed the baseball hat he had worn from his own apartment to where he currently was and pulled it down to cover more of his face. Reaching into his pocket for his mask, he pulled it over his mouth and nose. Maybe it could delay her recognition long enough for him to have a somewhat decent conversation with her. As he walked over to where she was, Chang didn't notice anything unusual about her. It could have been her back was to him. Or his mind wasn't all there to process the dog in a harness at her side. In any case, he walked up behind her, speaking to her gently, his voice weak from his emotional afternoon, "I think anyone would be stupid not to sign you."
[/div][/div]

[div class="sub hidden"]The dark side of the moon[/div]
[div class="location hidden"] location: [br][/br]
apartment rooftop [/div]
[div class="interactions hidden"] interactions:[br][/br]
random lady ( Stardust Galaxy Stardust Galaxy ) [/div]
[div class="mood hidden"] mood:[br][/br]
"wait, that was her?" [/div]
[div class="outfit hidden"] [div= height: 130px; width: 100px; background: url(https://i.pinimg.com/564x/f4/3b/4a/f43b4aa459a12a81b557af8d4ad31378.jpg); background-size: 175%; background-position: right; border: 2px solid white;][/div] [/div]

[/div][/nobr]
 
Last edited:
[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 500px;
height: 700px;
background-color: white;
overflow: hidden;
margin: auto;
padding: 0;
[/class]
[class=Pic1]
position: absolute;
width: 400px;
height: 200px;
left: 50px;
top: 44px;
background:url(https://i.pinimg.com/originals/c2/c2/e4/c2c2e49f011f6cb1545fd44ed1c5bde1.gif);
background-size:100%;
background-position: 60% 40%;
[/class]
[class=hovertext]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(255, 192, 203, 0.2);
color: white;
[/class]
[class name=hovertext state=hover]
opacity: 1;
[/class]
[class=hover_text]
text-shadow: 4px 4px 6px black;
margin-top: 5px;
padding: 5px;
text-align: center;
font-size: 15px;
white-space: pre-wrap;
[/class]
[class=Line]
position: absolute;
width: 450px;
height: 20px;
left: 0px;
top: 630px;
background-color:pink;
[/class]
[class=Pic2]
position: absolute;
width: 130px;
height: 130px;
left: 348px;
top: 550px;
border-radius:100%;
background:url(https://i.pinimg.com/564x/7a/de/c3/7adec3556b22a43cf2ca6997c4a35068.jpg);
border: solid 8px pink;
background-size:100%;
background-position: 60% 40%;
[/class]
[class=TextBox]
position: absolute;
overflow: hidden;
width: 400px;
height: 265px;
left: 50px;
top: 273px;
background-color: transparent;
[/class]
[class=Text]
position: relative;
width: 412px;
height: 100%;
overflow: auto;
font-size: 12px;
line-height: 12px;
text-align: justify;
padding-right: 5px;
white-space: pre-wrap;
padding-top: 5px;
color: black;
[/class]
[class=Name]
position: absolute;
width: 100%;
height: auto;
left: 10px;
top: 600px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 64px;
line-height: 28px;
color:#000;
[/class]

[div class=BG]
[div class=Pic1][div class=hovertext][div class=hover_text]Location: Apartment rooftop

Mood: "This is starting to get scary"

Interactions: strange guy ( HanTheSunbeam HanTheSunbeam )

Outfit: Here
[/div][/div][/div]
[div class=Line][/div]
[div class=Name]Wang Byeol[/div]
[div class=Pic2][/div]
[div class=TextBox][div class=Text]Every time Byeol went towards the rooftop, it was because she wanted to distract herself and express her thoughts aloud, something about being alone and just listening to the sounds of the city seemed therapeutic to her, maybe it was the fact that she felt free while the air hit her face and there was no one that would come and distract her. The rooftop was like her safe place where she could be vulnerable and let out her concerns without making someone worried about her.

Most of the time that area of the apartment complex was alone, or at least that was the case every time she went there unless there was someone who had avoided her just to have that awkward interaction with her, so she wasn't expecting that someone was already there or that she would actually reply to her own talk.

"I think anyone would be stupid not to sign you." A soon as she heard those words, Byeol couldn't hide the jump of surprise at someone replying to her and that someone was there with her. Not being able to see made her other senses become sharper, but she hasn't been that long in the building to know or recognize everyone that lived there. The voice sounded like one of a male. A young male probably if she needed to make an assumption.

Byeol didn't know what to do in this scenario, the rooftop was supposed to be her free space and now a stranger was with her. She didn't hate to meet new people, but she was more into the introvert side and she knew by a fact that every time she met someone knew there was this awkward environment so where the other person would try to avoid certain words that wouldn't assume her lack of vision. She repeated the words on her mind that the guy replied to her "I think anyone would be stupid not to sign you." Wait, did that meant he listened to her play the piano? At that moment Byeol felt embarrassed people have told her she was talented, but having a complete stranger saying that it was a first for her.

So that meant that the stranger was a neighbor? It was the wisest option why he was there, but what if he wasn't and Byeol just was in a terrible situation and she just arrived in the worst place and in the worst time. She turned around to see where that voice was coming and she encountered the blurry presence of a guy. She couldn't distinguish his features and she was for sure that it wasn't someone she saw before unless her vision was getting worse. but her last appointment with the doctor didn't mention anything.

Who was he and why he was in the rooftop? This started to make Byeol feel anxious. What he wanted to do with her and why he came so suddenly to talk about her playing the piano. Was this the start of those horror movies where the guy stalks the girl and then kills her, is this how it was supposed to go and he was taking advantage that she couldn't see?

"Who...Who are you? And...what are you doing here? Do you live here?" She said to the stranger if she wanted to show that she was calm and collected she was doing a terrible job was this really how things were going to be when she just thought she was going to have a relaxing afternoon in the rooftop.

[/div][/div]

[/div]
Code by Stardust Galaxy Stardust Galaxy | Picture Hovers
[/nobr]
 

HanTheSunbeam

Cool Cool
[nobr]
[class=container]
margin: auto;
height: 450px;
width: 700px;
overflow: hidden;
position: relative;
[/class]

[class name=scroll]
position: relative;
box-sizing: border-box;
width: 120%;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
padding-right: 50px;
[/class]

[class=frontpic]
overflow: hidden;
position: absolute;
height: 450px;
width: 700px;
top: 0px;
left: 0px;
background: url(https://kprofiles.com/wp-content/uploads/2020/02/8-Kino-900x600.jpg);
background-size: 100%;
background-position: 0% 30%;
[/class]

[class=frontpic2]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
transform: rotate(45deg);
top: -300px;
left: -100px;
background: url(https://cutewallpaper.org/21/red-and-black-aesthetic/Best-Ever-Red-And-Black-Aesthetic-Background-wallpaper.jpg);
background-size: cover;
[/class]

[class=diagonal]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
top: 225px;
left: 300px;
transform: rotate(45deg);
background: #C10000;
[/class]

[class=diamond]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
[/class]

[class=diamond2]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
animation: {post_id}grow 2.5s;
animation-fill-mode: forwards;
[/class]

[class=quote]
overflow: hidden;
position: absolute;
height: 150px;
width: 200px;
top: 167px;
left: 372px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
text-shadow: 2px 2px #fff;
[/class]

[class=roundpic]
overflow: hidden;
position: absolute;
height: 300px;
width: 300px;
top: 75px;
left: 10px;
border-radius: 300px;
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: 100%;
background-position: 50% 20%;
border: 3px solid #fff;
animation: {post_id}pic 6s linear infinite;
animation-direction: alternate;
[/class]

[class=tab]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab2]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab3]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab4]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab5]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=name]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 30px;
left: 245px;
line-height: 40px;
font-size: 35px;
color: #000;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px #fff;
[/class]

[class=line]
margin: auto;
height: 20px;
width: 345px;
top: 50px;
left: 145px;
overflow: hidden;
position: relative;
background: #C10000;
[/class]

[class=text]
margin: auto;
height: 300px;
width: 300px;
overflow: hidden;
position: relative;
top: 100px;
left: 175px;
border: 2px solid #fff;
padding-left: 10px;
padding-top 10px;
background: #E1E1E1;
font-size: 12px;
color: #000;
text-align: justify;
[/class]

[class=sub]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 100px;
left: 410px;
line-height: 20px;
font-size: 25px;
color: #000;
text-transform: uppercase;
text-shadow: 2px 2px #CF7D75;
[/class]

[class=location]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 115px;
left: 325px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=mood]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 170px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=interactions]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 225px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=outfit]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 280px;
left: 335px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[script class=tab on=mouseenter]
fadeIn 0500 location
[/script]

[script class=tab on=mouseleave]
fadeOut 0500 location
[/script]

[script class=tab2 on=mouseenter]
fadeIn 0500 mood
[/script]

[script class=tab2 on=mouseleave]
fadeOut 0500 mood
[/script]

[script class=tab3 on=mouseenter]
fadeIn 0500 interactions
[/script]

[script class=tab3 on=mouseleave]
fadeOut 0500 interactions
[/script]

[script class=tab4 on=mouseenter]
fadeIn 0500 outfit
[/script]

[script class=tab4 on=mouseleave]
fadeOut 0500 outfit
[/script]

[animation=grow]
[keyframe=0]
top: 150px;
left: 388px;
height: 150px;
width: 150px;
border: 7px solid #fff;
[/keyframe]
[keyframe=100]
top: -235px;
left: 250px;
height: 900px;
width: 900px;
border: 5px solid #fff;
[/keyframe]
[/animation]

[script class=quote on=click]
show diamond2
hide diamond
fadeOut 1000 quote
fadeIn 2500 roundpic
fadeOut 1900 frontpic
fadeIn 2000 frontpic2
fadeIn 3000 tab
fadeIn 3000 tab2
fadeIn 3000 tab3
fadeIn 3000 tab4
fadeIn 3000 tab5
fadeIn 3000 name
fadeIn 3000 line
fadeIn 3000 text
fadeIn 3000 sub
[/script]

[class=hidden]
display: none;
[/class]

[animation=pic]
[keyframe=0]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=25]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=75]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[keyframe=100]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[/animation]

[div class=container]
[div class=frontpic][/div]
[div class="frontpic2 hidden"][/div]
[div class=diagonal][/div]
[div class=diamond][/div]
[div class="diamond2 hidden"][/div]
[div class=quote]☾[br][/br]Two Faced[br][/br]☾[/div]
[div class="roundpic hidden"][/div]
[div class="roundpic2 hidden"][/div]
[div class="roundpic3 hidden"][/div]
[div class="roundpic4 hidden"][/div]
[div class="roundpic5 hidden"][/div]
[div class="tab hidden" style="top: 120px; left: 285px;"]✮[/div]
[div class="tab2 hidden" style="top: 170px; left: 310px;"]✮[/div]
[div class="tab3 hidden" style="top: 225px; left: 310px;"]✮[/div]
[div class="tab4 hidden" style="top: 280px; left: 295px;"]✮[/div]
[div class="line hidden"][/div]
[div class="name hidden"]Moon Chang-ho 문창호[/div]

[div class="text hidden"][div class=scroll]
The woman in front of him jumped in surprise. Wait. Did she not know he was here? Was she not talking to him? Chang had reacted to her frightened reaction by being startled himself. He took an automatic step back, his eyes widened, and his hand went up to rest on his chest. He had not expected that at all. He had half thought when he walked up to her, she'd spin around and squeal, knowing who he was, and hopefully being to excited over her "luckiness" to meet him. It wasn't that he was thinking this in arrogance. Chang being recognized was part of his life now, it affected every thing he did and said. He always had an audience which crushed him with immense pressure.[br][/br][br][/br]

Instead of what he was expecting, the woman slowly turned around, looking at him in....terror? Was she afraid of him? So she hadn't recognized him yet. But then Chang thought for a moment. The look on her face told her she had no clue who he was. He was just some random dude that was talking to her on the roof. That thought, he wasn't sure why, filled him with something akin to glee. She hadn't already assumed anything about him based off his stage presence, or said his stage name like he was her long lost friend. He became hopeful that maybe she wouldn't know who he was at all. That seemed almost impossible, but to any case he wanted it to be true.[br][/br][br][/br]

Chang could hear the nervousness in her voice as she asked who he was and what he was doing. Ah. Yeah. He hadn't thought about how this might seem to her if she had no clue who he was. He had also thought she knew he was there based on the fact she had asked a question. A question that felt directed towards him. So as soon as the thought hit him that he was just a random stranger, with a mask and a baseball hat pulled down to cover half his face, talking to a random girl who was by herself, he realized his mistake. He looked really suspicious right now. He could only imagine what she thought was going to happen to her. She didn't know that Chang couldn't hurt a fly. She didn't know that if she hadn't started playing when she did, he'd be dead right now. She didn't know how incredibly vulnerable and emotional he was in this very moment. That harming her was such a foreign concept.[br][/br][br][/br]

He then realized he should be speaking instead of just standing there with awkward silence between them. His immediate answer was the truth. "Me? No-" Chang paused, wait, if she didn't know who he was, it would be easy to just tell her that he did live here. It would give him an excuse to be up on the roof. But what if she knew all her neighbors? He could be a visitor. So after his short pause he corrected himself, "I mean, yes, well, kinda. I am staying with a friend for a week or two. I just wanted to get some fresh air." He spit out, giving her a nervous smile. Well, one she couldn't see. Chang was quick in that moment to pull the black mask off his ears and shove it away in his pocket. "oh and I'm Hw- Chang..... yeah," The man was just about to use his stage name, which his real name, well nickname, wasn't that great either, but it wasn't like it was super uncommon. Oh god this was awkward. He felt bad now that he scared her. [br][/br][br][/br]

Chang hadn't really taken a second to take in her appearance. He had been too busy being in panic mode trying to come up with his excuse and fake identity. Now he finally registered in his brain that she was firmly holding on to a dog with a harness and held a cane in her other hand. He felt confused. Was she....blind? He wouldn't ask, of course, how rude would that be. But it made him curious. That would explain why she had been so scared. He should probably apologize for that. "I didn't mean to scare you, I'm sorry. I just..." Chang felt himself starting to get emotional. Because he couldn't finish that sentence. He couldn't tell her all the thoughts that swirled in his mind, "I just wanted to talk to the person who's song talked me off the ledge. I just wanted to ask if you'd let me hear it again. I just wanted to say hello to the person who stopped me from killing myself, at least for today." He swallowed hard, trying to keep tears at bay. [br][/br][br][/br]

Chang still felt so clouded by emotion, his heart still heavy with sorrow, that he couldn't see how any of his words could be taken suspiciously. That his indecisiveness in his answers would sound like he was trying to fool her. I mean, he was, but normally he was pretty good at it. He hadn't considered how his current state would change his ability to put on a persona that wasn't him. And this could turn into a huge misunderstanding really fast. [br][/br][br][/br]
[/div][/div]

[div class="sub hidden"]The dark side of the moon[/div]
[div class="location hidden"] location: [br][/br]
apartment rooftop [/div]
[div class="interactions hidden"] interactions:[br][/br]
random lady ( Stardust Galaxy Stardust Galaxy ) [/div]
[div class="mood hidden"] mood:[br][/br]
"she doesn't know me? [br][/br] wow, that feels good." [/div]
[div class="outfit hidden"] [div= height: 130px; width: 100px; background: url(https://i.pinimg.com/564x/f4/3b/4a/f43b4aa459a12a81b557af8d4ad31378.jpg); background-size: 175%; background-position: right; border: 2px solid white;][/div] [/div]

[/div][/nobr]
 
Last edited:
[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 500px;
height: 700px;
background-color: white;
overflow: hidden;
margin: auto;
padding: 0;
[/class]
[class=Pic1]
position: absolute;
width: 400px;
height: 200px;
left: 50px;
top: 44px;
background:url(https://i.pinimg.com/originals/c2/c2/e4/c2c2e49f011f6cb1545fd44ed1c5bde1.gif);
background-size:100%;
background-position: 60% 40%;
[/class]
[class=hovertext]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(255, 192, 203, 0.2);
color: white;
[/class]
[class name=hovertext state=hover]
opacity: 1;
[/class]
[class=hover_text]
text-shadow: 4px 4px 6px black;
margin-top: 5px;
padding: 5px;
text-align: center;
font-size: 15px;
white-space: pre-wrap;
[/class]
[class=Line]
position: absolute;
width: 450px;
height: 20px;
left: 0px;
top: 630px;
background-color:pink;
[/class]
[class=Pic2]
position: absolute;
width: 130px;
height: 130px;
left: 348px;
top: 550px;
border-radius:100%;
background:url(https://i.pinimg.com/564x/7a/de/c3/7adec3556b22a43cf2ca6997c4a35068.jpg);
border: solid 8px pink;
background-size:100%;
background-position: 60% 40%;
[/class]
[class=TextBox]
position: absolute;
overflow: hidden;
width: 400px;
height: 265px;
left: 50px;
top: 273px;
background-color: transparent;
[/class]
[class=Text]
position: relative;
width: 412px;
height: 100%;
overflow: auto;
font-size: 12px;
line-height: 12px;
text-align: justify;
padding-right: 5px;
white-space: pre-wrap;
padding-top: 5px;
color: black;
[/class]
[class=Name]
position: absolute;
width: 100%;
height: auto;
left: 10px;
top: 600px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 64px;
line-height: 28px;
color:#000;
[/class]

[div class=BG]
[div class=Pic1][div class=hovertext][div class=hover_text]Location: Apartment rooftop

Mood: "Should I run for my life?"

Interactions: strange guy ( HanTheSunbeam HanTheSunbeam )

Outfit: Here
[/div][/div][/div]
[div class=Line][/div]
[div class=Name]Wang Byeol[/div]
[div class=Pic2][/div]
[div class=TextBox][div class=Text]Byeol wasn't sure what to do next, was this really how her life was going to end, being murdered by a complete stranger. She could only see a blurred figure which face couldn't distinguish at all only seeing something black covering his face, was he doing that so she wouldn't see the face of his murderer? Was he trying to be considerate with his victim?

As soon as she asked her questions there was an awkward silence between them. Why bother to reply to the victim at that moment, there was no need to get to know each other, but as she was thinking this the stranger guy started to talk "Me? No- I mean, yes, well, kinda. I am staying with a friend for a week or two. I just wanted to get some fresh air." At least she was getting some answers from the stranger that should have helped her nor being so scared about him, but still, his name was a mystery "oh and I'm Hw- Chang..... yeah"

if maybe the guy hadn't stutter when he said his name maybe Byeol would have trust him and believed him, but maybe she was the dumb one here by knowing he was a big red flag and still she continued talking to him. "Chang, What? You need to have a last name too.... otherwise, that's just weird" she said to the guy "And which apartment you are staying?" She asked, knowing that she maybe was asking too many questions. but she needed to make sure this guy wasn't as dangerous as she thought.

"I didn't mean to scare you, I'm sorry. I just..." the guy whose name was Chang, if that was his real name started explaining himself "You really scared me... no one really comes here so... it was a big surprise... and I wasn't expecting that you would reply to me... Did you... Did you hear me play the piano?" She continued asking the guy, why was she feeling so shy so suddenly probably because she was talking to a stranger and she was the worst at meeting new people, she liked her really small group of friends and having a complete stranger coming towards her it was something she didn't imagine it would happen that afternoon.

After saying that Byeol felt a big awkwardness, did she needed to say her goodbyes and run away from that guy? Thank him and saying she was happy she liked her song and still run away? Or just simply run away? Hoping that the guy wouldn't follow her.

[/div][/div]

[/div]
Code by Stardust Galaxy Stardust Galaxy | Picture Hovers
[/nobr]
 

HanTheSunbeam

Cool Cool
[nobr]
[class=container]
margin: auto;
height: 450px;
width: 700px;
overflow: hidden;
position: relative;
[/class]

[class name=scroll]
position: relative;
box-sizing: border-box;
width: 120%;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
padding-right: 50px;
[/class]

[class=frontpic]
overflow: hidden;
position: absolute;
height: 450px;
width: 700px;
top: 0px;
left: 0px;
background: url(https://kprofiles.com/wp-content/uploads/2020/02/8-Kino-900x600.jpg);
background-size: 100%;
background-position: 0% 30%;
[/class]

[class=frontpic2]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
transform: rotate(45deg);
top: -300px;
left: -100px;
background: url(https://cutewallpaper.org/21/red-and-black-aesthetic/Best-Ever-Red-And-Black-Aesthetic-Background-wallpaper.jpg);
background-size: cover;
[/class]

[class=diagonal]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
top: 225px;
left: 300px;
transform: rotate(45deg);
background: #C10000;
[/class]

[class=diamond]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
[/class]

[class=diamond2]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
animation: {post_id}grow 2.5s;
animation-fill-mode: forwards;
[/class]

[class=quote]
overflow: hidden;
position: absolute;
height: 150px;
width: 200px;
top: 167px;
left: 372px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
text-shadow: 2px 2px #fff;
[/class]

[class=roundpic]
overflow: hidden;
position: absolute;
height: 300px;
width: 300px;
top: 75px;
left: 10px;
border-radius: 300px;
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: 100%;
background-position: 50% 20%;
border: 3px solid #fff;
animation: {post_id}pic 6s linear infinite;
animation-direction: alternate;
[/class]

[class=tab]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab2]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab3]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab4]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab5]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=name]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 30px;
left: 245px;
line-height: 40px;
font-size: 35px;
color: #000;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px #fff;
[/class]

[class=line]
margin: auto;
height: 20px;
width: 345px;
top: 50px;
left: 145px;
overflow: hidden;
position: relative;
background: #C10000;
[/class]

[class=text]
margin: auto;
height: 300px;
width: 300px;
overflow: hidden;
position: relative;
top: 100px;
left: 175px;
border: 2px solid #fff;
padding-left: 10px;
padding-top 10px;
background: #E1E1E1;
font-size: 12px;
color: #000;
text-align: justify;
[/class]

[class=sub]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 100px;
left: 410px;
line-height: 20px;
font-size: 25px;
color: #000;
text-transform: uppercase;
text-shadow: 2px 2px #CF7D75;
[/class]

[class=location]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 115px;
left: 325px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=mood]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 170px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=interactions]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 225px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=outfit]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 280px;
left: 335px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[script class=tab on=mouseenter]
fadeIn 0500 location
[/script]

[script class=tab on=mouseleave]
fadeOut 0500 location
[/script]

[script class=tab2 on=mouseenter]
fadeIn 0500 mood
[/script]

[script class=tab2 on=mouseleave]
fadeOut 0500 mood
[/script]

[script class=tab3 on=mouseenter]
fadeIn 0500 interactions
[/script]

[script class=tab3 on=mouseleave]
fadeOut 0500 interactions
[/script]

[script class=tab4 on=mouseenter]
fadeIn 0500 outfit
[/script]

[script class=tab4 on=mouseleave]
fadeOut 0500 outfit
[/script]

[animation=grow]
[keyframe=0]
top: 150px;
left: 388px;
height: 150px;
width: 150px;
border: 7px solid #fff;
[/keyframe]
[keyframe=100]
top: -235px;
left: 250px;
height: 900px;
width: 900px;
border: 5px solid #fff;
[/keyframe]
[/animation]

[script class=quote on=click]
show diamond2
hide diamond
fadeOut 1000 quote
fadeIn 2500 roundpic
fadeOut 1900 frontpic
fadeIn 2000 frontpic2
fadeIn 3000 tab
fadeIn 3000 tab2
fadeIn 3000 tab3
fadeIn 3000 tab4
fadeIn 3000 tab5
fadeIn 3000 name
fadeIn 3000 line
fadeIn 3000 text
fadeIn 3000 sub
[/script]

[class=hidden]
display: none;
[/class]

[animation=pic]
[keyframe=0]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=25]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=75]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[keyframe=100]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[/animation]

[div class=container]
[div class=frontpic][/div]
[div class="frontpic2 hidden"][/div]
[div class=diagonal][/div]
[div class=diamond][/div]
[div class="diamond2 hidden"][/div]
[div class=quote]☾[br][/br]Two Faced[br][/br]☾[/div]
[div class="roundpic hidden"][/div]
[div class="roundpic2 hidden"][/div]
[div class="roundpic3 hidden"][/div]
[div class="roundpic4 hidden"][/div]
[div class="roundpic5 hidden"][/div]
[div class="tab hidden" style="top: 120px; left: 285px;"]✮[/div]
[div class="tab2 hidden" style="top: 170px; left: 310px;"]✮[/div]
[div class="tab3 hidden" style="top: 225px; left: 310px;"]✮[/div]
[div class="tab4 hidden" style="top: 280px; left: 295px;"]✮[/div]
[div class="line hidden"][/div]
[div class="name hidden"]Moon Chang-ho 문창호[/div]

[div class="text hidden"][div class=scroll]
Standing there, slightly dumbfounded, Chang had not expected her to ask so many questions. He thought maybe the little information he gave her would have been enough to ease her mind, but he was wrong. She wanted to know his full name and where he was staying. He had not planned this through enough. No, not at all. He was up a creek without a paddle in this moment. He felt himself start to panic. He really did not want to tell her the truth. Chang just wanted someone to see him for who he was, and not his job. Should he use his real name? Probably not. If she looked it up then she'd know immediately who he was. "My family name is Kim," He stated quickly because it was the first thing that came to his mind, "I'm Kim Chang-Hoon." He had drawn out his last syllable to save his mistake. He had a cousin on his Appa's side named Chang-Hoon since Chang was a common name in his family. [br][/br][br][/br]

What else had she asked? Chang tried to remember. Oh, right, what apartment he was staying in. In his panic he decided to just go with his cousin's old place. He could never forget that address. "Number 27," He responded confidently. Chang thought there was no way he'd seem suspicious now. He had a full name, a story, and a place where he stayed. She couldn't possibly find fault in his identity now. It seemed almost full proof. But why was he so worried about making her comfortable with him? He was probably never going to see her again. Though, when he thought about the possibility of them meeting once more, he liked the idea. If he could get her to trust him that was. [Br][/br][Br][/br]

The woman then asked if he had heard her play music. He felt slightly embarrassed. He knew how personal something like the creative process was. Maybe she didn't like performing and she didn't like that he heard her. Chang hadn't listened in on purpose. It was a complete coincidence. One hundred percent by chance. That small accident was what was keeping him alive at this very moment. He smiled shyly, rubbing the back of his neck. "Uh, yeah, well, I didn't know it was you, I only knew it was you when you came up on the roof talking about a melody," He rambled on quickly. Chang looked down at his feet. He felt the overwhelming need to tell her how much he had appreciated that small sample of her talent. "I...I was having a hard time. A really hard time, so I came up here. Your song made me..." doubt, regret, reconsider, want to live a little longer, "It just helped," He finally finished, "I didn't mean to pry, I just wanted to say thank you."

Looking back up at her, Chang realized how lovely she looked. Her long hair gently being blown by the wind. Her white skirt and pink shirt giving her a soft and sweet image. Her beauty so elegant he just wanted to look at her like a piece of art. She was like an angel. He didn't even know her name, yet he was so drawn to her. Without even knowing it, she had saved him. The longer he stood here, the more relieved he felt that he didn't actually go through with ending his life. Chang knew that as soon as he would have stepped off that ledge, he would have regretted his decision. Then it would have been too late. She saved him from that horrible fate, to be doomed with the feeling of remorse and dread in the last moments in his life. How could he ever make it up to her? How could he ever repay her? Well, first he had to convince her that he wasn't out here to hurt her, which, he wasn't too sure how well he was doing with that.
[/div][/div]

[div class="sub hidden"]The dark side of the moon[/div]
[div class="location hidden"] location: [br][/br]
apartment rooftop [/div]
[div class="interactions hidden"] interactions:[br][/br]
the angel ( Stardust Galaxy Stardust Galaxy ) [/div]
[div class="mood hidden"] mood:[br][/br]
"how can i thank her?" [/div]
[div class="outfit hidden"] [div= height: 130px; width: 100px; background: url(https://i.pinimg.com/564x/f4/3b/4a/f43b4aa459a12a81b557af8d4ad31378.jpg); background-size: 175%; background-position: right; border: 2px solid white;][/div] [/div]

[/div][/nobr]
 
[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 500px;
height: 700px;
background-color: white;
overflow: hidden;
margin: auto;
padding: 0;
[/class]
[class=Pic1]
position: absolute;
width: 400px;
height: 200px;
left: 50px;
top: 44px;
background:url(https://i.pinimg.com/originals/c2/c2/e4/c2c2e49f011f6cb1545fd44ed1c5bde1.gif);
background-size:100%;
background-position: 60% 40%;
[/class]
[class=hovertext]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(255, 192, 203, 0.2);
color: white;
[/class]
[class name=hovertext state=hover]
opacity: 1;
[/class]
[class=hover_text]
text-shadow: 4px 4px 6px black;
margin-top: 5px;
padding: 5px;
text-align: center;
font-size: 15px;
white-space: pre-wrap;
[/class]
[class=Line]
position: absolute;
width: 450px;
height: 20px;
left: 0px;
top: 630px;
background-color:pink;
[/class]
[class=Pic2]
position: absolute;
width: 130px;
height: 130px;
left: 348px;
top: 550px;
border-radius:100%;
background:url(https://i.pinimg.com/564x/7a/de/c3/7adec3556b22a43cf2ca6997c4a35068.jpg);
border: solid 8px pink;
background-size:100%;
background-position: 60% 40%;
[/class]
[class=TextBox]
position: absolute;
overflow: hidden;
width: 400px;
height: 265px;
left: 50px;
top: 273px;
background-color: transparent;
[/class]
[class=Text]
position: relative;
width: 412px;
height: 100%;
overflow: auto;
font-size: 12px;
line-height: 12px;
text-align: justify;
padding-right: 5px;
white-space: pre-wrap;
padding-top: 5px;
color: black;
[/class]
[class=Name]
position: absolute;
width: 100%;
height: auto;
left: 10px;
top: 600px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 64px;
line-height: 28px;
color:#000;
[/class]

[div class=BG]
[div class=Pic1][div class=hovertext][div class=hover_text]Location: Rooftop

Mood: "Please don't hurt me"

Interactions: murderer ( HanTheSunbeam HanTheSunbeam )

Outfit: Here
[/div][/div][/div]
[div class=Line][/div]
[div class=Name]Wang Byeol[/div]
[div class=Pic2][/div]
[div class=TextBox][div class=Text]Byeol wasn't sure if all her questions would make the guy untrusty of her, although there was no way she could hurt him, she can barely see and the only thing she could distinguish from the stranger was a blurred image. But she just needed to make sure that he wasn't going to hurt her when the guy replied with his full name Byeol felt more at ease "Kim Chang-Hoon" she repeated the name softly trying to get used to the name and get used to the idea that the blurred figure had now a name.

Something about knowing his name made Byeol be less scared of the guy, maybe she was just exaggerating and he didn't want to hurt her like she thought, maybe she just needed to be less scared of meeting new people, because there would be someone that wouldn't mind that she was practically blind and she just would want to know her and appreciate her talent with the piano which made Byeol happy, maybe she could ask him for his number and they could become friends and even hang out in the rooftop while he stayed in the building.

Byeol already all these ideas on her head about how they could become friends and what they would do together only if Chang-Hoon wanted to spend more time with her, it wasn't too long since she moved to that apartment complex, her parents were reluctant at the idea but they also knew they couldn't shelter her all her life and since she moved out she hasn't had the chance to make a friend and she hoped that maybe Chang-Hoon could be the one, but that was until she heard the number of the apartment where he was supposed to stay.

Did she hear him correctly? She knew that her hearing was good, not like her sight so she was sure she didn't mistake the number, he said number 27, he couldn't be staying in the apartment 27 because that apartment was the one where she lived, the fear she had at the beginning came back and now she knew for a fact that the guy was nothing but bad news, she needed to leave the rooftop as fast as she could and hoping that she would make it back to her apartment safely.

Chang-Hoon continued talking as if nothing was wrong as if he just didn't mention the same apartment she lived Uh, yeah, well, I didn't know it was you, I only knew it was you when you came up on the roof talking about a melody" She was sure that was a lie, he for sure had known for sure everything about her, was he a stalker? Did she encounter him before and by some mistake she talked to him or the other way? And now he had this idea that they would always be together and that she loved him when in fact she didn't know him at all?

"I...I was having a hard time. A really hard time, so I came up here. Your song made me...It just helped" Was he having a hard time on how he would kill her? Or how he would just take her and no one would find her again? If maybe he just didn't' prove himself to be a killer, Byeol would have been head over heels knowing that her music made him feel something, she would have asked him about his opinion and if she wanted to hear more songs because she loved when people listened to her music it just made her the happiest person in the world, but now she was fearing for her life.

I didn't mean to pry, I just wanted to say thank you" He just wanted to say thank you, as in thank you for letting me listen to you play the piano before I kill you because you didn't love me and if you don't love me no one will? Byeol was ready to run for our life, but it was something she wasn't supposed to do, not when she wasn't sure what was in front of her and running on the stairs while she held a cane and Coco's harness wasn't the wisest thing to do.

"I... I really need to... get going...So... I'll...I'll go now" she said terrified as she started walking towards the door as fast as she could hoping that he wouldn't follow her.

[/div][/div]

[/div]
Code by Stardust Galaxy Stardust Galaxy | Picture Hovers
[/nobr]
 

HanTheSunbeam

Cool Cool
[nobr]
[class=container]
margin: auto;
height: 450px;
width: 700px;
overflow: hidden;
position: relative;
[/class]

[class name=scroll]
position: relative;
box-sizing: border-box;
width: 120%;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
padding-right: 50px;
[/class]

[class=frontpic]
overflow: hidden;
position: absolute;
height: 450px;
width: 700px;
top: 0px;
left: 0px;
background: url(https://kprofiles.com/wp-content/uploads/2020/02/8-Kino-900x600.jpg);
background-size: 100%;
background-position: 0% 30%;
[/class]

[class=frontpic2]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
transform: rotate(45deg);
top: -300px;
left: -100px;
background: url(https://cutewallpaper.org/21/red-and-black-aesthetic/Best-Ever-Red-And-Black-Aesthetic-Background-wallpaper.jpg);
background-size: cover;
[/class]

[class=diagonal]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
top: 225px;
left: 300px;
transform: rotate(45deg);
background: #C10000;
[/class]

[class=diamond]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
[/class]

[class=diamond2]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
animation: {post_id}grow 2.5s;
animation-fill-mode: forwards;
[/class]

[class=quote]
overflow: hidden;
position: absolute;
height: 150px;
width: 200px;
top: 167px;
left: 372px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
text-shadow: 2px 2px #fff;
[/class]

[class=roundpic]
overflow: hidden;
position: absolute;
height: 300px;
width: 300px;
top: 75px;
left: 10px;
border-radius: 300px;
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: 100%;
background-position: 50% 20%;
border: 3px solid #fff;
animation: {post_id}pic 6s linear infinite;
animation-direction: alternate;
[/class]

[class=tab]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab2]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab3]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab4]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab5]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=name]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 30px;
left: 245px;
line-height: 40px;
font-size: 35px;
color: #000;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px #fff;
[/class]

[class=line]
margin: auto;
height: 20px;
width: 345px;
top: 50px;
left: 145px;
overflow: hidden;
position: relative;
background: #C10000;
[/class]

[class=text]
margin: auto;
height: 300px;
width: 300px;
overflow: hidden;
position: relative;
top: 100px;
left: 175px;
border: 2px solid #fff;
padding-left: 10px;
padding-top 10px;
background: #E1E1E1;
font-size: 12px;
color: #000;
text-align: justify;
[/class]

[class=sub]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 100px;
left: 410px;
line-height: 20px;
font-size: 25px;
color: #000;
text-transform: uppercase;
text-shadow: 2px 2px #CF7D75;
[/class]

[class=location]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 115px;
left: 325px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=mood]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 170px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=interactions]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 225px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=outfit]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 280px;
left: 335px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[script class=tab on=mouseenter]
fadeIn 0500 location
[/script]

[script class=tab on=mouseleave]
fadeOut 0500 location
[/script]

[script class=tab2 on=mouseenter]
fadeIn 0500 mood
[/script]

[script class=tab2 on=mouseleave]
fadeOut 0500 mood
[/script]

[script class=tab3 on=mouseenter]
fadeIn 0500 interactions
[/script]

[script class=tab3 on=mouseleave]
fadeOut 0500 interactions
[/script]

[script class=tab4 on=mouseenter]
fadeIn 0500 outfit
[/script]

[script class=tab4 on=mouseleave]
fadeOut 0500 outfit
[/script]

[animation=grow]
[keyframe=0]
top: 150px;
left: 388px;
height: 150px;
width: 150px;
border: 7px solid #fff;
[/keyframe]
[keyframe=100]
top: -235px;
left: 250px;
height: 900px;
width: 900px;
border: 5px solid #fff;
[/keyframe]
[/animation]

[script class=quote on=click]
show diamond2
hide diamond
fadeOut 1000 quote
fadeIn 2500 roundpic
fadeOut 1900 frontpic
fadeIn 2000 frontpic2
fadeIn 3000 tab
fadeIn 3000 tab2
fadeIn 3000 tab3
fadeIn 3000 tab4
fadeIn 3000 tab5
fadeIn 3000 name
fadeIn 3000 line
fadeIn 3000 text
fadeIn 3000 sub
[/script]

[class=hidden]
display: none;
[/class]

[animation=pic]
[keyframe=0]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=25]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=75]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[keyframe=100]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[/animation]

[div class=container]
[div class=frontpic][/div]
[div class="frontpic2 hidden"][/div]
[div class=diagonal][/div]
[div class=diamond][/div]
[div class="diamond2 hidden"][/div]
[div class=quote]☾[br][/br]Two Faced[br][/br]☾[/div]
[div class="roundpic hidden"][/div]
[div class="roundpic2 hidden"][/div]
[div class="roundpic3 hidden"][/div]
[div class="roundpic4 hidden"][/div]
[div class="roundpic5 hidden"][/div]
[div class="tab hidden" style="top: 120px; left: 285px;"]✮[/div]
[div class="tab2 hidden" style="top: 170px; left: 310px;"]✮[/div]
[div class="tab3 hidden" style="top: 225px; left: 310px;"]✮[/div]
[div class="tab4 hidden" style="top: 280px; left: 295px;"]✮[/div]
[div class="line hidden"][/div]
[div class="name hidden"]Moon Chang-ho 문창호[/div]

[div class="text hidden"][div class=scroll]
Chang saw the slight relief wash over her. Good. He had gotten somewhere. She wasn't absolutely terrified of him now, which was good. Until that look disappeared and turned to one of even more panic. What did he say? Why was he so bad at this? Probably because he had been Hwan for so long. He hadn't lived as Chang around others like he was right now. Chang was awkward, weak, and vulnerable. Hwan was bold, a true performer, and charismatic. He just wanted her to like Chang without knowing that Hwan existed. This was turning out to be harder than he had expected. [Br][/br][Br][/br]

When the woman, the angel, said she had to go, he felt himself panic. No. She couldn't leave. He hadn't thanked her properly. He didn't even know her name to thank her in the future. Then if she left, he'd be alone again. Chang really did not want to be alone right now. He was afraid of where his mind would wander. He was afraid of what he'd do. She gave him some sort of hope, some sort of will, but once she left, he knew all those feelings would go right along with her. Especially since she was afraid of him. [Br][/br][Br][/br]

"Wait, please don't leave, please," He begged her as she made her way over to the stairs. His voice was desperate and broken, trying to convey how much he needed her to stay. What was he going to say to make her stay? If she left he was doomed. "You have no clue how much hearing you play music saved me. I just want to help you, to thank you. Just know that anything I do will never make up for what you've done for me." Oh, yeah, that totally didn't sound stalkerish or anything. Great going Chang. She was going to call the police on him at this point. He avoided the urge to go after her, knowing that would only make things worse.[Br][/br][Br][/br]

Chang searched his brain for anything, absolutely any little detail that he could use to get her to trust him, to get her interested enough to stay. Music was really the only thing he knew about her. That and the likely story that she was blind, but that was an assumption. Think, think fast. Wait. Didn't she say she wanted to get signed somewhere? Wasn't that part of her first question? He could help with that. He may not be able to get her a contract, but he could help her get in touch with his production team. The she could slowly build a career to being on stage herself if that was what she wanted. He had worked with a few producers that now have great solo careers. "I can help you with getting a foot into the music industry," He blurted out without fully fleshing out the idea. How was he going to explain this without ruining his cover? He rushed himself to find something else to say. "I have a very close Idol friend, Moon Hwan, he's looking for someone new for his production team, and I could put in a good word for you." Chang bit his lip, holding his breath. Maybe, just maybe, she'd pause and consider long enough for him to get somewhere. Anywhere but her running away from him.
[/div][/div]

[div class="sub hidden"]The dark side of the moon[/div]
[div class="location hidden"] location: [br][/br]
apartment rooftop [/div]
[div class="interactions hidden"] interactions:[br][/br]
the angel ( Stardust Galaxy Stardust Galaxy ) [/div]
[div class="mood hidden"] mood:[br][/br]
"please don't leave me." [/div]
[div class="outfit hidden"] [div= height: 130px; width: 100px; background: url(https://i.pinimg.com/564x/f4/3b/4a/f43b4aa459a12a81b557af8d4ad31378.jpg); background-size: 175%; background-position: right; border: 2px solid white;][/div] [/div]

[/div][/nobr]
 
[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 500px;
height: 700px;
background-color: white;
overflow: hidden;
margin: auto;
padding: 0;
[/class]
[class=Pic1]
position: absolute;
width: 400px;
height: 200px;
left: 50px;
top: 44px;
background:url(https://i.pinimg.com/originals/c2/c2/e4/c2c2e49f011f6cb1545fd44ed1c5bde1.gif);
background-size:100%;
background-position: 60% 40%;
[/class]
[class=hovertext]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(255, 192, 203, 0.2);
color: white;
[/class]
[class name=hovertext state=hover]
opacity: 1;
[/class]
[class=hover_text]
text-shadow: 4px 4px 6px black;
margin-top: 5px;
padding: 5px;
text-align: center;
font-size: 15px;
white-space: pre-wrap;
[/class]
[class=Line]
position: absolute;
width: 450px;
height: 20px;
left: 0px;
top: 630px;
background-color:pink;
[/class]
[class=Pic2]
position: absolute;
width: 130px;
height: 130px;
left: 348px;
top: 550px;
border-radius:100%;
background:url(https://i.pinimg.com/564x/7a/de/c3/7adec3556b22a43cf2ca6997c4a35068.jpg);
border: solid 8px pink;
background-size:100%;
background-position: 60% 40%;
[/class]
[class=TextBox]
position: absolute;
overflow: hidden;
width: 400px;
height: 265px;
left: 50px;
top: 273px;
background-color: transparent;
[/class]
[class=Text]
position: relative;
width: 412px;
height: 100%;
overflow: auto;
font-size: 12px;
line-height: 12px;
text-align: justify;
padding-right: 5px;
white-space: pre-wrap;
padding-top: 5px;
color: black;
[/class]
[class=Name]
position: absolute;
width: 100%;
height: auto;
left: 10px;
top: 600px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 64px;
line-height: 28px;
color:#000;
[/class]

[div class=BG]
[div class=Pic1][div class=hovertext][div class=hover_text]Location: Rooftop

Mood: "Please, let me go"

Interactions: murderer ( HanTheSunbeam HanTheSunbeam )

Outfit: Here
[/div][/div][/div]
[div class=Line][/div]
[div class=Name]Wang Byeol[/div]
[div class=Pic2][/div]
[div class=TextBox][div class=Text]Byeol had never been so scared in her life, she was sure it was the first time she was in this situation and the only thing she wanted to do was being in the security of her apartment and call the police telling her that there was a weird guy that wanted to hurt her, maybe living alone wasn't a good idea, after all, maybe her parents were right and she should have continued living with them if that was the case she wouldn't be in that situation.

"Wait, please don't leave, please," the guy plead her, she couldn't understand why he was interested in the girl, she had nothing to offer, she wasn't rich or she didn't have an extreme beauty, she was just plain and simple, why from all the girls in the city it was her the one that was the cause of his pleads.

Just as he was about to leave Chang-Hoon continued talking, telling her to not leave him "You have no clue how much hearing you play music saved me. I just want to help you, to thank you. Just know that anything I do will never make up for what you've done for me." Byeol couldn't understand why he was treating her like a savior, sure she wanted to music to make people something, but saving someone? She was sure her music wasn't even that good she was sure there were better musicians out there and this guy was mesmerized by the song she played on the piano, but even if his attitude was quite concerning his words felt sincere in a way.

And then he went towards that weak spot that Byeol had, music her dream was to be on stage, singing and writing her own songs making and having people get to know her because of her talent and not because she was blind I can help you with getting a foot into the music industry, I have a very close Idol friend, Moon Hwan, he's looking for someone new for his production team, and I could put in a good word for you" he was lying, there was no other way that someone that knew an idol was in the rooftop of the apartment she lived and that by destiny they meet each other and now she was his savior and he was the person that could help her achieve her dreams life wasn't that simple.

She wanted to believe him, but there wasn't any way he was telling the truth and he was just playing with her dreams in order to make her stay, but she wouldn't dell on the trick of the stranger that would give you candies if you follow them.

"What do you want from me? Why are you so interested in me? I'm just an almost blind girl that has nothing to offer you, I don't have money or something like that, I know you are not staying here, because the apartment number 27 is where I live, I know you are lying but I won't' say anything to the police so please let me go, I'm not a savior I'm just an ordinary girl"

She was hoping that her plead would be enough to touch the guy's heart and let her go.

[/div][/div]

[/div]
Code by Stardust Galaxy Stardust Galaxy | Picture Hovers
[/nobr]
 

HanTheSunbeam

Cool Cool
[nobr]
[class=container]
margin: auto;
height: 450px;
width: 700px;
overflow: hidden;
position: relative;
[/class]

[class name=scroll]
position: relative;
box-sizing: border-box;
width: 120%;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
padding-right: 50px;
[/class]

[class=frontpic]
overflow: hidden;
position: absolute;
height: 450px;
width: 700px;
top: 0px;
left: 0px;
background: url(https://kprofiles.com/wp-content/uploads/2020/02/8-Kino-900x600.jpg);
background-size: 100%;
background-position: 0% 30%;
[/class]

[class=frontpic2]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
transform: rotate(45deg);
top: -300px;
left: -100px;
background: url(https://cutewallpaper.org/21/red-and-black-aesthetic/Best-Ever-Red-And-Black-Aesthetic-Background-wallpaper.jpg);
background-size: cover;
[/class]

[class=diagonal]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
top: 225px;
left: 300px;
transform: rotate(45deg);
background: #C10000;
[/class]

[class=diamond]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
[/class]

[class=diamond2]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
animation: {post_id}grow 2.5s;
animation-fill-mode: forwards;
[/class]

[class=quote]
overflow: hidden;
position: absolute;
height: 150px;
width: 200px;
top: 167px;
left: 372px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
text-shadow: 2px 2px #fff;
[/class]

[class=roundpic]
overflow: hidden;
position: absolute;
height: 300px;
width: 300px;
top: 75px;
left: 10px;
border-radius: 300px;
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: 100%;
background-position: 50% 20%;
border: 3px solid #fff;
animation: {post_id}pic 6s linear infinite;
animation-direction: alternate;
[/class]

[class=tab]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab2]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab3]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab4]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab5]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=name]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 30px;
left: 245px;
line-height: 40px;
font-size: 35px;
color: #000;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px #fff;
[/class]

[class=line]
margin: auto;
height: 20px;
width: 345px;
top: 50px;
left: 145px;
overflow: hidden;
position: relative;
background: #C10000;
[/class]

[class=text]
margin: auto;
height: 300px;
width: 300px;
overflow: hidden;
position: relative;
top: 100px;
left: 175px;
border: 2px solid #fff;
padding-left: 10px;
padding-top 10px;
background: #E1E1E1;
font-size: 12px;
color: #000;
text-align: justify;
[/class]

[class=sub]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 100px;
left: 410px;
line-height: 20px;
font-size: 25px;
color: #000;
text-transform: uppercase;
text-shadow: 2px 2px #CF7D75;
[/class]

[class=location]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 115px;
left: 325px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=mood]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 170px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=interactions]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 225px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=outfit]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 280px;
left: 335px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[script class=tab on=mouseenter]
fadeIn 0500 location
[/script]

[script class=tab on=mouseleave]
fadeOut 0500 location
[/script]

[script class=tab2 on=mouseenter]
fadeIn 0500 mood
[/script]

[script class=tab2 on=mouseleave]
fadeOut 0500 mood
[/script]

[script class=tab3 on=mouseenter]
fadeIn 0500 interactions
[/script]

[script class=tab3 on=mouseleave]
fadeOut 0500 interactions
[/script]

[script class=tab4 on=mouseenter]
fadeIn 0500 outfit
[/script]

[script class=tab4 on=mouseleave]
fadeOut 0500 outfit
[/script]

[animation=grow]
[keyframe=0]
top: 150px;
left: 388px;
height: 150px;
width: 150px;
border: 7px solid #fff;
[/keyframe]
[keyframe=100]
top: -235px;
left: 250px;
height: 900px;
width: 900px;
border: 5px solid #fff;
[/keyframe]
[/animation]

[script class=quote on=click]
show diamond2
hide diamond
fadeOut 1000 quote
fadeIn 2500 roundpic
fadeOut 1900 frontpic
fadeIn 2000 frontpic2
fadeIn 3000 tab
fadeIn 3000 tab2
fadeIn 3000 tab3
fadeIn 3000 tab4
fadeIn 3000 tab5
fadeIn 3000 name
fadeIn 3000 line
fadeIn 3000 text
fadeIn 3000 sub
[/script]

[class=hidden]
display: none;
[/class]

[animation=pic]
[keyframe=0]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=25]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=75]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[keyframe=100]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[/animation]

[div class=container]
[div class=frontpic][/div]
[div class="frontpic2 hidden"][/div]
[div class=diagonal][/div]
[div class=diamond][/div]
[div class="diamond2 hidden"][/div]
[div class=quote]☾[br][/br]Two Faced[br][/br]☾[/div]
[div class="roundpic hidden"][/div]
[div class="roundpic2 hidden"][/div]
[div class="roundpic3 hidden"][/div]
[div class="roundpic4 hidden"][/div]
[div class="roundpic5 hidden"][/div]
[div class="tab hidden" style="top: 120px; left: 285px;"]✮[/div]
[div class="tab2 hidden" style="top: 170px; left: 310px;"]✮[/div]
[div class="tab3 hidden" style="top: 225px; left: 310px;"]✮[/div]
[div class="tab4 hidden" style="top: 280px; left: 295px;"]✮[/div]
[div class="line hidden"][/div]
[div class="name hidden"]Moon Chang-ho 문창호[/div]

[div class="text hidden"][div class=scroll]
Chang was glad he was able to make her stop. She had to reconsider. She had to let him explain. He felt slightly taken aback by her words. What were the chances? Out of this huge apartment complex, she just happened to be living in the same one that his cousin used to live in. No wonder she reacted so strongly when he told her where he was supposedly staying. Okay. How was he going to fix this? How was he supposed to make her believe him now?[Br][/br][Br][/br]

Could he tell her the truth? Could he tell a complete stranger what he couldn't even tell his closest friend? He didn't know. He wasn't sure if he would be able to admit that he hated himself so much that he wanted to die. He thought his life was so worthless that it wouldn't mean anything if he tossed it away. Even if he told her, would she even believe him? She'd still think he was just some lunatic. Was it worthwhile? Well, if he didn't tell her, she would definitely leave. If she left, Chang knew it wouldn't end well. So did he even have any other option? Maybe, just maybe, saying it out loud would make the idea sound ridiculous. That if he heard that his plan was to kill himself, even he would know that it was wrong.[Br][/br][Br][/br]

His eyes, which had been fighting to stay dry, glossed over with tears. His throat became tight. Chang fiddled with his hands as he stood there. He looked down. He couldn't look at her. Was he actually going to do this? He tried to find the right words to say. "You probably won't believe me, but I didn't want to tell you the truth. I-" His voice cracked with emotion, He swallowed hard willing himself to speak. "I lived in apartment 27 when I first came to Seoul. I had made a plan on ending things where it all started. I was standing up on the ledge when I heard your song. When you stopped, I wanted to hear you play again so badly I didn't jump. You gave me something to live for, at least for a couple of hours," Chang could feel the tears quietly drop onto his cheeks, leaving streaks in their wake. He was glad, in that moment, that she couldn't see him. He wasn't someone who cried in front of other often. He felt embarrassed. "I swear I only want to help you." He couldn't speak any more. His voice was quivering. [Br][/br][Br][/br]

If she left despite his pleas, he only wanted one thing from her. He knew it was selfish to ask her to do something, but he could at least try. "If you still want to leave, then you can. But if you do leave, will you... will you play again?" He spoke softly. If she stayed, he had one reason to live. He had to make it up to her. He had to show her how grateful he was. She deserved it. But, if she left, he wanted to know that he could hear something beautiful before he died. Because he would have absolutely nothing worth living for. If the angel in front of him walked down those stairs, he'd be dead by tomorrow. Was it unfair to put that much pressure on a stranger's shoulders? It was. But there was no way for Chang's broken mind to reconsider. [Br][/br][Br][/br]
[/div][/div]

[div class="sub hidden"]The dark side of the moon[/div]
[div class="location hidden"] location: [br][/br]
apartment rooftop [/div]
[div class="interactions hidden"] interactions:[br][/br]
the angel ( Stardust Galaxy Stardust Galaxy ) [/div]
[div class="mood hidden"] mood:[br][/br]
"be my reason" [/div]
[div class="outfit hidden"] [div= height: 130px; width: 100px; background: url(https://i.pinimg.com/564x/f4/3b/4a/f43b4aa459a12a81b557af8d4ad31378.jpg); background-size: 175%; background-position: right; border: 2px solid white;][/div] [/div]

[/div][/nobr]
 
Last edited:
[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 500px;
height: 700px;
background-color: white;
overflow: hidden;
margin: auto;
padding: 0;
[/class]
[class=Pic1]
position: absolute;
width: 400px;
height: 200px;
left: 50px;
top: 44px;
background:url(https://i.pinimg.com/originals/c2/c2/e4/c2c2e49f011f6cb1545fd44ed1c5bde1.gif);
background-size:100%;
background-position: 60% 40%;
[/class]
[class=hovertext]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(255, 192, 203, 0.2);
color: white;
[/class]
[class name=hovertext state=hover]
opacity: 1;
[/class]
[class=hover_text]
text-shadow: 4px 4px 6px black;
margin-top: 5px;
padding: 5px;
text-align: center;
font-size: 15px;
white-space: pre-wrap;
[/class]
[class=Line]
position: absolute;
width: 450px;
height: 20px;
left: 0px;
top: 630px;
background-color:pink;
[/class]
[class=Pic2]
position: absolute;
width: 130px;
height: 130px;
left: 348px;
top: 550px;
border-radius:100%;
background:url(https://i.pinimg.com/564x/7a/de/c3/7adec3556b22a43cf2ca6997c4a35068.jpg);
border: solid 8px pink;
background-size:100%;
background-position: 60% 40%;
[/class]
[class=TextBox]
position: absolute;
overflow: hidden;
width: 400px;
height: 265px;
left: 50px;
top: 273px;
background-color: transparent;
[/class]
[class=Text]
position: relative;
width: 412px;
height: 100%;
overflow: auto;
font-size: 12px;
line-height: 12px;
text-align: justify;
padding-right: 5px;
white-space: pre-wrap;
padding-top: 5px;
color: black;
[/class]
[class=Name]
position: absolute;
width: 100%;
height: auto;
left: 10px;
top: 600px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 64px;
line-height: 28px;
color:#000;
[/class]

[div class=BG]
[div class=Pic1][div class=hovertext][div class=hover_text]Location: Rooftop

Mood: "I'll save you"

Interactions: broken soul ( HanTheSunbeam HanTheSunbeam )

Outfit: Here
[/div][/div][/div]
[div class=Line][/div]
[div class=Name]Wang Byeol[/div]
[div class=Pic2][/div]
[div class=TextBox][div class=Text]Byeol didn't have a clue what would happen next, was it was a good idea to stop and talk back to him even if she knew he was lying? What was he going to do? The waiting just made Byeol even more nervous. Was he really going to admit why he was on the rooftop and why he just lied to her all this time? Or maybe he was really saying the truth and maybe Byeol was too harsh when she judged him.

"You probably won't believe me, but I didn't want to tell you the truth. I- I lived in apartment 27 when I first came to Seoul. I had made a plan on ending things where it all started. I was standing up on the ledge when I heard your song. When you stopped, I wanted to hear you play again so badly I didn't jump. You gave me something to live for, at least for a couple of hours" she knew that when his voice cracked he was saying the truth, he was showing her his raw emotions knowing that he could be judged or that she could think her was just lying. But having someone just being so vulnerable in front of her just broke her heart.

Was he really going to jump from the rooftop? Did her song really save him? Did he really want to help her with her music career? Was it is just a coincidence or was destiny the one that brought them together? Were they just he miracle that the other needed in order to keep living? All those questions were in Byeol's head as she was trying to assimilate the situation.

As the guy continued talking she could feel his sadness and loneliness, he was a broken soul that needed to be fixed by gluing all the small broken pieces and by some odd reason Byeol was the one in charge of this, could she even do that? Could she really be someone's savior when she needed help from everyone else to do even the simplest task?

"If you still want to leave, then you can. But if you do leave, will you... will you play again?" After he said those words it was over for her, she couldn't leave him like that not when he opened his heart to her a complete stranger that just played the piano at the right time to order to save him Could she really save him in the first place? Would she play with the faith and trust a complete stranger that needed her desperately as if she was the air he needed to breathe?

Anybody would think that the guy was crazy and they would call the police and would also believe that she was crazy for believing in him, maybe they were just equally crazy in order to engage in this situation. The logical answer was to leave and call the police, but Byeol didn't have the heart to do that if she really left and she found out that someone just jumped from the rooftop of her apartment she would never forgive herself knowing that she could have prevented it if she had stayed with him.

She walked towards him when she was close enough to him she let go of Coco and her cane as she hugged him tightly, she wasn't sure if it was what he needed or wanted, but at that moment was the best she could do "Is okay, everything will be okay because I'll never leave your side"

[/div][/div]

[/div]
Code by Stardust Galaxy Stardust Galaxy | Picture Hovers
[/nobr]
 

HanTheSunbeam

Cool Cool
[nobr]
[class=container]
margin: auto;
height: 450px;
width: 700px;
overflow: hidden;
position: relative;
[/class]

[class name=scroll]
position: relative;
box-sizing: border-box;
width: 120%;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
padding-right: 50px;
[/class]

[class=frontpic]
overflow: hidden;
position: absolute;
height: 450px;
width: 700px;
top: 0px;
left: 0px;
background: url(https://kprofiles.com/wp-content/uploads/2020/02/8-Kino-900x600.jpg);
background-size: 100%;
background-position: 0% 30%;
[/class]

[class=frontpic2]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
transform: rotate(45deg);
top: -300px;
left: -100px;
background: url(https://cutewallpaper.org/21/red-and-black-aesthetic/Best-Ever-Red-And-Black-Aesthetic-Background-wallpaper.jpg);
background-size: cover;
[/class]

[class=diagonal]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
top: 225px;
left: 300px;
transform: rotate(45deg);
background: #C10000;
[/class]

[class=diamond]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
[/class]

[class=diamond2]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
animation: {post_id}grow 2.5s;
animation-fill-mode: forwards;
[/class]

[class=quote]
overflow: hidden;
position: absolute;
height: 150px;
width: 200px;
top: 167px;
left: 372px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
text-shadow: 2px 2px #fff;
[/class]

[class=roundpic]
overflow: hidden;
position: absolute;
height: 300px;
width: 300px;
top: 75px;
left: 10px;
border-radius: 300px;
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: 100%;
background-position: 50% 20%;
border: 3px solid #fff;
animation: {post_id}pic 6s linear infinite;
animation-direction: alternate;
[/class]

[class=tab]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab2]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab3]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab4]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab5]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=name]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 30px;
left: 245px;
line-height: 40px;
font-size: 35px;
color: #000;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px #fff;
[/class]

[class=line]
margin: auto;
height: 20px;
width: 345px;
top: 50px;
left: 145px;
overflow: hidden;
position: relative;
background: #C10000;
[/class]

[class=text]
margin: auto;
height: 300px;
width: 300px;
overflow: hidden;
position: relative;
top: 100px;
left: 175px;
border: 2px solid #fff;
padding-left: 10px;
padding-top 10px;
background: #E1E1E1;
font-size: 12px;
color: #000;
text-align: justify;
[/class]

[class=sub]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 100px;
left: 410px;
line-height: 20px;
font-size: 25px;
color: #000;
text-transform: uppercase;
text-shadow: 2px 2px #CF7D75;
[/class]

[class=location]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 115px;
left: 325px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=mood]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 170px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=interactions]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 225px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=outfit]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 280px;
left: 335px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[script class=tab on=mouseenter]
fadeIn 0500 location
[/script]

[script class=tab on=mouseleave]
fadeOut 0500 location
[/script]

[script class=tab2 on=mouseenter]
fadeIn 0500 mood
[/script]

[script class=tab2 on=mouseleave]
fadeOut 0500 mood
[/script]

[script class=tab3 on=mouseenter]
fadeIn 0500 interactions
[/script]

[script class=tab3 on=mouseleave]
fadeOut 0500 interactions
[/script]

[script class=tab4 on=mouseenter]
fadeIn 0500 outfit
[/script]

[script class=tab4 on=mouseleave]
fadeOut 0500 outfit
[/script]

[animation=grow]
[keyframe=0]
top: 150px;
left: 388px;
height: 150px;
width: 150px;
border: 7px solid #fff;
[/keyframe]
[keyframe=100]
top: -235px;
left: 250px;
height: 900px;
width: 900px;
border: 5px solid #fff;
[/keyframe]
[/animation]

[script class=quote on=click]
show diamond2
hide diamond
fadeOut 1000 quote
fadeIn 2500 roundpic
fadeOut 1900 frontpic
fadeIn 2000 frontpic2
fadeIn 3000 tab
fadeIn 3000 tab2
fadeIn 3000 tab3
fadeIn 3000 tab4
fadeIn 3000 tab5
fadeIn 3000 name
fadeIn 3000 line
fadeIn 3000 text
fadeIn 3000 sub
[/script]

[class=hidden]
display: none;
[/class]

[animation=pic]
[keyframe=0]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=25]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=75]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[keyframe=100]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[/animation]

[div class=container]
[div class=frontpic][/div]
[div class="frontpic2 hidden"][/div]
[div class=diagonal][/div]
[div class=diamond][/div]
[div class="diamond2 hidden"][/div]
[div class=quote]☾[br][/br]Two Faced[br][/br]☾[/div]
[div class="roundpic hidden"][/div]
[div class="roundpic2 hidden"][/div]
[div class="roundpic3 hidden"][/div]
[div class="roundpic4 hidden"][/div]
[div class="roundpic5 hidden"][/div]
[div class="tab hidden" style="top: 120px; left: 285px;"]✮[/div]
[div class="tab2 hidden" style="top: 170px; left: 310px;"]✮[/div]
[div class="tab3 hidden" style="top: 225px; left: 310px;"]✮[/div]
[div class="tab4 hidden" style="top: 280px; left: 295px;"]✮[/div]
[div class="line hidden"][/div]
[div class="name hidden"]Moon Chang-ho 문창호[/div]

[div class="text hidden"][div class=scroll]
Chang, being pessimistic, really thought she'd turn around and go. He really thought it was all over. That he would have nothing left. That the little glimmer of hope he had suddenly luckily come across would be covered over. The little spark of life she started would be extinguished before it could grow. Every fiber of his being wanted her to stay, but he it seemed like he always lost, that everything he wanted and enjoyed was stripped away from him. His head hung low, his eyes unfocused pointed at the ground. He didn't register the pair of shoes he saw in his field of vision. He didn't realize she was right there in front of him.[Br][/br][Br][/br]

When the girl wrapped her arms around him Chang was initially startled. Nothing could have surprised him more. After his shock faded, he slowly brought his arms up around her. He rested his chin on her shoulder. Her voice was so soothing as she spoke to him. Hearing her tell him it was going to be okay, that she wasn't going to leave, that she'd always be by his side, Chang felt relief. He didn't respond in words. There was nothing he could say to her. He couldn't find words in that moment. He felt his body shake as he attempted to hold back from crying harder. It didn't work. His body heaved in a sob as he held onto her tightly. He was drowning man and a she was his lifeguard. [Br][/br][Br][/br]

The man's sobs eventually quieted. He let out a shaky sigh as he let go of her and stepped back from her embrace. Chang's hands were quick to wipe his face as he sucked a snotty breath through his nose. "I'm sorry," He finally said. His voice was tired and strained. He was absolutely exhausted, emotionally and physically. He felt like he had just ran a marathon. Chang eventually looked at her, locking onto her eyes. Within them he found complete trust. Though it was blind trust, because she was a complete stranger, he never felt so strongly pulled towards another person in his life. Even if she couldn't physical see him, he knew that she was the only person to get a glimpse of who Chang really was. [Br][/br][Br][/br]

He wanted to know so many things about her. There were the basics. How old was she? Did she have a job? Where did she grow up? What did she like to do for fun? Did she have a favorite food? He also wanted to know deeper things. Know thing about her soul. What compelled her to make music? What was her biggest dream? What was her greatest fear? Who was she on a deep personal level? He had so many questions. At first he didn't know where to start. Then it hit him. He should probably know her name."You, uh, haven't told me your name," He told her sheepishly. He had to have something to call her. He couldn't just refer to her as angel for the rest of his life. Through, that sounded like a pretty fitting nickname.
[/div][/div]

[div class="sub hidden"]The dark side of the moon[/div]
[div class="location hidden"] location: [br][/br]
apartment rooftop [/div]
[div class="interactions hidden"] interactions:[br][/br]
my angel ( Stardust Galaxy Stardust Galaxy ) [/div]
[div class="mood hidden"] mood:[br][/br]
"thank you, seriously" [/div]
[div class="outfit hidden"] [div= height: 130px; width: 100px; background: url(https://i.pinimg.com/564x/f4/3b/4a/f43b4aa459a12a81b557af8d4ad31378.jpg); background-size: 175%; background-position: right; border: 2px solid white;][/div] [/div]

[/div][/nobr]
 
[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 500px;
height: 700px;
background-color: white;
overflow: hidden;
margin: auto;
padding: 0;
[/class]
[class=Pic1]
position: absolute;
width: 400px;
height: 200px;
left: 50px;
top: 44px;
background:url(https://i.pinimg.com/originals/c2/c2/e4/c2c2e49f011f6cb1545fd44ed1c5bde1.gif);
background-size:100%;
background-position: 60% 40%;
[/class]
[class=hovertext]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(255, 192, 203, 0.2);
color: white;
[/class]
[class name=hovertext state=hover]
opacity: 1;
[/class]
[class=hover_text]
text-shadow: 4px 4px 6px black;
margin-top: 5px;
padding: 5px;
text-align: center;
font-size: 15px;
white-space: pre-wrap;
[/class]
[class=Line]
position: absolute;
width: 450px;
height: 20px;
left: 0px;
top: 630px;
background-color:pink;
[/class]
[class=Pic2]
position: absolute;
width: 130px;
height: 130px;
left: 348px;
top: 550px;
border-radius:100%;
background:url(https://i.pinimg.com/564x/7a/de/c3/7adec3556b22a43cf2ca6997c4a35068.jpg);
border: solid 8px pink;
background-size:100%;
background-position: 60% 40%;
[/class]
[class=TextBox]
position: absolute;
overflow: hidden;
width: 400px;
height: 265px;
left: 50px;
top: 273px;
background-color: transparent;
[/class]
[class=Text]
position: relative;
width: 412px;
height: 100%;
overflow: auto;
font-size: 12px;
line-height: 12px;
text-align: justify;
padding-right: 5px;
white-space: pre-wrap;
padding-top: 5px;
color: black;
[/class]
[class=Name]
position: absolute;
width: 100%;
height: auto;
left: 10px;
top: 600px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 64px;
line-height: 28px;
color:#000;
[/class]

[div class=BG]
[div class=Pic1][div class=hovertext][div class=hover_text]Location: Rooftop

Mood: "I won't be afraid of you anymore"

Interactions: broken soul ( HanTheSunbeam HanTheSunbeam )

Outfit: Here
[/div][/div][/div]
[div class=Line][/div]
[div class=Name]Wang Byeol[/div]
[div class=Pic2][/div]
[div class=TextBox][div class=Text]Was she being crazy by hugging a complete stranger, probably yes, but she couldn't' leave him alone he needed her to survive and Byeol would try her best to keep him alive. When she felt that the guy was shocked at her sudden action she realized that he thought she would leave, but after him telling her how he really felt she didn't have the heart to live him, maybe she was just an extremely good person or just a naive one that had a weak spot for when people were vulnerable.

She wanted to know what brought the guy to that decision, but she wasn't in the place to ask what happened to him that lead him to this extreme decision, everyone had to face their own battles some were bigger than others and some people just had demons in them that they couldn't leave behind even if they tried.

When she felt his tears on her sweater it broke her heart, even more, she didn't need to see to know that Chang-Hoon was crying, was he crying because he got another chance in life? Or because he felt that someone was finally there for him when he needed the most? She hugged him tighter with the fear that she would break him even if that was impossible.

When she felt his tears on her sweater it broke her heart, even more, she didn't need to see to know that Chang-Hoon was crying, was he crying because he got another chance in life? Or because he felt that someone was finally there for him when he needed the most? She hugged him tighter with the fear that she would break him even if that was impossible.

She heard his voice apologizing she smiled at him reassuring that it was okay "You don't have to apologize, I- I should be the one that I should apologize. It wasn't my intention to think you were a murderer or something... I'm sorry" she said a little embarrassed if she knew she would have never made those assumptions when he was feeling like that.

You, uh, haven't told me your name, she heard him say and he was right, she hasn't mentioned him her name, maybe he wasn't dangerous after all and she wouldn't mind that he knew her name "Wang Byeol, that's my name"

[/div][/div]

[/div]
Code by Stardust Galaxy Stardust Galaxy | Picture Hovers
[/nobr]
 

HanTheSunbeam

Cool Cool
[nobr]
[class=container]
margin: auto;
height: 450px;
width: 700px;
overflow: hidden;
position: relative;
[/class]

[class name=scroll]
position: relative;
box-sizing: border-box;
width: 120%;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
padding-right: 50px;
[/class]

[class=frontpic]
overflow: hidden;
position: absolute;
height: 450px;
width: 700px;
top: 0px;
left: 0px;
background: url(https://kprofiles.com/wp-content/uploads/2020/02/8-Kino-900x600.jpg);
background-size: 100%;
background-position: 0% 30%;
[/class]

[class=frontpic2]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
transform: rotate(45deg);
top: -300px;
left: -100px;
background: url(https://cutewallpaper.org/21/red-and-black-aesthetic/Best-Ever-Red-And-Black-Aesthetic-Background-wallpaper.jpg);
background-size: cover;
[/class]

[class=diagonal]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
top: 225px;
left: 300px;
transform: rotate(45deg);
background: #C10000;
[/class]

[class=diamond]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
[/class]

[class=diamond2]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
animation: {post_id}grow 2.5s;
animation-fill-mode: forwards;
[/class]

[class=quote]
overflow: hidden;
position: absolute;
height: 150px;
width: 200px;
top: 167px;
left: 372px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
text-shadow: 2px 2px #fff;
[/class]

[class=roundpic]
overflow: hidden;
position: absolute;
height: 300px;
width: 300px;
top: 75px;
left: 10px;
border-radius: 300px;
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: 100%;
background-position: 50% 20%;
border: 3px solid #fff;
animation: {post_id}pic 6s linear infinite;
animation-direction: alternate;
[/class]

[class=tab]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab2]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab3]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab4]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab5]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=name]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 30px;
left: 245px;
line-height: 40px;
font-size: 35px;
color: #000;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px #fff;
[/class]

[class=line]
margin: auto;
height: 20px;
width: 345px;
top: 50px;
left: 145px;
overflow: hidden;
position: relative;
background: #C10000;
[/class]

[class=text]
margin: auto;
height: 300px;
width: 300px;
overflow: hidden;
position: relative;
top: 100px;
left: 175px;
border: 2px solid #fff;
padding-left: 10px;
padding-top 10px;
background: #E1E1E1;
font-size: 12px;
color: #000;
text-align: justify;
[/class]

[class=sub]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 100px;
left: 410px;
line-height: 20px;
font-size: 25px;
color: #000;
text-transform: uppercase;
text-shadow: 2px 2px #CF7D75;
[/class]

[class=location]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 115px;
left: 325px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=mood]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 170px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=interactions]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 225px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=outfit]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 280px;
left: 335px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[script class=tab on=mouseenter]
fadeIn 0500 location
[/script]

[script class=tab on=mouseleave]
fadeOut 0500 location
[/script]

[script class=tab2 on=mouseenter]
fadeIn 0500 mood
[/script]

[script class=tab2 on=mouseleave]
fadeOut 0500 mood
[/script]

[script class=tab3 on=mouseenter]
fadeIn 0500 interactions
[/script]

[script class=tab3 on=mouseleave]
fadeOut 0500 interactions
[/script]

[script class=tab4 on=mouseenter]
fadeIn 0500 outfit
[/script]

[script class=tab4 on=mouseleave]
fadeOut 0500 outfit
[/script]

[animation=grow]
[keyframe=0]
top: 150px;
left: 388px;
height: 150px;
width: 150px;
border: 7px solid #fff;
[/keyframe]
[keyframe=100]
top: -235px;
left: 250px;
height: 900px;
width: 900px;
border: 5px solid #fff;
[/keyframe]
[/animation]

[script class=quote on=click]
show diamond2
hide diamond
fadeOut 1000 quote
fadeIn 2500 roundpic
fadeOut 1900 frontpic
fadeIn 2000 frontpic2
fadeIn 3000 tab
fadeIn 3000 tab2
fadeIn 3000 tab3
fadeIn 3000 tab4
fadeIn 3000 tab5
fadeIn 3000 name
fadeIn 3000 line
fadeIn 3000 text
fadeIn 3000 sub
[/script]

[class=hidden]
display: none;
[/class]

[animation=pic]
[keyframe=0]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=25]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=75]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[keyframe=100]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[/animation]

[div class=container]
[div class=frontpic][/div]
[div class="frontpic2 hidden"][/div]
[div class=diagonal][/div]
[div class=diamond][/div]
[div class="diamond2 hidden"][/div]
[div class=quote]☾[br][/br]Two Faced[br][/br]☾[/div]
[div class="roundpic hidden"][/div]
[div class="roundpic2 hidden"][/div]
[div class="roundpic3 hidden"][/div]
[div class="roundpic4 hidden"][/div]
[div class="roundpic5 hidden"][/div]
[div class="tab hidden" style="top: 120px; left: 285px;"]✮[/div]
[div class="tab2 hidden" style="top: 170px; left: 310px;"]✮[/div]
[div class="tab3 hidden" style="top: 225px; left: 310px;"]✮[/div]
[div class="tab4 hidden" style="top: 280px; left: 295px;"]✮[/div]
[div class="line hidden"][/div]
[div class="name hidden"]Moon Chang-ho 문창호[/div]

[div class="text hidden"][div class=scroll]
The woman apologized for her assumption. Chang was able to muster a small smile, too tired to do much else. She was so kind. It was completely understandable for her to react like that. The world was a cruel place, who knew what the person next to you was planning. She could have never known what was going through his head in that moment. She was the only one who knew that he thought such dark and terrible thoughts. That he rationalized taking his own life. "It's okay. You don't have to be sorry. I must give off creepy guy vibes," He half-heartedly joked, attempting a chuckle. Even if he felt better...ish, Chang wasn't in a positive mood. He had gotten some where. He had taken a step away from willing to jump, but he wasn't sure where that landed him. To say that he was now suddenly healed and all his emotional problems were now fixed would be ignorant. Chang wanted that to be the case, but it just wasn't the reality. It was going to take a long time to be okay again, but she made him want to be okay. That was progress.[Br][/br][Br][/br]

Then he heard her name. So simple and elegant, yet so beautiful. It embodied her whole being. Byeol. Like a light shinning brilliantly in the night sky, his northern star leading him home. Just knowing her name made him want to know more about her. "You have a really pretty name. It suits you," He told her. Did that sound weird? Maybe he should cover his bases. "I mean that in the least stalker creepy way possible," He added, it may have sounded like a joke, but he meant it in all sincerity. He really didn't want to scare her off again. .[Br][/br][Br][/br]

Chang wanted to talk to her as long as possible. She probably had something to do. He couldn't just waste her time, but if Byeol was willing to stay and talk for a little longer, he'd be very pleased with that. Asking her questions would probably prompt her to ask him questions. He didn't exactly want to answer a whole lot of things, worried that he'd expose his true identity. Though, getting to know Byeol felt worth the risk. Chang tried to find where to start. He looked around trying to find a starting question. Ah! "Um, what's your dog's name?" He asked. He wanted to step away from the emotionally charged subject and talk about something more normal. It seemed like the best way to calm down.
[/div][/div]

[div class="sub hidden"]The dark side of the moon[/div]
[div class="location hidden"] location: [br][/br]
apartment rooftop [/div]
[div class="interactions hidden"] interactions:[br][/br]
Byeol, my light ( Stardust Galaxy Stardust Galaxy ) [/div]
[div class="mood hidden"] mood:[br][/br]
"who are you?" [/div]
[div class="outfit hidden"] [div= height: 130px; width: 100px; background: url(https://i.pinimg.com/564x/f4/3b/4a/f43b4aa459a12a81b557af8d4ad31378.jpg); background-size: 175%; background-position: right; border: 2px solid white;][/div] [/div]

[/div][/nobr]
 
[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 500px;
height: 700px;
background-color: white;
overflow: hidden;
margin: auto;
padding: 0;
[/class]
[class=Pic1]
position: absolute;
width: 400px;
height: 200px;
left: 50px;
top: 44px;
background:url(https://i.pinimg.com/originals/c2/c2/e4/c2c2e49f011f6cb1545fd44ed1c5bde1.gif);
background-size:100%;
background-position: 60% 40%;
[/class]
[class=hovertext]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(255, 192, 203, 0.2);
color: white;
[/class]
[class name=hovertext state=hover]
opacity: 1;
[/class]
[class=hover_text]
text-shadow: 4px 4px 6px black;
margin-top: 5px;
padding: 5px;
text-align: center;
font-size: 15px;
white-space: pre-wrap;
[/class]
[class=Line]
position: absolute;
width: 450px;
height: 20px;
left: 0px;
top: 630px;
background-color:pink;
[/class]
[class=Pic2]
position: absolute;
width: 130px;
height: 130px;
left: 348px;
top: 550px;
border-radius:100%;
background:url(https://i.pinimg.com/564x/7a/de/c3/7adec3556b22a43cf2ca6997c4a35068.jpg);
border: solid 8px pink;
background-size:100%;
background-position: 60% 40%;
[/class]
[class=TextBox]
position: absolute;
overflow: hidden;
width: 400px;
height: 265px;
left: 50px;
top: 273px;
background-color: transparent;
[/class]
[class=Text]
position: relative;
width: 412px;
height: 100%;
overflow: auto;
font-size: 12px;
line-height: 12px;
text-align: justify;
padding-right: 5px;
white-space: pre-wrap;
padding-top: 5px;
color: black;
[/class]
[class=Name]
position: absolute;
width: 100%;
height: auto;
left: 10px;
top: 600px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 64px;
line-height: 28px;
color:#000;
[/class]

[div class=BG]
[div class=Pic1][div class=hovertext][div class=hover_text]Location: Rooftop

Mood: "Am I doing this right?"

Interactions: broken soul ( HanTheSunbeam HanTheSunbeam )

Outfit: Here
[/div][/div][/div]
[div class=Line][/div]
[div class=Name]Wang Byeol[/div]
[div class=Pic2][/div]
[div class=TextBox][div class=Text]Byeol felt relieved that Chang-hoon wasn't mad at her for mistaking him for a murderer and he even blamed himself for giving out vibes of a creepy guy, she felt more embarrassed than she already was. Byeol wasn't known for being extroverted, in fact, she was really awkward and shy with new people and Chang-Hoon wasn't the exception.

It didn't help anything at all that the girl didn't know anything about the guy that was in front of her. besides the fact that she saved him from committing suicide. How are you supposed to talk to a person that was about to jump from the rooftop of an apartment to end his life? Could she talk about random stuff or ask him about his life? Was that okay? Or it would trigger something in him?

She could feel the awkwardness in the environment, it wasn't an everyday situation the one they were in that moment, but she was glad that Chang-Hoon tried to keep a conversation, maybe due to the fear that she would walk away and he would be faced again with his inner demons "You have a really pretty name. It suits you" when he said those words Byeol could feel the embarrassment on her face, were her cheeks getting red? She wasn't used to receiving compliments, so she was always awkward when someone said nice to her "Thank you, I like your name too" she said shyly not really knowing what to say next.

But thankfully Chang-Hoon came to the rescue as he continued talking asking her about her dog "Um, what's your dog's name?" was his question which made her realize she wasn't holding Coco or her cane, maybe everything that just happened just made it forget about it, she knew that Coco was by her side all this time so she grabbed her harness as she replied "Her name is Coco, she is really nice and friendly and lies to play around when she isn't helping me"

She felt shy knowing that he needed his help to find her cane but it was better than just trying to do it by herself and she would avoid the embarrassment of trying to search for it "Can you pass me my cane? I let it go when I went to hug you" She admitted embarrassed.

Byeol wasn't sure what was the best thing to do, maybe having Chang-Hoon leave the rooftop was where she should start "Do you want to eat something? I know a small restaurant close to here, the food is delicious, and eating something always makes me feel better after a long day, you don't have to worry about the money I can pay for it" she said hoping that he would accept.

[/div][/div]

[/div]
Code by Stardust Galaxy Stardust Galaxy | Picture Hovers
[/nobr]
 

HanTheSunbeam

Cool Cool
[nobr]
[class=container]
margin: auto;
height: 450px;
width: 700px;
overflow: hidden;
position: relative;
[/class]

[class name=scroll]
position: relative;
box-sizing: border-box;
width: 120%;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
padding-right: 50px;
[/class]

[class=frontpic]
overflow: hidden;
position: absolute;
height: 450px;
width: 700px;
top: 0px;
left: 0px;
background: url(https://kprofiles.com/wp-content/uploads/2020/02/8-Kino-900x600.jpg);
background-size: 100%;
background-position: 0% 30%;
[/class]

[class=frontpic2]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
transform: rotate(45deg);
top: -300px;
left: -100px;
background: url(https://cutewallpaper.org/21/red-and-black-aesthetic/Best-Ever-Red-And-Black-Aesthetic-Background-wallpaper.jpg);
background-size: cover;
[/class]

[class=diagonal]
overflow: hidden;
position: absolute;
height: 1000px;
width: 1000px;
top: 225px;
left: 300px;
transform: rotate(45deg);
background: #C10000;
[/class]

[class=diamond]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
[/class]

[class=diamond2]
overflow: hidden;
position: absolute;
height: 150px;
width: 150px;
top: 150px;
left: 388px;
transform: rotate(45deg);
background: #C6C6C6;
border: 7px solid #fff;
animation: {post_id}grow 2.5s;
animation-fill-mode: forwards;
[/class]

[class=quote]
overflow: hidden;
position: absolute;
height: 150px;
width: 200px;
top: 167px;
left: 372px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
text-shadow: 2px 2px #fff;
[/class]

[class=roundpic]
overflow: hidden;
position: absolute;
height: 300px;
width: 300px;
top: 75px;
left: 10px;
border-radius: 300px;
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: 100%;
background-position: 50% 20%;
border: 3px solid #fff;
animation: {post_id}pic 6s linear infinite;
animation-direction: alternate;
[/class]

[class=tab]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab2]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab3]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab4]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=tab5]
overflow: hidden;
position: absolute;
height: 50px;
width: 50px;
line-height: 40px;
font-size: 40px;
color: #000;
text-align: center;
[/class]

[class=name]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 30px;
left: 245px;
line-height: 40px;
font-size: 35px;
color: #000;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px #fff;
[/class]

[class=line]
margin: auto;
height: 20px;
width: 345px;
top: 50px;
left: 145px;
overflow: hidden;
position: relative;
background: #C10000;
[/class]

[class=text]
margin: auto;
height: 300px;
width: 300px;
overflow: hidden;
position: relative;
top: 100px;
left: 175px;
border: 2px solid #fff;
padding-left: 10px;
padding-top 10px;
background: #E1E1E1;
font-size: 12px;
color: #000;
text-align: justify;
[/class]

[class=sub]
overflow: hidden;
position: absolute;
height: 50px;
width: 500px;
top: 100px;
left: 410px;
line-height: 20px;
font-size: 25px;
color: #000;
text-transform: uppercase;
text-shadow: 2px 2px #CF7D75;
[/class]

[class=location]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 115px;
left: 325px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=mood]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 170px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=interactions]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 225px;
left: 350px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[class=outfit]
overflow: hidden;
position: absolute;
height: auto;
width: auto;
top: 280px;
left: 335px;
background: #848484;
color: #000;
text-align: center;
padding: 5px;
font-size: 12px;
border: 1px solid #000;
[/class]

[script class=tab on=mouseenter]
fadeIn 0500 location
[/script]

[script class=tab on=mouseleave]
fadeOut 0500 location
[/script]

[script class=tab2 on=mouseenter]
fadeIn 0500 mood
[/script]

[script class=tab2 on=mouseleave]
fadeOut 0500 mood
[/script]

[script class=tab3 on=mouseenter]
fadeIn 0500 interactions
[/script]

[script class=tab3 on=mouseleave]
fadeOut 0500 interactions
[/script]

[script class=tab4 on=mouseenter]
fadeIn 0500 outfit
[/script]

[script class=tab4 on=mouseleave]
fadeOut 0500 outfit
[/script]

[animation=grow]
[keyframe=0]
top: 150px;
left: 388px;
height: 150px;
width: 150px;
border: 7px solid #fff;
[/keyframe]
[keyframe=100]
top: -235px;
left: 250px;
height: 900px;
width: 900px;
border: 5px solid #fff;
[/keyframe]
[/animation]

[script class=quote on=click]
show diamond2
hide diamond
fadeOut 1000 quote
fadeIn 2500 roundpic
fadeOut 1900 frontpic
fadeIn 2000 frontpic2
fadeIn 3000 tab
fadeIn 3000 tab2
fadeIn 3000 tab3
fadeIn 3000 tab4
fadeIn 3000 tab5
fadeIn 3000 name
fadeIn 3000 line
fadeIn 3000 text
fadeIn 3000 sub
[/script]

[class=hidden]
display: none;
[/class]

[animation=pic]
[keyframe=0]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=25]
background: url(https://i.pinimg.com/564x/c0/22/ae/c022aea15370edc71509c9ca6e9bf516.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 0%;
[/keyframe]
[keyframe=75]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[keyframe=100]
background: url(https://i.pinimg.com/564x/05/bb/d4/05bbd4d0bff8b1154e6dddab399eb46c.jpg);
background-size: cover;
background-size: 100%;
background-position: 50% 30%;
[/keyframe]
[/animation]

[div class=container]
[div class=frontpic][/div]
[div class="frontpic2 hidden"][/div]
[div class=diagonal][/div]
[div class=diamond][/div]
[div class="diamond2 hidden"][/div]
[div class=quote]☾[br][/br]Two Faced[br][/br]☾[/div]
[div class="roundpic hidden"][/div]
[div class="roundpic2 hidden"][/div]
[div class="roundpic3 hidden"][/div]
[div class="roundpic4 hidden"][/div]
[div class="roundpic5 hidden"][/div]
[div class="tab hidden" style="top: 120px; left: 285px;"]✮[/div]
[div class="tab2 hidden" style="top: 170px; left: 310px;"]✮[/div]
[div class="tab3 hidden" style="top: 225px; left: 310px;"]✮[/div]
[div class="tab4 hidden" style="top: 280px; left: 295px;"]✮[/div]
[div class="line hidden"][/div]
[div class="name hidden"]Moon Chang-ho 문창호[/div]

[div class="text hidden"][div class=scroll]
Chang smiled at the dog as she grabbed the harness. Coco was an adorable name. It was Byeol and Coco against the world. It almost sounded like a cartoon or something. He took note of the way her cheeks had slightly flushed when he had complimented her name. The awkwardness seemed to radiate off of her. Was he making her uncomfortable? Did she still want to go? He hoped not. He didn't want to be a burden. Her voice broke him out of his spiraling thoughts. She asked for him help. He blinked at her a few times before registering what she had said to him. Byeol wanted her cane. [Br][/br][Br][/br]

It was a simple task really. Chang finally felt his brain click and his body began to more. "Yeah, of course," He spit out quickly. He looked around for the object in question, finding it rather quickly. He took a few steps then bent down to grab it. When he stood up, ready to pass it off to her, he paused. Chang wondered how he should hand it to her. Did he give her the handled? Did he just hold it out for her? Or did he put it in her hand? Head wasn't sure how blind "mostly blind" was. After a couple seconds he finally decided to put the handle right where her hand was. "Here you go," Chang added as she took it.[Br][/br][Br][/br]

His eyes widened at her next statement. Sure, getting some food sounded nice. He could use a little bite to eat. At the same time, being in public as a risk. He could easily get recognized. Which could cause some issues with rumors. Anytime he was seem with someone who was the opposite gender, there were always rumors of dating. Not only that, but then Byeol would find out about him being an idol. He honestly didn't want her to know. It wasn't just the fact that he wanted her to see him as Chang, but also his reputation. He trusted Byeol, but he didn't know her. Who's to say she wouldn't go and spread to the world the fact he almost killed himself. He really did not want that to happen.[Br][/br][Br][/br]

But going to eat with her would mean speaking more time with her. Chang would do so much to spend more time with Byeol, to learn more about her. Weight his options quickly, Chang came to his decision. He couldn't go out, it was too much of a risk. But he wouldn't turn her down completely. "I don't really want to be in public right now. But I'd love to eat with you. I don't want to sound rude or invite myself into your house, but I'd rather have something delivered. We could even eat on the roof," He shoved his hands into his pockets and quietly sighed. His voice sounded nervous, his uneasiness plainly heard. "I just don't want to be around people right now."
[/div][/div]

[div class="sub hidden"]The dark side of the moon[/div]
[div class="location hidden"] location: [br][/br]
apartment rooftop [/div]
[div class="interactions hidden"] interactions:[br][/br]
Byeol, my light ( Stardust Galaxy Stardust Galaxy ) [/div]
[div class="mood hidden"] mood:[br][/br]
"in public? i can't risk it." [/div]
[div class="outfit hidden"] [div= height: 130px; width: 100px; background: url(https://i.pinimg.com/564x/f4/3b/4a/f43b4aa459a12a81b557af8d4ad31378.jpg); background-size: 175%; background-position: right; border: 2px solid white;][/div] [/div]

[/div][/nobr]
 


Wang Byeol
Location: Rooftop
Mood: I'm embarrassing myself
Outfit: Here
Interactions Broken Soul ( HanTheSunbeam HanTheSunbeam )

"Thank you! Byeol said whule she smiled when Chang-Hoon put her cane on her hand one thing that she did to not ask for someone's help was to keep all her belongings on the same place and just to memorize where they are so she wouldn't have trouble trying to find something, she was sure people would think her way to do things was troublesome, but with her not being able to see she needed to find a way to make things work.

She wasn't sure if her invitation was too much for him, but she didn't know what she was supposed to do and leaving him alone was the last option, not after she knew the truth on why he was on the rooftop, for her it felt like it took years for Chang-Hoon to reply to her suggestion of eating together.

"I don't really want to be in public right now. But I'd love to eat with you. I don't want to sound rude or invite myself into your house, but I'd rather have something delivered. We could even eat on the roof, I just don't want to be around people right now." After he said that Byeol, got a little bit confused on his reaction but maybe he just didn't like being on crowded places although he thought that he didn't want to be seen with a blind girl crossed her mind, but she was going to give him the benefit of the doubt

"Okay, that can also work I have never eaten but I guess is nice" She said with a smile "Do you... Do you want to come with me to my apartment, so we order the food together... I... I don't know what you like and I have the number of different food places, we can order something that you like a lot, I'm sure that would make you happy" she sad a little bit embarrassed.

"I'll be going first, it takes me a little bit to go down the stairs since I have to be careful where I step, you know where I live so come when you are ready or you can wait here if you feel more comfortable. I'll try not to take long" she said shyly as she opened the door of the rooftop and started going downstairs to her apartment.

Inviting a stranger to her apartment was a good idea, probably not, but somehow she knew that Chang-Hoon wouldn't hurt her and it would help them to get to know each other on a more comfortable space, the only thing that Byeol knew was that she was a mess when it came to meeting new people and was sure she was embarrassing herself in front of Chang-Hoon.


 

HanTheSunbeam

Cool Cool
Location:
Rooftop > Byeol's Apartment

Mood:
I'm seeing lots of memories and feeling lots of emotions.

Interactions:
Byeol, My Angel

Tags:
Stardust Galaxy Stardust Galaxy

Outfit:

Chang was relieved when she didn't seem off put by his suggestion. Byeol even offered up her apartment, which would probably feel weird. Not because of Byeol or anything she had done, it was just because it had been so long since he had seen the inside of that place. All the furniture, decor, and other things would be different. Though he was sure that the memories were unchanged. He could probably still visualize the worn couch and beat up coffee table, the hand-me-down table and mix-matched chairs. As well as the desk in the corner where his cousin spent most of his late nights at. The boy was a few years older than Chang and was going to a really nice university. He wondered to this day if his Appa had thought the older boy would be able to instill the want to go to college into Chang. It didn't work if that was his plan. Now, looking back, maybe that would have been for the best. Or maybe he would have reached this point anyways. He couldn't imagine the crushing depression he would have gotten much earlier in his life had he been forced to sit in an office all day.

He couldn't help but smile bitterly at her mention of happiness, especially in the context of food. If only she knew how much those two things didn't work in harmony for him. That happiness seemed to far removed for his being and no meal could bring him comfort. What did he even like anymore? Chang wasn't sure. The dread he felt when sitting down to eat anything was something he liked to avoid. Checking the calorie count over and over, doing the math at how long it would take him to burn it all off before finally taking a bite. The initial relief from not being hungry anymore was overcome by a sense of anxiety. Eating was something he avoided for as long as possible. But Byeol didn't need to know that. He could force himself through the motions today. It wasn't like he hadn't done it before. Meals with friends always forced him to pretend that it didn't bother him. Plus, Chang really didn't have the willpower to fight himself on the issue anyways.

Byeol's comment about being slow made him think. She was probably used to the fact that her pace put everyone else in a sour mood. That people were always in a rush and it was just easier for them to go on ahead without her. Did she realize he didn't mind waiting for her? Did she know that Chang wouldn't care if it took them an hour to get down the stairs? He honestly didn't want to leave her side. "It's okay, I'll just walk with you," He quickly stated, "I don't mind that you take longer. Just as long as you're safe." With that being said, Chang followed Byeol to the stairwell. Hands clasped behind his back, he watched his own feet as he matched her pace. Every once and awhile he'd glace over at her, making sure he wasn't dreaming. That she really was still there.

They walked in silence. It didn't bother Chang. He didn't mind the content quiet atmosphere they had between them. He didn't feel the need to fill the space with idle chatting. He was just glad to be in her presence. To have her close by. Something about Byeol made him comfortable. Her soft nature drew him in. It could have been the whole savior thing, but Chang already felt a connection. One that didn't need words or an explanation. He wasn't sure if she felt uncomfortable with the lack of conversation. He wasn't really sure what he wanted to say to her. If they started talking now he might run out of subjects to bring up later. That would ultimately lead to uncomfortable silence, which Chang would rather avoid.

Finally they made it to her apartment door. Just to see the hallway again brought back a lot of things. Chang was unsure how to feel about these memories. Part of him was somewhat pleased to be brought back to that place in his life. To be that young boy with a dream and a passion again. The other part was jealous. He wanted that back. He wanted to be that boy again. He wanted to steal those feelings and keep them for himself. The bittersweet tangle of emotions in his chest swirled as he looked around. Eventually he turned to Byeol, patiently waiting on her to open the door.
Moon Chang-ho

 
Last edited:


Wang Byeol
Location: Byeol's apartment
Mood: This has to go well
Outfit: Here
Interactions Broken Soul ( HanTheSunbeam HanTheSunbeam )

When Byeol heard Chang-hoon told her that he would wait for her even if she was slow, it warmed her heart, when she was outside on her own she had encountered with strangers that have gotten mad at her for being too slow when she was walking, yelling at her that she shouldn't be outside if she couldn't see and pushing her aside so they could move faster, she was glad that Chang-hoon was part of the nice group of people that didn't mind that she was slow and took more time to do certain things.

She wasn't sure how long she took to go down the stairs, but it was silent, maybe he was just too shy like her or maybe he was making sure she wasn't getting distracted while she was walking, either way, she didn't feel uncomfortable around him even if moments ago she thought he was going to murder her.

When they finally arrived at her apartment, she thought again if this was really a good idea she was living on the same apartment he used to live wouldn't that bring him bad memories she hoped not, but she couldn't change her mind she already invited him, she took her keys out and opened the door as she made her way inside "Come in, please, take a seat on the couch I'll go and search for the numbers for the food" she said as she made her way inside her apartment, she knew the place perfectly and knew where everything was situated so she felt secure in that small space.

She went to look for her notebook that had all her numbers along with the menus she had, that she kept when she had visits, which was rare and most of the time were her parents, but she always wanted to be prepared when she had a friend over, she walked towards the couch and took a seat, she wasn't if Chang-Hoon was already sitting there or no, but she put all the menus in the small coffee table she had "Here are all the menus from the restaurants that I know, we can order some noodles or tteokbokki or bibimbap, whatever you feel like it or we can even order all of them, whatever you want to do" she said with a smile.


 

HanTheSunbeam

Cool Cool
Location:
Byeol's Apartment

Mood:
I guess old habits die hard.

Interactions:
Byeol, My Angel

Tags:
Stardust Galaxy Stardust Galaxy

Outfit:

Chang followed Byeol into her apartment. Eyes roving about the small space, he felt an overwhelming sense of nostalgia. If he had any tears left in his body he probably would have started crying in that moment. While the whole space was different he could still remember every detail of the room. Byeol's decor made the room seem a lot brighter and bigger than he remembered. Maybe that was because it clean. Two boys living in the same small apartment did not mix well with organization. He had barely registered that she had told him to sit. A delayed answer finally left his mouth, "Oh, okay. Thanks." Chang pulled himself out of day dreaming just enough to sit down. He pulled his hat off his head and rested in his lap. One of his hands absentmindedly played with his dark hair.

The couch was actually where his cousin had made space for the blow up mattress that he slept on for weeks. Chang remembered waking up sore 90% of the mornings that he slept on it. Eventually it got a hole in it. It wasn't large enough to immediately loose all the air inside, but slowly as he slept it deflated. He ended up on the floor most of the time. It was kind of funny now to think about. Back then he didn't care. It was worth sleeping on the floor. Chang watched as Byeol came and sat beside him, setting all the menus she had on the coffee table. Dang, she was prepared.

He nodded slowly as she explained the plan and told him to choose. Her bright smile made the corners of his mouth turn up slightly in response. "Alright," He responded with a nod. He pulled the first menu he saw up to look at it. "Let's see here," He commented quietly. One might assume that because he had just about died that he wouldn't care in this moment what they ate. Chang thought himself that it would be easy to just pick something and go with it. But no. Everything he saw made him nervous. He had a figure to uphold now that he would go back to work the next day. He couldn't just let himself go. Chang wanted to just go with the first thing he saw, but he hesitated. He had a photoshoot the next day, he really shouldn't be eating.

He felt his jaw clench in frustration. Willing himself just to pick something, anything. He could eat a few bites and say he wasn't hungry. But then that would be rude. She was paying, wasn't she. Wow. He really shouldn't let her pay. He had plenty of money but he doubted that her budget was as big as his. That made him feel pretty scummy. Byeol probably wouldn't let him pay though, would she. Blinking a few times he just decided to just pick something. Something cheap, he didn't exactly care about the taste. "How bout kalguksu. Knife noodles are comfort food, right?" He finally chose, forcing himself to smile over at her. Just enjoy her company, don't worry about tomorrow. He told himself. That was his goal. That's all he wanted. Live in the moment because it wouldn't have existed without her.
Moon Chang-ho

 


Wang Byeol
Location: Byeol's apartment
Mood: I don't know what I'm doing
Outfit: Here
Interactions Broken Soul ( HanTheSunbeam HanTheSunbeam )

Byeol was waiting until Chang-hoon decided what he wanted to eat, she really didn't mind what they would eat, she just wanted that Chang-Hoon was able to eat something that he liked and that would bring him a happy memory and hopefully a smile on his face. Byeol always had this idea that eating something that you liked while feeling down could brighten your day even if it was a little and she was expecting that Chang-Hoon would feel the same way as she did.

She got curious to know what he would pick, she didn't have a clue what he liked or if he was a picky eater, so she got a little bit surprised when he decided to eat kalguksu, she liked them but she wasn't sure if that would be her first option, but it was Chang-Hoon the one that was deciding and he also called them a comfort food, so if that was what he really wanted they would eat that " Kalguksu it is. I'll call the restaurant and order the food." She said with a smile as she stood up and went to for the phone to call, it didn't take her long to set the order, and without making Chang-Hoon wait she come back to the couch.

Even if she couldn't see him completely, she still managed to saw a vague figure and that's how she knew the guy hasn't move of his seat, she took again her seat next to him on the couch "They told me the food will arrive in 30 or 40 minutes, is that okay with you?" She asked the guy even if Byeol couldn't do anything to move time faster she just wanted to make sure that Chang-Hoon didn't mind the waiting.

After she said that, she wasn't sure what to do or say next, she wasn't the best at making conversations with someone she didn't know and she didn't want to touch a sensitive subject that would trigger something on the guy that was sitting next to her, it was almost as if Chang-Hoon was a package with a label of please handle with care because the inside was fragile and now Byeol was in charge of that package called Kim Chang-Hoon.

What she should do? Should she talk about her? Or talk about the famous idol that could help her achieve her dream? She shouldn't talk about that what if Chang-Hoon was thinking she was only using him, should she play another song for him? He said that was what saved him and that he wanted to hear her play again, well that was his last request if Byeol hasn't decided to stay with him, which thinking about that made her shiver, what could have happened, if she hadn't stayed?

She was sure the more she kept quiet the environment was getting awkward, why from all the people in the world Byeol was the one in charge of protecting someone when she wasn0t even able to have a conversation with a stranger? That's when she realized that maybe she shouldn't the one to ask the questions instead Chang-Hoon could be the one to tell her if they made a deal, that idea could work, right? "Let's make a deal, you tell me about yourself as much as you want me to do, like your birthday or favorite color all that trivial stuff and in exchange, I'll play the piano again for you. I think it would be something fun to do while we wait Do you like that idea?"


 

HanTheSunbeam

Cool Cool
Location:
Byeol's Apartment

Mood:
Who are you? I'm so curious.

Interactions:
Byeol, My Angel

Tags:
Stardust Galaxy Stardust Galaxy

Outfit:

Byeol smiled and told him that she'd order the food. Her happy attitude and bright persona made Chang appreciate her presence even more. Maybe some hope and cheer would rub off on him. He wondered how someone could be so... lovely. Just everything about her was so sweet. From her pink sweater and flowy skirt, to her pretty eyes and flushed cheeks. He could already tell that her appearance was not deceiving either. She wasn't a wolf in a fuzzy sheep's clothing. She was genuine and kind. Someone who was willing to hug a stranger and invite him into her home. Sure, when he thought about it, that did seem a bit naive. It was that naivety that saved his life. So he could be nothing but grateful that she had such a big heart.

When she returned, Chang heard her explain that it would be a little while before they got their food. Oh, that was 100% percent fine with him. He didn't care if it never made it there. Which was very selfish of him to think. Byeol was probably hungry. And a normal human with normal standards who wanted to eat. She was, truly, blessed. All he did was nod in response to her. Wait........ She was blind. Mostly blind...? Could she see him nod his head? Chang's face reddened slightly at the thought that she possibly couldn't and now they were just sitting in silence because of his stupidity. "Ye- Yeah, that's totally fine," He stammered quickly. He was totally going to screw this up wasn't he? Just like he screwed everything else up.

Then they just sat there for a moment. He was sure Byeol was considering the same thing as he was. What to say. Part of him was nervous that she'd ask questions he didn't want to answer. Would she ask him what brought him to the roof? Would she ask what he did for a living? Would she ask him about his family who hated him? or his friends that he didn't have? Chang was bad at lying. Obviously so since Byeol had originally believed him to be some murderer. How could he avoid those kinds of questions? But then she spoke. He felt immediate relief. He could do that. Tell her little things about him. And to hear her play again, he'd like that a lot. At the same time though, he wanted to learn more about her too. She was still mostly a mystery to him. "Okay," He responded, bobbing his head in agreement. He paused for a moment. "But um..." He began, "I'd like to hear about you too." He gave her a shy smile. "I mean, not that I wouldn't like to hear you play. I'd love that, but... I uh... kinda would rather learn about you." He quickly added. Chang didn't her to misunderstand. Not again.

Thinking for a moment, he found somethings to share with her. He didn't have to think hard. Asking questions like "what do you do for fun? what's your passion? who do you look up to?" were extremely hard to answer. He didn't have any free time to know what he liked to do for fun. He had forgotten what passion felt like. And everyone he looked up to seemed to abandon him. But he could do kindergarten facts. It made him feel more at ease. "I was born in Busan, on December 2, 1996. So I'm 23. I like the color red. But I also like purple. Um..." He thought once more finding something else to add, "I like music a lot, but also dance. I work in the entertainment industry......which is how I know Hwan. I work out a lot.... And I've done a lot of traveling." He hoped that was enough. Chang also hoped maybe Byeol would share some things with him too. He was so curious about her. He had been since he heard her song.

Moon Chang-ho

 


Wang Byeol
Location: Byeol's apartment
Mood: I don't know what I'm doing
Outfit: Here
Interactions Changhoon, my handle with care package ( HanTheSunbeam HanTheSunbeam )

Byeol wasn't sure if Chang-hoon would agree on talking more about him, the guy was a complete mystery to her and she really wanted to know more about him, but what was acceptable for her to know? The guy that was sitting next to her was about to end his life if Byeol hasn't been there to save him, was it destiny that they found each other or just a mere coincidence? Maybe she would never know, but for now, she was only going to take one step at a time and made Chang-hoon have a nice meal where he would feel at ease.

Was she making Chang-hoon uncomfortable? she was trying to be nice to him, but Byeol was just as awkward as someone could be, so she was relieved when Chang-hoon accepted of telling more about him to her, but as he made the remark that he wanted to know more about her Byeol felt her cheeks getting warmer, how could she be so dumb and forget to introduce herself to him, of course, he was curious about her, not because most people tried to ignore you doesn't mean that he would do the same.

She nodded embarrassed so he would know that she was also going to share information about her and wouldn't be a complete mystery, but did she had something interesting to say in the first place? That's when Chang-hoon started talking "I was born in Busan, on December 2, 1996. So I'm 23. I like the color red. But I also like purple. Um... I like music a lot but also dance. I work in the entertainment industry......which is how I know Hwan. I work out a lot... And I've done a lot of traveling."

She listened carefully to him, making sure she wouldn't forget anything about him, so, he was from Busan, did he had a cute accent? She didn't distinguish it, maybe he had been living in Seoul for so long that he wasn't used to it anymore, but what caught her attention was his birthday "My birthday is the 6th of December! and I'm also 23! Our birthdays are so close, I would have never guessed it!" she said happily, did she got too excited knowing that they birthdates were just a few days apart? She hoped that Chang-hoon wouldn't think she was weird.

"I was born here in Seoul, I like the color pink and yellow. I'm sure I'm not a good dancer and I don't plan of knowing if that's true or not, I work as a piano teacher, but my dream job is to be a musician... but that isn't really going that well, I'm sure working in the entertainment industry must be really fun, having people listening to your songs must be really nice and comforting, that would make me really happy. Do you really think that your friend Hwan would like me? What if he thinks my music is dumb or I'm not good enough, I'm not sure if I could handle another rejection, every time I go to an audition they always said that they would contact me but as I'm leaving they always mention that they can't sign a blind person like if I was deaf too and couldn't hear what they say"

As she continued talking that's when she realized she was now venting her problems to Chang-hoon and she was sure he didn't want to hear about her problems, why would he like to know about them in the first place? "Sorry, it wasn't my intention to talk that much about me and my problems. I'm sure you don't want to deal with it" she admitted embarrassed "You can ask me whatever you want, I don't have a lot to tell I'm just really a simple person"


Code by Stardust Galaxy Stardust Galaxy
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top