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—the Awakening. Out of the blue, 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 Beginning of the End [/div] [div class=mainText style="white-space: pre-wrap;"][div style="white-space: normal;"][div class="imageBorder"]
[/div][/div]Trouble has arrived for you, Astra.
The peaceful air of the recent Astra Conference, an event meant to bring together the community, has ignited into a storm. A cultist group calling themselves the Shrauta had risen from the shadows and violently usurped control over the event. Their message was simple: submit to their gods, the Great Old Ones, or die.
To truly punctuate their message, the Shrauta have left a trail of destruction and ruin behind them. Thousands of people have perished during this last terror attack, and many of Trinity’s heroes have fallen to the overwhelming might of their secret weapon.
This weapon is a woman, an Astra, known as Ophelia—the Mind’s Chosen. Her carefree appearance and childish attitude are deeply misleading because they disguise the ruthlessness and earthshaking power hidden within her young form. She alone has rendered over ten thousand Astras helpless within the palm of her hand as if they were nothing more than skittering ants.
In the wake of this devastation, the Government has been forced to act. To combat the threat of the cultists, they have decided their only recourse is to fight fire with fire, Astra with Astra. As a result, the A.S.T.R.A. Initiative was born. It is a program to bring together a remarkable group of people to fight this desperate battle when no one else could.
Meanwhile, the underworld also stirs. A rebel group known as the Blue Lotus desires justice for the people who have suffered under the tyranny of the Government, and they see the Shrauta as no different; they are simply yet another oppressor vying to rule over the people. Thus, while Trinity and the Shrauta exhaust themselves in their war, the Blue Lotus watches and moves—waiting for their time to strike.
As one of the few remaining Astras in the city, you have become the centerpoint of the struggle between these three factions. While the A.S.T.R.A. Initiative and the Blue Lotus strive to recruit you for their cause, the Shrauta are relentlessly hounding your heels, seeking to hunt you down for their own nefarious ends.
There is no avoiding the conflict coming your way. Whose side will you join? What will you do? Find out more in the Astra Veda.
[/div][/div]
[div class="scrollBox five"]
[div class=mainHeader]
Expectations
[/div]
[div class=mainSubheader]
Running the Game
[/div]
[div class="mainText"]
This roleplay is difficult to describe. It is like a mix of cyberpunk, superheroes, 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"] 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"] 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"] 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"] 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"] 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). [/div]
[div class="mainText"] I also want to be clear that I will not wait forever for you to post. 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. It sounds harsh, I know, but it's just not practical to keep everyone waiting on one person. [/div]
[div class=mainHeader] Links [/div] [div class=mainText] Lore
Character Sheet
The Story So Far (Summary)
[/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—the Awakening. Out of the blue, 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 Beginning of the End [/div] [div class=mainText style="white-space: pre-wrap;"][div style="white-space: normal;"][div class="imageBorder"]
[div class="mainText"] 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"] 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"] 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"] 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"] 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). [/div]
[div class="mainText"] I also want to be clear that I will not wait forever for you to post. 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. It sounds harsh, I know, but it's just not practical to keep everyone waiting on one person. [/div]
[div class=mainHeader] Links [/div] [div class=mainText] Lore
Character Sheet
The Story So Far (Summary)
[/div][/div] [/div][/div] [/div][/div][/div][/div]
Last edited:
