Doctor Llamabean
*winks at Markus*
- Welcome aboard, ye lost soul! And welcome to The New Age!
So ye've come lookin' fer trouble, aye? Heh. Can't say I blame ye; this world's got more stories than the sea's got secrets. But let me tell ye somethin' before ye throw yerself to the tide... this ain't the world it used to be.
They call this era the New Age, but don’t be fooled—just ‘cause the Hollow Epoch’s long past don’t mean its ghosts are gone. The sea still carries whispers of what was lost, and those who dig too deep into the past… well, they don’t always live to tell the tale.
This world’s got Sorcerers, ones who pull power from the Source like it’s the very breath in their lungs. Then ye got Alchemists, speakin’ in tongues that make a man’s ears bleed, bindin’ the Tether to twist the world to their will. And then, there’s the ones no one speaks of, 'cause no one even knows what they are: Vessels, people with power flowin’ through their very veins, guided by voices no one else can hear.
But it ain’t just magic ye gotta worry about. Pirates, kings, warlords, and secret orders—they’re all vyin’ for control, each one with their own vision of what this New Age ought to be. Some chase gold, some chase power, and some... some chase the truth. But ye best be careful...there’s some truths that ain’t meant to be found.
So what’ll it be, stranger? Will ye raise yer flag and carve yer name into the world? Or will ye be another poor soul swallowed by the sea?
Heh. Either way, ye best hold fast, ‘cause this world don’t take kindly to the weak. - Here is everything you'll need!
Name
Alias - (This is basically what the NPC masses know them by. Ex. Blackbeard.
Role - (Captain, Vice-Captain, Doctor, Cook, Navigator, Shipwright, Deck Swabber, etc.. Feel free to get creative but make sure to take it up with your Captain!)
Class - (Vessel, Alchemist, Sorcerer, None?)
Crew - (Whose crew are you a member of?)
Age
Born - (You can put the season and the year.)
Gender
Pronouns
Bounty - (You can read more about this in the Discord!) (Optional: Feel free to include a quip about their crimes! See my CS for an example.)
Height/Weight
Appearance Description
Short Personality Description
Weapon of choice
Abilities - (Sorcerers can include 5 Spells for now. Example: Fireball.) (Alchemists can include 5 Recipes for now. Example: Invisibility potion.)
Backstory
Feel free to use your own code, but here is the code we have by
gxxberkit
!
You can change it around how you need to! And don't be afraid to throw down a WIP.

You can change it around how you need to! And don't be afraid to throw down a WIP.
Code:
[comment]
[font=Fondamento]fontcall[/font]
[font=Meie Script]fontcall[/font]
[/comment][border=0px; padding: 0; margin: 0 auto; position: relative;
--character: url('https://i.pinimg.com/originals/11/d8/6c/11d86c2b3f3e53634361b7402f9363e2.png') no-repeat center center/150% auto;
--bg: url('https://images.unsplash.com/photo-1581030063954-8b9c854df9d0?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDQwfHx8ZW58MHx8fHx8') no-repeat;
--paper: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRk2G3rDlXyyo26JxlZmVgVquctYduKJs6qYA&s');
--squigg: url('https://images.unsplash.com/photo-1546484396-fb3fc6f95f98?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTJ8fHdvb2QlMjB0ZXh0dXJlfGVufDB8MHwwfHx8MA%3D%3D');
--flower: url('https://cdn.shopify.com/s/files/1/0514/6332/3817/products/1230157_grande.png') no-repeat center center/150% auto;
--paper2: url('https://t4.ftcdn.net/jpg/03/08/20/13/360_F_308201365_h6ye6QT6UjHjktbedUEiCY8EHIufyLcW.jpg') no-repeat center center/300% auto;
--divider: url('https://png.pngtree.com/png-vector/20220705/ourmid/pngtree-decorative-divider-black-png-image_5687936.png') no-repeat center;
width: clamp(250px, 100%, 800px); min-height: 730px; box-sizing: border-box; overflow: hidden;][border=0px; width: 100%; height: 100%; background: var(--squigg); display: flex; flex-flow: row wrap; color: #21261f;][comment]
!! THE NEXT [border] IS THE !!! BACKGROUND !!! TO READJUST THE IMAGE, PLEASE FIND THE “BACKGROUND-POSITION” AND "BACKGROUND-SIZE" VARIABLES AND MESS AROUND WITH THEM UNTIL YOU’RE SATISFIED. !!
[/comment][border=0px; width: 110%; margin-left: -15px; margin-right: -15px; height: 220px; background: var(--bg); background-position: 2% 70%; background-size: 100%; display: inline-block; margin-top: -20px;][comment]
[/comment][border=0; position: absolute; box-sizing: border-box; width: calc(100% + 1px); left: 0px; height: 200px; display: flex; flex-flow: row wrap; justify-content: left;][border=0; padding: 0; width: 60%; margin-top: 160px; margin-left: -7px; min-height: 60px; background: var(--paper); display: flex; flex-flow: nowrap; position: absolute; clip-path: polygon(100% 0%, 0% 0%, 0 12%, 8% 15%, 0 16%, 0 58%, 4% 60%, 0 65%, 9% 68%, 0 71%, 0% 100%, 100% 100%, 90% 97%, 100% 96%, 100% 73%, 93% 70%, 100% 68%, 100% 32%, 90% 31%, 100% 29%); color: #21261f; font-family: 'Fondamento'; font-size: 20px; justify-content: center; padding-top: 15px;][center][comment]
[/comment]Rank Firstname Surname[comment]
[/comment][/center][/border][border=0; background: var(--squigg); background-position: 70% 100%; height: 220px; width: 220px; display: inline-block; justify-content: center; margin-top: 2px; flex: 1;][comment]
!! THE NEXT [border] IS THE !!! MAIN CHARACTER IMAGE !!! TO READJUST THE IMAGE, PLEASE FIND THE “BACKGROUND-POSITION” AND "BACKGROUND-SIZE" VARIABLES AND MESS AROUND WITH THEM UNTIL YOU’RE SATISFIED. !!
[/comment][border=0px; height: 170px; width: 170px; background: var(--character); background-position: 45% 10%; margin-top: 2px;][/border][comment]
[/comment][/border][border=0; height: 189px; width: 50%; display: inline-block; margin-left: 10px; margin-top: -10px; flex: 6; font-family: 'Fondamento', sans-serif; padding: 0 25px 20px 25px; color: #dfe6f0;][comment]
!! QUOTE + CREDIT !!
Note: This part of the code will NOT expand with more text. The quote can hold about 15 words.
[/comment][center][size=5]
how many shrimps do you have to eat before you make your skin turn pink
[/size][size=2]Art Credit: bzzbzz
[/size][/center][comment]
[/comment][/border][/border][/border][border=0; width: 97%; min-height: 510px; background: var(--flower); background-position: 102% 50%; background-size: 150px 500px; display: inline-block; margin-top: 2px; font-family: 'Fondamento', sans-serif;][comment]
!! CHARACTER INFO !!
Note: The entire rest of the code WILL expand with more text :3
[/comment][comment]
[/comment][border=0; overflow-x: hidden; width: 85%; height: 600px; overflow-y: hidden; margin-top: 30px; margin-left: -20px;][border=0; background: var(--paper2); overflow-x: hidden; overflow-y: scroll; height: 560px; box-sizing: content-box; width: 100%; margin-left: 2%; clip-path: polygon(100% 3%, 96% 0, 95% 4%, 94% 0, 72% 0, 71% 3%, 70% 0, 49% 0%, 48% 3%, 47% 0, 36% 0, 35% 3%, 34% 0, 23% 1%, 15% 0, 0% 0%, 0 23%, 2% 25%, 0 25%, 0% 100%, 5% 100%, 6% 97%, 7% 99%, 28% 100%, 29% 98%, 30% 100%, 36% 100%, 37% 98%, 38% 100%, 63% 100%, 64% 98%, 65% 100%, 79% 100%, 81% 98%, 82% 100%, 91% 99%, 100% 100%, 100% 59%, 98% 58%, 100% 56%);][border=0; margin: 1px; margin-left: -2%; font-size: 16px;][comment]
!! POST !!
Note: This part scrolls!!
[/comment][border=0; font-size: 90px; font-family: 'Meie Script', sans-serif;][comment]
[/comment]Alias[/border][border=0; font-size: 30px; font-family: 'Meie Script', sans-serif; padding-left: 15%; margin-top: -60px;][comment]
[/comment]Rank (again) of Crew[/border][comment]
[/comment][border=0; width: 90%; min-height: 100px; background: var(--divider); display: inline-block; background-size: 90% 190px; padding-left: 7%; margin-top: -30px;][/border]
[border=0; margin-top: -20px; width: 100%; margin-left: -20px; position: relative;][tabs]
[tab=010101010][B]Name:[/B]
[B]Alias:[/B]
[B]Age:[/B]
[B]Born:[/B]
[B]Crew:[/B]
[B]Bounty:[/B] GꝞ number
[I]"By order of The Uphold, x is charged with x. They are to be captured dead or alive."[/I]
[border=0; font-size: 50px; font-family: 'Meie Script', sans-serif; margin-left: -10px;]Appearance[/border][border=1px solid #21261f; min-height: 120px; width: 92%; display: inline-block; flex: 2; margin-top: -37px;][comment]
[/comment][border=1px solid #21261f; min-height: 20px; min-width: 10%; display: inline-block; flex: 2; margin-left: -11px; margin-top: -11px; padding-top: 20px;][comment]
[/comment]X'X" || XXXcm[/border][comment]
[/comment][border=1px solid #21261f; min-height: 20px; min-width: 10%; display: inline-block; flex: 2; margin-left: -1px; margin-top: -11px; padding-top: 20px;][comment]
[/comment]XXXlbs || XXkg[/border]
Mauris in leo dignissim, semper quam quis, malesuada lectus. Praesent sed dapibus orci. Donec vulputate, tellus ut convallis aliquet, felis tortor auctor tellus, quis rutrum dolor odio eu diam. Aliquam erat volutpat. Suspendisse ut quam nulla. Vivamus rhoncus mi turpis, vel condimentum massa fermentum tristique. Ut a lectus tortor. Praesent id ligula accumsan, lobortis lacus nec, ornare mi. Aenean posuere, arcu bibendum rutrum rhoncus, est nisi lobortis felis, eu euismod neque quam non elit. Ut posuere ipsum vel laoreet consectetur. Donec congue sem venenatis metus pellentesque venenatis. Duis et imperdiet lacus, at mollis risus. Sed sed massa lorem.[comment]
[/comment][/border][border=0; font-size: 50px; font-family: 'Meie Script', sans-serif; margin-left: -10px;]Personality[/border][border=1px solid #21261f; min-height: 120px; width: 92%; display: inline-block; flex: 2; margin-top: -37px;][comment]
[/comment]Pellentesque risus nunc, interdum in dapibus eu, ultricies at mauris. Nulla luctus ipsum nec velit lacinia, in ullamcorper lacus iaculis. Aenean at lorem dui. Maecenas augue nisi, laoreet ac bibendum at, pulvinar nec metus. Pellentesque euismod lorem turpis, quis volutpat odio tincidunt id. Curabitur mi nulla, aliquet nec quam quis, laoreet vestibulum magna. Curabitur vel ex eu elit aliquam semper. Morbi quam elit, bibendum nec sem eget, luctus convallis lacus. Mauris purus arcu, convallis ut dolor id, consectetur molestie massa.[comment]
[/comment][/border][border=0; font-size: 50px; font-family: 'Meie Script', sans-serif; margin-left: -10px;]Record[/border][border=1px solid #21261f; min-height: 120px; width: 92%; display: inline-block; flex: 2; margin-top: -37px;][comment]
[/comment]Pellentesque risus nunc, interdum in dapibus eu, ultricies at mauris. Nulla luctus ipsum nec velit lacinia, in ullamcorper lacus iaculis. Aenean at lorem dui. Maecenas augue nisi, laoreet ac bibendum at, pulvinar nec metus. Pellentesque euismod lorem turpis, quis volutpat odio tincidunt id. Curabitur mi nulla, aliquet nec quam quis, laoreet vestibulum magna. Curabitur vel ex eu elit aliquam semper. Morbi quam elit, bibendum nec sem eget, luctus convallis lacus. Mauris purus arcu, convallis ut dolor id, consectetur molestie massa.[/border][/tab]
[tab=02020202][heading=2](Short description of abilities, along the lines of: 'Capable of (their Main Thing:tm: and/or their favorite crimes)'[/heading]
[ex (delete this): Capable of feats of strength beyond typical human abilities and arson against orphanages. feel free to reword the template however you want tho]
[border=1px solid #21261f; min-height: 20px; min-width: 10%; display: inline-block; flex: 2; margin-top: 20px;][comment]
[/comment]Class:[/border][comment]
[/comment][border=1px solid #21261f; min-height: 20px; min-width: 10%; display: inline-block; flex: 2; margin-top: 20px;][comment]
[/comment]Weapon of Choice:[/border][comment]
[/comment][border=0; font-size: 50px; font-family: 'Meie Script', sans-serif; margin-left: -10px;]Abilities[/border][border=1px solid #21261f; min-height: 120px; width: 92%; display: inline-block; flex: 2; margin-top: -37px; padding: 3%;]Slightly more in-depth ability overview than the above 'warning' statement
[border=1px solid #21261f; min-height: 20px; max-width: 41%; display: inline-block; flex: 2; margin-top: 20px;][border=0; font-size: 25px; margin-left: -10px; margin-top: -20px;][comment]
[/comment]Ability 1[comment]
[/comment][/border][comment]
[/comment]Pellentesque risus nunc, interdum in dapibus eu, ultricies at mauris. Nulla luctus ipsum nec velit lacinia, in ullamcorper lacus iaculis. Aenean at lorem dui. Maecenas augue nisi, laoreet ac bibendum at, pulvinar nec metus. Pellentesque euismod lorem turpis, quis volutpat odio tincidunt id. Curabitur mi nulla, aliquet nec quam quis, laoreet vestibulum magna. Curabitur vel ex eu elit aliquam semper. Morbi quam elit, bibendum nec sem eget, luctus convallis lacus. Mauris purus arcu, convallis ut dolor id, consectetur molestie massa.[comment]
[/comment][/border][border=1px solid #21261f; min-height: 20px; max-width: 41%; display: inline-block; flex: 2;][border=0; font-size: 25px; margin-left: -10px; margin-top: -20px;][comment]
[/comment]Ability 2[comment]
[/comment][/border][comment]
[/comment]Pellentesque risus nunc, interdum in dapibus eu, ultricies at mauris. Nulla luctus ipsum nec velit lacinia, in ullamcorper lacus iaculis. Aenean at lorem dui. Maecenas augue nisi, laoreet ac bibendum at, pulvinar nec metus. Pellentesque euismod lorem turpis, quis volutpat odio tincidunt id. Curabitur mi nulla, aliquet nec quam quis, laoreet vestibulum magna. Curabitur vel ex eu elit aliquam semper. Morbi quam elit, bibendum nec sem eget, luctus convallis lacus. Mauris purus arcu, convallis ut dolor id, consectetur molestie massa.[comment]
[/comment][/border][border=1px solid #21261f; min-height: 20px; max-width: 41%; display: inline-block; flex: 2;][border=0; font-size: 25px; margin-left: -10px; margin-top: -20px;][comment]
[/comment]Ability 3[comment]
[/comment][/border][comment]
[/comment]Pellentesque risus nunc, interdum in dapibus eu, ultricies at mauris. Nulla luctus ipsum nec velit lacinia, in ullamcorper lacus iaculis. Aenean at lorem dui. Maecenas augue nisi, laoreet ac bibendum at, pulvinar nec metus. Pellentesque euismod lorem turpis, quis volutpat odio tincidunt id. Curabitur mi nulla, aliquet nec quam quis, laoreet vestibulum magna. Curabitur vel ex eu elit aliquam semper. Morbi quam elit, bibendum nec sem eget, luctus convallis lacus. Mauris purus arcu, convallis ut dolor id, consectetur molestie massa.[comment]
[/comment][/border][border=1px solid #21261f; min-height: 20px; max-width: 41%; display: inline-block; flex: 2;][border=0; font-size: 25px; margin-left: -10px; margin-top: -20px;][comment]
[/comment]Ability 4[comment]
[/comment][/border][comment]
[/comment]Pellentesque risus nunc, interdum in dapibus eu, ultricies at mauris. Nulla luctus ipsum nec velit lacinia, in ullamcorper lacus iaculis. Aenean at lorem dui. Maecenas augue nisi, laoreet ac bibendum at, pulvinar nec metus. Pellentesque euismod lorem turpis, quis volutpat odio tincidunt id. Curabitur mi nulla, aliquet nec quam quis, laoreet vestibulum magna. Curabitur vel ex eu elit aliquam semper. Morbi quam elit, bibendum nec sem eget, luctus convallis lacus. Mauris purus arcu, convallis ut dolor id, consectetur molestie massa.[comment]
[/comment][/border][border=1px solid #21261f; min-height: 20px; max-width: 41%; display: inline-block; flex: 2;][border=0; font-size: 25px; margin-left: -10px; margin-top: -20px;][comment]
[/comment]Ability 5[comment]
[/comment][/border][comment]
[/comment]Pellentesque risus nunc, interdum in dapibus eu, ultricies at mauris. Nulla luctus ipsum nec velit lacinia, in ullamcorper lacus iaculis. Aenean at lorem dui. Maecenas augue nisi, laoreet ac bibendum at, pulvinar nec metus. Pellentesque euismod lorem turpis, quis volutpat odio tincidunt id. Curabitur mi nulla, aliquet nec quam quis, laoreet vestibulum magna. Curabitur vel ex eu elit aliquam semper. Morbi quam elit, bibendum nec sem eget, luctus convallis lacus. Mauris purus arcu, convallis ut dolor id, consectetur molestie massa.[comment]
[/comment][/border][/border][/tab][/tabs][comment]
[/comment][border=0; min-height: 40px; width: 100%; font-size: 25px; font-family: 'Meie Script', sans-serif; background: var(--paper2); pointer-events: none; position: absolute; top: 0px; padding-left: 20px;][border=2px solid #21261f; padding: 0; min-height: 100%; width: 100px; pointer-events: none; display: inline-block; flex: 2;]Bounty[/border][border=2px solid #21261f; padding: 0; min-height: 100%; width: 120px; pointer-events: none; display: inline-block; flex: 2; margin-left: 10px;]Warning[/border][comment]
[/comment][/border][/border][/border][/border][/border][/border][/border][/border]
Last edited: