Nano
procrastination symphony
A
Cupid's
Guide
To
Love!
Icedrop
By: More More Jump!
x
3:48
Guidelines
Deadline: November 27th, 11:59PM [EST]. The In Character thread will be posted earlier in the case where everyone gets their sheet done before the deadline.
Thanks for sticking with me throughout this whole process, and congratulations to everyone who got the role they wanted. Most of the application can be recycled into the character sheet, but feel free to add more so long as everything listed below is included:
Thanks for sticking with me throughout this whole process, and congratulations to everyone who got the role they wanted. Most of the application can be recycled into the character sheet, but feel free to add more so long as everything listed below is included:
- Name
- Role
- Age: As per the poll results, keep it between 22-25.
- Gender
- Date of Birth
- Eye Color
- Hair Color
- Height
- Faceclaim
- Personality: No lists please.
- Backstory: Make it short and sweet or give me a novel. I’ll enjoy it regardless. Please make sure to mention when they moved into the apartment complex! Unless they’ve been living there since they were born.
- Relationships: Most of the characters have one or two people they’ve known for a while prior to the start of the RP. Please make sure to plot these out in the relationships channel or in DMs even if you only touch on them briefly. For example, Protea doesn’t have any obligations for this section (though you’re free to do some plotting regardless), while Sunflower needs to plot with Orchid, Acacia, Amaryllis, and Belladonna (sorry Birb). It isn't strictly mandatory to include a write up in your sheet, but it'd benefit you to at least talk things out prior to the start of the in character thread.
Code:
[nobr]
[div=
width: 100%;
position: relative;
overflow: hidden;
font-size: initial;
line-height: initial;]
[comment]
Designed and coded by [USER=20950]@Nano[/USER].
Please do not remove the credits or claim the code as your own work.
If you found this code outside of my public workshop, please don't use it.
I'd greatly appreciate it if you used the version of the code in that thread.
[font=Poppins]sans-serif[/font]
[font=Hind]serif[/font]
[/comment]
[div=
/* <--------------------------------- general accents ---------------------------------> */
/* colors */
--Color01: #f98e8d; /* this is the red in the original */
--Color02: #bde6d6; /* this is the green in the original */
--bgColor: #f7e6e7;
--textColor: #777;
--White: #fefefe;
--Transparent: rgba(255, 255, 255, 0.3); /* must be rbga */
--TransparentBorder: rgba(255, 255, 255, 0.4); /* rgba */
--Blur: 4px;
/* fonts */
--HeaderFont: 'Poppins', san-serif;
--BodyFont: 'Hind', serif;
--LinkSize: .9em; /* font size of link text */
--HeaderSize: 1.2em; /* font size of rp title */
--SubheaderSize: .9em; /* font size of the section headers */
--RoleSize: 3em; /* font size of the titles of each role within role images */
--BodySize: .9em; /* font size of body text */
--BodyLineHeight: 140%;
/* <--------------------------------- images ---------------------------------> */
/* character */
--mainIMG: url(https://i.imgur.com/7lbg1Cg.jpeg) left center/cover no-repeat;
--BasicIcon: url(https://i.imgur.com/Oa6mZ5h.jpeg) center/cover no-repeat;
--Extra01: url(https://i.imgur.com/UlaLVWB.jpeg) center/cover no-repeat;
--Extra02: url(https://i.imgur.com/y2SB40u.jpeg) center/cover no-repeat;
/* roles */
--RS01: url(https://i.imgur.com/KI9yjLX.jpeg) center/cover no-repeat;
--RS02: url(https://i.imgur.com/KI9yjLX.jpeg) center/cover no-repeat;
--RS03: url(https://i.imgur.com/KI9yjLX.jpeg) center/cover no-repeat;
/* <--------------------------------- shell (don't touch) ---------------------------------> */
padding: 100px 0 140px;
width: 100%;
min-width: 300px;
background: var(--bgColor);]
[div=/* code wrap */
margin: 0 auto;
max-width: 800px;
width: 100%;
position: relative;]
[comment] --- start of role title --- [/comment]
[div=/* wrapper */
margin-left: 25px;
width: calc(100% - 50px);
overflow: hidden;]
[div=/* song title */
padding-left: 2px;
width: fit-content;
font-family: var(--HeaderFont);
font-size: 100px;
line-height: 100%;
color: var(--bgColor);
font-weight: 700;
text-align: right;
text-transform: uppercase;
white-space: nowrap;
text-shadow: -1px -1px 0 var(--White), 1px -1px 0 var(--White), -1px 1px 0 var(--White), 1px 1px 0 var(--White);
position: relative;
right: 5px;
z-index: 2;]
&Rolename
[/div]
[/div]
[comment] --- end of role title --- [/comment]
[comment] --- start of main image box --- [/comment]
[div=/* main screen */
box-sizing: border-box;
border-radius: 30px;
border: 16px solid var(--Color01);
width: 100%;
height: 400px;
background: var(--mainIMG);
position: relative;
top: -30px;
z-index: 2;
pointer-events: none;]
[/div]
[comment] --- end of main image box --- [/comment]
[comment] --- start of tab covers --- [/comment]
[div=/* tab cover base */
box-sizing: border-box;
border-radius: 50px;
border: 5px solid var(--Color02);
padding: 15px 0;
width: 50px;
background: var(--White);
font-family: var(--BodyFont);
font-size: 18px;
line-height: 100%;
color: var(--Color02);
text-align: center;
position: absolute;
top: 115px;
left: -17px;
z-index: 3;
pointer-events: none;]
[div=/* tab cover icon 01 */
margin-top: 0;]
[fa]fas fa-house[/fa]
[/div]
[div=/* tab cover icon 02 */
margin-top: 15px;]
[fa]fas fa-pen-field[/fa]
[/div]
[div=/* tab cover icon 03 */
margin-top: 15px;]
[fa]fas fa-heart[/fa]
[/div]
[div=/* tab cover icon 04 */
margin-top: 15px;]
[fa]fas fa-star[/fa]
[/div]
[/div]
[div=/* junk */
width: 200%;
height: 200px;
position: absolute;
top: 100px;
left: 25px;
z-index: 1;]
[/div]
[div=/* junk */
background: var(--bgColor);
position: absolute;
pointer-events: none;
z-index: 1;
inset: -100%;]
[/div]
[comment] --- end of tab covers --- [/comment]
[comment] --- start of tabs --- [/comment]
[div=/* tab cut off */
width: 100%;
height: 600px;
position: absolute;
top: -30px;
left: 0;]
[div=/* tab wrapper */
width: 100%;
line-height: 30px;
position: relative;
top: 160px;
left: -20px;]
[tabs]
[tab=0101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101]
[div=/* scrollbox - outer */
width: calc(100% - 60px);
height: 600px;
overflow: hidden;
position: absolute;
top: -160px;
left: 50px;
z-index: 3;
line-height: initial;]
[div=/* scrollbox - inner */
padding-right: 50px;
width: 100%;
height: 600px;
overflow-y: scroll;
overflow-x: hidden;]
[comment] --- start of basic information section --- [/comment]
[div=/* box wrapper */
display: flex;
justify-content: right;
position: relative;]
[div=/* box wrapper */
width: 100%;
max-width: 450px;
position: relative;]
[div=/* transparent border */
box-sizing: border-box;
padding: 10px;
border-radius: 20px;
border: 1px solid var(--TransparentBorder);
-webkit-backdrop-filter: blur(var(--Blur));
backdrop-filter: blur(var(--Blur));
background: var(--Transparent);
position: relative;]
[div=/* inner box */
box-sizing: border-box;
padding: 15px;
border-radius: 17px;
width: 100%;
background: var(--White);]
[div=/* flexbox */
display: flex;
justify-content: center;
flex-flow: row wrap;
justify-content: center;
width: calc(100% + 10px);
margin-left: -10px;]
[comment] --- start of profile icon --- [/comment]
[div=/* flex LEFT */
margin-left: 10px;
flex: 1;
width: 100%;
min-width: 125px;]
[div=/* profile icon */
border-radius: 15px;
padding-top: 100%;
width: 100%;
background: var(--BasicIcon);]
[/div]
[/div]
[comment] --- end of profile icon --- [/comment]
[comment] --- start of basic information --- [/comment]
[div=/* flex RIGHT */
margin-left: 10px;
flex: 2;
width: 100%;
min-width: 200px;
font-family: var(--BodyFont);
font-size: var(--BodySize);
color: var(--textColor);
line-height: 100%;]
[comment] --- start of question/answer --- [/comment]
[div=/* Q/A wrapper */
margin-top: 5px;
width: 100%;]
[div=/* Q */
display: inline-block;
box-sizing: border-box;
border-radius: 5px;
padding: 4px 5px 3px;
background: var(--Color01);
color: var(--White);
text-transform: lowercase;]
Name
[/div]
[div=/* Q */
display: inline-block;
box-sizing: border-box;
padding: 4px 5px 3px;
text-transform: lowercase;]
&First Surname
[/div]
[/div]
[comment] --- end of question/answer --- [/comment]
[comment] --- start of question/answer --- [/comment]
[div=/* Q/A wrapper */
margin-top: 5px;
width: 100%;]
[div=/* Q */
display: inline-block;
box-sizing: border-box;
border-radius: 5px;
padding: 4px 5px 3px;
background: var(--Color01);
color: var(--White);
text-transform: lowercase;]
Role
[/div]
[div=/* Q */
display: inline-block;
box-sizing: border-box;
padding: 4px 5px 3px;
text-transform: lowercase;]
&Role Title
[/div]
[/div]
[comment] --- end of question/answer --- [/comment]
[comment] --- start of question/answer --- [/comment]
[div=/* Q/A wrapper */
margin-top: 5px;
width: 100%;]
[div=/* Q */
display: inline-block;
box-sizing: border-box;
border-radius: 5px;
padding: 4px 5px 3px;
background: var(--Color01);
color: var(--White);
text-transform: lowercase;]
Gender
[/div]
[div=/* Q */
display: inline-block;
box-sizing: border-box;
padding: 4px 5px 3px;
text-transform: lowercase;]
&Gender
[/div]
[/div]
[comment] --- end of question/answer --- [/comment]
[comment] --- start of question/answer --- [/comment]
[div=/* Q/A wrapper */
margin-top: 5px;
width: 100%;]
[div=/* Q */
display: inline-block;
box-sizing: border-box;
border-radius: 5px;
padding: 4px 5px 3px;
background: var(--Color01);
color: var(--White);
text-transform: lowercase;]
Age
[/div]
[div=/* Q */
display: inline-block;
box-sizing: border-box;
padding: 4px 5px 3px;
text-transform: lowercase;]
&##
[/div]
[/div]
[comment] --- end of question/answer --- [/comment]
[comment] --- start of question/answer --- [/comment]
[div=/* Q/A wrapper */
margin-top: 5px;
width: 100%;]
[div=/* Q */
display: inline-block;
box-sizing: border-box;
border-radius: 5px;
padding: 4px 5px 3px;
background: var(--Color01);
color: var(--White);
text-transform: lowercase;]
Birthday
[/div]
[div=/* Q */
display: inline-block;
box-sizing: border-box;
padding: 4px 5px 3px;
text-transform: lowercase;]
&Month Day
[/div]
[/div]
[comment] --- end of question/answer --- [/comment]
[comment] --- start of question/answer --- [/comment]
[div=/* Q/A wrapper */
margin-top: 5px;
width: 100%;]
[div=/* Q */
display: inline-block;
box-sizing: border-box;
border-radius: 5px;
padding: 4px 5px 3px;
background: var(--Color01);
color: var(--White);
text-transform: lowercase;]
Faceclaim
[/div]
[div=/* Q */
display: inline-block;
box-sizing: border-box;
padding: 4px 5px 3px;
text-transform: lowercase;]
&Name (Source)
[/div]
[/div]
[comment] --- end of question/answer --- [/comment]
[/div]
[comment] --- end of basic information --- [/comment]
[/div]
[/div]
[/div]
[/div]
[/div]
[comment] --- end of basic information section --- [/comment]
[comment] --- start of appearance tags --- [/comment]
[div=/* wrapper */
display: flex;
justify-content: right;
position: relative;]
[div=/* wrapper */
margin-top: 15px;
margin-right: 15px;
width: calc(100% - 15px);
max-width: 400px;
font-family: var(--BodyFont);
font-size: var(--BodySize);
line-height: 100%;
font-weight: 700;
color: var(--White);
text-transform: lowercase;
position: relative;]
[comment] --- start of appearance tag --- [/comment]
[div=/* appearance tag */
position: relative;]
[div=/* speech bubble main */
box-sizing: border-box;
border: 2px solid var(--White);
border-radius: 5px;
padding: 6px 12px;
width: fit-content;
background: var(--Color02);
font-size: var(--BodySize);
position: relative;
float: right;]
#&hair color
[/div]
[div=/* speech bubble corner */
margin-top: -2px;
width: 15px;
height: 12px;
background: var(--White);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
right: 10px;
float: right;
clear: right;]
[div=/* speech bubble corner inner */
width: 11px;
height: 8px;
background: var(--Color02);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
left: 2px;]
[/div]
[/div]
[/div]
[comment] --- end of appearance tag --- [/comment]
[div=/* divider */
height: 7px;
clear: right;]
[/div]
[comment] --- start of appearance tag --- [/comment]
[div=/* appearance tag */
position: relative;
clear: right;]
[div=/* speech bubble main */
box-sizing: border-box;
border: 2px solid var(--White);
border-radius: 5px;
padding: 6px 12px;
width: fit-content;
background: var(--Color02);
font-size: var(--BodySize);
position: relative;
float: right;]
#&eye color
[/div]
[div=/* speech bubble corner */
margin-top: -2px;
width: 15px;
height: 12px;
background: var(--White);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
right: 10px;
float: right;
clear: right;]
[div=/* speech bubble corner inner */
width: 11px;
height: 8px;
background: var(--Color02);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
left: 2px;]
[/div]
[/div]
[/div]
[comment] --- end of appearance tag --- [/comment]
[div=/* divider */
height: 7px;
clear: right;]
[/div]
[comment] --- start of appearance tag --- [/comment]
[div=/* appearance tag */
position: relative;
clear: right;]
[div=/* speech bubble main */
box-sizing: border-box;
border: 2px solid var(--White);
border-radius: 5px;
padding: 6px 12px;
width: fit-content;
background: var(--Color02);
font-size: var(--BodySize);
position: relative;
float: right;]
#&height
[/div]
[div=/* speech bubble corner */
margin-top: -2px;
width: 15px;
height: 12px;
background: var(--White);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
right: 10px;
float: right;
clear: right;]
[div=/* speech bubble corner inner */
width: 11px;
height: 8px;
background: var(--Color02);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
left: 2px;]
[/div]
[/div]
[/div]
[comment] --- end of appearance tag --- [/comment]
[/div]
[/div]
[comment] --- end of appearance tags --- [/comment]
[comment] --- start of personality section --- [/comment]
[div=/* box wrapper */
margin-top: 50px;
width: 100%;
max-width: 550px;
position: relative;]
[div=/* transparent border */
box-sizing: border-box;
padding: 10px;
border-radius: 20px;
border: 1px solid var(--TransparentBorder);
-webkit-backdrop-filter: blur(var(--Blur));
backdrop-filter: blur(var(--Blur));
background: var(--Transparent);
position: relative;]
[comment] --- start of section header speech bubble --- [/comment]
[div=/* nameplate */
position: absolute;
top: -5px;
right: 30px;
font-size: var(--BodySize);]
[div=/* speech bubble main */
box-sizing: border-box;
border: 2px solid var(--White);
border-radius: 5px;
padding: 6px 12px;
width: fit-content;
background: var(--Color02);
font-family: var(--HeaderFont);
font-size: var(--BodySize);
line-height: 100%;
color: var(--White);
text-align: center;
text-transform: capitalize;
position: relative;
float: right;]
Personality
[/div]
[div=/* speech bubble corner */
margin-top: -2px;
width: 12px;
height: 9px;
background: var(--White);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
right: 7px;
float: right;
clear: right;]
[div=/* speech bubble corner inner */
width: 8px;
height: 5px;
background: var(--Color02);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
left: 2px;]
[/div]
[/div]
[/div]
[comment] --- end of section header speech bubble --- [/comment]
[comment] --- start of content text --- [/comment]
[div=/* text box */
box-sizing: border-box;
padding: 20px;
border-radius: 17px;
width: 100%;
background: var(--White);
font-family: var(--BodyFont);
font-size: var(--BodySize);
line-height: var(--BodyLineHeight);
color: var(--textColor);
text-align: justify;]
[div=white-space: pre-line;]&Personality description here[/div]
[/div]
[comment] --- end of content text --- [/comment]
[/div]
[/div]
[comment] --- end of personality section --- [/comment]
[/div]
[/div]
[comment] --- start of tab cover --- [/comment]
[div=/* wrapper */
background: var(--White);
font-family: var(--BodyFont);
font-size: 18px;
line-height: 100%;
color: var(--Color01);
position: absolute;
top: 5px;
left: 18px;
z-index: 3;]
[fa]fas fa-home[/fa]
[/div]
[comment] --- end of tab cover --- [/comment]
[/tab]
[tab=0202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202]
[div=/* scrollbox - outer */
width: calc(100% - 60px);
height: 600px;
overflow: hidden;
position: absolute;
top: -160px;
left: 50px;
z-index: 3;]
[div=/* scrollbox - inner */
padding-right: 50px;
width: 100%;
height: 600px;
overflow-y: scroll;
overflow-x: hidden;]
[comment] --- start of quote section --- [/comment]
[div=/* wrapper */
margin-top: 55px;
max-width: 500px;
width: calc(100% - 8px);
position: relative;]
[div=/* speech bubble main */
box-sizing: border-box;
border-radius: 15px;
border: 1px solid var(--Color02);
padding: 5px 10px;
width: fit-content;
background: var(--White);
font-family: var(--BodyFont);
font-size: var(--BodySize);
line-height: var(--BodyLineHeight);
color: var(--Color01);
font-weight: 700;
text-align: justify;
filter: drop-shadow(8px 8px 0 var(--Color02));]
"e 1 text here
[/div]
[div=/* circle 1 */
margin-top: 13px;
margin-left: 25px;
box-sizing: border-box;
border-radius: 50%;
border: 1px solid var(--Color02);
width: 18px;
height: 18px;
background: var(--White);
filter: drop-shadow(4px 4px 0 var(--Color02));]
[/div]
[div=/* circle 2 */
margin-top: 13px;
margin-left: 35px;
box-sizing: border-box;
border-radius: 50%;
border: 1px solid var(--Color02);
width: 12px;
height: 12px;
background: var(--White);
filter: drop-shadow(4px 4px 0 var(--Color02));]
[/div]
[div=/* circle 3 */
margin-top: 13px;
margin-left: 55px;
box-sizing: border-box;
border-radius: 50%;
border: 1px solid var(--Color02);
width: 6px;
height: 6px;
background: var(--White);
filter: drop-shadow(4px 4px 0 var(--Color02));]
[/div]
[/div]
[comment] --- end of quote section --- [/comment]
[comment] --- start of backstory section --- [/comment]
[div=/* stick to right */
margin-top: 150px;
display: flex;
justify-content: right;]
[div=/* box wrapper */
width: 100%;
max-width: 600px;
position: relative;]
[div=/* transparent border */
box-sizing: border-box;
padding: 10px;
border-radius: 20px;
border: 1px solid var(--TransparentBorder);
-webkit-backdrop-filter: blur(var(--Blur));
backdrop-filter: blur(var(--Blur));
background: var(--Transparent);
position: relative;]
[comment] --- start of section header speech bubble --- [/comment]
[div=/* nameplate */
position: absolute;
top: -5px;
right: 30px;
font-size: var(--BodySize);]
[div=/* speech bubble main */
box-sizing: border-box;
border: 2px solid var(--White);
border-radius: 5px;
padding: 6px 12px;
width: fit-content;
background: var(--Color02);
font-family: var(--HeaderFont);
font-size: var(--BodySize);
line-height: 100%;
color: var(--White);
text-align: center;
text-transform: capitalize;
position: relative;
float: right;]
Backstory
[/div]
[div=/* speech bubble corner */
margin-top: -2px;
width: 12px;
height: 9px;
background: var(--White);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
right: 7px;
float: right;
clear: right;]
[div=/* speech bubble corner inner */
width: 8px;
height: 5px;
background: var(--Color02);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
left: 2px;]
[/div]
[/div]
[/div]
[comment] --- end of section header speech bubble --- [/comment]
[comment] --- start of content text --- [/comment]
[div=/* text box */
box-sizing: border-box;
padding: 20px;
border-radius: 17px;
width: 100%;
background: var(--White);
font-family: var(--BodyFont);
font-size: var(--BodySize);
line-height: var(--BodyLineHeight);
color: var(--textColor);
text-align: justify;]
[div=white-space: pre-line;]&Backstory description here[/div]
[/div]
[comment] --- end of content text --- [/comment]
[/div]
[/div]
[/div]
[comment] --- end of backstory section --- [/comment]
[/div]
[/div]
[comment] --- start of tab cover --- [/comment]
[div=/* wrapper */
background: var(--White);
font-family: var(--BodyFont);
font-size: 18px;
line-height: 100%;
color: var(--Color01);
position: absolute;
top: 40px;
left: 17px;
z-index: 3;]
[fa]fas fa-pen-field[/fa]
[/div]
[comment] --- end of tab cover --- [/comment]
[/tab]
[tab=0303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303]
[div=/* scrollbox - outer */
width: calc(100% - 60px);
height: 600px;
overflow: hidden;
position: absolute;
top: -160px;
left: 50px;
z-index: 3;]
[div=/* scrollbox - inner */
padding-right: 50px;
width: 100%;
height: 600px;
overflow-y: scroll;
overflow-x: hidden;]
[comment] --- start of relationships section --- [/comment]
[div=/* wrapper */
display: flex;
flex-direction: column;
align-items: end;
width: 100%;]
[comment] --- start of relationship box --- [/comment]
[div=/* wrapper */
display: flex;
flex-flow: row-reverse wrap;
justify-content: center;
margin-top: 25px;
max-width: 600px;
width: 100%;
position: relative;]
[div=/* flex RIGHT */
display: flex;
align-items: center;
margin-left: -20px;
flex: 2;
width: 100%;
min-width: 150px;
position: relative;
z-index: 5;]
[div=/* proficon */
box-sizing: border-box;
border-radius: 20px;
border: 10px solid var(--Color02);
width: 100%;
padding-top: calc(100% - 20px);
background: var(--RS01);
position: relative;]
[comment] --- start of rs character name speech bubble --- [/comment]
[div=/* nameplate */
position: absolute;
top: -20px;
right: 3px;
font-size: var(--BodySize);]
[div=/* speech bubble main */
box-sizing: border-box;
border: 2px solid var(--White);
border-radius: 5px;
padding: 5px 10px;
width: fit-content;
background: var(--Color01);
font-family: var(--HeaderFont);
font-size: var(--BodySize);
line-height: 100%;
color: var(--White);
text-align: center;
text-transform: capitalize;
position: relative;
float: right;]
&RS 1 Name
[/div]
[div=/* speech bubble corner */
margin-top: -2px;
width: 12px;
height: 9px;
background: var(--White);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
right: 7px;
float: right;
clear: right;]
[div=/* speech bubble corner inner */
width: 8px;
height: 5px;
background: var(--Color01);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
left: 2px;]
[/div]
[/div]
[/div]
[comment] --- end of rs character name speech bubble --- [/comment]
[comment] --- start of rs symbol + cs link --- [/comment]
[div=/* wrapper */
display: flex;
flex-flow: row nowrap;
width: 100%;
position: absolute;
bottom: -19px;
left: 3px;]
[div=/* rs symbol */
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding-top: 2px;
border-radius: 50%;
border: 2px solid var(--White);
background: var(--Color01);
line-height: 100%;
width: 28px;
height: 28px;
font-family: var(--BodyFont);
font-size: 12px;
color: var(--White);
font-weight: 700;]
[fa]fas fa-heart[/fa]
[/div]
[div=/* cs link symbol */
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
margin-left: 4px;
padding-top: 2px;
border-radius: 50%;
border: 2px solid var(--White);
background: var(--Color01);
line-height: 100%;
width: 28px;
height: 28px;
font-family: var(--BodyFont);
font-size: 10px;
color: var(--White);
font-weight: 700;
text-transform: uppercase;
position: relative;]
[div=position: absolute;]
CS
[/div]
[URL=&Relationship 1 character sheet link][div=/* clicker */ position: absolute; inset: 0;][/div][/URL]
[/div]
[/div]
[comment] --- end of rs symbol + cs link --- [/comment]
[/div]
[/div]
[div=/* flex-LEFT - transparent border */
box-sizing: border-box;
padding: 10px;
border-radius: 20px;
border: 1px solid var(--TransparentBorder);
-webkit-backdrop-filter: blur(var(--Blur));
backdrop-filter: blur(var(--Blur));
flex: 5;
min-width: 200px;
background: var(--Transparent);
position: relative;]
[comment] --- start of content text --- [/comment]
[div=/* text box */
box-sizing: border-box;
padding: 20px;
border-radius: 17px;
width: 100%;
height: 210px;
background: var(--White);
font-family: var(--BodyFont);
font-size: var(--BodySize);
line-height: var(--BodyLineHeight);
color: var(--textColor);
text-align: justify;
overflow: hidden;]
[div=
box-sizing: content-box;
padding-right: 50px;
width: 100%;
height: 170px;
overflow-y: scroll;
overflow-x: hidden;]
[div=white-space: pre-line;]&Relationship 1 description here[/div]
[/div]
[/div]
[comment] --- end of content text --- [/comment]
[/div]
[/div]
[comment] --- end of relationship box --- [/comment]
[comment] --- start of relationship box --- [/comment]
[div=/* wrapper */
display: flex;
flex-flow: row-reverse wrap;
justify-content: center;
margin-top: 25px;
max-width: 600px;
width: 100%;
position: relative;]
[div=/* flex RIGHT */
display: flex;
align-items: center;
margin-left: -20px;
flex: 2;
width: 100%;
min-width: 150px;
position: relative;
z-index: 5;]
[div=/* proficon */
box-sizing: border-box;
border-radius: 20px;
border: 10px solid var(--Color02);
width: 100%;
padding-top: calc(100% - 20px);
background: var(--RS02);
position: relative;]
[comment] --- start of rs character name speech bubble --- [/comment]
[div=/* nameplate */
position: absolute;
top: -20px;
right: 3px;
font-size: var(--BodySize);]
[div=/* speech bubble main */
box-sizing: border-box;
border: 2px solid var(--White);
border-radius: 5px;
padding: 5px 10px;
width: fit-content;
background: var(--Color01);
font-family: var(--HeaderFont);
font-size: var(--BodySize);
line-height: 100%;
color: var(--White);
text-align: center;
text-transform: capitalize;
position: relative;
float: right;]
&RS 2 Name
[/div]
[div=/* speech bubble corner */
margin-top: -2px;
width: 12px;
height: 9px;
background: var(--White);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
right: 7px;
float: right;
clear: right;]
[div=/* speech bubble corner inner */
width: 8px;
height: 5px;
background: var(--Color01);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
left: 2px;]
[/div]
[/div]
[/div]
[comment] --- end of rs character name speech bubble --- [/comment]
[comment] --- start of rs symbol + cs link --- [/comment]
[div=/* wrapper */
display: flex;
flex-flow: row nowrap;
width: 100%;
position: absolute;
bottom: -19px;
left: 3px;]
[div=/* rs symbol */
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding-top: 2px;
border-radius: 50%;
border: 2px solid var(--White);
background: var(--Color01);
line-height: 100%;
width: 28px;
height: 28px;
font-family: var(--BodyFont);
font-size: 12px;
color: var(--White);
font-weight: 700;]
[fa]fas fa-heart[/fa]
[/div]
[div=/* cs link symbol */
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
margin-left: 4px;
padding-top: 2px;
border-radius: 50%;
border: 2px solid var(--White);
background: var(--Color01);
line-height: 100%;
width: 28px;
height: 28px;
font-family: var(--BodyFont);
font-size: 10px;
color: var(--White);
font-weight: 700;
text-transform: uppercase;
position: relative;]
[div=position: absolute;]
CS
[/div]
[URL=&Relationship 2 character sheet link][div=/* clicker */ position: absolute; inset: 0;][/div][/URL]
[/div]
[/div]
[comment] --- end of rs symbol + cs link --- [/comment]
[/div]
[/div]
[div=/* flex-LEFT - transparent border */
box-sizing: border-box;
padding: 10px;
border-radius: 20px;
border: 1px solid var(--TransparentBorder);
-webkit-backdrop-filter: blur(var(--Blur));
backdrop-filter: blur(var(--Blur));
flex: 5;
min-width: 200px;
background: var(--Transparent);
position: relative;]
[comment] --- start of content text --- [/comment]
[div=/* text box */
box-sizing: border-box;
padding: 20px;
border-radius: 17px;
width: 100%;
height: 210px;
background: var(--White);
font-family: var(--BodyFont);
font-size: var(--BodySize);
line-height: var(--BodyLineHeight);
color: var(--textColor);
text-align: justify;
overflow: hidden;]
[div=
box-sizing: content-box;
padding-right: 50px;
width: 100%;
height: 170px;
overflow-y: scroll;
overflow-x: hidden;]
[div=white-space: pre-line;]&Relationship 2 description here[/div]
[/div]
[/div]
[comment] --- end of content text --- [/comment]
[/div]
[/div]
[comment] --- end of relationship box --- [/comment]
[comment] --- start of relationship box --- [/comment]
[div=/* wrapper */
display: flex;
flex-flow: row-reverse wrap;
justify-content: center;
margin-top: 25px;
max-width: 600px;
width: 100%;
position: relative;]
[div=/* flex RIGHT */
display: flex;
align-items: center;
margin-left: -20px;
flex: 2;
width: 100%;
min-width: 150px;
position: relative;
z-index: 5;]
[div=/* proficon */
box-sizing: border-box;
border-radius: 20px;
border: 10px solid var(--Color02);
width: 100%;
padding-top: calc(100% - 20px);
background: var(--RS03);
position: relative;]
[comment] --- start of rs character name speech bubble --- [/comment]
[div=/* nameplate */
position: absolute;
top: -20px;
right: 3px;
font-size: var(--BodySize);]
[div=/* speech bubble main */
box-sizing: border-box;
border: 2px solid var(--White);
border-radius: 5px;
padding: 5px 10px;
width: fit-content;
background: var(--Color01);
font-family: var(--HeaderFont);
font-size: var(--BodySize);
line-height: 100%;
color: var(--White);
text-align: center;
text-transform: capitalize;
position: relative;
float: right;]
&RS 3 Name
[/div]
[div=/* speech bubble corner */
margin-top: -2px;
width: 12px;
height: 9px;
background: var(--White);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
right: 7px;
float: right;
clear: right;]
[div=/* speech bubble corner inner */
width: 8px;
height: 5px;
background: var(--Color01);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
left: 2px;]
[/div]
[/div]
[/div]
[comment] --- end of rs character name speech bubble --- [/comment]
[comment] --- start of rs symbol + cs link --- [/comment]
[div=/* wrapper */
display: flex;
flex-flow: row nowrap;
width: 100%;
position: absolute;
bottom: -19px;
left: 3px;]
[div=/* rs symbol */
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding-top: 2px;
border-radius: 50%;
border: 2px solid var(--White);
background: var(--Color01);
line-height: 100%;
width: 28px;
height: 28px;
font-family: var(--BodyFont);
font-size: 12px;
color: var(--White);
font-weight: 700;]
[fa]fas fa-heart[/fa]
[/div]
[div=/* cs link symbol */
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
margin-left: 4px;
padding-top: 2px;
border-radius: 50%;
border: 2px solid var(--White);
background: var(--Color01);
line-height: 100%;
width: 28px;
height: 28px;
font-family: var(--BodyFont);
font-size: 10px;
color: var(--White);
font-weight: 700;
text-transform: uppercase;
position: relative;]
[div=position: absolute;]
CS
[/div]
[URL=&Relationship 3 character sheet link][div=/* clicker */ position: absolute; inset: 0;][/div][/URL]
[/div]
[/div]
[comment] --- end of rs symbol + cs link --- [/comment]
[/div]
[/div]
[div=/* flex-LEFT - transparent border */
box-sizing: border-box;
padding: 10px;
border-radius: 20px;
border: 1px solid var(--TransparentBorder);
-webkit-backdrop-filter: blur(var(--Blur));
backdrop-filter: blur(var(--Blur));
flex: 5;
min-width: 200px;
background: var(--Transparent);
position: relative;]
[comment] --- start of content text --- [/comment]
[div=/* text box */
box-sizing: border-box;
padding: 20px;
border-radius: 17px;
width: 100%;
height: 210px;
background: var(--White);
font-family: var(--BodyFont);
font-size: var(--BodySize);
line-height: var(--BodyLineHeight);
color: var(--textColor);
text-align: justify;
overflow: hidden;]
[div=
box-sizing: content-box;
padding-right: 50px;
width: 100%;
height: 170px;
overflow-y: scroll;
overflow-x: hidden;]
[div=white-space: pre-line;]&Relationship 3 description here[/div]
[/div]
[/div]
[comment] --- end of content text --- [/comment]
[/div]
[/div]
[comment] --- end of relationship box --- [/comment]
[/div]
[comment] --- end of relationships section --- [/comment]
[/div]
[/div]
[comment] --- start of tab cover --- [/comment]
[div=/* wrapper */
background: var(--White);
font-family: var(--BodyFont);
font-size: 18px;
line-height: 100%;
color: var(--Color01);
position: absolute;
top: 76px;
left: 19px;
z-index: 3;]
[fa]fas fa-heart[/fa]
[/div]
[comment] --- end of tab cover --- [/comment]
[/tab]
[tab=0404040404040404040404040404040404040404040404040404040404040404040404040404040404040404040404040404040404040404]
[div=/* scrollbox - outer */
width: calc(100% - 60px);
height: 600px;
overflow: hidden;
position: absolute;
top: -160px;
left: 50px;
z-index: 3;]
[div=/* scrollbox - inner */
padding-right: 50px;
width: 100%;
height: 600px;
overflow-y: scroll;
overflow-x: hidden;]
[comment] --- start of image gallery --- [/comment]
[div=/* wrapper */
box-sizing: border-box;
display: flex;
justify-content: end;
width: 100%;]
[div=/* for spacing purposes - also affects size of images */
max-width: 200px;
width: 60%;
min-width: 150px;
position: relative;]
[div=/* transparent border */
box-sizing: border-box;
margin-bottom: 20%;
padding: 10px;
border-radius: 20px;
border: 1px solid var(--TransparentBorder);
width: 100%;
-webkit-backdrop-filter: blur(var(--Blur));
backdrop-filter: blur(var(--Blur));
background: var(--Transparent);
position: relative;]
[div=/* image 1 */
border-radius: 15px;
width: 100%;
padding-top: calc(100%*(2/3));
background: var(--Extra01);]
[div=/* transparent border */
box-sizing: border-box;
padding: 10px;
border-radius: 20px;
border: 1px solid var(--TransparentBorder);
width: 100%;
-webkit-backdrop-filter: blur(var(--Blur));
backdrop-filter: blur(var(--Blur));
background: var(--Transparent);
position: absolute;
top: 50%;
left: -50%;]
[div=/* image 2 */
border-radius: 15px;
width: 100%;
padding-top: calc(100%*(2/3));
background: var(--Extra02);]
[/div]
[/div]
[/div]
[/div]
[/div]
[/div]
[comment] --- end of image gallery --- [/comment]
[comment] --- start of quote section --- [/comment]
[div=/* wrapper */
display: flex;
flex-direction: column;
align-items: end;
margin-right: 8px;
width: calc(100% - 8px);
position: relative;]
[div=/* circle 1 */
margin-bottom: 13px;
margin-right: 55px;
box-sizing: border-box;
border-radius: 50%;
border: 1px solid var(--Color02);
width: 6px;
height: 6px;
background: var(--White);
filter: drop-shadow(4px 4px 0 var(--Color02));]
[/div]
[div=/* circle 2 */
margin-bottom: 13px;
margin-right: 35px;
box-sizing: border-box;
border-radius: 50%;
border: 1px solid var(--Color02);
width: 12px;
height: 12px;
background: var(--White);
filter: drop-shadow(4px 4px 0 var(--Color02));]
[/div]
[div=/* circle 3 */
margin-bottom: 13px;
margin-right: 25px;
box-sizing: border-box;
border-radius: 50%;
border: 1px solid var(--Color02);
width: 18px;
height: 18px;
background: var(--White);
filter: drop-shadow(4px 4px 0 var(--Color02));]
[/div]
[div=/* speech bubble main */
box-sizing: border-box;
border-radius: 15px;
border: 1px solid var(--Color02);
padding: 5px 10px;
max-width: 500px;
width: fit-content;
background: var(--White);
font-family: var(--BodyFont);
font-size: var(--BodySize);
line-height: var(--BodyLineHeight);
color: var(--Color01);
font-weight: 700;
text-align: justify;
filter: drop-shadow(8px 8px 0 var(--Color02));]
&Quote 2 here
[/div]
[/div]
[comment] --- end of quote section --- [/comment]
[comment] --- start of notes section --- [/comment]
[div=/* box wrapper */
margin-top: 100px;
width: 100%;
max-width: 550px;
position: relative;]
[div=/* transparent border */
box-sizing: border-box;
padding: 10px;
border-radius: 20px;
border: 1px solid var(--TransparentBorder);
-webkit-backdrop-filter: blur(var(--Blur));
backdrop-filter: blur(var(--Blur));
background: var(--Transparent);
position: relative;]
[comment] --- start of section header speech bubble --- [/comment]
[div=/* nameplate */
position: absolute;
top: -5px;
right: 30px;
font-size: var(--BodySize);]
[div=/* speech bubble main */
box-sizing: border-box;
border: 2px solid var(--White);
border-radius: 5px;
padding: 6px 12px;
width: fit-content;
background: var(--Color02);
font-family: var(--HeaderFont);
font-size: var(--BodySize);
line-height: 100%;
color: var(--White);
text-align: center;
text-transform: capitalize;
position: relative;
float: right;]
Notes
[/div]
[div=/* speech bubble corner */
margin-top: -2px;
width: 12px;
height: 9px;
background: var(--White);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
right: 7px;
float: right;
clear: right;]
[div=/* speech bubble corner inner */
width: 8px;
height: 5px;
background: var(--Color02);
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: relative;
left: 2px;]
[/div]
[/div]
[/div]
[comment] --- end of section header speech bubble --- [/comment]
[comment] --- start of content text --- [/comment]
[div=/* text box */
box-sizing: border-box;
padding: 20px 20px 20px 0;
border-radius: 17px;
width: 100%;
background: var(--White);
font-family: var(--BodyFont);
font-size: var(--BodySize);
line-height: var(--BodyLineHeight);
color: var(--textColor);
text-align: justify;]
[div=/* list position */
width: calc(100% + 5px);
position: relative;
left: -5px;]
[LIST=1]
[*] &Put all extras/notes here.
[*] Integer et interdum purus, ut pretium ligula. Nulla facilisi. Aenean vel dolor dolor. Aenean et dolor vel lacus eleifend convallis eu sed nulla. Curabitur volutpat risus sit amet nisi auctor sagittis ac vitae dolor.
[*] Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec et odio id augue interdum suscipit id eu nibh. Aenean id viverra augue. Curabitur tortor lacus, egestas at orci at, faucibus fringilla orci. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin in accumsan dolor, mattis egestas quam. Vestibulum non nunc et dui ultricies blandit.
[*] Nunc magna enim, fringilla et bibendum ut, congue vel mauris. Aliquam dapibus nulla nec ligula volutpat, in convallis augue blandit. In consequat, nisi quis elementum dignissim, mi dui tempus justo, a molestie ex sem vitae mauris. Nulla facilisi. Suspendisse suscipit blandit quam, id pretium lectus. Praesent id ipsum eget neque varius rhoncus. Proin quis odio turpis. Duis sodales sed est eget efficitur.
[*] Pellentesque eleifend nibh nec ullamcorper sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Duis quis blandit mauris. Nulla facilisi. Maecenas at libero ipsum.
[/LIST]
[/div]
[/div]
[comment] --- end of content text --- [/comment]
[/div]
[/div]
[comment] --- end of notes section --- [/comment]
[/div]
[/div]
[comment] --- start of tab cover --- [/comment]
[div=/* wrapper */
background: var(--White);
font-family: var(--BodyFont);
font-size: 18px;
line-height: 100%;
color: var(--Color01);
position: absolute;
top: 111px;
left: 18px;
z-index: 3;]
[fa]fas fa-star[/fa]
[/div]
[comment] --- end of tab cover --- [/comment]
[/tab]
[/tabs]
[/div]
[/div]
[comment] --- end of tabs --- [/comment]
[/div]
[/div]
[/div]
[div=margin-top: 5px; width: 100%; font-size: .6em; line-height: 100%; text-align: center; text-transform: uppercase; opacity: .6;]Code by Nano[/div]
[/nobr]
Roles
Dominga Touzani
Lily
Purity of heart and soul. The delicate, white petals of a lily appear sweet and innocent, but when does that virtue become naïveté?
Played by:
e v i
e v i
The one and only child of the Goddess of Love has always completed each task handed to them with the best of intentions. It’s just unfortunate that they never seem to consider the consequences before lighting a spark that conflagrates into an uncontrollable wildfire.
Having once triggered a war by tying two individuals in what they had assumed would be a harmless union, it’s nothing short of a miracle that Lily never lost the Goddess of Love’s affection. However, even the most doting mother can only keep their child within their protective embrace for so long. When one of Lily’s usual antics brought about another catastrophe and garnered the ire of the God of Fate, nothing could spare them from his wrath.
The incarnation of the goddess’s child has been stripped of most of their powers and the authority they once enjoyed, but they’re nonetheless bound to their duty. Perhaps resultant of the diminished effect of their red thread of fate, Lily has managed to mostly stay out of trouble while learning more about humans and binding would-be lovers together. That is, until they happen to make a horrible mess out of their neighbor and fellow incarnation, Amaryllis’s, assignment while trying to help them out.
Due to Amaryllis’s attempts to get close to Clover in order to request their help, Lily mistakenly believes that Amaryllis likes Clover. Clover, however, confessed to Lily, and they’ve been feeling smug about it ever since. Over the years, Lily has essentially been harassing Amaryllis in the name of vying for their attention to no avail. Surely, this time they’ll give some sort of reaction out of jealousy, right?
Jace Sterling
Amaryllis
Pride and determination. Born from the love of a determined soul, the amaryllis is a flower symbolic of remaining steadfast in enduring the trials given to them.
Played by:
Auda
Auda
Among the envoys of the Goddess of Love, it’s no secret that her favorite among them is none other than Amaryllis. Reliable and cool-headed no matter the situation, Amaryllis is the prime example of everything you’d want to see in an employee. Now if only they were more understanding of the intricacies of emotions, they would have been the perfect envoy of the Goddess of Love.
The Goddess of Love claims she sent Amaryllis down to Earth to live as a human due to numerous complaints filed by their coworkers, but everyone is aware that the goddess would never punish her favorite for such a small matter. In truth, they were sent to keep an eye on Lily as their neighbor and to hopefully gain a better understanding of human emotions along the way. Love, after all, isn’t as formulaic as Amaryllis always claims it to be.
(That and the Goddess of Love might have caught wind of Lily’s little crush and tried to lend a helping hand.)
Even with much of their powers stripped away, Amaryllis’s performance is as stellar as ever, albeit not without a few minor mishaps here and there. When the Goddess of Love handed them one last mission with the promise that they’d be allowed back should they complete it flawlessly, it was simply business as usual. Unfortunately, the goddess wasn’t exaggerating when she claimed Protea was a particularly difficult case, but Amaryllis is nothing if not persistent. Had it not been for Lily messing things up as per usual, Amaryllis suspects they would’ve been back in Heaven by now.
To remedy the situation, Amaryllis has repeatedly approached Clover to convince them to sever Lily’s red thread of fate to no avail. Between Clover’s stubborn refusal to cooperate and Lily and Rose’s shenanigans, they’ve grown to feel like the unwilling ringmaster of a disorderly circus act.
Ruanne Amathea
Rose
Passion and love. In the world of flowers, none express love and desire as passionately as the beautiful and vibrant rose.
Played by:
Dovinique
Dovinique
While growing up, Rose had always been a child who laughed more than they cried. It was as if all the world’s passion and energy had been packaged into one joyous and lovable little bundle. Despite seeming as if they lack a shy bone in their body, the only person capable of striking Rose’s heart with unease is Larkspur. On one hand, they desire to be the closest person to them. On the other, they fear disturbing the peace and growing distant. At least, that was their greatest fear until they eventually found their eyes being drawn toward the antics of their so-called rival in love, Clover.
While confused by these feelings of who they’re supposed to love, they made their desire for love known to the Wishing Tree, an urban legend claiming those who make a wish under the tree will find success in their romantic pursuits. Originally, their wish was made with the desire to be given the push they needed to make a decision and act on it. However, Lily’s mix up resulted in Rose bumping into a certain rude stranger a suspicious number of times. To make matters worse, said stranger, Protea, accused them of being a stalker before Rose could make the accusation first.
Things started to make a bit more sense after they gain the ability to see their red thread of fate and a rough explanation from the envoys of the Goddess of Love. All things considered, Rose took things surprisingly well, much to the cupids’ surprise. Love grows stronger when tempered by trials and tribulations, supposedly. Besides, Protea looked like they could use a friend! However, Rose’s patience is starting to be worn thin with their prickliness. How on earth did Lily mistake Larkspur or Clover for such a rude person?
Arashi Oshiro
Protea
Transformation and courage. The unique blooms of a protea can weather storms and spread their seeds through wildfires.
Played by:
Idiot Doom Spiral
Idiot Doom Spiral
From a young age, Protea found themselves being dealt a bad hand in life. The adults around them constantly promised things would get better, yet the troubles at home and school never ceased. These hardships taught them early on that they can rely on no one but themselves, though perhaps they took this lesson a step too far. They were never the one to throw the first punch, but Protea quickly gained the reputation of a delinquent for giving those who dared mess with them a good thrashing.
Though people typically give Protea a wide berth, a strange group of individuals have been crowding around them as of late. Goddess of Love? Red thread of fate? When Lily and Amaryllis explained the situation to them, they didn’t believe a single word. It doesn’t help that those looneys seem to be in cahoots with Rose, the stalker using “fate” as a poor excuse for why they keep running into them. They’ve got enough on their plate as it is, but nothing they say or do seems to succeed in getting the odd trio to leave them alone.
Despite their gruff exterior, Protea possesses a noble heart who unexpectedly expresses kindness in subtle ways and secretly desires to be touched by that same kindness. Protea and Orchid only ever met once. The latter had bandaged the former’s hand after being scratched by a cat they rescued from a tree, but they’ve found their eyes following the gentle and graceful angel ever since.
Linally Mariela Bautista Malang
Larkspur
Youthful levity and sweetness. Larkspurs are beautiful summer flowers that attract hummingbirds, butterflies, and bees, but this sweet flower also contains a bitter poison.
Played by:
Defender of Stories
Defender of Stories
Seducing others with saccharine words yet remaining firmly uncommitted, it isn’t a surprise that Larkspur has as many enemies as they do friends. Like a playful cat, they’re friendly and sweet towards whomever, whenever, but they’re just as quick to move on. In the past, some nasty rumors have made their rounds here and there, but most chalk it up to mere jealousy. After all, Larkspur has never said a mean word in their life, and who can say no to that innocent face? It's not like they’re breaking hearts on purpose.
Despite their commitment issues, Larkspur has maintained a close friendship with Clover and Rose for several years. As close as one can be while keeping just the right distance to prevent any unrequited feelings from breaking up their current relationship, anyway. They're very much aware of the feelings the two harbor for them but is far more content with maintaining the status quo.
Lately, Larkspur has been very curious about the strangers suddenly hanging around Rose, with a particularly deep interest in Amaryllis. Unfortunately, the stoic Amaryllis couldn't seem to care less about Larkspur, but that makes the chase all the more exciting.
Idalia Makris
Orchid
Noble elegance and refined beauty. Fickle and difficult to raise, the orchid is a rare but beautiful flower once considered a status symbol of the wealthy.
Played by:
Dicentra
Dicentra
Heads turn whenever Orchid graces people with their presence. Had their flawless appearance been all they had going for them, people would be more likely to believe that god doesn’t play favorites. However, whether it be their family’s wealth, academic intelligence, or raw talent in whatever skills they decide to pursue, Orchid seemingly has it all. If someone were to look up the word “perfect” in the dictionary, they’d find a picture of Orchid on the page.
However, things aren't always as they seem. Hidden away from the public eye is a facet of Orchid that they desperately keep secret. The only person privy to Orchid’s truest self is their childhood friend Acacia, and they intend on keeping it that way.
When faced by Acacia's affection for Protea, Orchid begins to feel a sense of conflict growing within them, though they aren't yet sure whether they fear losing their closest friend or if their unease is due to a budding romantic interest in Acacia.
While attempting to figure out the identity of Protea's “stalker" (Rose) for Acacia's sake, Orchid instead discovers the envoys of the Goddess of Love. And to Amaryllis and Lily's surprise, Orchid readily believes them.
Incidentally, Orchid is the landlord of the apartment complex everyone is currently living in.
Tei Linh
Acacia
A pure, concealed love. The acacia’s love is quiet and subtle, but the devotion they show to their beloved and friends alike always shines through.
Played by:
CurryFlurry
CurryFlurry
Unlike Orchid who’s seemingly unflappable and is always the picture of elegance, Acacia is a shy individual. A shrinking violet, if you will. Despite their seemingly mismatched personalities, the two are attached at the hip and have been childhood friends since preschool. They’re close to the point where though most people assume the perfect Orchid never has any troubles, Acacia is always there to pick up on the slightest cues that something is bothering them.
This sensitivity to the true nature and needs of their only friend extends to strangers as well.
At first, Acacia was wary but curious of Protea, their newest coworker at the café they worked part time at. They had a terrible reputation, sure, but Acacia found themselves slowly starting to think that the rumors were blown out of proportion whenever Protea helped them out in subtle ways.
When Acacia was being harassed by one of the café’s patrons, Protea was the one who dragged him out of the establishment. Unfortunately, Protea was promptly fired after the incident due to their manner of getting physical and claims that they’d only done it out of irritation towards the unruly patron and all of the bystanders. In the end, Protea never returned to work even after Acacia stubbornly kept bringing up the case to management until they relented. Nonetheless, Acacia keeps the incident close to their heart. Even if their affection for Protea never amounts to anything, they hope to at least repay their kindness one day.
The first order of business was to help Protea out with their stalker issue. With Orchid’s help, of course.
Vincent Cha
Clover
Hope, faith, love, and luck. Though considered a weed by some, clovers nourish soil and suppress the spread of other weeds.
Played by:
Nano
Nano
The God of Fate is a merciless god who plays no favorites, and his heavy-handedness doesn’t diminish even when dealing with his descendants. As a result, Clover views their inheritance of a small portion of the god’s power to be their greatest misfortune.
Their ability to see the strange and the mysterious has gotten them into trouble on multiple occasions, and fate itself doesn’t take kindly to the meddling of mortals. In truth, Clover’s powers are subtle—so subtle that they themselves have difficulty in discerning its effect. An act as simple as preventing a child from running out into oncoming traffic may end up as significant as completely altering the time of death written into said child’s fate. No good deed goes unpunished, and the world’s manner of balancing the fates Clover knowingly or unknowingly alters results in a build up of misfortune within them.
Aware of Clover’s ability to meddle with fate, Amaryllis approached them to request that they sever the red thread tying Rose and Protea together. Unfortunately, Clover rejects this request, as Larkspur, Rose’s intended partner, just so happens to be the person they fancy. With fate constantly making a mess of all of Clover’s poorly attempted confessions, it wouldn’t do to give their rival an advantage.
Their most recent attempt is the most laughable: Larkspur happened to wander away while Clover was psyching themselves up, and they somehow ended up asking Lily out instead.
Lucia Mondadori
Belladonna
Danger and betrayal. Though beauty is in its name, those seduced by the temptation of its sweet berries quickly find themselves face-to-face with the devil.
Played by:
Uxie
Uxie
Nothing was ever enough for their parents, and it was always Orchid’s fault.
Belladonna’s parents had always spoken animatedly about the child of an important business partner of theirs and how excellent they were. When Belladonna finally met the Orchid who was held in such high regards, the young child couldn’t help but think that they were even more dazzling than their parents had told them. Secretly, they marked Orchid down as a rival in their heart, desiring to surpass the charismatic child praised by all. However, these aspirations gradually became shackles the more Belladonna’s parents scolded them for not being as obedient, smart, or as hardworking as the beloved Orchid. Still, they persevered in their pursuit of perfection.
When they met again over a decade later, Belladonna found that Orchid didn’t even know who they were.
Their sense of rivalry turned into resentment, then resentment into hatred. However, no matter what they did, they always fell just barely behind Orchid and into second place. Belladonna’s friends often joked about Orchid “stealing” their opportunities, and they laughed it off, but those comments only served to fuel the fire.
Whether they were a crafty, oblivious, or simply lucky individual, nothing Belladonna did could bother the unflappable Orchid. Thus, they turned to the people around them. Ideally, their primary target would have been Acacia, the shy little animal that Orchid kept by their side like a precious pet. However, they’d scamper away at the sight of Belladonna no matter how kind they acted. Therefore, they settled their eyes upon the next best thing: the ever cheerful and naive Sunflower. It was a foolish and petty plan, but it seemed to work with the way Orchid’s concerned eyes would always follow after Belladonna and Sunflower whenever they were together. The fact that Sunflower’s presence seemed to work as a lucky charm only made them more determined to steal them away from Orchid’s side.
However, it appears that Sunflower’s luck has run out, at least when it comes to Belladonna. Perhaps it’s just their imagination, but it feels like the number of unlucky things happening in their life has suddenly increased. They haven’t had much time to think on the matter though, what with the strange crowd of people suddenly gathering around Orchid.
Theodore Yoon
Sunflower
Unwavering loyalty and warmth. Growing tall and strong, the giant sunflower towers over its obstacles and devotes itself to following the sun.
Played by:
A Murder Of Corviknight
A Murder Of Corviknight
During the age of antiquity, a young couple came across a small magpie half buried within a mound of snow. The pair wrapped the ailing bird within a shawl and carried it home, tending to it until its broken wing had healed. When the magpie soared high and away until it was but a small dot upon the horizon, the couple believed that was the last they’d see of the bird. However, the next night, they received the visitation of a tall figure cloaked in black garb within their dream. A smile graced her features hidden behind a silk veil, and she thanked them in a soft but steady voice for taking care of her messenger.
Centuries later, no one recalls this apparition of the Goddess of Fortune or the blessings she gave the couple, but the goddess continues to adore the many good-natured progeny of her favored messenger's saviors. Of these descendants, Sunflower shines the most brightly, and so does Fortune’s blessing within them. Coin flips always land in their favor, and nothing truly bad ever seems to happen to them, though their life isn’t entirely without troubles. Not with the way people have a tendency to instinctively cower or become wary when they see the intimidating giant, but those willing to look past their exterior know of the gentle and soothing persona underneath.
So soothing, in fact, that even the ice cold Amaryllis and painfully shy Acacia can’t help but relax in their presence. Unfortunately, whenever their friend Acacia leaves Orchid’s side long enough to accompany Sunflower, it isn’t uncommon for people to mistakenly think Sunflower is bullying Acacia.
Their troubles with their relationships don’t end there. Nasty rumors during their university days, a run-in with an unsavory crowd on the streets, problems with a superior at work, and so on. Not wishing to weigh down Orchid and Acacia with their concern, Sunflower kept all of these struggles to themselves. Besides, things weren’t so bad when they had Belladonna by their side. Despite being a complete stranger at the time, they helped to clear up the rumors against Sunflower and have continued to stay by their side as a good friend who lends their aid during their times of need. At times, Belladonna almost seems a bit too devoted to their needs and desires, to the point where Sunflower feels as if they’re taking advantage of Belladonna’s kindness. Their guilt only continues to grow as they begin to instinctively crave their unconditional understanding and attention.
Little did they know that their first encounter with Belladonna was actually their life’s greatest misfortune. Orchid and Acacia have warned them on several occasions about the “bad vibes” Belladonna gives them, but all that their paranoia has resulted in is witnessing their friendship begin to fray.
Code by Nano
Last edited:
