API tools faq
paste
vermilly

psyche

vermilly
Dec 20th, 2025
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.08 KB | None | 0 0
raw download clone embed print report
  1. <!------
  2.  
  3.    [F2U] 6.Utilitarian
  4.    CODE BY MyUniverseinaBox @ TOYHOU.SE
  5.    
  6.    accent colour: #569459
  7.    
  8.    //////// RULES ////////
  9.    
  10.    -> Do not redistribute this template, it's for personal use only
  11.    -> Please keep credit somewhere visible
  12.    -> Feel free to change everything else to your liking
  13.    
  14.    Thankyou for using this template!
  15.            
  16. ---------------------------------------------->
  17. <!--------------------------------------------
  18.  
  19.        [ CONTAINER + FONT SETUP ]
  20.        
  21. ----------------------------------------------->
  22. <div class="m-0 p-3 mx-auto" style="background: #110d0a max-width: 1360px;">
  23.     <div class="mx-auto mx-2" style="
  24.                 font-size:.65rem;
  25.                 color:#b0b6b6;
  26.                 letter-spacing: .4px;">
  27. <!--------------------------------------------
  28.         IMAGE HEADER
  29. ----------------------------------------------->
  30.         <div class="row no-gutters card p-2 rounded-0" style="min-height:150px; background: #110d0a; border-color: #373838;">
  31.             <div class="card-block rounded-0" style="
  32.  background: #000 url(https://harvesttotable.com/wp-content/uploads/2024/02/Jacaranda-bigstock-Jacaranda-Tree-In-A-Full-Bloom-329389687-1.jpg)
  33.   fixed top;background-size:cover;"></div>
  34.         </div>
  35. <!--------------------------------------------
  36.         IMAGE HEADER END
  37. ----------------------------------------------->
  38. <!--------------------------------------------
  39.  
  40.        [ MAIN CONTENT ]
  41.        
  42. ----------------------------------------------->
  43.         <div class="row no-gutters">
  44.             <div class="col-md-12 col-sm-12 row no-gutters">
  45.                 <div class="card rounded-0 p-2 mt-2" style="background: #110d0a; border-color: #373838;">
  46.                     <div class="row no-gutters">
  47. <!--------------------------------------------
  48.  
  49.        [ FIRST COLUMN  ]
  50.        
  51. ----------------------------------------------->
  52.                         <div class="mt-n5 col-md-2 col-sm-4 row no-gutters card bg-transparent border-0">
  53. <!--------------------------------------------
  54.        AVATAR
  55. ----------------------------------------------->
  56.                             <div class="card p-2 rounded-0 mb-2" style="height: 160px; background: #110d0a; border-color: #373838;">
  57.                                 <!--- icon -------------------->
  58.                                 <div class="card rounded-0 border-0 flex-fill" style="
  59.                    
  60.                  background: #000 url(https://f2.toyhou.se/file/f2-toyhou-se/characters/33918447?1758744382);
  61.                            
  62.                            background-size:cover; background-position:center;">
  63.                                 </div>
  64.                                 <!--- icon end -------------------->
  65.                             </div>
  66. <!--------------------------------------------
  67.        AVATAR END
  68. ----------------------------------------------->
  69. <!--------------------------------------------
  70.        BASIC INFO
  71. ----------------------------------------------->
  72.                             <!--- name -------------------->
  73.                             <div class="row no-gutters mb-2">
  74.                                 <div class="col-auto card rounded-0 border-0 p-1" style="background: #569459;"></div>
  75.                                 <div class="col card rounded-0 px-2 py-1" style="background: #110d0a; border-color: #373838;">
  76.                                     <div class="text-uppercase" style="color: #569459;"> name</div> psyche
  77.                                 </div>
  78.                             </div>
  79.                             <!--- name end -------------------->
  80.                            
  81.                        
  82.                             <!--- gender / pronouns -------------------->
  83.                             <div class="row no-gutters mb-2">
  84.                                 <div class="col-auto card rounded-0 border-0 p-1" style="background: #569459;"></div>
  85.                                 <div class="col card rounded-0 px-2 py-1" style="background: #110d0a; border-color: #373838;">
  86.                                     <div class="text-uppercase" style="color: #569459;"> gender</div> genderqueer [they/he]
  87.                                 </div>
  88.                             </div>
  89.                             <!--- gender / pronouns end -------------------->
  90.                             <!--- age -------------------->
  91.                             <div class="row no-gutters mb-2">
  92.                                 <div class="col-auto card rounded-0 border-0 p-1" style="background: #569459;"></div>
  93.                                 <div class="col card rounded-0 px-2 py-1" style="background: #110d0a; border-color: #373838;">
  94.                                     <div class="text-uppercase" style="color: #569459;"> age</div> adult
  95.                                 </div>
  96.                             </div>
  97.                             <!--- age end -------------------->
  98.                             <!--- species -------------------->
  99.                             <div class="row no-gutters mb-2">
  100.                                 <div class="col-auto card rounded-0 border-0 p-1" style="background: #569459;"></div>
  101.                                 <div class="col card rounded-0 px-2 py-1" style="background: #110d0a; border-color: #373838;">
  102.                                     <div class="text-uppercase" style="color: #569459;"> species</div> unicorn humanoid
  103.                                 </div>
  104.                             </div>
  105.                             <!--- species end -------------------->
  106.            
  107.                             <!--- sexuality -------------------->
  108.                             <div class="row no-gutters mb-2">
  109.                                 <div class="col-auto card rounded-0 border-0 p-1" style="background: #569459;"></div>
  110.                                 <div class="col card rounded-0 px-2 py-1" style="background: #110d0a; border-color: #373838;">
  111.                                     <div class="text-uppercase" style="color: #569459;"> occupation</div> swordsman
  112.                                 </div>
  113.                             </div>
  114.                             <!--- sexuality end -------------------->
  115.                            
  116.                            
  117.                             <!--- code credit ; DO NOT REMOVE -------------------->
  118.                             <div class="row no-gutters">
  119.                                 <div class="col-auto card rounded-0 border-0 p-1" style="background: #569459;"></div>
  120.                                 <div class="col card rounded-0 px-2 py-1 border-0" style="background: #282929;">
  121.                                     <div class="text-uppercase" style="color: #569459;"> code by</div>
  122.                                     <a href="https://toyhou.se/MyUniverseinaBox" style="text-decoration:none; color:#b0b6b6;"> <i class="fal pr-1 fa-code"></i>MyUniverseinaBox </a>
  123.                                 </div>
  124.                             </div>
  125.                             <!--- code credit end -------------------->
  126. <!--------------------------------------------
  127.        AVATAR END
  128. ----------------------------------------------->
  129.                         </div>
  130.                         <!--- [ FIRST COLUMN END ] -------------------->
  131. <!--------------------------------------------
  132.  
  133.        [ SECOND COLUMN ]
  134.        
  135. ----------------------------------------------->
  136.                         <div class="col-md-7 col-sm-12 row no-gutters">
  137.                             <div class="card bg-transparent border-0">
  138. <!--------------------------------------------
  139.        TITLE/NAME/SONG
  140. ----------------------------------------------->
  141.                                 <div class="row no-gutters justify-content-between">
  142.                                     <div class="col-sm-12 col-12">
  143.                                         <!--- NAME -------------------->
  144.                                         <div class="text-white display-4 text-uppercase pl-4 mt-2 mt-sm-0 font-weight-bold" style="font-family:georgia; letter-spacing:3.4px;"><span style="color:#569459;">P</span>syche </div>
  145.                                         <!--- SUBTITLE -------------------->
  146.                                         <div class="pl-sm-5 font-italic" style="opacity: .8; font-size: 12px;"> <i class="fad fa-fw fa-sm fa-quote-left"></i> There is no nobility in sacrifice.</div>
  147.                                     </div>
  148.  
  149.                                 </div>
  150. <!--------------------------------------------
  151.        TITLE/NAME/SONG END
  152. ----------------------------------------------->
  153. <!--------------------------------------------
  154.        MAIN INFO
  155. ----------------------------------------------->
  156.                                 <div class="card rounded-0 mr-md-2 ml-sm-2 my-2 mb-2" style="background: #110d0a; border-color: #373838; height: 100%;">
  157.                                     <div class="py-3 px-4 text-justify">
  158.                                         <!--- [ BLURB ] -------------------->
  159.                        
  160.                                    
  161.                                     <!--- [ NOTES ] -------------------->
  162.                                 <p><span class="text-uppercase" style="color: #569459;">Psyche</span> is a swordsman with noble blood, though the latter is unbeknownst to them. They take on contracts sent by the kingdom, which gives him some freedom of choice in work. Their job ranges from protecting a single noble to standing guard for a village. Despite being contracted for their physical prowess, they are also excellent in hospitality and have even been sent on abroad expeditions thanks to this quality. He is thankful that he does not have to serve in war, but acts of service with a sword still pays a price...</p>
  163.                             <p>They are bright and a little sassy, with a love for all things academia and learning. He enjoys philosophical debates and getting their hands on the most aged, yellowing books ever. It is quite rare to upset them, but even if such an occasion arises, he hides it well (or so they think). They are also particular about aromas and scents, for better or worse.</p>
  164.                             <!--- divider -------------------->
  165.                                         <div class="card rounded-0 my-3 border-left-0 border-right-0 border-bottom-0" style="background: #110d0a; border-color: #373838;">
  166.                                         </div>
  167.                                         <!--- divider end -------------------->
  168.                                         <ul class="m-0 pl-4">
  169.  
  170.                                         <li><b>Horn</b>: They've used their horn as a weapon more than once... an unfortunate last resort.</li>
  171.                             <li><b>Politics</b>: Despite their love of debates, they try to avoid talks of politics. The risk of losing their contractor position outweighs his voice. They feel this approach is shameful, but many eyes are watching him... he'd rather stay quiet than use sweet, false words.</li>
  172.  
  173.                                         <li><b>Design note</b>: The purple "hair" around their legs is actually their <u>tail</u>, NOT part of his hair! (However, for their pirate AU, that "tail" is interpreted as extra long hair!)
  174.                                             </li>
  175.  
  176.                                         </ul>
  177.                                         <!--- [ NOTES END ] -------------------->
  178.    
  179. <!--------------------------------------------
  180.        MAIN INFO END
  181. ----------------------------------------------->
  182.  
  183.  
  184.         </div>                                 
  185.                                 </div>
  186.                             </div>
  187.                         </div>
  188.                         <!--- [ SECOND COLUMN END ] -------------------->
  189.  
  190. <!--------------------------------------------
  191.  
  192.        [ THIRD COLUMN ]
  193.        
  194. ----------------------------------------------->
  195.                         <div class="col-md-3 col-sm-12 row no-gutters">
  196.                             <div class="card bg-transparent border-0">
  197.  
  198. <!--------------------------------------------
  199.        MAIN INFO
  200. ----------------------------------------------->
  201.                                 <div class="card rounded-0 mr-md-2 ml-sm-2 my-2 mb-2" style="background: #110d0a; border-color: #373838; height: 100%;">
  202.                                     <div class="py-3 px-4 text-justify">
  203.                                         <!--- [ BLURB ] -------------------->
  204.                                 <div class ="p-2" >
  205.                            
  206. <p>
  207. lavender
  208. <br>jacaranda,
  209. <br>& sandalwood burns</p>
  210.  
  211. <p>smoke rises,
  212. <br>up
  213. <br>up,
  214. <br>to gold and sun
  215. <br>and glory</p>
  216.  
  217. <p>polish your weapon<br>
  218. so bright<br>
  219. that any who lay their eyes<br>
  220. fall blind</p>
  221.  
  222. <p><b>protect and defend all</b><br>
  223. <b>even without</b><br>
  224. <b>your sheath,</b><br>
  225. <b>your sword rest,</b><br>
  226. <b>or your home</b></p>
  227.  
  228. <p>
  229. <i><b><a href="https://youtu.be/VWev8SOoo8I?feature=shared">they simply sway, the erica</a></b></i>
  230. </p>
  231.                                         <!--- [ BLURB END ] -------------------->
  232.                                         </div>
  233.                                    
  234. <!--------------------------------------------
  235.        MAIN INFO END
  236. ----------------------------------------------->
  237.  
  238.  
  239.         </div>                                 
  240.                                 </div>
  241.                             </div>
  242.                         </div>
  243.                         <!--- [ THIRD COLUMN END ] -------------------->
  244.                     </div>
  245.                 </div>
  246.             </div>
  247.             <!--- [ MAIN CONTENT END ] -------------------->
  248.  
  249.         </div>
  250.     </div>
  251. </div>
  252. <!--------------------------------------------
  253.        CODE END
  254. ----------------------------------------------->
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!