<!---
MR SHOWTIME / by dogboy
NOTES
accent: #E38363
accent 2 (borders): #FFBB00
(use ctrl+f + replace for accent replacement)
custom colors! ✔✔✔
RULES & DISCLAIMERS
- fav/comment if using pls!
- not wysiwyg friendly so please turn that off!
- feel free to edit/frakenstein/etc if you feel, just pls dont remove my credit!!
- have a nice day!!
--->
<div class="container-fluid" style="background:none;padding:10px;max-width:650px;margin:30px auto 5px;">
<div class="row no-gutters">
<div class="col-md-4" style="z-index:10;">
<!-- icon -->
<img class="mx-auto d-flex fr-rounded" style="width:170px;border:4px double #FFBB00;" src="https://64.media.tumblr.com/2fab9a2c7f9e3475feadc3cb30cfa63a/a0430542b72a1b75-0a/s400x600/0dba15dd47d53a6ab0fddbd256de0b4b478ccf00.pnj">
</div>
<div class="col-md-8" style="padding-top:80px;z-index:2;">
<div class="card w-100 p-3" style="background:#FFF;border-radius:0px 90px 90px 0px;border:4px double #FFBB00;margin:-40px 40px 40px -40px;">
<!-- quote -->
<p class="text-center text-uppercase font-italic" style="color:#E38363;font-size:20px;font-family:georgia;font-weight:600;text-shadow:#000 1px 1px 2px;">
This man is destined to be a star!
</p>
<i class="fad fa-star text-right" style="transform:rotate(-15deg);opacity:0.7;color:#E38363;font-size:60px;margin:-30px 10px -30px;"></i>
</div>
</div>
</div>
<!--- navigation pills --->
<ul class="nav nav-pills nav-justified flex-column flex-md-row mx-5 " style="background:#FFBB00;">
<!-- general button -->
<li class="nav-item">
<a class="nav-link active rounded-0 text-uppercase" style="box-shadow:none;border-radius:0px;margin:2px;font-size:13px;color:#000;mix-blend-mode:overlay;border:3px #FFF solid;" data-toggle="pill" href="#one">
<i class="fad fa-star-shooting" style="color:#00;font-size:25px;"></i>
</a>
</li>
<!-- lore button -->
<li class="nav-item">
<a class="nav-link rounded-0 text-uppercase" style="box-shadow:none;border-radius:0px;margin:2px;font-size:13px;color:#000;mix-blend-mode:overlay;border:3px #FFF solid;" data-toggle="pill" href="#two">
<i class="fad fa-book" style="color:#00;font-size:25px;"></i>
</a>
</li>
<!-- trivia button -->
<li class="nav-item">
<a class="nav-link rounded-0 text-uppercase" style="box-shadow:none;border-radius:0px;margin:2px;font-size:13px;color:#000;mix-blend-mode:overlay;border:3px #FFF solid;" data-toggle="pill" href="#three">
<i class="fad fa-map-marker-question" style="color:#00;font-size:25px;"></i>
</a>
</li>
<!-- relationships button -->
<li class="nav-item">
<a class="nav-link rounded-0 text-uppercase" style="box-shadow:none;border-radius:0px;margin:2px;font-size:13px;color:#000;mix-blend-mode:overlay;border:3px #FFF solid;" data-toggle="pill" href="#four">
<i class="fad fa-user-friends" style="color:#00;font-size:25px;"></i>
</a>
</li>
</ul>
<div class="card mt-2 mx-2" style="background:#FFFFFF;height:290px;overflow:auto;border:4px #FFBB00 double;border-radius:70px 10px;">
<div class="tab-content">
<!-- GENERAL -->
<div class="tab-pane active show card-block" id="one">
<div class="row no-gutters">
<div class="col-md-3 p-2">
<!-- side image -->
<div class="card h-100" style="background:url(
'https://media.tenor.com/2dukN3OKPrUAAAAC/tsukasa-tenma.gif'
);background-position:center;background-size:cover;border-radius:0px;"></div>
</div>
<div class="col-md-9 p-1">
<!-- name, info, etc -->
<h3 class="text-uppercase text-center" style="font-size:30px;color:#E38363;font-family:georgia;font-weight:700;letter-spacing:2px;margin-bottom:3px;text-shadow:#E38363 1px 1px 0px;">
TSUKASA TENMA !
</h3>
<h3 class="text-uppercase text-center" style="font-size:20px;color:#E38363;font-family:georgia;font-weight:700;margin-bottom:3px;">
age ★ prns ★ adjective
</h3>
<p class="text-center" style="font-size:13px;color:#E38363;height:90px;overflow:auto;">Tenma Tsukasa (天馬司) is a second-year student at Kamiyama High School. He is a member of the musical show unit Wonderlands x Showtime.
<br>Tsukasa has bucketloads of confidence and loves to be the center of attention, although he easily gets carried away. A theater show he saw as a kid impressed him so much that he made it his ultimate goal to become the greatest star in the world. He's a supportive brother to his frail sister, Saki.</p>
<hr style="width:80%;background-color:#E38363;">
<!-- aesthetic/image board -->
<div class="justify-content-center">
<div class="p-4" style="width:100px;background:url(https://i.pinimg.com/736x/9c/6e/ef/9c6eef125c88138da34c1928cf59a564.jpg) center;background-size:cover;"></div>
<div style="width:100px;background:url(https://i.pinimg.com/564x/fb/78/c9/fb78c91bd61ab1910b58e0e5e47ba49b.jpg) center;background-size:cover"></div>
<div style="width:100px;background:url(https://i.pinimg.com/564x/99/9d/3d/999d3d69e457d81fa65d84268261a0be.jpg) center;background-size:cover"></div>
<div style="width:100px;background:url(https://i.ytimg.com/vi/rDv53MY_h2E/maxresdefault.jpg) center;background-size:cover"></div>
</div>
</div>
</div>
</div>
<!-- LORE -->
<div class="tab-pane card-block" id="two">
<div class="row no-gutters">
<div class="col-md-6 p-2">
<!-- personality -->
<h3 class="text-uppercase" style="color:#E38363;font-size:20px;font-family:georgia;font-weight:700;">Personality</h3>
<p style="color:#E38363;font-size:13px;height:200px;overflow:auto;">
Tsukasa is a very confident and charismatic person, referring to himself as a future 'star'. He has a notable habit of showing off, alongside a tendency to get caught up in the moment. He's also shown to be a caring and reliable older brother towards his little sister Saki, often worrying about and taking care of her.
<br><br>Unfortunately, as he grows up he forgets his original motivation for becoming a star, instead becoming fueled by the idea of people paying attention to and being impressed by him. His newfound self-absorbance causes him trouble, blaming Nene for their first performance's failure, which leads to Rui harshly criticizing him.
<br><br>Though he is well-known for his eccentric behavior and loud personality, Tsukasa has also been noted as especially reliable and responsible person. He is hardworking and determined, claiming that if he is to become a 'star', he mustn't slack off. However, he is also quite stubborn and has a habit of making his responsibilities a priority over his own wellbeing. In the An Ode for the Pure of Heart event, Tsukasa falls ill and is unable to show up to his part-time job. Despite being told to rest, Tsukasa insists that he go anyway as is his responsibility, and is only stopped after he physically collapses at the door upon trying to leave the house.
</p>
<!-- side image under personality -->
<div class="card mt-2" style="background:url(
'https://media.tenor.com/EB0hZh3EiOgAAAAC/project-sekai-tsukasa-tenma.gif'
);background-position:center;background-size:cover;height:150px;border:4px double #FFBB00;border-radius:0px;"></div>
</div>
<div class="col-md-6 p-2">
<!-- palette -->
<div class="row no-gutters">
<div class="col-6">
<div class="card" style="background-color:#FEEDBA;height:50px;border:0px;border-radius:20px 0px 0px 0px;">
<span data-toggle="tooltip" title="#HEX" class="mx-auto my-auto"><i class="fas fa-star" style="font-size:20px;color:#FFF;"></i></span>
</div>
</div>
<div class="col-6">
<div class="card" style="background-color:#E88986;height:50px;border:0px;border-radius:0px 20px 0px 0px;">
<span data-toggle="tooltip" title="#HEX" class="mx-auto my-auto"><i class="fas fa-cut" style="font-size:20px;color:#FFF;"></i></span>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-6">
<div class="card" style="background-color:#FFEFE0;height:50px;border:0px;border-radius:0px 0px 0px 20px;">
<span data-toggle="tooltip" title="#HEX" class="mx-auto my-auto"><i class="fas fa-hand-paper" style="font-size:20px;color:#FFF;"></i></span>
</div>
</div>
<div class="col-6">
<div class="card" style="background-color:#DE7B7A;height:50px;border:0px;border-radius:0px 0px 20px 0px;">
<span data-toggle="tooltip" title="#HEX" class="mx-auto my-auto"><i class="fas fa-eye" style="font-size:20px;color:#FFF;"></i></span>
</div>
</div>
</div>
<!-- background -->
<h3 class="text-uppercase text-right mt-2" style="color:#E38363;font-size:20px;font-family:georgia;font-weight:700;">Background</h3>
<p style="color:#E38363;font-size:13px;height:250px;overflow:auto;">
As a child, Tsukasa was less self-assured and more uncertain, frequently worrying about his sister Saki and her sickly condition. Because of her illness, he has years of experience playing "Twinkle Twinkle Little Star", and practiced it often in the hopes that Saki would come back home soon and play with him. Ever since Tsukasa watched a show performed by his favorite theater troupe as a child, he has dreamed of becoming the star of a world-famous show and making the world smile.
<br><br>After failing his audition to become a performer at the theme park Phoenix Wonderland, Tsukasa is hired by Emu to return the dilapidated Wonder Stage to its former glory with incredible performances. Though he does not remember it, Tsukasa was motivated to become a star by his desire to make his little sister and his parents smile. Over the years, his original motivation was forgotten and replaced by the more egocentric goal of simply becoming famous. Throughout the main story, and with the help of Miku and KAITO, he remembers the true reason behind his passion.
</p>
</div>
</div>
</div>
<!-- TRIVIA -->
<div class="tab-pane card-block" id="three">
<div class="row no-gutters mt-2">
<div class="col-md-6">
<!--- stats, to change the amount change the "width:xx%;" value. for example, "width:100%;" would be full, and "width:0%;" is none --->
<h3 class="text-uppercase" style="color:#E38363;font-size:22px;font-family:georgia;font-weight:700;"><i class="fas fa-heart fa fa-flip" style="color:#E38363;font-size:20px;animation-duration:4s;"></i> Kindness</h3>
<div class="progress" style="height:6px;">
<div class="progress-bar" style="height:10px;background-color:#FFBB00;
width:80%;"></div>
</div>
<h3 class="text-uppercase mt-2" style="color:#E38363;font-size:22px;font-family:georgia;font-weight:700;"><i class="fas fa-sparkles fa fa-flip" style="color:#E38363;font-size:20px;animation-duration:4s;"></i> charisma</h3>
<div class="progress" style="height:6px;">
<div class="progress-bar" style="height:10px;background-color:#FFBB00;
width:60%;"></div>
</div>
<h3 class="text-uppercase mt-2" style="color:#E38363;font-size:22px;font-family:georgia;font-weight:700;"><i class="fas fa-book-open fa fa-flip" style="color:#E38363;font-size:20px;animation-duration:4s;"></i> intelligence</h3>
<div class="progress" style="height:6px;">
<div class="progress-bar" style="height:10px;background-color:#FFBB00;
width:40%;"></div>
</div>
<h3 class="text-uppercase mt-2" style="color:#E38363;font-size:22px;font-family:georgia;font-weight:700;"><i class="fas fa-fist-raised fa fa-flip" style="color:#E38363;font-size:20px;animation-duration:4s;"></i> guts</h3>
<div class="progress" style="height:6px;">
<div class="progress-bar" style="height:10px;background-color:#FFBB00;
width:20%;"></div>
</div>
<h3 class="text-uppercase mt-2" style="color:#E38363;font-size:22px;font-family:georgia;font-weight:700;"><i class="fas fa-compass fa fa-flip" style="color:#E38363;font-size:20px;animation-duration:4s;"></i> proficiency</h3>
<div class="progress" style="height:6px;">
<div class="progress-bar" style="height:10px;background-color:#FFBB00;
width:0%;"></div>
</div>
</div>
<div class="col-md-6">
<!-- trivia -->
<h3 class="text-uppercase text-center" style="color:#E38363;font-size:20px;font-family:georgia;font-weight:700;"> Trivia</h3>
<ul class="mt-2" style="color:#E38363;font-size:13px;height:185px;overflow:auto;">
<!-- floating image, feel free to remove -->
<img style="float:right;height:120px;" src="https://otsukai.com/public/item/80531/61e98bb18e9fe.jpg?operation=thumbnail&w=300">
<li>Tsukasa's zodiac sign is Taurus.</li>
<li>The flowers in Tsukasa's birthday card are peonies, tulips, and Persian violets.</li>
<li>He is talented at sewing.</li>
<li>Like his sister, he also plays the piano. Their mother is a piano teacher.</li>
<li>He is the second shortest of the male characters, after Kagamine Len, at 172 cm.</li>
<li>He is not good at playing arcade or video games.</li>
<li>The play he held for the Kamiyama School Festival was called "Romeo and Juliet: Battle Royale".</li>
<li>Tsukasa and Mafuyu are the only ones known to make their respective SEKAI by themselves.</li>
<li>Tsukasa likes to eat taiyaki from the head first.</li>
<li>According to Robo-Nene, Tsukasa's voice can approximately reach the loudness of a train on an overpass.</li>
</ul>
</div>
</div>
</div>
<!-- RELATIONSHIPS -->
<div class="tab-pane card-block" id="four">
<!--- character 1 --->
<div class="col-lg-12 pt-2">
<div class="row no-gutters">
<div class="col-lg-9">
<h3 class="text-uppercase" style="color:#E38363;font-size:20px;font-family:georgia;font-weight:700;"><i class="fas fa-heart fa fa-flip" style="color:#E38363;font-size:20px;animation-duration:4s;"></i> Saki Tenma • Sister</h3>
<p style="font-size:13px;color:#E38363;height:90px;overflow:auto;">
Tsukasa's younger sister. Due to her poor constitution, Tsukasa always makes an effort to look after her, though Saki insists he worries about her too much. Tsukasa blames himself for not doing more to prevent Saki's friendships from becoming strained and is glad that they've managed to reconnect in the present. Tsukasa often shows off in front of Saki and her friends, much to Saki's embarrassment. Even now Tsukasa is still working hard to protect her friendships so they won't become strained again. At times, they both have a tendency to overwork themselves and fall sick.
</p>
</div>
<div class="col-lg-3">
<a href="LINKTOCHARA">
<img class="mx-auto d-flex" style="height:120px;border:4px double #FFBB00;" src="https://external-preview.redd.it/merry-christmas-from-saki-and-emu-v0-Gqv1iHxPogChUTr1vnZPdkLBic0IgTP7GPLRawocsIE.png?format=pjpg&auto=webp&s=f97dddca2ec38e63d59ea86bf0bc81057dc503cc">
</a>
</div>
</div>
</div>
<!--- character 2 --->
<div class="col-lg-12 pt-3">
<div class="row no-gutters">
<div class="col-lg-3">
<a href="LINKTOCHARA">
<img class="mx-auto d-flex" style="height:120px;border:4px double #FFBB00;" src="https://i.pinimg.com/736x/61/a5/0c/61a50c0da17651125c5dd1620b0b1483.jpg">
</a>
</div>
<div class="col-lg-9">
<h3 class="text-uppercase" style="color:#E38363;font-size:20px;font-family:georgia;font-weight:700;"><i class="fas fa-heart fa fa-flip" style="color:#E38363;font-size:20px;animation-duration:4s;"></i> Rui Kamishiro • Troupemate</h3>
<p style="font-size:13px;color:#E38363;height:90px;overflow:auto;">
Fellow group member and friend. Rui considers him an actor most worthy of the stage, while Tsukasa thinks he's awesome but crazy. The two are a well-known "duo of weirdos" at school and are sometimes called the "Weirdo Wombo Combo". Tsukasa proudly takes on any stunts and roles suggested by Rui, though often complains about them regardless.
</p>
</div>
</div>
</div>
<!--- character 3 --->
<div class="col-lg-12 pt-3">
<div class="row no-gutters">
<div class="col-lg-9">
<h3 class="text-uppercase" style="color:#E38363;font-size:20px;font-family:georgia;font-weight:700;"><i class="fas fa-heart fa fa-flip" style="color:#E38363;font-size:20px;animation-duration:4s;"></i> Emu Otori • Troupemate</h3>
<p style="font-size:13px;color:#E38363;height:90px;overflow:auto;">
Fellow troupe member and a good friend. They work together to restore Phoenix Wonderland's Wonder Stage to its former glory, although Tsukasa initially thinks that she is weird and never listens to anyone. While he may get worn out by her hyperactive antics, they bond over their mutual desire to make people smile with their shows.
</p>
</div>
<div class="col-lg-3">
<a href="LINKTOCHARA">
<img class="mx-auto d-flex" style="height:120px;border:4px double #FFBB00;" src="https://64.media.tumblr.com/11b408b0080d9d8e3f09abef1bc6576a/ec3a6c82efb2b525-c0/s400x600/aced886d42d38b0176a24242e95e3167a2940198.jpg">
</a>
</div>
</div>
</div>
<!--- character 4 --->
<div class="col-lg-12 pt-3">
<div class="row no-gutters">
<div class="col-lg-3">
<a href="LINKTOCHARA">
<img class="mx-auto d-flex" style="height:120px;border:4px double #FFBB00;" src="https://i.pinimg.com/736x/c6/0e/50/c60e50634b38280e4f93fa56d5c42a47.jpg">
</a>
</div>
<div class="col-lg-9">
<h3 class="text-uppercase" style="color:#E38363;font-size:20px;font-family:georgia;font-weight:700;"><i class="fas fa-heart fa fa-flip" style="color:#E38363;font-size:20px;animation-duration:4s;"></i> Nene Kusanagi • Troupemate</h3>
<p style="font-size:13px;color:#E38363;height:90px;overflow:auto;">
Fellow group member and friend. Nene thinks he's an idiot, whilst Tsukasa calls her the troupe's diva. Tsukasa has respect for her abilities as an actor and singer. They share the same exhaustion over Emu and Rui's antics.
</p>
</div>
</div>
</div>
<!--- end character 4, to add more highlight this until "character 3" and copy paste directly under to make 2 new characters --->
</div>
</div>
</div>
<!--- credit, dont remove pls! --->
<a class="d-block text-muted text-center" href="20599103" style="font-size:0.6em;">code by dogboy <i class="fad fa-rainbow"></i></a>
</div>
</div>
</div>
