This project has been privated.
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature currently requires accessing the site using the built-in Safari browser.
[comment]
Code by Serobliss / Made for Valorous Order
I do not own any of the images presented in this code.
[/comment][border=0; padding: 0;
———— 𝙄𝙢𝙖𝙜𝙚 𝘾𝙤𝙣𝙩𝙧𝙤𝙡 𝙋𝙖𝙣𝙚𝙡;
--character: url('https://i.imgur.com/g1eeBDp.jpg') no-repeat 50% 0%/cover;
--star: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)][border=0; border-bottom: 1px solid rgba(50 50 50); padding: 0; box-sizing: border-box; height: 20px; background: #000][/border][border=0; padding: 90px 0; background: url('https://i.imgur.com/aJ3WGCF.jpg') no-repeat 50% 50%/cover; position: relative][border=0; padding: 0; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0 0 0 / 81%); position: absolute][/border][border=0; padding: 0; position: relative; margin: auto; width: clamp(250px, 100%, 1150px); display: flex; flex-flow: row wrap; justify-content: space-evenly][border=0; padding: 0; box-sizing: border-box; width: clamp(250px, 100%, 250px); box-shadow: 0 0 5px rgba(0 0 0 / 38%)][border=0; padding: 5px 8px; background: #000; color: white; display: flex; flex-flow: row wrap; font-size: 17px; position: relative][fa]fas fa-address-card[/fa][border=0;
———— Your character's code
https://www.boxentriq.com/code-breaking/letters-to-numbers
1. Go to the website above.
2. Input your character's code name and generate the numbers.
3. Copy+paste the numbers next to ECD-
4. Remove the spaces.
5. Profit
; padding: 0; font-size: 11px; text-transform: uppercase; line-height: 1; margin-left: 6px; margin-top: -1px; box-sizing: border-box; width: 80%][font=Jost]ECD-211420920125 [/font][border=0; padding: 0; font-size: 5px; text-transform: uppercase; line-height: 1; margin-top: 1px][font=Jost]Valorous Order[/font][/border][/border][border=0; padding: 0; position: absolute; width: 5px; height: 5px; right: 4px; top: 4px; background: rgba(218 221 225)][/border][border=0; padding: 0; position: absolute; right: 4px; bottom: 9px; color: #fff; font-size: 5px; font-family: 'Jost', sans-serif; text-transform: uppercase]Aeyukarus Empyria[/border][border=0; padding: 0; position: absolute; right: 4px; bottom: 3px; color: #fff; font-size: 5px; font-family: 'Jost', sans-serif; text-transform: uppercase]Sui Generis[/border][/border][border=0; padding: 0; box-sizing: border-box; height: 420px; background: var(--character); box-shadow: 0 0 15px rgba(0 0 0 / 80%) inset; position: relative; border-bottom: 3px solid #891028][border=0; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(0deg, rgba(0,0,0,1) 17%, rgba(134,7,48,0) 100%)][/border][border=0; padding: 0; position: absolute; bottom: 3.35%; left: 0; right: 0; margin: 0 auto; width: 80%][border=0; padding: 0; display: flex; flex-flow: row nowrap; justify-content: center][border=0; padding: 0; filter: drop-shadow(3px 3px 1px #000) drop-shadow(0 0 5px #000) drop-shadow(0 0 1px #000); position: relative; z-index: 6][border=0; padding: 0; box-sizing: var(--0); clip-path: var(--star); background: #fff; width: 30px; height: 30px; -webkit-backface-visibility: hidden; transform: rotate(13deg)][/border][/border][border=0; padding: 0; filter: drop-shadow(3px 3px 1px #000) drop-shadow(0 0 5px #000) drop-shadow(0 0 1px #000); margin-left: -8px; position: relative; z-index: 5][border=0; padding: 0; box-sizing: var(--0); clip-path: var(--star); background: #fff; width: 30px; height: 30px; -webkit-backface-visibility: hidden; transform: rotate(13deg)][/border][/border][border=0; padding: 0; filter: drop-shadow(3px 3px 1px #000) drop-shadow(0 0 5px #000) drop-shadow(0 0 1px #000); margin-left: -8px; position: relative; z-index: 4][border=0; padding: 0; box-sizing: var(--0); clip-path: var(--star); background: #fff; width: 30px; height: 30px; -webkit-backface-visibility: hidden; transform: rotate(13deg)][/border][/border][border=0; padding: 0; filter: drop-shadow(3px 3px 1px #000) drop-shadow(0 0 5px #000) drop-shadow(0 0 1px #000); margin-left: -8px; position: relative; z-index: 3][border=0; padding: 0; box-sizing: var(--0); clip-path: var(--star); background: #fff; width: 30px; height: 30px; -webkit-backface-visibility: hidden; transform: rotate(13deg)][/border][/border][border=0; padding: 0; filter: drop-shadow(3px 3px 1px #000) drop-shadow(0 0 5px #000) drop-shadow(0 0 1px #000); margin-left: -8px; position: relative; z-index: 2][border=0; padding: 0; box-sizing: var(--0); clip-path: var(--star); background: #fff; width: 30px; height: 30px; -webkit-backface-visibility: hidden; transform: rotate(13deg)][/border][/border][/border][/border][/border][/border][border=0; box-sizing: border-box; padding: 0; width: clamp(250px, 100%, 800px)][border=0; padding: 0; height: 8px; box-sizing: border-box; background: #891028; clip-path: polygon(0 0, 100% 0, 100% 100%, 4.6% 100%, 4.6% 0, 4% 0, 4% 100%, 0 100%); margin-bottom: 4px][/border][border=0; padding: 0; display: flex; flex-flow: row wrap; font: normal 700 9px Jost; line-height: 1; color: #2d3c86; text-transform: uppercase; text-transform: uppercase;
———— Reference
][border=0; padding: 3px 6px; width: fit-content; width: -moz-fit-content; background: #891028; margin: 0 0 4px 0px; color: black]Reference: Original[/border][border=0;
———————— Your Username
; padding: 3px 6px; width: fit-content; width: -moz-fit-content; background: #891028; margin: 0 0 4px 4px; color: black]Character Owner: Your RPN User[/border][border=0; padding: 3px 6px; width: fit-content; width: -moz-fit-content; background: #891028; margin: 0 0 4px 4px; color: black]Aeyukarus Vondera Empyria[/border][/border][border=0;
———————— Code Name
; padding: 0 0 3px 12px; border-left: 8px solid #891028; font-size: calc(4.5vh + 13px); text-transform: uppercase; line-height: 1; background: rgba(0 0 0 / 60%); color: rgba(224 228 233)][font=Jost]Felbryndr[/font][/border][border=0; padding: 0; display: flex; flex-flow: row nowrap; text-transform: uppercase; line-height: 1; font-family: 'Roboto Condensed', sans-serif; margin-top: 5px; font-weight: 700;
———————— Identity (Real Name, Age, and Gender)
][border=0; padding: 3px 0 3px 7px; font-size: 12px; background: rgba(137 16 40 / 85%); color: rgba(224 228 233); box-sizing: border-box; width: 90px][font=Inter]Identity[/font][/border][border=0; padding: 3px 0 3px 5px; font-size: 12px; line-height: 1; background: rgba(255 255 255 / 84%); color: rgba(224 228 233); box-sizing: border-box; margin-left: 6px; color: black; flex: 1][font=Roboto Condensed]Real Name / Age / Gender[/font][/border][/border][border=0;
———————— Hierarchy (Noble Status (Nobility or Commoner), House (Valor, Revelation, or Divinity), Position (Head or Member))
; padding: 0; display: flex; flex-flow: row nowrap; text-transform: uppercase; line-height: 1; font-family: 'Roboto Condensed', sans-serif; margin-top: 5px; font-weight: 700][border=0; padding: 3px 0 3px 7px; font-size: 12px; background: rgba(137 16 40 / 85%); color: rgba(224 228 233); box-sizing: border-box; width: 90px][font=Inter]Hierarchy[/font][/border][border=0; padding: 3px 0 3px 5px; font-size: 12px; line-height: 1; background: rgba(255 255 255 / 84%); color: rgba(224 228 233); box-sizing: border-box; width: 250px; margin-left: 6px; color: black; flex: 1][font=Roboto Condensed]Noble Status / House / Position[/font][/border][/border][border=0;
———————— Affiliation (Organization, their position in the faction)
; padding: 0; display: flex; flex-flow: row nowrap; text-transform: uppercase; line-height: 1; font-family: 'Roboto Condensed', sans-serif; margin-top: 5px; font-weight: 700][border=0; padding: 3px 0 3px 7px; font-size: 12px; background: rgba(137 16 40 / 85%); color: rgba(224 228 233); box-sizing: border-box; width: 90px][font=Inter]Affiliation[/font][/border][border=0; padding: 3px 0 3px 5px; font-size: 12px; line-height: 1; background: rgba(255 255 255 / 84%); color: rgba(224 228 233); box-sizing: border-box; width: 250px; margin-left: 6px; color: black; flex: 1][font=Roboto Condensed]Organization / Position[/font][/border][/border][border=0;
———————— General Description of your character
; padding: 0; display: flex; flex-flow: row wrap; line-height: 1.53; font-family: 'Anek Latin', sans-serif; margin-top: 5px; font-weight: 300; text-align: justify][border=0; padding: 3px 0 3px 7px; font-size: 12px; background: rgba(137 16 40 / 85%); color: rgba(224 228 233); box-sizing: border-box; width: 100%; text-transform: uppercase; line-height: 1; font-weight: 700][font=Inter]General Description[/font][/border][border=0; padding: 1px 6px; font-size: 14px; color: rgba(245 245 250); box-sizing: border-box; width: 100%; margin-top: 5px; text-shadow: 0 0 2px rgba(0 0 0 / 70%), 0 0 1px #000][font=Anek Latin]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mi dui, aliquet at porta at, faucibus vel nulla. Duis vitae orci sit amet velit luctus hendrerit eget eu quam. Quisque vel semper orci. Integer blandit nulla vel mauris ornare, quis tempor justo pretium. Pellentesque tempor varius congue. Nulla ac erat sit amet urna sagittis pellentesque. Nunc eu finibus nisi. Sed bibendum purus maximus convallis volutpat. Suspendisse auctor, mauris sit amet tempus tincidunt, arcu nisi aliquam ligula, sit amet iaculis neque leo vel tortor. Nulla in est vel lacus fringilla elementum ac a nisl.
Nulla molestie mi quis leo euismod placerat. Fusce volutpat lobortis dolor, eget pharetra orci ultrices non. Sed nec nisi pretium, mattis sem vitae, hendrerit libero. Quisque ultrices hendrerit finibus. Morbi tincidunt ex nec dolor auctor, eu varius metus consectetur. Proin venenatis libero eget dapibus euismod. Ut et ipsum enim. Sed iaculis, justo sit amet sollicitudin pellentesque, massa enim aliquet elit, vel scelerisque erat purus vel elit. In molestie tempus dui eget sollicitudin. Quisque eget vehicula odio. Nullam aliquet justo in eleifend hendrerit. Proin venenatis libero eget dapibus euismod. Ut et ipsum enim. Suspendisse auctor, mauris sit amet tempus tincidunt, arcu nisi aliquam ligula, sit amet iaculis neque leo vel tortor.[/font][/border][/border][/border][/border][/border][border=0; border-top: 1px solid rgba(50 50 50); padding: 0; padding-top: 5px; padding-right: 7px; line-height: 1; box-sizing: border-box; height: 20px; background: #000; text-align: right; font-size: 8px; color: rgba(230 240 250); text-transform: uppercase]Valorous Order | Code by Serobliss[/border][/border]