API tools faq
paste
Keileon

My Burden Is Light

Keileon
Sep 14th, 2023 (edited)
2,964
0
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.61 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.    COLORS
  3.        Red: #BA3844
  4.        Yellow: #F2B354
  5. -->
  6.  
  7. <!-- PAGEDOLL -->
  8. <img src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/69862810_pRQ.png" style="max-height: 150px; max-width: 150px; position:fixed; bottom:50px; left:35px; z-index:999;">
  9. <audio controls="" style="background:#BA3844;padding:2px; width:2275x;height:35px;border-radius:0px; position:fixed; bottom:5px; left:5px; z-index:999;">
  10.     <source src="https://cdn.discordapp.com/attachments/436704697282199553/1143899228091973775/On_Little_Cat_Feet_Extended___OneShot.mp3">
  11. </audio>
  12.  
  13. <!-- CONTENT -->
  14. <div class="py-3 m-3 mx-lg-auto rounded" style="background-color:#212121;
  15.             background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/69861021_GcLAS882MPk7wCF.png);
  16.             background-size:contain; background-position:center; background-attachment:fixed;
  17.             border-radius: 10px; border:5px solid #000000;
  18.             font-family: 'Trebuchet MS'; max-width: 1000px">
  19.    
  20.     <!-- DO NOT REMOVE. This container div is where a lot of the magic happens. -->
  21.     <div class="container clearfix">
  22.  
  23.         <!-- HEADER -->
  24.         <div class="p-3 mx-2 row no-gutters">
  25.             <div class="p-3 col-lg-12"
  26.                style="background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/69860960_WEPF7W1LC8fBGbH.png); height:240px; border-radius: 10px; border:3px solid #f2b354;">
  27.                 <div class="row no-gutters d-flex flex-column align-items-start">
  28.                     <div class="col-auto">
  29.                         <div class="rounded text-center mb-5" style="background-color:rgba(0,0,0,0.5); width:200px;">
  30.                             <h1 class="font-weight-bold display-4 pt-2" style="color:#BA3844;">USERNAME</h1>
  31.                             <h1 class="font-weight-bold pb-2" style="color:#f2b354">
  32.                                 Age
  33.                                 <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg);"></i>
  34.                                 Gender
  35.                             </h1>
  36.                         </div>
  37.                         <div class="rounded text-center pt-5" style="width:290px max-width: 410px;">
  38.                             <p class="p-1 font-italic rounded" style="color:#f2b354; background-color:rgba(0,0,0,0.5);">
  39.                                 "A dream, like thousands of other dreams."
  40.                             </p>
  41.                         </div>
  42.                     </div>
  43.                 </div>
  44.             </div>
  45.         </div>
  46.  
  47.         <!-- CONTENT -->
  48.         <div class="p-3 mx-2 row no-gutters">
  49.             <!-- LEFT -->
  50.             <div class="p-2 rounded col-lg-4" style="background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/69863412_aBlqf7qQ4dZYd7I.png); height: 504px; background-position:center;  border-radius: 10px; border:3px solid #f2b354;">
  51.                 <div class="rounded text-center" style="background-color:rgba(0,0,0,0.5); height: 100%">
  52.                     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/69895179_P3pZ3p6f0DT4LXu.png" style="position:relative; right: 50px; top: 10px">
  53.                     <h1 class="font-weight-bold pt-1 col" style="color:#BA3844; position:relative; left: 60px; bottom: 50px">
  54.                         About
  55.                         <i class="fa-solid fa-lightbulb"></i>
  56.                     </h1>
  57.                     <p class="px-1 small">This box will not scroll, so you might want to keep it fairly short. Also, <a href="LINKHERE" style="color:#f2b354">this is a link</a> with colored text that matches the theme!</p>
  58.                     <p class="px-1 small">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  59.                     <p class="px-1 small">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  60.                 </div>
  61.             </div>
  62.  
  63.             <!-- RIGHT -->
  64.             <div class="p-2 col-lg-8">
  65.                 <div class="ml-3 mr-0 mr-lg-n2 mt-0 mt-lg-n2 mb-0 mb-lg-n2 row no-gutters">
  66.                     <div class="p-2 mb-2 col-lg-12 rounded" style="background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/69895482_xHkjqgN1Ow72fBp.png); border-radius: 10px; border:3px solid #f2b354; height: 240px; width: 544px">
  67.                         <div class="row no-gutters align-items-center float-right h-100">
  68.                             <div class="col-12 rounded text-center" style="background-color:rgba(0,0,0,0.5); height:100%;">
  69.                                 <h1 class="font-weight-bold text-right pr-2 pt-1" style="color:#BA3844;">
  70.                                     Art Status
  71.                                     <i class="fa-solid fa-feather-pointed"></i>
  72.                                 </h1>
  73.                                 <div class="p-1 px-2 mt-n2 row no-gutters">
  74.                                     <div class="rounded btn col-12 float-right mt-2 mr-2" style="background: rgba(0,0,0,0.5); border-radius: 10px; border:3px solid #BA3844;">
  75.                                         <a class="p-1 px-2 w-100 border-0 justify-content-between font-weight-bold" style="color: #f2b354; height: 25px">
  76.                                             <i class="fa-solid fa-2xl fa-dollar mt-2 px-2" style="color:#f2b354"></i>
  77.                                             COMMISSIONS: Status
  78.                                         </a>
  79.                                     </div>
  80.                                 </div>
  81.                                 <div class="p-1 px-2 row no-gutters">
  82.                                     <div class="rounded btn col-12 float-right mt-1 mr-2" style="background: rgba(0,0,0,0.5); border-radius: 10px; border:3px solid #BA3844;">
  83.                                         <a class="p-1 px-2 w-100 border-0 justify-content-between font-weight-bold" style="color: #f2b354; height: 25px">
  84.                                             <i class="fa-solid fa-2xl fa-sync mt-2 px-2" style="color:#f2b354"></i>
  85.                                             TRADES: Status
  86.                                         </a>
  87.                                     </div>
  88.                                 </div>
  89.                                 <div class="p-1 px-2 row no-gutters">
  90.                                     <div class="rounded btn col-12 float-right mt-1 mr-2" style="background: rgba(0,0,0,0.5); border-radius: 10px; border:3px solid #BA3844;">
  91.                                         <a class="p-1 px-2 w-100 border-0 justify-content-between font-weight-bold" style="color: #f2b354; height: 25px">
  92.                                             <i class="fa-solid fa-2xl fa-arrow-left mt-2 px-2" style="color:#f2b354"></i>
  93.                                             REQUESTS: Status
  94.                                         </a>
  95.                                     </div>
  96.                                 </div>
  97.                             </div>
  98.                         </div>
  99.                     </div>
  100.  
  101.                     <div class="mt-3 col-lg-6" style="height: 240px; width:320px">
  102.                         <div class="mr-2 rounded h-100" style="background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/70832517_OWG9XeuAEKwAPE5.png); border-radius: 10px; border:3px solid #f2b354;">
  103.                             <div class="row no-gutters align-items-center float-left h-100 w-100">
  104.                                 <div class="m-2 p-1 rounded w-100 h-auto" style="background-color:rgba(0,0,0,0.5);">
  105.                                     <div class="my-1 col-12 flex-row align-items-center">
  106.                                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/70834359_8An5poGgwVFgptE.png">
  107.                                         <h1 class="ml-3 font-weight-bold text-center w-100" style="color:#BA3844;">
  108.                                             Likes
  109.                                             <i class="fa-solid fa-pancakes"></i>
  110.                                         </h1>
  111.                                     </div>
  112.                                     <div class="mt-1 col-12">
  113.                                         <div class="px-2 small text-left">
  114.                                             <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg); color:#f2b354"></i> Item <br>
  115.                                             <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg); color:#f2b354"></i> Item <br>
  116.                                             <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg); color:#f2b354"></i> Item <br>
  117.                                             <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg); color:#f2b354"></i> Item <br>
  118.                                             <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg); color:#f2b354"></i> Item <br>
  119.                                             <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg); color:#f2b354"></i> Item <br>
  120.                                         </div>
  121.                                     </div>
  122.                                 </div>
  123.                             </div>
  124.                         </div>
  125.                     </div>
  126.  
  127.                     <div class="mt-3 col-lg-6" style="height: 240px; width:320px">
  128.                         <div class="ml-2 rounded h-100" style="background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/70835281_WOpGP9SEPd1m0N5.png); border-radius: 10px; border:3px solid #f2b354;">
  129.                             <div class="row no-gutters align-items-center float-left h-100 w-100">
  130.                                 <div class="m-2 p-1 rounded w-100 h-auto" style="background-color:rgba(0,0,0,0.5);">
  131.                                     <div class="my-1 col-12 flex-row align-items-center">
  132.                                         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/70835016_Br5i5Hp7rFTYqS2.png">
  133.                                         <h1 class="ml-3 font-weight-bold text-center w-100" style="color:#BA3844;">
  134.                                             Dislikes
  135.                                             <i class="fa-solid fa-mug"></i>
  136.                                         </h1>
  137.                                     </div>
  138.                                     <div class="mt-1 col-12">
  139.                                         <div class="px-2 small text-left">
  140.                                             <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg); color:#f2b354"></i> Item <br>
  141.                                             <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg); color:#f2b354"></i> Item <br>
  142.                                             <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg); color:#f2b354"></i> Item <br>
  143.                                             <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg); color:#f2b354"></i> Item <br>
  144.                                             <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg); color:#f2b354"></i> Item <br>
  145.                                             <i class="fa-solid fa-lightbulb fa-2xs" style="transform: rotate(45deg); color:#f2b354"></i> Item <br>
  146.                                         </div>
  147.                                     </div>
  148.                                 </div>
  149.                             </div>
  150.                         </div>
  151.                     </div>
  152.                 </div>
  153.  
  154.             </div>
  155.         </div>
  156.  
  157.         <div class="p-3 mx-2 row no-gutters">
  158.             <div class="p-3 mb-3 col-lg-12" style="background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/70835480_0IfHhPbdy2pRxhH.png); height:240px; border-radius: 10px; border:3px solid #f2b354;">
  159.                 <div class="row no-gutters d-flex flex-column align-items-start">
  160.                     <div class="col-12">
  161.                         <div class="rounded text-center" style="background-color:rgba(0,0,0,0.5);">
  162.                             <h1 class="font-weight-bold p-2 mt-1" style="color:#BA3844;">Featured Characters</h1>
  163.                             <div class="row p-0 m-0 pt-2 pb-2 justify-content-center">
  164.                                 <div class="col-auto m-1 p-0 text-center">
  165.                                     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/70835702_1uVGnIKypFm9nlT.png"
  166.                                        class="img-thumbnail rounded-circle" style="height: 96px; width: 96px; background-color: rgba(0, 0, 0, 0.3);">
  167.                                     <br>
  168.                                     <a href="LINK"
  169.                                        class="rounded btn w-100 pt-1 font-weight-bold" style="background: #f2b354; border-radius: 10px; border:3px solid #000000; color: #BA3844; height:33px">
  170.                                         NAME
  171.                                     </a>
  172.                                 </div>
  173.                                 <div class="col-auto m-1 p-0 text-center">
  174.                                     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/70835852_JGvJhwF3RamSuQy.png"
  175.                                        class="img-thumbnail rounded-circle" style="height: 96px; width: 96px; background-color: rgba(0, 0, 0, 0.3);">
  176.                                     <br>
  177.                                     <a href="LINK"
  178.                                        class="rounded btn w-100 pt-1 font-weight-bold" style="background: #f2b354; border-radius: 10px; border:3px solid #000000; color: #BA3844; height:33px">
  179.                                         NAME
  180.                                     </a>
  181.                                 </div>
  182.                                 <div class="col-auto m-1 p-0 text-center">
  183.                                     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/70836304_S5PjAkpZgmFgeIN.png"
  184.                                        class="img-thumbnail rounded-circle" style="height: 96px; width: 96px; background-color: rgba(0, 0, 0, 0.3);">
  185.                                     <br>
  186.                                     <a href="LINK"
  187.                                        class="rounded btn w-100 pt-1 font-weight-bold" style="background: #f2b354; border-radius: 10px; border:3px solid #000000; color: #BA3844; height:33px">
  188.                                         NAME
  189.                                     </a>
  190.                                 </div>
  191.                                 <div class="col-auto m-1 p-0 text-center">
  192.                                     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/70836355_DjmtZq0H5Md3SxG.png"
  193.                                        class="img-thumbnail rounded-circle" style="height: 96px; width: 96px; background-color: rgba(0, 0, 0, 0.3);">
  194.                                     <br>
  195.                                     <a href="LINK"
  196.                                        class="rounded btn w-100 pt-1 font-weight-bold" style="background: #f2b354; border-radius: 10px; border:3px solid #000000; color: #BA3844; height:33px">
  197.                                         NAME
  198.                                     </a>
  199.                                 </div>
  200.                                 <div class="col-auto m-1 p-0 text-center">
  201.                                     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/70836372_APRHTfQXfd2g6Yt.png"
  202.                                        class="img-thumbnail rounded-circle" style="height: 96px; width: 96px; background-color: rgba(0, 0, 0, 0.3);">
  203.                                     <br>
  204.                                     <a href="LINK"
  205.                                        class="rounded btn w-100 pt-1 font-weight-bold" style="background: #f2b354; border-radius: 10px; border:3px solid #000000; color: #BA3844; height:33px">
  206.                                         NAME
  207.                                     </a>
  208.                                 </div>
  209.                                 <div class="col-auto m-1 p-0 text-center">
  210.                                     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/70836323_d85ZEIf6RGwnXUF.png"
  211.                                        class="img-thumbnail rounded-circle" style="height: 96px; width: 96px; background-color: rgba(0, 0, 0, 0.3);">
  212.                                     <br>
  213.                                     <a href="LINK"
  214.                                        class="rounded btn w-100 pt-1 font-weight-bold" style="background: #f2b354; border-radius: 10px; border:3px solid #000000; color: #BA3844; height:33px">
  215.                                         NAME
  216.                                     </a>
  217.                                 </div>
  218.                                 <div class="col-auto m-1 p-0 text-center">
  219.                                     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/70836399_c77lbkwCLPUIUt2.png"
  220.                                        class="img-thumbnail rounded-circle" style="height: 96px; width: 96px; background-color: rgba(0, 0, 0, 0.3);">
  221.                                     <br>
  222.                                     <a href="LINK"
  223.                                        class="rounded btn w-100 pt-1 font-weight-bold" style="background: #f2b354; border-radius: 10px; border:3px solid #000000; color: #BA3844; height:33px">
  224.                                         NAME
  225.                                     </a>
  226.                                 </div>
  227.                                 <div class="col-auto m-1 p-0 text-center">
  228.                                     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/70836428_GRWEFaByTMMbkV2.png"
  229.                                        class="img-thumbnail rounded-circle" style="height: 96px; width: 96px; background-color: rgba(0, 0, 0, 0.3);">
  230.                                     <br>
  231.                                     <a href="LINK"
  232.                                        class="rounded btn w-100 pt-1 font-weight-bold" style="background: #f2b354; border-radius: 10px; border:3px solid #000000; color: #BA3844; height:33px">
  233.                                         NAME
  234.                                     </a>
  235.                                 </div>
  236.                             </div>
  237.                         </div>
  238.                     </div>
  239.                 </div>
  240.             </div>
  241.         </div>
  242.  
  243.         <!-- CREDITS -->
  244.         <div class="pl-3 mx-2 row no-gutters">
  245.             <div class="rounded p-0" style="background-color:rgba(0, 0, 0, 0.5); border-radius: 10px; border:3px solid #BA3844; width:77px">
  246.                 <a href="/Keileon" class="pl-2 tooltipster" title="Coded by Keileon"><i class="fa-brands fa-firefox-browser" style="color:#f2b354"></i></a>
  247.                 <a href="/NebulonRanger" class="tooltipster" title="Coded by NebulonRanger"><i class="fa-brands fa-wolf-pack-battalion" style="color:#f2b354"></i></a>
  248.                 <a href="https://twitter.com/oneshot_game" class="pr-2 tooltipster" title="Images from OneShot"><i class="fa-solid fa-images" style="color:#f2b354"></i></a>
  249.             </div>
  250.         </div>
  251.  
  252.     </div>
  253. </div>
Advertisement
Comments
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!