Content Sourcing

<!--- Notes To Consider

-I do not necessarily claim this simple code as my own original creation, just share the code around for people to easily show credit for content used on their Buzzly page

-the code input [open=”false”] controls whether the toggle box is open or closed by default

-the code credit at the very end is just for people to easily find the code in question, please dont remove it; however, you may be allowed to change the type of icon or simply the opacity level (no lower than 20) if you wish

-you can change the hover colour for links by replacing the “red” input

-in the “a href” code inputs, replace the # with a link for that respective content; try to use links of the exact page from which you get the content from, not simply the artist’s profile page.. It makes it harder to find things, is all

-edit or frankenstein the hell out of this code if you want, just know Im no coding expert or even know a lot about how everything works, so I cant help you much lol

-edit the simple names of things as you see fit, for whatever content you’re using on your page of course

------------------->

<div class="my-3 m-auto py-2 px-2 max-w-md bg-white bg-opacity-70 rounded-lg shadow-lg">
  <details class="px-2" open="false">
    <summary class="text-sm text-black text-opacity-90 select-none">
      <b>[Custom Box 1]</b>
    </summary>
    <div class="py-2 text-sm text-black text-opacity-80">
<p><b>background image :</b> <a href="#" rel="nofollow" class="hover:text-red-400">[sample text, “Content Name by Artist”]</a></p>
	<p><b>character icon :</b> <a href="#" rel="nofollow" class="hover:text-red-400"> …</a></p>
<p><b>pagedoll :</b> <a href="#" rel="nofollow" class="hover:text-red-400"> …</a></p>
<p><b>pixels :</b> <a href="#" rel="nofollow" class="hover:text-red-400"> …</a></p>
<p><b>pixels :</b> <a href="#" rel="nofollow" class="hover:text-red-400"> ...</a></p>
    </div>
  </details>

<!--- Here Starts A New Source Box
-if you want to create more toggle boxes, copy and paste this section of the coding
------------------->

 <details class="px-2" open="false">
    <summary class="text-sm text-black text-opacity-90 select-none">
      <b>[Custom Box 2]</b>
    </summary>
    <div class="py-2 text-sm text-black text-opacity-80">
<p><b>background image :</b> <a href="#" rel="nofollow" class="hover:text-red-400">[sample text, “Content Name by Artist”]</a></p>
	<p><b>character icon :</b> <a href="#" rel="nofollow" class="hover:text-red-400"> …</a></p>
<p><b>pagedoll :</b> <a href="#" rel="nofollow" class="hover:text-red-400"> …</a></p>
<p><b>pixels :</b> <a href="#" rel="nofollow" class="hover:text-red-400"> …</a></p>
<p><b>pixels :</b> <a href="#" rel="nofollow" class="hover:text-red-400"> ...</a></p>
    </div>
  </details>

<!--- Direct Code Link / Resource Link
-you can change the hover colour by replacing the “red” input
------------------->

<div class="px-1 text-right text-xs text-black text-opacity-50">
<a class="far fa-code hover:text-red-400" href="https://buzzly.art/~Spunkee/art/content-credit-display-f2u-code" rel="nofollow"></a>
</div>
</div>