Nano
procrastination symphony
The World Is Under Maintenance So We Decided To Use Magical Mechs To Fix It
Magic
Mecha
MonHan
tongue-in-cheek
Welcome to the app page for "Under Maintenance" where you'll be submitting a general overview of your character and mech before moving on to the official character sheet! We aren't looking for an essay or anything superfluous. As long as you get the point across on who your character is and how they utilize their mech, you're fine. Just remember to prepare some tissues for when we rip into your app. We mean srsbsns just kidding.
Some extra guidelines about the app:
Some extra guidelines about the app:
- Depending on who's available at the time, any one of the GMs/Co-GMs may evaluate a character's app.
- This thread is ONLY for apps. Please don't clutter the thread with banter or CSs.
- Images should be an illustration and credit for the artist should be given if applicable.
- Consult the lore page before determining your character's pilot rank.
- Make sure to turn off RTE while editing your app!
Code:
[border=unset; padding: 0; position: relative;
/** edit your character image, size, and position here. if you don't know how to change the size and position, you can ask for help */
--chara-img: url('https://www.rpnation.com/gallery/img_21122016_232825-png.35605/full'); --chara-size: auto 100%; --chara-pos: center;
--chosen-element: var(--default); /** choose between --fire --earth --wind --water*/
--fire: var(--fire-b), var(--earth-a), var(--wind-a), var(--water-a); --earth: var(--fire-a), var(--earth-b), var(--wind-a), var(--water-a); --wind: var(--fire-a), var(--earth-a), var(--wind-b), var(--water-a); --water: var(--fire-a), var(--earth-a), var(--wind-a), var(--water-b); --default: var(--fire-a), var(--earth-a), var(--wind-a), var(--water-a); --wind-a: url('https://raw.github.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/26c4cc5ce8201b0fa98283c084d80d6a3b120736/underMaintenance-wind.svg'); --water-a: url('https://raw.github.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/26c4cc5ce8201b0fa98283c084d80d6a3b120736/underMaintenance-water.svg'); --earth-a: url('https://raw.github.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/26c4cc5ce8201b0fa98283c084d80d6a3b120736/underMaintenance-earth.svg'); --fire-a: url('https://raw.github.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/26c4cc5ce8201b0fa98283c084d80d6a3b120736/underMaintenance-fire.svg'); --wind-b: url('https://raw.githubusercontent.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/b2f21989402c7c8084b7fe17c95eadeee4c3d3ff/wind.svg'); --water-b: url('https://raw.githubusercontent.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/b2f21989402c7c8084b7fe17c95eadeee4c3d3ff/water.svg'); --earth-b: url('https://raw.githubusercontent.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/b2f21989402c7c8084b7fe17c95eadeee4c3d3ff/earth.svg'); --fire-b: url('https://raw.githubusercontent.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/b2f21989402c7c8084b7fe17c95eadeee4c3d3ff/fire.svg'); --bg-color: #f5f5f5; --tag-color: #77fcf7; --neon-blue: #75fbf6; --red:#ea3323; --gray: #727272; --text-font: 'IBM Plex Mono'; --subtitle-font: 'Titillium Web'; --holo-effect: drop-shadow(-1px -.5px 0 var(--neon-blue)) drop-shadow(1px 0px 0 var(--red)); --width-padding-math: clamp(15px, 7.5%, 40px); width: 100%; max-width: 1200px; margin: 0 auto; justify-content: center; align-items: stretch; display: flex; flex-flow: row wrap; box-sizing: border-box; padding: 0 calc( 15px - .25vw);][border=unset; padding: 0; position:relative; min-width: 300px; max-width: 100%; height: auto; padding: 20px; border-radius: 12px; box-sizing: border-box; background-color: var(--bg-color); flex-basis: calc(2/5 * 100%); flex: 1; margin: 7.5px; align-self: flex-start;][border=unset; padding: 0; z-index: 10; position: absolute; font-size: 10px; color: black; text-transform: uppercase; width: 100%; top: 3.75em; left: -20px; height: auto; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start;][comment]
Character tags go here
[/comment][border=unset; padding: 0; display: inline-block; background-color: var(--tag-color); padding: 2px 6px; margin: 2px;][B]Chara Trait[/B][/border][border=unset; padding: 0; display: inline-block; background-color: var(--tag-color); padding: 2px 6px; margin: 2px;][B]Chara Trait A[/B][/border][border=unset; padding: 0; background-color: var(--tag-color); padding: 2px 6px; margin: 2px;][B]Chara Trait B[/B][/border][border=unset; padding: 0; display: inline-block; background-color: var(--tag-color); padding: 2px 6px; margin: 2px;][B]Chara Trait C[/B][/border][comment]
[/comment][/border][border=unset; padding: 0; height: 600px; width: 100%; font-size: 0; border-radius: 10px; pointer-events: none; overflow: hidden; position: relative; background-color: #525252; background-image: var(--chara-img); background-repeat: no-repeat; background-size: var(--chara-size, contain); background-position: var(--chara-pos, center)][border=unset; padding: 0; text-transform: uppercase; position: absolute; writing-mode: vertical-lr; text-orientation: mixed; color: var(--gray); font-size: 10px; right: 10px; bottom: 15px; transform-origin: center; transform: rotate(180deg); pointer-events: auto; /**
* Put the Artist credit below if applicable.
*/]Artist Credit here[/border][/border][/border][border=unset; padding: 0; flex: 3; width: auto; position: relative; min-width: 300px; height: auto; margin: 7.5px; display: flex; flex-flow: column nowrap; justify-content: start;][border=unset; padding: 25px 40px; padding: 25px var(--width-padding-math); position: relative; height: auto; width: 100%; box-sizing: border-box; font-family: var(--text-font); font-size: 20px; line-height: 20px; color: black; background-color: var(--bg-color); border-radius: 12px; text-transform: uppercase; text-align: right; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; center; background-repeat: no-repeat;][border=unset; padding: 0; transform-origin: center; transform: skew(-8deg); letter-spacing: .01px; filter: var(--holo-effect); margin: 5px 8px; /**
* Put Character Alias below
* Character Alias = Mech Name
*/][B]Alias.[/B][/border][border=unset; padding: 0; font-size: 12px; color: var(--gray); font-family: var(--subtitle-font); margin: 5px 0px; line-height: 1; /**
* Put Character Name, Age (in Digits) and Pilot Grade (C/B/A) below
*/]Chara Name (29) / Pilot Grade C/B/A[/border][/border][border=unset; padding: 0; width: auto; height: auto; min-height: min(500px, 100vh); overflow: hidden; padding: 25px 40px; padding: calc(var(--width-padding-math) * 2 /3 ) var(--width-padding-math); font-family: var(--subtitle-font);][comment]
In this section, please pitch to us the kind of character you have in mind. Do not make it long as you're meant to sell it to us. We'll be reviewing which characters we think would be interesting to have in the roleplay. Ideally you'll want to discuss mostly personality and only briefly touch on history if it's important to where your character currently is.
[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sit amet commodo nulla facilisi nullam vehicula ipsum a. Suscipit adipiscing bibendum est ultricies integer quis auctor. Porttitor leo a diam sollicitudin tempor. Nunc non blandit massa enim nec dui. Enim neque volutpat ac tincidunt vitae. Pellentesque habitant morbi tristique senectus et. Lectus vestibulum mattis ullamcorper velit sed. Viverra orci sagittis eu volutpat odio. Interdum consectetur libero id faucibus nisl tincidunt eget. Etiam sit amet nisl purus in. Rhoncus dolor purus non enim praesent elementum. Nunc consequat interdum varius sit amet mattis. Arcu cursus vitae congue mauris rhoncus aenean vel. Ut tellus elementum sagittis vitae et leo duis ut diam.
[border=unset; padding: 0; width: 268px; height: 75px; margin: 0px auto; background-image: var(--chosen-element, var(--default)); background-size: auto 65px; background-position: 0 0, 70px 0, 120px 0, 205px 0; background-repeat: no-repeat;][/border][comment]
In this next area, kindly pitch to us what role your character's mech has in a mission setting. Are they a utility master? The person who hits hard and fast? Or maybe they prefer to sit back and take a long but accurate shot. The appearance doesn't matter as much as what specific purpose they fulfill.
[/comment]Sit amet purus gravida quis blandit turpis cursus. Magnis dis parturient montes nascetur ridiculus mus mauris. Aliquam ut porttitor leo a diam. Sed elementum tempus egestas sed sed risus pretium. Laoreet sit amet cursus sit amet dictum sit amet. Duis tristique sollicitudin nibh sit. Tortor consequat id porta nibh venenatis cras sed felis eget. Volutpat diam ut venenatis tellus in metus. Scelerisque purus semper eget duis at tellus at urna. Sed cras ornare arcu dui. Ullamcorper malesuada proin libero nunc consequat. In massa tempor nec feugiat. Turpis nunc eget lorem dolor. Aenean pharetra magna ac placerat vestibulum lectus mauris. Tortor aliquam nulla facilisi cras fermentum odio. Interdum posuere lorem ipsum dolor sit amet consectetur. Risus in hendrerit gravida rutrum. At erat pellentesque adipiscing commodo.
Orci sagittis eu volutpat odio facilisis mauris. Tincidunt praesent semper feugiat nibh. Faucibus purus in massa tempor nec. Netus et malesuada fames ac turpis egestas integer eget. Orci dapibus ultrices in iaculis nunc sed. Dui nunc mattis enim ut tellus elementum sagittis vitae et. Sit amet tellus cras adipiscing. Ipsum faucibus vitae aliquet nec ullamcorper sit amet risus. Cursus risus at ultrices mi tempus imperdiet. Tellus elementum sagittis vitae et leo duis ut diam quam. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec. Amet aliquam id diam maecenas ultricies. Commodo quis imperdiet massa tincidunt nunc pulvinar.
[/border][/border][/border][border=unset; display: none][font=Titillium Web]font[/font][font=IBM Plex Mono]font[/font][/border]
fontfont
Last edited by a moderator: