API tools faq
paste
t3ch13-c0l0rs

ana ng

t3ch13-c0l0rs
Dec 27th, 2023
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.95 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. accent color: #d26286
  3. ctrl + f / cmd + f for easy changes!
  4. -->
  5.  
  6. <div class="col-md-9 col-sm-12 mx-auto p-0">
  7.  
  8. <div class="col-12 p-2" style="background-color: #d26286">
  9.  
  10. <div class="row no-gutters">
  11.  
  12. <div class="col-4">
  13.  
  14. <!-- change this to the album cover or a pic of the oc or something -->
  15. <img src="//placehold.co/400">
  16. </div>
  17.  
  18. <div class="col p-3 ml-1 text-white d-block d-md-flex flex-column" style="font-family: avenir">
  19.  
  20. <!-- just fill in the blanks -->
  21. <div class="display-4 font-weight-bold mb-2">Song Title</div>
  22. <div>Music Artist • Track # on Album</div>
  23.  
  24. <!-- write -->
  25. <div class="w-75 mt-3" style="flex: 1 1 100px; min-height: 100px; overflow-y: auto;"> just some stuff about the song, or the character you're comparing it to. 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.</div>
  26.  
  27. </div>
  28.  
  29. </div>
  30.  
  31. </div>
  32.  
  33. <!-- part that really matters -->
  34.  
  35. <div class="col-12 p-3" style="color: black; background: white; font-family: avenir; font-size: 15px">
  36.  
  37. <div class="row no-gutters">
  38.  
  39. <!-- lyrics -->
  40. <div class="col-md-6 col-sm-12 p-0">
  41.  
  42. <!-- new verse -->
  43. <div class="col-12 mb-3">
  44.  
  45. <p class="m-0"><b>[Verse 1: Person 1]</b></p>
  46.  
  47. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  48.  
  49. <span style="color: white">This is a sample song,</span>
  50.  
  51. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation1" data-toggle="collapse" aria-controls="annotation1" aria-expanded="false"></a>
  52. </div>
  53.  
  54. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  55.  
  56. <span style="color: white">with sample lyrics</span>
  57.  
  58. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation2" data-toggle="collapse" aria-controls="annotation2" aria-expanded="false"></a>
  59. </div>
  60.  
  61. <p>This is a sample lyric without an annotation.</p>
  62.  
  63. <!-- annotation 2 -->
  64.  
  65. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  66.  
  67. <span style="color: white">This lyric leads to the same annotation</span>
  68.  
  69. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation3" data-toggle="collapse" aria-controls="annotation3" aria-expanded="false"></a>
  70. </div>
  71.  
  72. <!-- annotation 3 -->
  73.  
  74. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  75.  
  76. <span style="color: white">As the next one.</span>
  77.  
  78. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation3" data-toggle="collapse" aria-controls="annotation3" aria-expanded="false"></a>
  79. </div>
  80.  
  81. <!-- annotation 4 -->
  82.  
  83. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  84.  
  85. <span style="color: white">If you need to add a divider between lyrics because theyre on the same line for some reason</span>
  86.  
  87. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation4" data-toggle="collapse" aria-controls="annotation4" aria-expanded="false"></a>
  88. </div>
  89.  
  90. <!-- annotation 5 -->
  91.  
  92. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  93.  
  94. <span style="color: white">Add a br between the divs.</span>
  95.  
  96. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation5" data-toggle="collapse" aria-controls="annotation5" aria-expanded="false"></a>
  97. </div>
  98.  
  99.  
  100. </div>
  101.  
  102. <!-- chorus -->
  103. <div class="col-12 mb-3">
  104.  
  105. <p class="m-0"><b>[Chorus: Person 1, <em>Person 2</em>]</b></p>
  106.  
  107. <p class="m-0">This is how you do it</p>
  108.  
  109. <!-- annotation 6 -->
  110.  
  111. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  112.  
  113. <span style="color: white"><em>When there's two people around</em></span>
  114.  
  115. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation6" data-toggle="collapse" aria-controls="annotation6" aria-expanded="false"></a>
  116. </div>
  117.  
  118. <p class="m-0"><em>Each singing the same song</em></p>
  119.  
  120. <p class="m-0">And doing it right</p>
  121.  
  122. <!-- annotation 8 -->
  123.  
  124. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  125.  
  126. <span style="color: white">These annotations usually repeat</span>
  127.  
  128. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation7" data-toggle="collapse" aria-controls="annotation7" aria-expanded="false"></a>
  129. </div>
  130.  
  131. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  132.  
  133. <span style="color: white"><em>So don't worry too hard about them later.</em></span>
  134.  
  135. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation8" data-toggle="collapse" aria-controls="annotation8" aria-expanded="false"></a>
  136. </div>
  137.  
  138.  
  139.  
  140.  
  141. </div>
  142.  
  143. <!-- new verse -->
  144. <div class="col-12 mb-3">
  145.  
  146. <p class="m-0"><b>[Verse 2: Person 1]</b></p>
  147.  
  148. <p class="m-0">This shits crazy</p>
  149.  
  150. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  151.  
  152. <span style="color: white">And it didn't even take that long!</span>
  153.  
  154. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation9" data-toggle="collapse" aria-controls="annotation9" aria-expanded="false"></a>
  155. </div>
  156.  
  157. <!-- annotation 10 -->
  158.  
  159. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  160.  
  161. <span style="color: white">But it was fun to do,</span>
  162.  
  163. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation10" data-toggle="collapse" aria-controls="annotation10" aria-expanded="false"></a>
  164. </div>
  165.  
  166. <!-- annotation 11 -->
  167.  
  168. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  169.  
  170. <span style="color: white">More fun then the other code I had planned anyway.</span>
  171.  
  172. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation11" data-toggle="collapse" aria-controls="annotation11" aria-expanded="false"></a>
  173. </div>
  174.  
  175. <!-- annotation 12 -->
  176.  
  177. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  178.  
  179. <span style="color: white">Maybe I'll release that one next month..</span>
  180.  
  181. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation12" data-toggle="collapse" aria-controls="annotation12" aria-expanded="false"></a>
  182. </div>
  183.  
  184. <!-- annotation 13 -->
  185.  
  186. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  187.  
  188. <span style="color: white">As of now, though:</span>
  189.  
  190. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation13" data-toggle="collapse" aria-controls="annotation13" aria-expanded="false"></a>
  191. </div>
  192.  
  193. <br>
  194.  
  195. <!-- annotation 14 -->
  196.  
  197. <div class="d-inline-flex align-items-center" style="position: relative; background-color: #d26286; overflow: hidden; margin-bottom: 2px">
  198.  
  199. <span style="color: white">Seeya!</span>
  200.  
  201. <a class="btn btn-outline-secondary border-0 rounded-0" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; filter: grayscale(1) brightness(-1000%); opacity: .5; color: #000; mix-blend-mode: multiply" href="#annotation14" data-toggle="collapse" aria-controls="annotation14" aria-expanded="false"></a>
  202. </div>
  203.  
  204. <!-- to add another annotation, copy and paste the thing above, and change the thing in the href="THISTHING" and the aria-controls="THISTHING". make it annotation(number) and keep count! you then copy and paste down in the annotations part and change the id to that number. if you need help feel free to ask. -->
  205.  
  206.  
  207. </div>
  208.  
  209. <!-- add new verses above this line -->
  210.  
  211. </div>
  212.  
  213. <!-- the annotation parts -->
  214.  
  215. <div class="col-md col-sm-12 ml-md-2 p-0">
  216.  
  217. <div class="col-12 p-0" id="annotations" style="position: sticky; top: 0">
  218.  
  219. <div id="annotation1" class="collapse" data-parent="#annotations">
  220. <div class="py-2" style="background: rgb(233, 233, 233);">
  221. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  222.  
  223. <div class="p-3" style="font-size: 13px">
  224.  
  225. <div class="justify-content-between">
  226. <p class="small font-weight-bold">Genius Annotation</p>
  227. <p class="small font-weight-bold"><u>1 contributor</u></p>
  228. </div>
  229.  
  230. <p>And this is a sample annotation.</p>
  231.  
  232. </div>
  233.  
  234. <hr style="border-color: rgba(0,0,0,0.5)">
  235.  
  236.  
  237. </div>
  238. </div>
  239.  
  240. <div id="annotation2" class="collapse" data-parent="#annotations">
  241.  
  242. <div class="py-2" style="background: rgb(233, 233, 233);">
  243. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  244.  
  245. <div class="p-3" style="font-size: 13px">
  246.  
  247. <div class="justify-content-between">
  248. <p class="small font-weight-bold">Genius Annotation</p>
  249. <p class="small font-weight-bold"><u>2 contributors</u></p>
  250. </div>
  251.  
  252. <p>Some things you can do in these annotations, <em>italicize text</em>, <b>embolden text</b>, <u>underline text</u>, <del>strikethrough text</del>, <a href="https://toyhou.se/micro-wave" style="color: black"><u>add links in the text</u></a>, add images:</p>
  253.  
  254. <p><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/69475535_J8dZDlzGgCHKJeK.png"></p>
  255.  
  256. <p>
  257. <ol>
  258. <li class="font-weight-bold mb-2"><span style="font-weight: 500">as well as add lists</span></li>
  259. </ol>
  260. <ul>
  261. <li>that're both numbered and unnumbered!</li>
  262. <li>i think numbered looks better though..</li>
  263. </ul>
  264. </p>
  265.  
  266. </div>
  267.  
  268. <hr style="border-color: rgba(0,0,0,0.5)">
  269.  
  270.  
  271. </div>
  272.  
  273. </div>
  274.  
  275. <div id="annotation3" class="collapse" data-parent="#annotations">
  276.  
  277. <div class="py-2" style="background: rgb(233, 233, 233);">
  278. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  279.  
  280. <div class="p-3" style="font-size: 13px">
  281.  
  282. <div class="justify-content-between">
  283. <p class="small font-weight-bold">Genius Annotation</p>
  284. <p class="small font-weight-bold"><u>1 contributor</u></p>
  285. </div>
  286.  
  287. <p>this'll close if you click one link and then the other.</p>
  288. </div>
  289.  
  290. <hr style="border-color: rgba(0,0,0,0.5)">
  291.  
  292.  
  293. </div>
  294.  
  295. </div>
  296.  
  297. <div id="annotation4" class="collapse" data-parent="#annotations">
  298.  
  299. <div class="py-2" style="background: rgb(233, 233, 233);">
  300. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  301.  
  302. <div class="p-3" style="font-size: 13px">
  303.  
  304. <div class="justify-content-between">
  305. <p class="small font-weight-bold">Genius Annotation</p>
  306. <p class="small font-weight-bold"><u>2 contributors</u></p>
  307. </div>
  308.  
  309. <p>tbh i didnt even realize that could happen until i started doing the placeholder for this code. i mean that genuinely i did not realize that the links could be on the same line if they were short enough</p>
  310. </div>
  311.  
  312. <hr style="border-color: rgba(0,0,0,0.5)">
  313.  
  314.  
  315. </div>
  316.  
  317. </div>
  318.  
  319. <div id="annotation5" class="collapse" data-parent="#annotations">
  320.  
  321. <div class="py-2" style="background: rgb(233, 233, 233);">
  322. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  323.  
  324. <div class="p-3" style="font-size: 13px">
  325.  
  326. <div class="justify-content-between">
  327. <p class="small font-weight-bold">Genius Annotation</p>
  328. <p class="small font-weight-bold"><u>1 contributor</u></p>
  329. </div>
  330.  
  331. <p>i feel like im cheesing it by just using brs but hey what can a man do</p>
  332. </div>
  333.  
  334. <hr style="border-color: rgba(0,0,0,0.5)">
  335.  
  336.  
  337. </div>
  338.  
  339. </div>
  340.  
  341. <div id="annotation6" class="collapse" data-parent="#annotations">
  342.  
  343. <div class="py-2" style="background: rgb(233, 233, 233);">
  344. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  345.  
  346. <div class="p-3" style="font-size: 13px">
  347.  
  348. <div class="justify-content-between">
  349. <p class="small font-weight-bold">Genius Annotation</p>
  350. <p class="small font-weight-bold"><u>2 contributors</u></p>
  351. </div>
  352.  
  353. <p>unfortunately, theres not two people around )^: just me!</p>
  354.  
  355. <p>in ana ng there are atleast 2 people in the chorus though</p>
  356. </div>
  357.  
  358. <hr style="border-color: rgba(0,0,0,0.5)">
  359.  
  360.  
  361. </div>
  362.  
  363. </div>
  364.  
  365. <div id="annotation7" class="collapse" data-parent="#annotations">
  366.  
  367. <div class="py-2" style="background: rgb(233, 233, 233);">
  368. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  369.  
  370. <div class="p-3" style="font-size: 13px">
  371.  
  372. <div class="justify-content-between">
  373. <p class="small font-weight-bold">Genius Annotation</p>
  374. <p class="small font-weight-bold"><u>1 contributor</u></p>
  375. </div>
  376.  
  377. <p>This is because the chorus in a song tends to repeat.</p>
  378. </div>
  379.  
  380. <hr style="border-color: rgba(0,0,0,0.5)">
  381.  
  382.  
  383. </div>
  384.  
  385. </div>
  386.  
  387. <div id="annotation8" class="collapse" data-parent="#annotations">
  388.  
  389. <div class="py-2" style="background: rgb(233, 233, 233);">
  390. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  391.  
  392. <div class="p-3" style="font-size: 13px">
  393.  
  394. <div class="justify-content-between">
  395. <p class="small font-weight-bold">Genius Annotation</p>
  396. <p class="small font-weight-bold"><u>3 contributors</u></p>
  397. </div>
  398.  
  399. <p>You can just copy and paste the chorus and it'll show these annotations again. The wonders of collapsebox.</p>
  400. </div>
  401.  
  402. <hr style="border-color: rgba(0,0,0,0.5)">
  403.  
  404.  
  405. </div>
  406.  
  407. </div>
  408.  
  409. <div id="annotation9" class="collapse" data-parent="#annotations">
  410. <div class="py-2" style="background: rgb(233, 233, 233);">
  411. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  412.  
  413. <div class="p-3" style="font-size: 13px">
  414.  
  415. <div class="justify-content-between">
  416. <p class="small font-weight-bold">Genius Annotation</p>
  417. <p class="small font-weight-bold"><u>3 contributors</u></p>
  418. </div>
  419.  
  420. <p>I did this within a day.</p>
  421.  
  422. </div>
  423.  
  424. <hr style="border-color: rgba(0,0,0,0.5)">
  425.  
  426.  
  427. </div>
  428. </div>
  429.  
  430. <div id="annotation10" class="collapse" data-parent="#annotations">
  431.  
  432. <div class="py-2" style="background: rgb(233, 233, 233);">
  433. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  434.  
  435. <div class="p-3" style="font-size: 13px">
  436.  
  437. <div class="justify-content-between">
  438. <p class="small font-weight-bold">Genius Annotation</p>
  439. <p class="small font-weight-bold"><u>1 contributor</u></p>
  440. </div>
  441.  
  442. <p>And also a little <a href="https://en.wikipedia.org/wiki/Autism_spectrum" style="color: black"><u>autistic</u></a> of me.</p>
  443. </div>
  444.  
  445. <hr style="border-color: rgba(0,0,0,0.5)">
  446.  
  447.  
  448. </div>
  449.  
  450. </div>
  451.  
  452. <div id="annotation11" class="collapse" data-parent="#annotations">
  453.  
  454. <div class="py-2" style="background: rgb(233, 233, 233);">
  455. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  456.  
  457. <div class="p-3" style="font-size: 13px">
  458.  
  459. <div class="justify-content-between">
  460. <p class="small font-weight-bold">Genius Annotation</p>
  461. <p class="small font-weight-bold"><u>2 contributors</u></p>
  462. </div>
  463.  
  464. <p>The 'other code' I am referring to is a large character code I was basing off of my friend's ocs. It used the 'Concrete' moodboard from the <a href="https://toyhou.se/~world/82691.coders-quarters/page/102256.october-2023-moodboard" style="color: black"><u>October 2023 Coder's Quarters</u></a> challenge.</p>
  465.  
  466. <p><img src="https://i.ibb.co/9cVxZTB/ezgif-com-video-to-gif-converter.gif"></p>
  467. </div>
  468.  
  469. <hr style="border-color: rgba(0,0,0,0.5)">
  470.  
  471.  
  472. </div>
  473.  
  474. </div>
  475.  
  476. <div id="annotation12" class="collapse" data-parent="#annotations">
  477.  
  478. <div class="py-2" style="background: rgb(233, 233, 233);">
  479. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  480.  
  481. <div class="p-3" style="font-size: 13px">
  482.  
  483. <div class="justify-content-between">
  484. <p class="small font-weight-bold">Genius Annotation</p>
  485. <p class="small font-weight-bold"><u>2 contributors</u></p>
  486. </div>
  487.  
  488. <p>I'm hoping to finish that code next month, when I have the actual motivation to do so.</p>
  489. </div>
  490.  
  491. <hr style="border-color: rgba(0,0,0,0.5)">
  492.  
  493.  
  494. </div>
  495.  
  496. </div>
  497.  
  498. <div id="annotation13" class="collapse" data-parent="#annotations">
  499.  
  500. <div class="py-2" style="background: rgb(233, 233, 233);">
  501. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  502.  
  503. <div class="p-3" style="font-size: 13px">
  504.  
  505. <div class="justify-content-between">
  506. <p class="small font-weight-bold">Genius Annotation</p>
  507. <p class="small font-weight-bold"><u>1 contributor</u></p>
  508. </div>
  509.  
  510. <p>the big code is not released. </p>
  511. </div>
  512.  
  513. <hr style="border-color: rgba(0,0,0,0.5)">
  514.  
  515.  
  516. </div>
  517.  
  518. </div>
  519.  
  520. <div id="annotation14" class="collapse" data-parent="#annotations">
  521.  
  522. <div class="py-2" style="background: rgb(233, 233, 233);">
  523. <hr class="my-2" style="border-color: rgba(0,0,0,0.5)">
  524.  
  525. <div class="p-3" style="font-size: 13px">
  526.  
  527. <div class="justify-content-between">
  528. <p class="small font-weight-bold">Genius Annotation</p>
  529. <p class="small font-weight-bold"><u>1 contributor</u></p>
  530. </div>
  531.  
  532. <p>goodbye!</p>
  533. </div>
  534.  
  535. <hr style="border-color: rgba(0,0,0,0.5)">
  536.  
  537.  
  538. </div>
  539.  
  540. </div>
  541.  
  542. <!-- add more above this line -->
  543.  
  544. </div>
  545.  
  546. </div>
  547.  
  548. </div>
  549.  
  550. </div>
  551.  
  552. <a href="/micro-wave" style="color: #d26286"><i class="fas fa-microwave"></i></a>
  553.  
  554. </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!