API tools faq
paste
t3ch13-c0l0rs

cat hacks

t3ch13-c0l0rs
Jun 23rd, 2023
281
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.52 KB | None | 1 0
raw download clone embed print report
  1. <!--
  2. clangen motivated me to code thanks clangen
  3. uhh yeah this is a warriors code! relatively simple but im hoping you like it.
  4. -->
  5.  
  6. <div class="col-md-5 col-sm-12 mx-auto">
  7. <div class="row no-gutters">
  8.  
  9. <!-- part 1, basic stuff -->
  10. <div class="col-md-6 col-sm-12 mb-1">
  11. <div class="col-12 bg-faded p-1">
  12.  
  13.  
  14. <!-- name -->
  15. <div class="row no-gutters">
  16. <div class="col text-left p-0 text-muted font-italic" style="font-family: times new roman;">
  17. <i class="fas fa-signature faded fa-fx" style="z-index: 0; position: relative; opacity: .2"></i>
  18. <span class="ml-n2" style="z-index: 2; position: relative">name</span>
  19. </div>
  20.  
  21. <div class="col text-right font-italic px-1 text-muted mb-1" style="font-family: times new roman">
  22. <p style="line-height: 100%; padding-top: 3px"> somethingpelt <br>
  23. <span class="faded" style="font-size: 12px">prevpaw</span>
  24. <br>
  25. <span class="faded" style="font-size: 12px">prevkit</span>
  26. </p>
  27. </div>
  28. <!-- if you need to add more names uhhh
  29.  
  30. <br>
  31. <span class="faded" style="font-size: 12px">name</span>
  32.  
  33. add that under the prevkit one
  34. -->
  35. </div>
  36.  
  37. <hr class="my-0">
  38.  
  39. <!-- age -->
  40. <div class="row no-gutters">
  41. <div class="col text-left p-0 text-muted font-italic" style="font-family: times new roman;">
  42. <i class="fas fa-cake fa-fx faded" style="z-index: 0; position: relative; opacity: .2"></i>
  43. <span class="ml-n2" style="z-index: 2; position: relative">age</span>
  44. </div>
  45.  
  46. <div class="col text-right font-italic px-1 text-muted" style="font-family: times new roman">
  47. <p> # moons </p>
  48. </div>
  49.  
  50. </div>
  51.  
  52. <hr class="my-0">
  53.  
  54. <!-- gender -->
  55. <div class="row no-gutters">
  56. <div class="col text-left p-0 text-muted font-italic" style="font-family: times new roman;">
  57. <i class="fas fa-venus-mars fa-fx faded" style="z-index: 0; position: relative; opacity: .2"></i>
  58. <span class="ml-n2" style="z-index: 2; position: relative">gender</span>
  59. </div>
  60.  
  61. <div class="col text-right font-italic px-1 text-muted" style="font-family: times new roman; padding-top: 3px; line-height: 100%">
  62. <p> nonbinary
  63. <br>
  64. <span class="faded small">(they/them)</span> </p>
  65. </div>
  66.  
  67. </div>
  68.  
  69. <hr class="my-0">
  70.  
  71. <!-- rank -->
  72. <div class="row no-gutters">
  73. <div class="col text-left p-0 text-muted font-italic" style="font-family: times new roman;">
  74. <i class="fas fa-user-tie fa-fx faded" style="z-index: 0; position: relative; opacity: .2"></i>
  75. <span class="ml-n2" style="z-index: 2; position: relative">rank</span>
  76. </div>
  77.  
  78. <div class="col text-right font-italic px-1 text-muted" style="font-family: times new roman">
  79. <p> warrior </p>
  80. </div>
  81.  
  82. </div>
  83.  
  84. <hr class="my-0">
  85.  
  86. <!-- clan -->
  87. <div class="row no-gutters">
  88. <div class="col text-left p-0 text-muted font-italic" style="font-family: times new roman;">
  89. <i class="fas fa-house fa-fx faded" style="z-index: 0; position: relative; opacity: .2"></i>
  90. <span class="ml-n2" style="z-index: 2; position: relative">clan</span>
  91. </div>
  92.  
  93. <div class="col text-right font-italic px-1 text-muted" style="font-family: times new roman">
  94. <p> blankclan </p>
  95. </div>
  96.  
  97. </div>
  98.  
  99. <hr class="my-0">
  100.  
  101. <!-- mate(s) -->
  102. <div class="row no-gutters">
  103. <div class="col text-left p-0 text-muted font-italic" style="font-family: times new roman;">
  104. <i class="fas fa-heart fa-fx faded" style="z-index: 0; position: relative; opacity: .2"></i>
  105. <span class="ml-n2" style="z-index: 2; position: relative">mate</span>
  106. </div>
  107.  
  108. <!-- if you need to put more mates uhh
  109. <br>
  110. <a href="linkhere" class="text-muted" style="text-decoration: underline"> othermate </a>
  111. under the original link
  112. -->
  113. <div class="col text-right font-italic px-1 text-muted" style="font-family: times new roman">
  114. <a href="linkhere" class="text-muted" style="text-decoration: underline"> otherclaw </a>
  115. </div>
  116.  
  117. </div>
  118.  
  119. <hr class="my-0">
  120.  
  121. <!-- apprentices -->
  122. <div class="row no-gutters">
  123. <div class="col text-left p-0 text-muted font-italic" style="font-family: times new roman;">
  124. <i class="fas fa-paw fa-fx faded" style="z-index: 0; position: relative; opacity: .2"></i>
  125. <span class="ml-n2" style="z-index: 2; position: relative">apprentice(s)</span>
  126. </div>
  127.  
  128. <div class="col text-right font-italic px-1 text-muted" style="font-family: times new roman">
  129. <a href="linkhere" class="text-muted" style="text-decoration: underline"> blankpaw </a>
  130. <br>
  131. <a href="linkhere" class="text-muted" style="text-decoration: underline"> fillerheart </a>
  132. </div>
  133.  
  134. </div>
  135.  
  136. <hr class="my-0">
  137.  
  138. <!-- family -->
  139. <div class="row no-gutters">
  140. <div class="col text-left p-0 text-muted font-italic" style="font-family: times new roman;">
  141. <i class="fas fa-link fa-fx faded" style="z-index: 0; position: relative; opacity: .2"></i>
  142. <span class="ml-n2" style="z-index: 2; position: relative">family</span>
  143. </div>
  144.  
  145. <div class="col text-right font-italic px-1 text-muted" style="font-family: times new roman">
  146. <a href="#" class="text-muted" style="text-decoration: underline"> parentfeather </a>
  147. <br>
  148. <a href="#" class="text-muted" style="text-decoration: underline"> parenteyes (†) </a>
  149. <br>
  150. <a href="#" class="text-muted" style="text-decoration: underline"> siblingshade </a>
  151. </div>
  152.  
  153. </div>
  154. </div>
  155. </div>
  156.  
  157. <!-- side b: image and palette -->
  158. <div class="col-md-6 col-sm-12 pl-md-1 pl-sm-0 mb-1">
  159.  
  160. <!-- image -->
  161. <div class="card rounded-0 border-0 bg-faded" style="height: 85%;">
  162. <div class="flex-fill" style="background-image: url(imgurlhere); background-size: cover; background-position: center;"></div>
  163. </div>
  164.  
  165. <!-- palette, add more colors by adding cols under the last one -->
  166. <div class="card rounded-0 border-0 bg-faded overflow-hidden" style="height: 15%">
  167. <div class="row no-gutters flex-fill">
  168. <div class="col" style="background-color: #ffffff"></div>
  169. <div class="col" style="background-color: #bebebe"></div>
  170. <div class="col" style="background-color: #8d8d8d"></div>
  171. <div class="col" style="background-color: #484848"></div>
  172. <div class="col" style="background-color: #000000"></div>
  173. </div>
  174. </div>
  175. </div>
  176.  
  177. <!-- quick bios -->
  178. <div class="col-md-6 col-sm-12 mb-1">
  179. <div class="bg-faded p-2" style="height: 100%">
  180. <div class="tab-content">
  181.  
  182. <!-- personality -->
  183. <div class="overflow-auto card border-0 p-2 rounded-0 text-muted text-justify tab-pane fade active show" id="personality" style="font-size: 12px; max-height: 67px; min-height: 67px">
  184. tbh this isnt meant for super long character descriptions. a few lines at most but it scrolls.
  185. </div>
  186.  
  187. <!-- backstory -->
  188. <div class="overflow-auto card border-0 p-2 rounded-0 text-muted text-justify tab-pane fade" id="backstory" style="font-size: 12px; max-height: 67px; min-height: 67px">
  189. write some backstory tidbits here! stuff like where they come from.
  190. </div>
  191. </div>
  192.  
  193. <ul class="nav nav-tabs border-0 ">
  194. <li class="nav-item">
  195. <a class="nav-link active border-0 p-0 mr-2 text-muted" data-toggle="tab" href="#personality" style="background: none; border: none">
  196. <i class="fas fa-comments"></i>
  197. </a>
  198. </li>
  199. <li class="nav-item">
  200. <a class="nav-link border-0 p-0 mr-2 text-muted" data-toggle="tab" href="#backstory" style="background: none; border: none">
  201. <i class="fas fa-book"></i>
  202. </a>
  203. </li>
  204. </ul>
  205. </div>
  206. </div>
  207.  
  208. <!-- quick permissions -->
  209. <div class="col-md-6 col-sm-12 pl-md-1 pl-sm-0 mb-1 overflow-hidden d-block flex-column d-md-flex">
  210. <div class="bg-faded p-2 d-block" style="min-height: 100%; overflow-y: auto;">
  211.  
  212. <!-- offering -->
  213. <div class="row no-gutters">
  214. <div class="col text-left p-0 text-muted font-italic" style="font-family: times new roman;">
  215. <i class="fas fa-hand-holding-dollar fa-fx faded" style="z-index: 0; position: relative; opacity: .2"></i>
  216. <span class="ml-n2" style="z-index: 2; position: relative">offers</span>
  217. </div>
  218.  
  219. <div class="col text-right font-italic px-1 text-muted" style="font-family: times new roman">
  220. <p> no </p>
  221. </div>
  222. </div>
  223.  
  224. <hr class="my-0">
  225.  
  226. <!-- rp -->
  227. <div class="row no-gutters">
  228. <div class="col text-left p-0 text-muted font-italic" style="font-family: times new roman;">
  229. <i class="fas fa-dice-d20 fa-fx faded" style="z-index: 0; position: relative; opacity: .2"></i>
  230. <span class="ml-n2" style="z-index: 2; position: relative">roleplay</span>
  231. </div>
  232.  
  233. <div class="col text-right font-italic px-1 text-muted" style="font-family: times new roman">
  234. <p> no </p>
  235. </div>
  236.  
  237. </div>
  238.  
  239. <hr class="my-0">
  240.  
  241. <!-- worth -->
  242. <div class="row no-gutters">
  243. <div class="col text-left p-0 text-muted font-italic" style="font-family: times new roman;">
  244. <i class="fas fa-money-bill fa-fx faded" style="z-index: 0; position: relative; opacity: .2"></i>
  245. <span class="ml-n2" style="z-index: 2; position: relative">worth</span>
  246. </div>
  247.  
  248. <div class="col text-right font-italic px-1 text-muted" style="font-family: times new roman">
  249. <p> $0 </p>
  250. </div>
  251.  
  252. </div>
  253.  
  254. <hr class="my-0">
  255.  
  256. <!-- gift art -->
  257. <div class="row no-gutters">
  258.  
  259. <div class="col text-left p-0 text-muted font-italic" style="font-family: times new roman;">
  260. <i class="fas fa-gift fa-fx faded" style="z-index: 0; position: relative; opacity: .2"></i>
  261. <span class="ml-n2" style="z-index: 2; position: relative">gift art</span>
  262. </div>
  263.  
  264. <div class="col text-right font-italic px-1 text-muted" style="font-family: times new roman">
  265. <p> yes </p>
  266. </div>
  267.  
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  272.  
  273. <!-- end of code dont remove the credit -->
  274. <a href="https://toyhou.se/micro-wave" class="text-muted tooltipster" title="code by micro-wave"><i class="fas fa-microwave"></i></a>
  275. </div>
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!