• If your recruitment thread involves completely going off site with your partner(s) then it belongs in the Off-Site Ad Area.
  • This area of the site is governed by the official Recruitment rules. Whether you are looking for players or looking for a roleplay, we recommend you read them and familiarize your self with them. Read the Recruitment Rules Here.

Realistic or Modern βœ§ -- 𝘀𝘒𝘡𝘩𝘒𝘳𝘴π˜ͺ𝘴.

coeur

𝘒𝘭𝘳π˜ͺ𝘨𝘩𝘡𝘺 𝘒𝘱𝘩𝘳𝘰π˜₯π˜ͺ𝘡𝘦

CATHARSIS
════════════════════════

[class="bg"] --url-for-bg-img: url('https://i.redd.it/ugdi70z6hw321.jpg'); width: 320px; height: 320px; background: var(--url-for-bg-img); background-size: COVER; background-position: CENTER; box-sizing: border-box; position: relative; margin: auto; padding: 20px; border-radius: 20px; [/class] [class="a"] --bg-color-for-1st-button: #635B5A; height: auto; display: inline-block; border-radius: 100px; background: var(--bg-color-for-1st-button); opacity: 0; font-weight: bolder; font-size: 17px; box-sizing: border-box; padding: 3px 15px 6px 15px; cursor: pointer; top: 20%; left: 20%; transform: translate(-20%, -20%); position: absolute; z-index: 1; text-align: center; [/class] [class="texta"] --bg-color-for-1st-text-div: rgba(125, 114, 114, 0.7); height: calc(100% - 40px); width: calc(100% - 40px); background: var(--bg-color-for-1st-text-div); position: absolute; z-index: 0; opacity: 0; border-radius: 20px; box-sizing: border-box; padding: 10px 10px 0 10px; display: flex; flex-direction: column; align-items: flex-start; [/class] [class="backa"] --text-color-for-1st-div: #f0ebeb; display: inline-block; font-weight: bolder; color: var(--text-color-for-1st-div); transition: 0.3s all ease; font-size: 15px; cursor: default; line-height: 15px; [/class] [class name="backa" state="hover"] --text-color-for-1st-back-button-when-hovered: #2B2323; color: var(--text-color-for-1st-back-button-when-hovered); [/class] [class="b"] --bg-color-for-2nd-button: #423A3A; height: auto; display: inline-block; border-radius: 100px; background: var(--bg-color-for-2nd-button); opacity: 0; font-weight: bolder; font-size: 17px; box-sizing: border-box; padding: 3px 15px 6px 15px; cursor: pointer; top: 50%; left: 55%; position: absolute; z-index: 1; text-align: center; transform: translate(-55%, -50%); [/class] [class="textb"] --bg-color-for-2nd-text-div: rgba(151, 157, 174, 0.7); height: 280px; width: 280px; background: var(--bg-color-for-2nd-text-div); position: absolute; z-index: 0; opacity: 0; border-radius: 20px; box-sizing: border-box; padding: 10px 10px 10px 10px; display: flex; flex-direction: column; align-items: flex-start; [/class] [class="backb"] --text-color-for-2nd-div: #f7faff; display: inline-block; font-weight: bolder; color: var(--text-color-for-2nd-div); transition: 0.3s all ease; font-size: 15px; cursor: default; line-height: 15px; [/class] [class name="backb" state="hover"] --text-color-for-2nd-back-button-when-hovered: #192239; color: var(--text-color-for-2nd-back-button-when-hovered); [/class] [class="c"] --bg-color-for-3rd-button: #262323; height: auto; display: inline-block; border-radius: 100px; background: var(--bg-color-for-3rd-button); opacity: 0; font-weight: bolder; font-size: 17px; box-sizing: border-box; padding: 3px 15px 6px 15px; cursor: pointer; top: 80%; right: 20%; position: absolute; z-index: 1; text-align: center; transform: translate(20%, -80%); [/class] [class="textc"] --bg-color-for-3rd-text-div: rgba(180, 138, 117, 0.7); height: 280px; width: 280px; background: var(--bg-color-for-3rd-text-div); position: absolute; z-index: 0; opacity: 0; border-radius: 20px; box-sizing: border-box; padding: 10px 10px 10px 10px; display: flex; flex-direction: column; align-items: flex-start; [/class] [class="backc"] --text-color-for-3rd-div: #FFF6F2; display: inline-block; font-weight: bolder; color: var(--text-color-for-3rd-div); transition: 0.6s all ease; font-size: 15px; cursor: default; line-height: 15px; [/class] [class name="backc" state="hover"] --text-color-for-3rd-back-button-when-hovered: #6e3a20; color: var(--text-color-for-3rd-back-button-when-hovered); [/class] [class="hidden"] width: 260px; overflow: hidden; margin-top: 5px; [/class] [class="scrolla"] width: 120%; height: 240px; overflow-Y: scroll; overflow-X: hidden; [/class] [class="textboxa"] --text-color-for-1st-div: #f0ebeb; box-sizing: border-box; max-width: 260px; font-size: 12px; text-align: justify; color: var(--text-color-for-1st-div); cursor: default; [/class] [class="scrollb"] width: 120%; height: 240px; overflow-Y: scroll; overflow-X: hidden; [/class] [class="textboxb"] --text-color-for-2nd-div: #f7faff; box-sizing: border-box; max-width: 260px; font-size: 12px; text-align: justify; color: var(--text-color-for-2nd-div); cursor: default; [/class] [class="scrollc"] width: 120%; height: 240px; overflow-Y: scroll; overflow-X: hidden; [/class] [class="textboxc"] --text-color-for-3rd-div: #FFF6F2; box-sizing: border-box; max-width: 260px; font-size: 12px; text-align: justify; color: var(--text-color-for-3rd-div); cursor: default; [/class] [script class="bg" on="init"] addClass aopacity1 a addClass bopacity1 b addClass copacity1 c [/script] [script class="a" on="click"] addClass aopacity0 a addClass bopacity0 b addClass copacity0 c addClass textaopacity1 texta addClass activecursor backa removeClass aopacity1 a removeClass bopacity1 b removeClass copacity1 c removeClass textaopacity0 texta removeClass aopacity0 b removeClass bopacity0 c removeClass copacity0 a removeClass textaopacity1 textb removeClass activecursor backb removeClass aopacity1 b removeClass bopacity1 c removeClass copacity1 a removeClass textaopacity0 textb removeClass aopacity0 c removeClass bopacity0 a removeClass copacity0 b removeClass textaopacity1 textc removeClass activecursor backc removeClass aopacity1 c removeClass bopacity1 a removeClass copacity1 b removeClass textaopacity0 textc [/script] [script class="backa" on="click"] removeClass aopacity0 a removeClass bopacity0 b removeClass copacity0 c removeClass textaopacity1 texta removeClass activecursor backa addClass aopacity1 a addClass bopacity1 b addClass copacity1 c addClass textaopacity0 texta [/script] [script class="b" on="click"] addClass aopacity0 b addClass bopacity0 c addClass copacity0 a addClass textaopacity1 textb addClass activecursor backb removeClass aopacity1 b removeClass bopacity1 c removeClass copacity1 a removeClass textaopacity0 textb removeClass aopacity0 a removeClass bopacity0 b removeClass copacity0 c removeClass textaopacity1 texta removeClass activecursor backa removeClass aopacity1 a removeClass bopacity1 b removeClass copacity1 c removeClass textaopacity0 texta removeClass aopacity0 c removeClass bopacity0 a removeClass copacity0 b removeClass textaopacity1 textc removeClass activecursor backc removeClass aopacity1 c removeClass bopacity1 a removeClass copacity1 b removeClass textaopacity0 textc [/script] [script class="backb" on="click"] removeClass aopacity0 b removeClass bopacity0 c removeClass copacity0 a removeClass textaopacity1 textb removeClass activecursor backb addClass aopacity1 b addClass bopacity1 c addClass copacity1 a addClass textaopacity0 textb [/script] [script class="c" on="click"] addClass aopacity0 c addClass bopacity0 a addClass copacity0 b addClass textaopacity1 textc addClass activecursor backc removeClass aopacity1 c removeClass bopacity1 a removeClass copacity1 b removeClass textaopacity0 textc removeClass aopacity0 a removeClass bopacity0 b removeClass copacity0 c removeClass textaopacity1 texta removeClass activecursor backa removeClass aopacity1 a removeClass bopacity1 b removeClass copacity1 c removeClass textaopacity0 texta removeClass aopacity0 b removeClass bopacity0 c removeClass copacity0 a removeClass textaopacity1 textb removeClass activecursor backb removeClass aopacity1 b removeClass bopacity1 c removeClass copacity1 a removeClass textaopacity0 textb [/script] [script class="backc" on="click"] removeClass aopacity0 c removeClass bopacity0 a removeClass copacity0 b removeClass textaopacity1 textc removeClass activecursor backc addClass aopacity1 c addClass bopacity1 a addClass copacity1 b addClass textaopacity0 textc [/script] [class="aopacity0"]transition: 1s all ease-out; opacity: 0;[/class] [class="bopacity0"]transition: 1s all ease-out 0.8s; opacity: 0;[/class] [class="copacity0"]transition: 1s all ease-out 1.6s; opacity: 0;[/class] [class="aopacity1"]transition: 1s all ease-out 0.8s; opacity: 1;[/class] [class="bopacity1"]transition: 1s all ease-out 1.6s; opacity: 1;[/class] [class="copacity1"]transition: 1s all ease-out 2.4s; opacity: 1;[/class] [class="textaopacity1"]transition: 1s all ease-out 2.4s; opacity: 1; z-index: 2;[/class] [class="textaopacity0"]transition: 1s all ease-out; opacity: 0;[/class] [class="activecursor"]cursor: pointer;[/class]
code by @fudgecakez
[div class="bg"] [div class="a"] introduction [/div] [div class="b"] plot [/div] [div class="c"] rules [/div] [div class="texta"] [div class="backa"] return [/div] [div class="hidden"] [div class="scrolla"] [div class="textboxa"] -- as you well know, no one ever wanted to have powers. since the very first cursed individual was discovered in the 1940's (you would know his name from history class, of course: James Davis, the college debate team prodigy who suddenly began to spit literal fire from his mouth whenever he spoke), it seems that about every one in 100,000 is born with a secret power - unlikely to be revealed before their eighteenth birthday. this development is considered a genetic failure and is clearly a curse. however, where the powers come from is unknown and it's unclear why they are here. maybe it's science or magic, God or a demon's curse. no matter what it is, it's real, and it's a terrifying reality for about seventy thousand people on this planet.

unfortunately, there is yet little known about these powers despite years of intervention and research. as of now, it is clear that powers develop around a person's eighteenth birthday - though some have developed as early as infancy and others not until middle age. considering all known cases of cursed individuals, researchers have also discovered, curiously enough, that no two people possess exactly the same power. the curse is like a fingerprint, entirely unique to the individual. however, the key attribute to these abilities - and the reason why they have been called a curse - is that they go against everything that the cursed person is. they could be considered a nuisance, at best, and a crippling disability at worst. to help you understand, let me provide some examples. the one boy who hates heights one day finds that he will randomly begin to lift up from the earth and fly: a power of flight that he can't stand to use and which turns on when he least expects it. the fisherman who spent all his life and earned his paycheck in the water suddenly has fire in his veins - he can control fire, yes, but he is also made of it, and will die if he goes into the water. the nurse who wishes for nothing more but to heal the wounded is struck with the horrible realization that she has abnormal superhuman strength and that the slightest of her once-gentle touches will break her patients' skin and bones. certainly if these aren't curses, what else would you call them?

luckily, there is a place for these poor souls! after all, you can't live a normal life in society when you're cursed. salvator academy is a government owned-and-funded organization built specifically to help the cursed overcome their fears and learn to deal with their powers in a school environment. the academy is so important to the well-being of individuals with powers (IWP) that it a requirement and law that all IWP "enroll." why wouldn't you want to? it is the one place IWP can go to be understood, comforted, and prepared to handle their powers before being set free into the world once again. nobody dares mention that everyone who's ever gone to salvator academy never actually seems to come back out. it hardly matters. nobody wants to deal with the freaks who fly and make fire and hurt the weak. ship them off to the academy and you never have to see them again! it must be quite cathartic there.

of course it does matter to you, doesn't it? after all, you have just developed a frightening new ability you despise and the only place left for you in the world is salvator academy. congratulations. [/div] [/div] [/div] [/div] [div class="textb"] [div class="backb"] return [/div] [div class="hidden"] [div class="scrollb"] [div class="textboxb"] this here is my very informal introduction post to a roleplay i've had cooking for a while! it's probably pretty clear at this point that catharsis is not much of a superhero story. it's more of a story about regular people who are horrified to find they have strange powers that are completely opposite to their personalities or lifestyles - and thus get sent to salvator academy & end up getting involved in something terrible. salvator is a very strange academy created by the government. the school itself seems nice enough to an outsider. the teachers and school staff, despite not having powers themselves, are kind and are great help to those who need it. but there's a mystery going on here and things might be a bit shadier than they seem! and there's a lot at stake in figuring out what exactly is going on. [/div] [/div] [/div] [/div] [div class="textc"] [div class="backc"] return [/div] [div class="hidden"] [div class="scrollc"] [div class="textboxc"] ✦ ONE. follow all of RPN's rules. show respect to each other & just be kind.
✦ TWO. this will be a literate roleplay. though i do value quality over quantity, i will expect multi-paragraph responses and proper grammar/punctuation/etc.
✦ THREE. i will be starting a discord for this rp if it gets enough attention. joining will not be a requirement but it will be super, duper encouraged to help with plotting & discussion.
✦ FOUR. there are no roles or slots to fill but i will be setting a limit of 10 characters (not including my own). i'm not sure if this RP will get that much attention, but i don't want to have too many people that it's hard to keep on track of all the characters and the plot. i may accept or reject characters based on what i deem to be a good match for this roleplay & my desires for its plot.
✦ FIVE. please do not come in expecting a light, happy superhero story. there will be dark themes and mature ideas. i'm going for an almost horror take on the superhero tale with supernatural undertones. keep that in mind going forward! [/div] [/div] [/div] [/div] [/div]
 
Last edited:
lil bump
 
whoa this looks awesome! def interested c:
 
I would love to get involved with this! Been looking for something gritty involving super powers for a while now.
 
yay i'm so glad you're all interested!!
i will be putting up ooc and characters pages later today :)
Chimney Swift Chimney Swift : we'll be using real faceclaims!
 
Last edited:
I'm already apart of enough roleplays but this is tempting, maybe expect a character from me!
 
Mind if I join?
Never mind, I just noticed that real faceclaims are required and I can never really find the right pictures for my characters. Happy roleplaying to all involved.
 
i am giving this lil guy one last bump to say that we have accepted the first wave of characters (5/13) leaving 8 slots available! i'll be accepting a few more in a couple days and leaving whatever final spots are open until i accept them on the deadline, may 8th. (though i may end up extending the deadline who knows). anyone who is interested is more than free to hop in before that date!
<3
here are all our links!
cs:
here
ooc: here
discord:
 
I lied :kissopeneyes: I’m giving this guy one last LIL bump just in case! We have 2 more days until CS are due. We have about 9 people right now and we are open to 4 more if anyone ends up being interested in these last couple days!
 

Users who are viewing this thread

Back
Top