Post by Elodie Fontaine on Sept 20, 2024 8:42:06 GMT -7
[nospaces][googlefont=Montserrat:800|Poppins:600|Roboto:400,400i,700,700i]
[newclass=.punkidishonest]width: 500px; padding-bottom: 25px; margin: auto; background: #ffffff; overflow: hidden;[/newclass]
[newclass=.punkidishonest .t]height: 150px; width: 500px; padding-right: 1px; background: url('https://i.imgur.com/PTXsbwy.png'); clip-path: polygon(0 0, 100% 0, 100% 115px, 0 100%);[/newclass]
[newclass=.punkidishonest .t .overlay]height: 150px; background: #DA7E7F; opacity: 0.9; position: absolute; width: 500px;[/newclass]
[newclass=.punkidishonest .t .overlay div]position: absolute; margin: -10px; width: 520px; height: 170px; font-family: Montserrat; font-weight: 800; color: rgba(255,255,255,0.1); font-size: 40px; line-height: 40px; text-align: justify; letter-spacing: -2px; text-transform: lowercase;[/newclass]
[newclass=.punkidishonest .avvie]width: 100px; height: 100px; border: 20px solid #ffffff; border-radius: 50%; background: url('https://i.imgur.com/bC1scZr.png'); position: absolute; margin-left: 180px; margin-top: -80px;[/newclass]
[newclass=.punkidishonest .t .circle]position: absolute; width: 170px; height: 170px; padding: 5px; border: 6px solid rgba(255,255,255,0.3); border-left-color: transparent; border-right-color: transparent; border-radius: 50%; margin-left: 155px; margin-top: 44px; animation: punkidishonestoutercircle 15s linear infinite;[/newclass]
[newclass=.punkidishonest .t .circle div]width: 164px; height: 164px; border: 3px solid rgba(255,255,255,0.3); border-radius: 50%; border-top-color: transparent; border-bottom-color: transparent; animation: punkidishonestinnercircle 6s linear infinite; } @keyframes punkidishonestoutercircle { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes punkidishonestinnercircle { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); }[/newclass]
[newclass=.punkidishonest .charname]text-align: center; margin-top: 60px; font-size: 35px; line-height: 35px; text-transform: uppercase; color: #DA7E7F; font-family: Montserrat; font-weight: 800; letter-spacing: -2px; text-shadow: 1px 1px #ebebeb, -1px 1px #ebebeb, 1px -1px #ebebeb, -1px -1px #ebebeb;[/newclass]
[newclass=.punkidishonest .lyrics]text-align: center; font-size: 13px; line-height: 30px; background: #DA7E7F; text-transform: uppercase; letter-spacing: 1px; margin: 20px 0; font-family: Poppins; font-weight: 600; color: #ffffff;[/newclass]
[newclass=.punkidishonest .accent]margin: 0 150px; height: 1px; background: #ebebeb; margin-top: 10px; margin-bottom: 20px;[/newclass]
[newclass=.punkidishonest .block]margin: 0 25px; background: #fbfbfb; border: 1px solid #ebebeb; padding: 15px; min-height: 18px; font-size: 12px; line-height: 18px; color: #9A6C6C; font-family: Roboto; text-align: justify; }
.punkidishonest .block b { font-size: 12px; color: #804D4D;[/newclass]
[newclass=.punkidishonest .block i]font-size: 12px; color: #804D4D; font-weight: 700;[/newclass]
[newclass=.punkidishonestcredit]width: 500px; margin: auto; font-size: 11px; line-height: 25px; text-align: right; text-transform: uppercase; font-family: Roboto; letter-spacing: 1px; font-weight: bold; color: #646464;[/newclass]
[newclass=.punkidishonestcredit a]font: inherit; font-size: inherit; color: #DA7E7F; transition: all 0.3s ease;[/newclass]
[newclass=.punkidishonestcredit a:hover]color: #804D4D;[/newclass]
[newclass=.punkidishonest]width: 500px; padding-bottom: 25px; margin: auto; background: #ffffff; overflow: hidden;[/newclass]
[newclass=.punkidishonest .t]height: 150px; width: 500px; padding-right: 1px; background: url('https://i.imgur.com/PTXsbwy.png'); clip-path: polygon(0 0, 100% 0, 100% 115px, 0 100%);[/newclass]
[newclass=.punkidishonest .t .overlay]height: 150px; background: #DA7E7F; opacity: 0.9; position: absolute; width: 500px;[/newclass]
[newclass=.punkidishonest .t .overlay div]position: absolute; margin: -10px; width: 520px; height: 170px; font-family: Montserrat; font-weight: 800; color: rgba(255,255,255,0.1); font-size: 40px; line-height: 40px; text-align: justify; letter-spacing: -2px; text-transform: lowercase;[/newclass]
[newclass=.punkidishonest .avvie]width: 100px; height: 100px; border: 20px solid #ffffff; border-radius: 50%; background: url('https://i.imgur.com/bC1scZr.png'); position: absolute; margin-left: 180px; margin-top: -80px;[/newclass]
[newclass=.punkidishonest .t .circle]position: absolute; width: 170px; height: 170px; padding: 5px; border: 6px solid rgba(255,255,255,0.3); border-left-color: transparent; border-right-color: transparent; border-radius: 50%; margin-left: 155px; margin-top: 44px; animation: punkidishonestoutercircle 15s linear infinite;[/newclass]
[newclass=.punkidishonest .t .circle div]width: 164px; height: 164px; border: 3px solid rgba(255,255,255,0.3); border-radius: 50%; border-top-color: transparent; border-bottom-color: transparent; animation: punkidishonestinnercircle 6s linear infinite; } @keyframes punkidishonestoutercircle { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes punkidishonestinnercircle { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); }[/newclass]
[newclass=.punkidishonest .charname]text-align: center; margin-top: 60px; font-size: 35px; line-height: 35px; text-transform: uppercase; color: #DA7E7F; font-family: Montserrat; font-weight: 800; letter-spacing: -2px; text-shadow: 1px 1px #ebebeb, -1px 1px #ebebeb, 1px -1px #ebebeb, -1px -1px #ebebeb;[/newclass]
[newclass=.punkidishonest .lyrics]text-align: center; font-size: 13px; line-height: 30px; background: #DA7E7F; text-transform: uppercase; letter-spacing: 1px; margin: 20px 0; font-family: Poppins; font-weight: 600; color: #ffffff;[/newclass]
[newclass=.punkidishonest .accent]margin: 0 150px; height: 1px; background: #ebebeb; margin-top: 10px; margin-bottom: 20px;[/newclass]
[newclass=.punkidishonest .block]margin: 0 25px; background: #fbfbfb; border: 1px solid #ebebeb; padding: 15px; min-height: 18px; font-size: 12px; line-height: 18px; color: #9A6C6C; font-family: Roboto; text-align: justify; }
.punkidishonest .block b { font-size: 12px; color: #804D4D;[/newclass]
[newclass=.punkidishonest .block i]font-size: 12px; color: #804D4D; font-weight: 700;[/newclass]
[newclass=.punkidishonestcredit]width: 500px; margin: auto; font-size: 11px; line-height: 25px; text-align: right; text-transform: uppercase; font-family: Roboto; letter-spacing: 1px; font-weight: bold; color: #646464;[/newclass]
[newclass=.punkidishonestcredit a]font: inherit; font-size: inherit; color: #DA7E7F; transition: all 0.3s ease;[/newclass]
[newclass=.punkidishonestcredit a:hover]color: #804D4D;[/newclass]
[attr=class,punkidishonest]
[attr=class,t]
[attr=class,overlay]
You should stay in my good graces, or I'll switch it up like that so fast 'cause no one's more amazing at turning loving into hatred
You should stay in my good graces, or I'll switch it up like that so fast 'cause no one's more amazing at turning loving into hatred
[attr=class,circle]
[attr=class,avvie]
[attr=class,charname]
ELODIE FONTAINE
ELODIE FONTAINE
[attr=class,accent]
[attr=class,block]
here she is! my prickly little spitfire in the form of a petite five-foot redhead. elodie's a senior and a member of the student council, so your character may know her from previous classes throughout the years or from student-led events. otherwise, here are some ideas to get us started!
here she is! my prickly little spitfire in the form of a petite five-foot redhead. elodie's a senior and a member of the student council, so your character may know her from previous classes throughout the years or from student-led events. otherwise, here are some ideas to get us started!
[attr=class,lyrics]
a roommate
a roommate
[attr=class,block]
i'd love to build up a fun dynamic between her and her roommate! my only stipulation is that i'd prefer the other student to also be a fellow senior. otherwise, i'm openminded to their disposition and what kind of relationship they have with one another. elodie's very particular about how she likes to keep her side of the room and she spends a good deal studying. while she would prefer someone with a similar mindset, i think it'd be just as funny for her to be paired with someone who's her total opposite... or somewhere in between!
i'd love to build up a fun dynamic between her and her roommate! my only stipulation is that i'd prefer the other student to also be a fellow senior. otherwise, i'm openminded to their disposition and what kind of relationship they have with one another. elodie's very particular about how she likes to keep her side of the room and she spends a good deal studying. while she would prefer someone with a similar mindset, i think it'd be just as funny for her to be paired with someone who's her total opposite... or somewhere in between!
[attr=class,lyrics]
a friend (or two or three!)
a friend (or two or three!)
[attr=class,block]
as much as she'd like to believe she can tackle everything on her own, everyone could use a friendly face who can lend an ear or a shoulder. if you have a character who'd be unfazed by her initial prickliness, she's got a good head on her shoulders and loves to make herself useful in any way she knows how. she may not cling onto you, but she does care in her own way. all this to say, she may be hard to get a hold of, but once you do, she's worthwhile to keep around.
as much as she'd like to believe she can tackle everything on her own, everyone could use a friendly face who can lend an ear or a shoulder. if you have a character who'd be unfazed by her initial prickliness, she's got a good head on her shoulders and loves to make herself useful in any way she knows how. she may not cling onto you, but she does care in her own way. all this to say, she may be hard to get a hold of, but once you do, she's worthwhile to keep around.
[attr=class,lyrics]
a thorn at her side (or her in yours)
a thorn at her side (or her in yours)
[attr=class,block]
calling all slackers, troublemakers, and the like — i have for you here a haughty, hoity-toity vice president who will grudgingly be the pain in the ass that you don't want to see. if your character is looking to get chewed out, reported, or just desperately in need of attention, elodie is your gal to get in your way. either a teacher or admin could have assigned her to keep an eye on you, or you could have crossed paths with her in some way that we can hash out!
calling all slackers, troublemakers, and the like — i have for you here a haughty, hoity-toity vice president who will grudgingly be the pain in the ass that you don't want to see. if your character is looking to get chewed out, reported, or just desperately in need of attention, elodie is your gal to get in your way. either a teacher or admin could have assigned her to keep an eye on you, or you could have crossed paths with her in some way that we can hash out!
[attr=class,lyrics]
a group project
a group project
[attr=class,block]
elodie likes things done a particular way: her way. which means she dreads group projects like the plague. would you like to have our characters butt heads about it? or maybe your character doesn't pull through with their end of the bargain and she explodes on them? or maybe you also have an overachiever and they're trying to one-up each other at every turn? lots of ways to go with this if they share a class!
elodie likes things done a particular way: her way. which means she dreads group projects like the plague. would you like to have our characters butt heads about it? or maybe your character doesn't pull through with their end of the bargain and she explodes on them? or maybe you also have an overachiever and they're trying to one-up each other at every turn? lots of ways to go with this if they share a class!
[attr=class,lyrics]
fated to meet you
fated to meet you
[attr=class,block]
i love unexpected but fortuitous connections, and elodie is (surprisingly) someone that seeks a lot of meaning and guidance in her tarot practice. she lives so often under her own strict rules that sometimes it's relieving for her to attribute things to chance, fate, and other greater things beyond her understanding. i think it could be fun to see a plot through where she sees something in a reading (for herself, or for you) and things either end up the way the cards have shown her, or go completely awry.
i love unexpected but fortuitous connections, and elodie is (surprisingly) someone that seeks a lot of meaning and guidance in her tarot practice. she lives so often under her own strict rules that sometimes it's relieving for her to attribute things to chance, fate, and other greater things beyond her understanding. i think it could be fun to see a plot through where she sees something in a reading (for herself, or for you) and things either end up the way the cards have shown her, or go completely awry.
🧀🧀🧀
The shoutbox is a public space, so please don't advertise, and do your best to be inclusive/friendly.
