Post by AOIFE SONG on Aug 13, 2024 13:24:51 GMT -7
[nospaces]
[googlefont=Roboto:300,400,700,800]
[googlefont=Raleway:100,200,300,400,700,800]
[newclass=".eyenew"]--bgimg: url(https://i.ibb.co/Phrc42j/Dusk-Arknights-full-4036372.png);--bg1: #f7f7f7;--bg2: #f1f1f1;--border: #e9e9e9;--dark1: #292929;--dark2: #494949;--accent: #69b6b8;--transition:.7s;--raleway: raleway, sans-serif;--roboto: roboto, sans-serif;[/newclass]
[newclass=".eyenew"]width:450px;height:600px;border:solid 19px var(--bg1);outline:solid 1px var(--border);background-color:var(--dark1);position:relative!important;overflow:hidden;transition:var(--transition);margin:25px auto;[/newclass]
[newclass=".eyenew::before"]content:'';display:block;position:absolute;z-index:5;top:20px;bottom:20px;left:20px;right:20px;border:solid 1px #222;mix-blend-mode:overlay;pointer-events:none;[/newclass]
[newclass=".eyenew-img"]position:absolute;padding:60px;height:480px;width:330px;background-image:var(--bgimg);background-size:cover;background-position:center;mix-blend-mode:lighten;background-color:var(--accent);background-blend-mode:multiply;transition:var(--transition);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;[/newclass]
[newclass=".eyenew-img b, .eyenew-img i"]background-color:var(--dark1);padding:35px;border-radius:3px;color:var(--bg1);font:200 45px / 40px var(--raleway);text-transform:uppercase;letter-spacing:-1px;[/newclass]
[newclass=".eyenew-img b"]color:var(--accent);font-weight:800!important;[/newclass]
[newclass=".eyenew-img i"]text-style:normal;margin-top:-60px;[/newclass]
[newclass=".eyenew-img div"]position:relative;z-index:1;[/newclass]
[newclass=".eyenew:hover .eyenew-img"]margin-top:-55px;background-color:var(--dark2);filter:grayscale(100%);[/newclass]
[newclass=".eyenew-bulk"]padding:50px 60px 60px 60px;width:330px;height:300px;position:absolute;background-color:var(--bg2);z-index:3;top:610px;transition:var(--transition);box-shadow:0px 0px 10px rgba(30,30,30,.25);color:var(--dark1);[/newclass]
[newclass=".eyenew-bulk::before"]content:'about';display:block;position:absolute;left:-35px;bottom:-10px;font:italic 800 125px / 104px var(--raleway);color:var(--border);letter-spacing:-13px;text-transform:uppercase;[/newclass]
[newclass=".eyenew:hover .eyenew-bulk"]top:190px;[/newclass]
[newclass=".eyenew-lyric"]font:200 45px / 45px var(--raleway);position:absolute;top:-100px;opacity:0;text-shadow: var(--dark1) 1px 0px 0px, var(--dark1) 0.540302px 0.841471px 0px, var(--dark1) -0.416147px 0.909297px 0px, var(--dark1) -0.989993px 0.14112px 0px, var(--dark1) -0.653644px -0.756803px 0px, var(--dark1) 0.283662px -0.958924px 0px, var(--dark1) 0.96017px -0.279416px 0px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:129px;color:var(--bg1);text-transform:uppercase;transition:var(--transition);[/newclass]
[newclass=".eyenew:hover .eyenew-lyric"]top:-114px;opacity:1;transition-delay:.5s;[/newclass]
[newclass=".eyenew-lyric b"]font-weight:800!important;color:var(--accent);[/newclass]
[newclass=".eyenew-lyric div"]background-color:var(--dark1);text-shadow:none;font:700 10px / 10px var(--roboto);text-transform:uppercase;padding:12px 12px 12px 14px;border-radius:3px;max-width:fit-content;letter-spacing:1.5px;margin-top:25px;[/newclass]
[newclass=".eyenew-bulk-2"]font:13px / 20px var(--roboto);text-align:justify;letter-spacing:.25px;height:240px;overflow:auto;padding-right:32px;scrollbar-color:var(--dark1) transparent;scrollbar-width:thin;margin-right:-40px;[/newclass]
[newclass=".eyenew-bulk-2 b"]background-color:var(--accent);padding:3px 5px;border-radius:3px;box-decoration-break: clone;-webkit-box-decoration-break: clone;[/newclass]
[newclass=".eyenew-bulk-2 u"]text-decoration-color:var(--accent);text-underline-offset:5px;[/newclass]
[newclass=".eyenew-bulk-2 a"]font:700 13px / 20px var(--roboto);transition:var(--transition);cursor:pointer;[/newclass]
[newclass=".eyenew-bulk-2 a:hover"]color:var(--accent);[/newclass]
[newclass=".eyenew-tags"]display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;height:65px;gap:5px;margin-top:34px;margin-right:-39px;position:relative;z-index:1;[/newclass]
[newclass=".eyenew-tags a, .eyenew-tags div"]font:700 10px / 10px var(--roboto);text-transform:uppercase;letter-spacing:1px;padding:10px;background-color:var(--dark1);color:var(--bg1);border-radius:3px;[/newclass]
[newclass=".eyenew-tags a"]display:block;text-decoration:none;background-color:var(--accent);color:var(--dark1);transition:var(--transition);[/newclass]
[newclass=".eyenew-tags a:hover"]background-color:var(--dark1);color:var(--accent);[/newclass]
[attr="class","eyenew"]
[attr="class","eyenew-img"]
aoife
song
[attr="class","eyenew-bulk"]
[attr="class","eyenew-lyric"]
meeting youtaught me
meeting youtaught me
to turn back; but where to?
[attr="class","eyenew-bulk-2"]
about[break]
cold and prickly, and a little misunderstood. she's socially isolated, propped up to a pedestal like an exotic flower. though beautiful to look, there's a misconception that she's a rich girl who lavishes in the best of both worlds. her efforts are overshadowed by her roots, and she doesn't have the spine to say otherwise. her mind is filled with what she could say, but the words never leave her lips.
[break][break]
positive[break]
difficult to get along with, difficult to get a grasp on. aoife is distant, cold and indifferent. at least, it appears that way. the reality is that she cares for people, quietly, by remembering the smallest details. she always debates in her head what is and isn't socially acceptable, hesitating for a bit too long and the moment passes. she only gets along with the rich students because she fits in with them, but she holds admiration for the scholarship students. her sympathy, as a previous victim to bullying, has her curb it when she sees it - albeit in ways both cold and indifferent.
[break][break]
negative[break]
to hate her is easier, whether she's the target of stereotypes or her seemingly arrogant air rubs someone the wrong way. she, unfortunate for her to admit, attracts skepticism and envy - and who can blame them? she comes from a rich family, she's beautiful, and her grades are near perfect. while she herself rarely wants to make enemies of anyone, she cannot deny how many people may dislike her for existing, or for her inability to mince her words clearly.
[break][break]
romantic[break]
to love is to be vulnerable, and aoife is anything but. frankly, she grew up without the love of her parents. the attention she gains is that of the male gaze, or the female envy, thus her perception of affection has been warped. she also flinches at touch, and has trouble talking with people. neverminding how her actions can come off as uninterested, and neverminding that she wouldn't be able to understand flirting and romance if it hit her with a truck.
[break][break]
potential plots[break]
escape room shenanigans are loved by me, and something Aoife has never experienced before. Whether it's going out with a group of friends, she's trapped in there with one other person, or she's dragged out by someone, she'll be solving those puzzles in the really unintended ways. Just don't take her to a horror one, because her fear response is grab the nearest thing and whack the scary thing with it.
[break][break]
silent support (thank you aine for suggesting this!) A classmate is struggling with something personal, and Aoife notices. Without saying a word, she starts leaving small, thoughtful gifts or notes for them, never revealing herself. This could create a mystery around the "secret supporter" and eventually lead to the character discovering it’s Aoife, sparking a unique friendship.
[break][break]
plot blurb
about[break]
cold and prickly, and a little misunderstood. she's socially isolated, propped up to a pedestal like an exotic flower. though beautiful to look, there's a misconception that she's a rich girl who lavishes in the best of both worlds. her efforts are overshadowed by her roots, and she doesn't have the spine to say otherwise. her mind is filled with what she could say, but the words never leave her lips.
[break][break]
positive[break]
difficult to get along with, difficult to get a grasp on. aoife is distant, cold and indifferent. at least, it appears that way. the reality is that she cares for people, quietly, by remembering the smallest details. she always debates in her head what is and isn't socially acceptable, hesitating for a bit too long and the moment passes. she only gets along with the rich students because she fits in with them, but she holds admiration for the scholarship students. her sympathy, as a previous victim to bullying, has her curb it when she sees it - albeit in ways both cold and indifferent.
[break][break]
negative[break]
to hate her is easier, whether she's the target of stereotypes or her seemingly arrogant air rubs someone the wrong way. she, unfortunate for her to admit, attracts skepticism and envy - and who can blame them? she comes from a rich family, she's beautiful, and her grades are near perfect. while she herself rarely wants to make enemies of anyone, she cannot deny how many people may dislike her for existing, or for her inability to mince her words clearly.
[break][break]
romantic[break]
to love is to be vulnerable, and aoife is anything but. frankly, she grew up without the love of her parents. the attention she gains is that of the male gaze, or the female envy, thus her perception of affection has been warped. she also flinches at touch, and has trouble talking with people. neverminding how her actions can come off as uninterested, and neverminding that she wouldn't be able to understand flirting and romance if it hit her with a truck.
[break][break]
potential plots[break]
escape room shenanigans are loved by me, and something Aoife has never experienced before. Whether it's going out with a group of friends, she's trapped in there with one other person, or she's dragged out by someone, she'll be solving those puzzles in the really unintended ways. Just don't take her to a horror one, because her fear response is grab the nearest thing and whack the scary thing with it.
[break][break]
silent support (thank you aine for suggesting this!) A classmate is struggling with something personal, and Aoife notices. Without saying a word, she starts leaving small, thoughtful gifts or notes for them, never revealing herself. This could create a mystery around the "secret supporter" and eventually lead to the character discovering it’s Aoife, sparking a unique friendship.
[break][break]
plot blurb
PHARAOH LEAP CREATES
[googlefont=Roboto:300,400,700,800]
[googlefont=Raleway:100,200,300,400,700,800]
[newclass=".eyenew"]--bgimg: url(https://i.ibb.co/Phrc42j/Dusk-Arknights-full-4036372.png);--bg1: #f7f7f7;--bg2: #f1f1f1;--border: #e9e9e9;--dark1: #292929;--dark2: #494949;--accent: #69b6b8;--transition:.7s;--raleway: raleway, sans-serif;--roboto: roboto, sans-serif;[/newclass]
[newclass=".eyenew"]width:450px;height:600px;border:solid 19px var(--bg1);outline:solid 1px var(--border);background-color:var(--dark1);position:relative!important;overflow:hidden;transition:var(--transition);margin:25px auto;[/newclass]
[newclass=".eyenew::before"]content:'';display:block;position:absolute;z-index:5;top:20px;bottom:20px;left:20px;right:20px;border:solid 1px #222;mix-blend-mode:overlay;pointer-events:none;[/newclass]
[newclass=".eyenew-img"]position:absolute;padding:60px;height:480px;width:330px;background-image:var(--bgimg);background-size:cover;background-position:center;mix-blend-mode:lighten;background-color:var(--accent);background-blend-mode:multiply;transition:var(--transition);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;[/newclass]
[newclass=".eyenew-img b, .eyenew-img i"]background-color:var(--dark1);padding:35px;border-radius:3px;color:var(--bg1);font:200 45px / 40px var(--raleway);text-transform:uppercase;letter-spacing:-1px;[/newclass]
[newclass=".eyenew-img b"]color:var(--accent);font-weight:800!important;[/newclass]
[newclass=".eyenew-img i"]text-style:normal;margin-top:-60px;[/newclass]
[newclass=".eyenew-img div"]position:relative;z-index:1;[/newclass]
[newclass=".eyenew:hover .eyenew-img"]margin-top:-55px;background-color:var(--dark2);filter:grayscale(100%);[/newclass]
[newclass=".eyenew-bulk"]padding:50px 60px 60px 60px;width:330px;height:300px;position:absolute;background-color:var(--bg2);z-index:3;top:610px;transition:var(--transition);box-shadow:0px 0px 10px rgba(30,30,30,.25);color:var(--dark1);[/newclass]
[newclass=".eyenew-bulk::before"]content:'about';display:block;position:absolute;left:-35px;bottom:-10px;font:italic 800 125px / 104px var(--raleway);color:var(--border);letter-spacing:-13px;text-transform:uppercase;[/newclass]
[newclass=".eyenew:hover .eyenew-bulk"]top:190px;[/newclass]
[newclass=".eyenew-lyric"]font:200 45px / 45px var(--raleway);position:absolute;top:-100px;opacity:0;text-shadow: var(--dark1) 1px 0px 0px, var(--dark1) 0.540302px 0.841471px 0px, var(--dark1) -0.416147px 0.909297px 0px, var(--dark1) -0.989993px 0.14112px 0px, var(--dark1) -0.653644px -0.756803px 0px, var(--dark1) 0.283662px -0.958924px 0px, var(--dark1) 0.96017px -0.279416px 0px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:129px;color:var(--bg1);text-transform:uppercase;transition:var(--transition);[/newclass]
[newclass=".eyenew:hover .eyenew-lyric"]top:-114px;opacity:1;transition-delay:.5s;[/newclass]
[newclass=".eyenew-lyric b"]font-weight:800!important;color:var(--accent);[/newclass]
[newclass=".eyenew-lyric div"]background-color:var(--dark1);text-shadow:none;font:700 10px / 10px var(--roboto);text-transform:uppercase;padding:12px 12px 12px 14px;border-radius:3px;max-width:fit-content;letter-spacing:1.5px;margin-top:25px;[/newclass]
[newclass=".eyenew-bulk-2"]font:13px / 20px var(--roboto);text-align:justify;letter-spacing:.25px;height:240px;overflow:auto;padding-right:32px;scrollbar-color:var(--dark1) transparent;scrollbar-width:thin;margin-right:-40px;[/newclass]
[newclass=".eyenew-bulk-2 b"]background-color:var(--accent);padding:3px 5px;border-radius:3px;box-decoration-break: clone;-webkit-box-decoration-break: clone;[/newclass]
[newclass=".eyenew-bulk-2 u"]text-decoration-color:var(--accent);text-underline-offset:5px;[/newclass]
[newclass=".eyenew-bulk-2 a"]font:700 13px / 20px var(--roboto);transition:var(--transition);cursor:pointer;[/newclass]
[newclass=".eyenew-bulk-2 a:hover"]color:var(--accent);[/newclass]
[newclass=".eyenew-tags"]display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;height:65px;gap:5px;margin-top:34px;margin-right:-39px;position:relative;z-index:1;[/newclass]
[newclass=".eyenew-tags a, .eyenew-tags div"]font:700 10px / 10px var(--roboto);text-transform:uppercase;letter-spacing:1px;padding:10px;background-color:var(--dark1);color:var(--bg1);border-radius:3px;[/newclass]
[newclass=".eyenew-tags a"]display:block;text-decoration:none;background-color:var(--accent);color:var(--dark1);transition:var(--transition);[/newclass]
[newclass=".eyenew-tags a:hover"]background-color:var(--dark1);color:var(--accent);[/newclass]