Lexielai
Cal Bear
[class name=aspectRatio]
display: block;
position: relative;
width: 100%;
height: 0px;
padding-top: 60%;
[/class]
[class name=aspectRatio maxWidth=1000px]
display: block;
width: 100%;
height: auto;
padding-top: 0px;
[/class]
[class name=root]
display: block;
position: absolute;
height: 100%;
width: 100%;
margin: auto;
overflow: hidden;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
top: 0px;
left: 0px;
right: 0px;
bottom 0px;
background-color: var(--bgColor);
background-image: var(--bgHex), var(--bgImg);
background-size: var(--bgHexSize), var(--bgImgSize);
background-position: var(--bgHexPosition), var(--bgImgPosition);
background-repeat: var(--bgRepeat);
[/class]
[class name=root maxWidth=1000px]
position: relative;
height: auto;
background-color: var(--bgColor);
background-size: auto, auto auto;
[/class]
[class name=mainFlexContainer]
display: flex;
position: relative;
flex-flow: row wrap;
justify-content: center;
align-items: center;
align-content: center;
height: 100%;
width: 100%;
box-sizing: border-box;
overflow: hidden;
z-index: 4;
[/class]
[class name=translucentBox]
display: block;
height: 70%;
width: 70%;
background-color: var(--translucentColor);
box-sizing: border-box;
padding: 30px;
margin: 100px;
overflow: hidden;
[/class]
[class name=translucentBox maxWidth=1000px]
display: block;
width: 90%;
height: auto;
margin: 5%;
padding: 10%;
[/class]
[class name=coverFlexContainer]
display: flex;
position: relative;
flex-flow: row wrap;
align-items: center;
align-content: center;
height: 70%;
width: 100%;
box-sizing: border-box;
overflow: hidden;
background-image: var(--bgCover);
background-size: 37.5%;
background-position: center center;
background-repeat: no-repeat;
[/class]
[class name=coverFlexContainer maxWidth=1000px]
flex-flow: column wrap;
[/class]
[class name=coverFlexBox]
flex: 1 0 20%;
[/class]
[class name=menuFlex]
display: flex;
position: relative;
flex-flow: row wrap;
justify content: center;
align-items: center;
align-content: center;
width: 100%;
box-sizing: border-box;
overflow: hidden;
[/class]
[class name=menuFlex maxWidth=1000px]
display: block;
[/class]
[class name=menuButton]
position: relative;
width: 18%;
height: 10%;
box-sizing: border-box;
margin: 1%;
padding: 1.5%;
border-radius: 4px;
box-shadow: 0px 0px 3px 1px var(--menuBorder) inset;
flex: 1 0 18%;
z-index: 5;
background-color: var(--menuButtonColor);
cursor: pointer;
transition: background var(--transitionFunction), color var(--transitionFunction), box-shadow var(--transitionFunction);
color: var(--menuTextColor);
[/class]
[class name=menuButton state=hover]
background-color: var(--menuButtonHoverColor);
box-shadow: inset 0px 0px 5px var(--menuBorder);
color: var(--menuTextHoverColor);
transition: background var(--transitionFunction), color var(--transitionFunction), box-shadow var(--transitionFunction);
[/class]
[class name=menuButton maxWidth=1000px]
display: block;
flex: 0 0 0px;
width: 90%;
height: 20%;
min-height: 15%;
padding: 2%
[/class]
[class name=menuCenter]
background-image: var(--bgMenuCenter);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
color: var(--transparent);
[/class]
[class name=tabName]
display: none;
[/class]
[class name=menuDivider]
width: 100%;
height: 2px;
margin: 1.5%;
background: linear-gradient(to right, var(--transparent), var(--mainAccent), var(--transparent));
color: var(--transparent);
[/class]
[class name=mainText]
display: block;
position: relative;
text-align: justify;
font-family: var(--mainFont);
font-size: var(--mainTextSize);
letter-spacing: 1px;
color: var(--mainTextColor);
[/class]
[class name=mainHeader]
display: block;
position: relative;
box-sizing: border-box;
font-family: var(--coverFont);
font-size: 3em;
padding: 5px;
letter-spacing: 0px;
text-transform: uppercase;
color: var(--menuTextColor);
[/class]
[class name=mainHeader maxWidth=1000px]
font-size: 2.5em;
[/class]
[class name=mainSubheader]
display: block;
position: relative;
width: 35%;
box-sizing: border-box;
margin: 3px;
border-bottom: 1px var(--mainAccent) solid;
font-family: var(--mainFont);
font-size: 1.1em;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--mainTextColor);
[/class]
[class name=mainSubheader maxWidth=1000px]
width: 100%;
[/class]
[class name=indent]
text-indent: 40px;
[/class]
[class name=menuText]
text-align: center;
font-family: var(--menuFont);
font-size: var(--menuTextSize);
text-transform: uppercase;
letter-spacing: 1px;
[/class]
[class name=coverText]
text-align: center;
font-family: var(--coverFont);
font-size: var(--coverTextSize);
text-transform: uppercase;
letter-spacing: 2px;
color: var(--coverTextColor);
[/class]
[class name=coverExpositionText]
text-align: center;
font-family: var(--menuFont);
font-size: var(--menuTextSize);
text-transform: uppercase;
letter-spacing: 1px;
color: var(--mainTextColor);
[/class]
[class=imageBorder]
box-sizing: border-box;
padding: 0px;
border-right: var(--imgBorder);
border-left: var(--imgBorder);
border-top: var(--imgBorder);
border-bottom: 1px solid var(--mainAccent);
background-color: var(--mainAccent);
[/class]
[class name=scrollBox]
display: block;
position: relative;
height: 90%;
width: 100%;
max-height: 500vh;
padding-right: 100px;
padding-left: 5px;
overflow-x: hidden;
overflow-y: scroll;
[/class]
[class name=scrollBox maxWidth=1000px]
width: 100%;
height: auto;
max-height: 150vmax;
overflow-x: hidden;
overflow-y: auto;
[/class]
[script class="randomBG" version=2]
(= num (randomInt 1 4))
(if (== num 1) (addClass "rootBgOne" "mainNavBgVar"))
(if (== num 2) (addClass "rootBgTwo" "mainNavBgVar"))
(if (== num 3) (addClass "rootBgThree" "mainNavBgVar"))
[/script]
[script class="menuButton" version=2]
(= currentTab "three")
(hide "one")
(hide "two")
(hide "four")
(hide "five")
[/script]
[script class="menuButton" on=click version=2]
(fadeOut 500 currentTab)
(= currentTab (trim (index (split (getText) "TAB") 0)))
(setTimeout 0.5 (fadeIn 100 currentTab))
[/script]
[class name=genVar]
--mainFont: 'Source Sans Pro', sansserif;
--mainTextSize: 1em;
--mainTextColor: #FFFFFF;
--menuFont: 'Roboto Condensed', sansserif;
--menuTextSize: 1em;
--menuTextColor: #c2c2ca;
--menuTextHoverColor: #d6d6db;
--coverFont: 'Share', sansserif;
--coverTextSize: 3.4em;
--coverTextColor: #FFFFFF;
--translucentColor: rgba(0, 0, 0, 0.8);
--menuButtonColor: rgba(45, 45, 45, 0.9);
--menuButtonHoverColor: rgb(20, 50, 90);
--menuBorder: rgba(192, 192, 192, 0.5);
--mainAccent: rgb(192,192,192);
--imgBorder: 2px solid var(--mainAccent);
--transparent: rgba(0, 0, 0, 0);
--transitionFunction: 0.3s ease-in-out 0s;
--textTransitionFunction: 0.8s ease-in-out 0s;
[/class]
[class name=mainNavBgVar]
--bgHex: url(https://i.imgur.com/N0uts0y.png);
--bgHexPosition: center center;
--bgHexSize: auto;
--bgColor: #154360;
--bgRepeat: repeat, no-repeat;
--bgMenuCenter: url(https://i.imgur.com/C6PYEhx.png);
--bgCover: url(https://i.imgur.com/CBttmUv.png);
[/class]
[class name=rootBgOne]
--bgImg: url(https://i.imgur.com/g2DI5qz.jpg);
--bgImgPosition: 40% 40%;
--bgImgSize: auto auto;
[/class]
[class name=rootBgTwo]
--bgImg: url(https://i.imgur.com/RGaycg9.jpg);
--bgImgPosition: 0% 0%;
--bgImgSize: 100% 100%;
[/class]
[class name=rootBgThree]
--bgImg: url(https://i.imgur.com/Sl6HJKS.jpg);
--bgImgPosition: 0% 0%;
--bgImgSize: 100% 100%;
[/class]
[div class=genVar]
[div class=mainNavBgVar]
[div class=aspectRatio]
[div class=root]
[div class=mainFlexContainer]
[div class=translucentBox]
[div class=menuText]
[div class=menuFlex]
[div class="menuButton"]
[div class="tabName"]
oneTAB
[/div]
The Who/The What
[/div]
[div class="menuButton"]
[div class="tabName"]
twoTAB
[/div]
The Where
[/div]
[div class="menuButton menuCenter" style="padding: 2%; flex: 1 0 10%;"]
[div class="tabName"]
threeTAB
[/div]
-
[/div]
[div class="menuButton"]
[div class="tabName"]
fourTAB
[/div]
The Why
[/div]
[div class="menuButton"]
[div class="tabName"]
fiveTAB
[/div]
The How
[/div]
[/div][/div]
[div class=menuDivider]Divide[/div]
[div class="scrollBox one"]
[div class="mainHeader"]
The Astras
[/div]
[div class=mainText]
[div class="imageBorder"]
[/div] You are an ASTRA. Broadly speaking, this title vaguely refers to a person with superhuman abilities. Many millennia ago the Astras were worshipped like gods, and for good reason. The military might of just one rivalled that of an entire army. Battles between Astras were like natural disasters, sundering the world in their wake. And they were also best deterrent to the many monsters, the Kaiju, that threatened civilization at every step.
It was only natural that religion and society warped to surround them. To satisfy and obey their every desire; to follow the strong when you were weak. Yet with time, and experience, civilization learned that even gods could bleed. Tyrant Astras were overthrown by those they oppressed. Society grew to stand on its own two feet. People no longer needed Astras to lead them.
So then came the end of the age of gods, the Satya Yuga, and began the age of men. Gradually, and without explanation, both Astras and Kaiju slowly began disappearing from the annals of history until they became only memories, and then, old fairy tales and legends.
No one believes in Astras anymore. Or at least, that was what you thought, until one day there was an incident. People began mysteriously awakening powers they didn’t understand. Thousands of cases appeared, and although the government tried to keep it quiet, the news spread like wildfire. Magic, was real.
It has been five years since that day. Since then the list of documented awakening incidents has increased dramatically, and so too have questions about what their existence means for society. Spurred on by religious authorities and our own uncertainty, we have begun calling these individuals by an old name: Astra.
You find yourself in a tumultuous time, when society has been shaken and people's senses of identity have been thrown out the window. Some would use you as a weapon; some believe you to be a monster and a threat; others call you heroes. Gods.
Ultimately, only you can decide who will you become.
[/div][/div] [div class="scrollBox two"] [div class=mainHeader] Trinity [/div] [div class=mainText] [div class="imageBorder"]
[/div] Welcome to TRINITY. The City of Hope. Countless civilizations have made their home here, each building one atop the other. Their ruins now lie amidst us, around us, above us, and beneath us, assimilated entirely together into the engineering marvel of a thousand generations.
Trinity...a marvel it is indeed. Although a city in name, it carries its weight more like a country. Or a continent. Between the landmasses once known as Asia, Europe, the Middle East, and Africa, Trinity has emerged as a megastructure of unparalleled size and diversity. It roots dig deep into the bowels of the earth, and its towers rise hundreds of levels into the sky. It is a dense urban jungle linking and encompassing billions of people together under the enigmatic eye of an immortal empress.
Indeed, despite being a highly advanced society with incredible technologies, we still haven’t outgrown certain traditions. Such as dictatorship, concealed in part by diplomatic concessions and clever policies. This is the nature of the ruling body of Trinity, known as “The Government”: a strong force to enforce peace, and ensure peaceful coexistence between the people. By quiet means if necessary.
Fortunately, life under the Government is not dystopic; or, at least, it doesn't seem like it. People are granted significant rights and freedoms despite the all powerful authority of the enforcers; analysts attribute this, in part, to the longstanding vision of the immortal empress, who has cheated history’s cycles by continually upholding her vision of society for centuries.
Some circles whisper that this peace is a lie to conceal greater manipulations; that, in reality, the world is run by a select few elites with their own personal interests at heart. Perhaps their sweet words and surface ideals are mere propaganda after all.
Nonetheless, for better or worse, this place is your home. Best make the most of it.
[/div][/div] [div class="coverFlexContainer three"] [div class="coverFlexBox expositionLeft"] [div class="coverExpositionText"] Weapons. Monsters. Heroes. Gods. [/div][/div] [div class="coverFlexBox coverTitle" style="flex: 1 0 50%"] [div class="coverText coverCenter"] The Astra Veda [/div][/div] [div class="coverFlexBox expositionRight"] [div class="coverExpositionText"] Who will you become, Astra? [/div][/div][/div] [div class="scrollBox four"] [div class=mainHeader] The Astra Conference [/div] [div class=mainText] [div class="imageBorder"]
[/div] You have been invited to the very first ASTRA CONFERENCE, held in the heart of Trinity’s Central District and hosted by the official Astra Association. They have been vague on the details so far, but both the association and conference are supported by the Government, so the invitation appears legitimate enough.
In any case, the event has been strongly marketed as a meet-and-greet of sorts; an opportunity to familiarize yourself with and meet the community of people like you. It is also an opportunity to hone and better understand your abilities alongside those who can understand your struggle.
Indeed, despite the existence of tens of thousands of Astras, there are still so few compared to those who have not been blessed (or cursed, depending on your point of view) with power. Your life may have become lonely ever since your awakening, as friends and family began treating you cautiously, or even coldly. At the very least, nothing has been the same.
But there are also whispers that something else is going on. Quiet suspicions that there is another reason superhumans are being gathered together. This has attracted the curiosity of some who are interested in observing their plans. Others have come to investigate and spy, or to make sure that nothing sinister is afoot.
Your reasons are your own, but you find yourself here regardless. Enjoy the food; it's quite good.
[/div][/div] [div class="scrollBox five"] [div class=mainHeader] Expectations [/div] [div class=mainSubheader] Running the Game [/div] [div class="mainText indent"] This roleplay is difficult to describe. It is like a mix of cyberpunk, fantasy and mythology all wrapped up into one package. There is a lot going on, which makes it difficult to decide on a theme. So where this story goes is still up for debate. [/div] [div class="mainText indent"] On the GM side, I’m pretty flexible and experienced with running games (although some qualities could use work, haha). I’m most effective with small groups of three or four. Past that, I’ll need help. So, if this attracts some attention, then I’ll also be looking for co-GMs! I’m also toying with the idea of a simple dice system, and schemes for giving players more of a voice. More news on that to come later. [/div] [div class=mainSubheader] Players and Characters [/div] [div class="mainText indent"] I ask that players be respectful, and communicate often. Participate in discord occasionally, and drop me a line if you’re unable to post. Simple stuff, but easy to forget about. If you want to participate, then I want you to be prepared to make a small commitment to upholding these two things. [/div] [div class="mainText indent"] As for characters, I’m allowing an unlimited amount on one condition. You may only select one or two to be main characters, and any others become supporting cast. Why? Because I want you to focus on character arcs, and a smaller main cast is easier to cater the game around. [/div] [div class=mainSubheader] Quality [/div] [div class="mainText indent"] I don’t expect to see you rewrite Shakespeare, but I don’t want to see haphazard writing either. This roleplay is best catered towards intermediate and advanced writers. As for what I would like to see, I really favor a combination of both style and concision. Your posts should be at least a paragraph, but I’d rather not see posts that go on and on either. It takes a lot to consistently put that much effort into a post, and its sets a precedent that posts "should" be that long. So just stick to a length that is easy to maintain. [/div] [div class=mainSubheader] Commitment [/div] [div class="mainText indent"] I’ll emphasize again that, yes, I know life happens. It’ll inevitably happen for me too. That’s why I’ll keep stressing how important it is to communicate. If that’s something you’re not prepared to do, then this is probably not the place for you. As for the actual commitment, I expect you to follow along with the story and post once or more per week (or let me know if you can't). I am ready to boot you if you’re both inactive and not communicating. I also want to be clear that I will not wait forever for you to post. [/div] [div class="mainText indent"] As a bit of transparency with you all, I don’t expect everyone who applies to stick around. My focus will be on those of you that remain; I have no issue with weeding out folks who are not ready to commit. [/div] [div class=mainHeader] Links [/div] [div class=mainText] Character Sheet
Discord
[/div][/div] [/div][/div] [/div][/div][/div][/div]
It was only natural that religion and society warped to surround them. To satisfy and obey their every desire; to follow the strong when you were weak. Yet with time, and experience, civilization learned that even gods could bleed. Tyrant Astras were overthrown by those they oppressed. Society grew to stand on its own two feet. People no longer needed Astras to lead them.
So then came the end of the age of gods, the Satya Yuga, and began the age of men. Gradually, and without explanation, both Astras and Kaiju slowly began disappearing from the annals of history until they became only memories, and then, old fairy tales and legends.
No one believes in Astras anymore. Or at least, that was what you thought, until one day there was an incident. People began mysteriously awakening powers they didn’t understand. Thousands of cases appeared, and although the government tried to keep it quiet, the news spread like wildfire. Magic, was real.
It has been five years since that day. Since then the list of documented awakening incidents has increased dramatically, and so too have questions about what their existence means for society. Spurred on by religious authorities and our own uncertainty, we have begun calling these individuals by an old name: Astra.
You find yourself in a tumultuous time, when society has been shaken and people's senses of identity have been thrown out the window. Some would use you as a weapon; some believe you to be a monster and a threat; others call you heroes. Gods.
Ultimately, only you can decide who will you become.
[/div][/div] [div class="scrollBox two"] [div class=mainHeader] Trinity [/div] [div class=mainText] [div class="imageBorder"]
Trinity...a marvel it is indeed. Although a city in name, it carries its weight more like a country. Or a continent. Between the landmasses once known as Asia, Europe, the Middle East, and Africa, Trinity has emerged as a megastructure of unparalleled size and diversity. It roots dig deep into the bowels of the earth, and its towers rise hundreds of levels into the sky. It is a dense urban jungle linking and encompassing billions of people together under the enigmatic eye of an immortal empress.
Indeed, despite being a highly advanced society with incredible technologies, we still haven’t outgrown certain traditions. Such as dictatorship, concealed in part by diplomatic concessions and clever policies. This is the nature of the ruling body of Trinity, known as “The Government”: a strong force to enforce peace, and ensure peaceful coexistence between the people. By quiet means if necessary.
Fortunately, life under the Government is not dystopic; or, at least, it doesn't seem like it. People are granted significant rights and freedoms despite the all powerful authority of the enforcers; analysts attribute this, in part, to the longstanding vision of the immortal empress, who has cheated history’s cycles by continually upholding her vision of society for centuries.
Some circles whisper that this peace is a lie to conceal greater manipulations; that, in reality, the world is run by a select few elites with their own personal interests at heart. Perhaps their sweet words and surface ideals are mere propaganda after all.
Nonetheless, for better or worse, this place is your home. Best make the most of it.
[/div][/div] [div class="coverFlexContainer three"] [div class="coverFlexBox expositionLeft"] [div class="coverExpositionText"] Weapons. Monsters. Heroes. Gods. [/div][/div] [div class="coverFlexBox coverTitle" style="flex: 1 0 50%"] [div class="coverText coverCenter"] The Astra Veda [/div][/div] [div class="coverFlexBox expositionRight"] [div class="coverExpositionText"] Who will you become, Astra? [/div][/div][/div] [div class="scrollBox four"] [div class=mainHeader] The Astra Conference [/div] [div class=mainText] [div class="imageBorder"]
In any case, the event has been strongly marketed as a meet-and-greet of sorts; an opportunity to familiarize yourself with and meet the community of people like you. It is also an opportunity to hone and better understand your abilities alongside those who can understand your struggle.
Indeed, despite the existence of tens of thousands of Astras, there are still so few compared to those who have not been blessed (or cursed, depending on your point of view) with power. Your life may have become lonely ever since your awakening, as friends and family began treating you cautiously, or even coldly. At the very least, nothing has been the same.
But there are also whispers that something else is going on. Quiet suspicions that there is another reason superhumans are being gathered together. This has attracted the curiosity of some who are interested in observing their plans. Others have come to investigate and spy, or to make sure that nothing sinister is afoot.
Your reasons are your own, but you find yourself here regardless. Enjoy the food; it's quite good.
[/div][/div] [div class="scrollBox five"] [div class=mainHeader] Expectations [/div] [div class=mainSubheader] Running the Game [/div] [div class="mainText indent"] This roleplay is difficult to describe. It is like a mix of cyberpunk, fantasy and mythology all wrapped up into one package. There is a lot going on, which makes it difficult to decide on a theme. So where this story goes is still up for debate. [/div] [div class="mainText indent"] On the GM side, I’m pretty flexible and experienced with running games (although some qualities could use work, haha). I’m most effective with small groups of three or four. Past that, I’ll need help. So, if this attracts some attention, then I’ll also be looking for co-GMs! I’m also toying with the idea of a simple dice system, and schemes for giving players more of a voice. More news on that to come later. [/div] [div class=mainSubheader] Players and Characters [/div] [div class="mainText indent"] I ask that players be respectful, and communicate often. Participate in discord occasionally, and drop me a line if you’re unable to post. Simple stuff, but easy to forget about. If you want to participate, then I want you to be prepared to make a small commitment to upholding these two things. [/div] [div class="mainText indent"] As for characters, I’m allowing an unlimited amount on one condition. You may only select one or two to be main characters, and any others become supporting cast. Why? Because I want you to focus on character arcs, and a smaller main cast is easier to cater the game around. [/div] [div class=mainSubheader] Quality [/div] [div class="mainText indent"] I don’t expect to see you rewrite Shakespeare, but I don’t want to see haphazard writing either. This roleplay is best catered towards intermediate and advanced writers. As for what I would like to see, I really favor a combination of both style and concision. Your posts should be at least a paragraph, but I’d rather not see posts that go on and on either. It takes a lot to consistently put that much effort into a post, and its sets a precedent that posts "should" be that long. So just stick to a length that is easy to maintain. [/div] [div class=mainSubheader] Commitment [/div] [div class="mainText indent"] I’ll emphasize again that, yes, I know life happens. It’ll inevitably happen for me too. That’s why I’ll keep stressing how important it is to communicate. If that’s something you’re not prepared to do, then this is probably not the place for you. As for the actual commitment, I expect you to follow along with the story and post once or more per week (or let me know if you can't). I am ready to boot you if you’re both inactive and not communicating. I also want to be clear that I will not wait forever for you to post. [/div] [div class="mainText indent"] As a bit of transparency with you all, I don’t expect everyone who applies to stick around. My focus will be on those of you that remain; I have no issue with weeding out folks who are not ready to commit. [/div] [div class=mainHeader] Links [/div] [div class=mainText] Character Sheet
Discord
[/div][/div] [/div][/div] [/div][/div][/div][/div]
Last edited:
