API tools faq
paste
Advertisement
spacialfries

Jammyx Code

spacialfries
Apr 29th, 2025
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.38 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Replace the following hexcodes for rarity.
  4. Hexcodes are ordered from darkest to lightest - text, cell border, main body.
  5.  
  6. Standard: #34608A | #9BB7BE | #D4DFE0
  7. Unusual: #1C8389 | #9ACEBE | #DCF1E8
  8. Rare: #931A17 | #BC8296 | #D2BAC4
  9. Extraordinary: #9F25AD | #C39DDF | #E2D6F0
  10. Crossbreed: #D45737 | #FFB672 | #FFE8A1
  11.  
  12. -->
  13.  
  14. <!-- Main Tab -->
  15. <div class="container card card-block border-0 p-4 col-xl-6 col-xs-12" style="background:#9BB7BE; border-radius:75px; font-weight:bold;">
  16.      
  17.      <!-- Background Particles -->
  18.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; left:10px; top:60%; opacity:0.25;"></i>
  19.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; right:10px; bottom:60%; opacity:0.25;"></i>
  20.      <i class="fas fa-viruses fa-xl" style="color:#34608A; position:absolute; left:25%; top:20px; opacity:0.25;"></i>
  21.      <i class="fas fa-viruses fa-xl" style="color:#34608A; position:absolute; right:25%; bottom:20px; opacity:0.25;"></i>
  22.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; left:60%; top:20px; opacity:0.25;"></i>
  23.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; right:60%; bottom:20px; opacity:0.25;"></i>
  24.      
  25.      <!-- Content -->
  26.      <div class="container card card-block border-0" style="background:#D4DFE0; color:#34608A; border-radius:50px;">
  27.          <p class="mx-4 mb-0">
  28.              <span class="h1" style="float:left; font-family:Tahoma, sans-serif; font-weight:bold; text-shadow: 3px 2px 5px #9BB7BE;">
  29.                  
  30.                  <!-- Name --><i class="fas fa-splotch"></i> Name
  31.                  
  32.                  -
  33.                  
  34.                  <!-- Site Profile Link & Masterlist Number --><a href="JAMMYX PROFILE LINK HERE" style="color:#34608A; opacity:0.5">#000<small> <i class="fas fa-link fa-xs"></i></small></a>
  35.                  
  36.              </span>
  37.              
  38.              <!-- Info Tidbits --><span style="float:right; font-style:italic; text-shadow:0px 2px 2px #9BB7BE;">pronouns • occupation </span>
  39.          </p>
  40.          
  41.          <!-- Divider --><hr class="mt-0" style="border-top:5px dotted #9BB7BE; width:100%;">
  42.          
  43.          <div class="row mx-auto" style="max-height:200px; overflow:hidden;">
  44.              <div class="container col">
  45.                  
  46.                  <!--Extra Tidbits--> <h4 style="display:flex; justify-content:center; font-style:italic;"> four • short • traits • here</h4>
  47.                  
  48.                  <p>
  49.                      <!-- Short Character Intro --> Text longer than 200 pixels will get cut off. For longer, more detailed content, use the "About" section instead. <span style="color:#9BB7BE">This text is here to help you visualize how many lines of text takes up 200 pixels. 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. 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.</span>
  50.                  </p>
  51.                  
  52.              </div>
  53.              <div class="container col-sm-12 col-xl-auto">
  54.                  
  55.                  <!-- Image --><img src="https://jammyx.net/images/data/items/T897CoO4uo1-image.png" class="float-right ml-2 mr-2" style="border-radius:25px; background:#9BB7BE;">
  56.                  
  57.              </div>
  58.          </div>
  59.      </div>
  60. </div>
  61.  
  62. <!-- Traits & About Tab -->
  63. <div class="container card card-block border-0 p-4 col-xl-6 col-xs-12 mt-4" style="background:#9BB7BE; border-radius:75px; font-weight:bold;">
  64.      
  65.      <!-- Background Particles -->
  66.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; left:10px; top:60%; opacity:0.25;"></i>
  67.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; right:10px; bottom:60%; opacity:0.25;"></i>
  68.      <i class="fas fa-viruses fa-xl" style="color:#34608A; position:absolute; left:25%; top:20px; opacity:0.25;"></i>
  69.      <i class="fas fa-viruses fa-xl" style="color:#34608A; position:absolute; right:25%; bottom:20px; opacity:0.25;"></i>
  70.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; left:60%; top:20px; opacity:0.25;"></i>
  71.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; right:60%; bottom:20px; opacity:0.25;"></i>
  72.      
  73.      <!-- Content -->
  74.      <div class="container card card-block border-0" style="background:#D4DFE0; color:#34608A; border-radius:50px;">
  75.          <h3 class="text-center" style="font-family:Tahoma, sans-serif; font-weight:bold; text-shadow: 3px 2px 5px #9BB7BE;">About</h3>
  76.          <hr class="mt-0" style="border-top:5px dotted #9BB7BE; width:100%;">
  77.          <p style="max-height:200px; overflow:auto;">
  78.              
  79.              <!--More Detailed Info-->
  80.              Text longer than 200px will scroll. This box is better for detailed history, personality, etc. <span style="color:#9BB7BE">This text is here to help you visualize how many lines of text takes up 200 pixels. 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. 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. 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.</span>
  81.              
  82.          </p>
  83.      </div>
  84. </div>
  85.  
  86. <!-- Relationships Tab -->
  87. <div class="container card card-block border-0 p-4 col-xl-6 col-xs-12 mt-4" style="background:#9BB7BE; border-radius:75px; font-weight:bold;">
  88.      
  89.      <!-- Background Particles -->
  90.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; left:10px; top:60%; opacity:0.25;"></i>
  91.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; right:10px; bottom:60%; opacity:0.25;"></i>
  92.      <i class="fas fa-viruses fa-xl" style="color:#34608A; position:absolute; left:25%; top:20px; opacity:0.25;"></i>
  93.      <i class="fas fa-viruses fa-xl" style="color:#34608A; position:absolute; right:25%; bottom:20px; opacity:0.25;"></i>
  94.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; left:60%; top:20px; opacity:0.25;"></i>
  95.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; right:60%; bottom:20px; opacity:0.25;"></i>
  96.      
  97.      <!-- Content -->
  98.      <div class="container card card-block border-0" style="background:#D4DFE0; color:#34608A; border-radius:50px;">
  99.          <h1 class="h1 text-center" style="font-family:Tahoma, sans-serif; font-weight:bold; text-shadow: 3px 2px 5px #9BB7BE;"><i class="fas fa-heart"></i> Relationships <i class="fas fa-heart-half-stroke"></i></h1>
  100.          
  101.          <!-- Divider --><hr class="mt-0" style="border-top:5px dotted #9BB7BE; width:100%;">
  102.          
  103.          <div class="justify-content-center" style="max-height:200px; overflow:auto;">
  104.              <div class="row mx-auto text-center">
  105.                  
  106.                  <!-- Relationship A -->
  107.                  <a href="CHARACTER LINK A" style="color:#34608A;"><div class="col container p-0 m-1">
  108.                      <!-- Link -->
  109.                          <!-- Image --><img src="https://jammyx.net/images/data/items/T897CoO4uo1-image.png" style="border-radius:25px; background:#9BB7BE; max-width:100px;"><br>Name
  110.                  </div></a>
  111.                  
  112.                  <!-- Relationship B -->
  113.                  <a href="CHARACTER LINK B" style="color:#34608A;"><div class="col container p-0 m-1">
  114.                      <!-- Link -->
  115.                          <!-- Image --><img src="https://jammyx.net/images/data/items/T897CoO4uo1-image.png" style="border-radius:25px; background:#9BB7BE; max-width:100px;"><br>Name
  116.                  </div></a>
  117.                  
  118.                  <!-- Relationship C -->
  119.                  <a href="CHARACTER LINK C" style="color:#34608A;"><div class="col container p-0 m-1">
  120.                      <!-- Link -->
  121.                          <!-- Image --><img src="https://jammyx.net/images/data/items/T897CoO4uo1-image.png" style="border-radius:25px; background:#9BB7BE; max-width:100px;"><br>Name
  122.                  </div></a>
  123.                  
  124.                  <!-- Relationship A -->
  125.                  <a href="CHARACTER LINK A" style="color:#34608A;"><div class="col container p-0 m-1">
  126.                      <!-- Link -->
  127.                          <!-- Image --><img src="https://jammyx.net/images/data/items/T897CoO4uo1-image.png" style="border-radius:25px; background:#9BB7BE; max-width:100px;"><br>Name
  128.                  </div></a>
  129.                  
  130.                  <!-- Relationship D -->
  131.                  <a href="CHARACTER LINK D" style="color:#34608A;"><div class="col container p-0 m-1">
  132.                      <!-- Link -->
  133.                          <!-- Image --><img src="https://jammyx.net/images/data/items/T897CoO4uo1-image.png" style="border-radius:25px; background:#9BB7BE; max-width:100px;"><br>Name
  134.                  </div></a>
  135.                  
  136.                  <!-- Relationship E -->
  137.                  <a href="CHARACTER LINK E" style="color:#34608A;"><div class="col container p-0 m-1">
  138.                      <!-- Link -->
  139.                          <!-- Image --><img src="https://jammyx.net/images/data/items/T897CoO4uo1-image.png" style="border-radius:25px; background:#9BB7BE; max-width:100px;"><br>Name
  140.                  </div></a>
  141.                  
  142.                  <!-- Relationship F -->
  143.                  <a href="CHARACTER LINK F" style="color:#34608A;"><div class="col container p-0 m-1">
  144.                      <!-- Link -->
  145.                          <!-- Image --><img src="https://jammyx.net/images/data/items/T897CoO4uo1-image.png" style="border-radius:25px; background:#9BB7BE; max-width:100px;"><br>Name
  146.                  </div></a>
  147.                  
  148.              </div>
  149.          </div>
  150.      </div>
  151. </div>
  152.  
  153. <!-- Likes & Dislikes Tab -->
  154. <div class="container card card-block border-0 p-4 col-xl-6 col-xs-12 mt-4" style="background:#9BB7BE; border-radius:75px; font-weight:bold;">
  155.      
  156.      <!-- Background Particles -->
  157.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; left:10px; top:60%; opacity:0.25;"></i>
  158.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; right:10px; bottom:60%; opacity:0.25;"></i>
  159.      <i class="fas fa-viruses fa-xl" style="color:#34608A; position:absolute; left:25%; top:20px; opacity:0.25;"></i>
  160.      <i class="fas fa-viruses fa-xl" style="color:#34608A; position:absolute; right:25%; bottom:20px; opacity:0.25;"></i>
  161.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; left:60%; top:20px; opacity:0.25;"></i>
  162.      <i class="fas fa-virus fa-xl" style="color:#34608A; position:absolute; right:60%; bottom:20px; opacity:0.25;"></i>
  163.      
  164.      <!-- Content -->
  165.      <div class="container card card-block border-0" style="background:#D4DFE0; color:#34608A; border-radius:50px;">
  166.          <div class="row">
  167.              
  168.              <div class="container col-sm-12 col-xl-4">
  169.                  <h3 class="text-center" style="font-family:Tahoma, sans-serif; font-weight:bold; text-shadow: 3px 2px 5px #9BB7BE;">Traits</h3>
  170.                  <hr class="mt-0" style="border-top:5px dotted #9BB7BE; width:100%;">
  171.                  <ul class="mb-0" style="list-style:none; padding-left:0px; max-height:200px; overflow:auto;">
  172.                      
  173.                      <!-- Trait List -->
  174.                      <li>[x] x Rarity</li>
  175.                      <li>[x] x Subtype</li>
  176.                      <li>[x] x Antennae</li>
  177.                      <li>[x] x Core</li>
  178.                      <li>[x] x Symbiont</li>
  179.                      <li>[x] x Tail</li>
  180.                      <li>[x] x Cytoplasm</li>
  181.                      <li>[x] x Liquid*</li>
  182.                      <li>[M] x Mutation</li>
  183.                      <li>[M] x Mutation</li>
  184.                      <li>[M] x Mutation</li>
  185.                      
  186.                  </ul>
  187.              </div>
  188.              
  189.              <div style="width:0px; border-right:5px dotted #9BB7BE;"></div>
  190.              
  191.              
  192.              <div class="container col-sm-12 col-xl-3">
  193.                  <h3 class="text-center" style="font-family:Tahoma, sans-serif; font-weight:bold; text-shadow: 3px 2px 5px #9BB7BE;">Likes</h3>
  194.                  <hr class="mt-0" style="border-top:5px dotted #9BB7BE; width:100%;">
  195.                  <ul class="text-center mb-0" style="list-style:none; padding-left:0px; max-height:200px; overflow:auto;">
  196.                      
  197.                      <!-- Likes -->
  198.                      <li>item</li>
  199.                      <li>item</li>
  200.                      <li>item</li>
  201.                      <li>item</li>
  202.                      <li>item</li>
  203.                      <li>item</li>
  204.                      <li>item</li>
  205.                      <li>item</li>
  206.                      <li style="color:#9BB7BE">10th item scrolls.</li>
  207.                      <li style="color:#9BB7BE">Like this!</li>
  208.                      
  209.                  </ul>
  210.              </div>
  211.              
  212.              <div style="width:0px; border-right:5px dotted #9BB7BE;"></div>
  213.              
  214.              <div class="container col-sm-12 col-xl-3">
  215.                  <h3 class="text-center" style="font-family:Tahoma, sans-serif; font-weight:bold; text-shadow: 3px 2px 5px #9BB7BE;">Dislikes</h3>
  216.                  <hr class="mt-0" style="border-top:5px dotted #9BB7BE; width:100%;">
  217.                  <ul class="text-center mb-0" style="list-style:none; padding-left:0px; max-height:200px; overflow:auto;">
  218.                      
  219.                      <!-- Dislikes -->
  220.                      <li>item</li>
  221.                      <li>item</li>
  222.                      <li>item</li>
  223.                      <li>item</li>
  224.                      <li>item</li>
  225.                      <li>item</li>
  226.                      <li>item</li>
  227.                      <li>item</li>
  228.                      <li style="color:#9BB7BE">10th item scrolls.</li>
  229.                      <li style="color:#9BB7BE">Like this!</li>
  230.                      
  231.                  </ul>
  232.              </div>
  233.          </div>
  234.      </div>
  235. </div>
  236.  
  237. <!--Code Link-->
  238. <div class="container border-0 col-auto text-center p-1" style="background:#34608A; color:#9BB7BE; border-radius: 0px 0px 100px 100px; font-weight:bold; width:50px; height:25px; display: table;">
  239.      <a style="display: table-cell; vertical-align: middle; color:#9BB7BE;" href="https://toyhou.se/32852487.jammyx-profile-code" title="code by nightlustrous"><i class="fas fa-code fa-lg"></i></a>
  240. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!