<!-- colours
background: #000
accent: #aaa
writing: #fff

decor background: #ccc
-->

<!-- main container -->
<div class="container"
style="font-size:12px; max-height:350px; width:320px;
background:#000; color:#fff">

<!-- basics -->
<div class="container"
     style="padding:3px; max-height:250px; max-width:300px">
    <div align="center"
         style="margin-top:10px">

        <!-- song -->
        <div class="justify-content-between"
             style="margin:2px">
            <div class="card border-0 tooltipster"
                 style="background:none; position:relative; overflow:hidden;
                        margin-top:3px; height:15px; width:15px">

                <!-- symbol -->
                <i class="fa-solid fa-music"
                   style="position:absolute;
                          color:#aaa"></i>

                <!-- link
                replace "LINK" with the letters and/or numbers after
                "watch?v=" in a youtube link -->
                <iframe style="opacity:0.001; position:absolute;

                               bottom:-2px; left:-2px;
                               height:800%; width:1250%"

                        src="https://www.youtube.com/embed/ jsZ32R_K0o4">
                </iframe>

            </div>

            <!-- line thing
            feel free to change the width -->
            <div style="margin-top:8.5px; margin-right:2px;
                        height:0px; width:140px;
                        border:1px solid #aaa"></div>

                <!-- song name -->
                <span style="color:#aaa"><b>
                the club - renard
                </b></span>

        </div>

        <!-- info -->
        <div style="margin-bottom:5px">

            <b>cae</b>
            <i style="color:#aaa">!!</i>
            <span style="font-size:11px">they/it</span>

            <!-- <a href="pronouny.xyz page or something"
               style="font-size:10px; color:#aaa">[+]</a> -->

            <br>

            <span style="font-size:11px">09/20/2007</span>
            <span style="color:#aaa">[15] ,,</span>
            furry + <br> multifandom artist !!

        </div>

        <!-- links
        feel free to add more lol -->
        <a href="https://rentry.co/funfairfever"
           style="font-size:10px; color:#aaa">main rentry</a>
        ,,
        <a href="https://rentry.co/fourcomms"
           style="font-size:10px; color:#aaa">commissions</a>
        .
        <a href="https://x.com/ev1lcuph3ad"
           style="font-size:10px; color:#aaa">art twt</a>

    </div>
</div>

<!-- divider -->
<div align="center">
    <div style="margin-bottom:10px; margin-top:3px;
                height:25px; width:225px; background-size:80px;
                background-repeat:repeat-x; background-image:
                url(image or gif link)"></div> </div>

<!-- extra info -->
<div class="container"
     style="padding:3px; overflow:auto;
            max-height:100px; max-width:300px">

    <p>
    <span style="color:#aaa"><b>byf</b> <i>!!</i></span>
    i use/need tone tags most of the time, my art trades are typically closed, i am not looking to trade/sell any ocs outside of my ufo folder. longer byf list can be found on my rentry but this is all you really need to know before following/talking to me ^_^

html code by @clownpuppy
</p>

</div> <br>

</div>

<!-- decor container
you can delete and edit this as you wish -->
<!-- <div class="container"
style="margin-top:10px; overflow:auto;
max-height:80px; max-width:320px;
background:#ccc">
<div align="center"
style="margin-top:6px; margin-bottom:6px">

1
2
3
4
5
6
7
    <img src="link" style="width:50px">
    <img src="link" style="width:50px">
    <img src="link" style="width:50px">
    <img src="link" style="width:50px">
    <img src="link" style="width:50px">

</div>

</div> -->

<!-- pagedoll (stationary)

  • do not touch the "right:5px"
  • adjust "bottom:-0px" for the position, looks better in the minuses imo
  • i recommend the width stays at 230-275px
  • change "right" to "left" if you want it on the left -<!-- <div class="col d-none d-md-block">
    <img src="link"
    style="z-index:999; position:absolute;
    max-width:250px; right:5px; bottom:-0px">
    </div> -

<!-- pagedoll

  • delete "hidden-sm-down" if you want it to show on mobile
  • change "left" to "right" if you want it on the left -<!-- <div class="fixed-bottom pb-2"
    style="left:inherit;
    bottom:3%; right:10%">
    <img class="tooltipster hidden-sm-down"
    style="max-width:200px"
    src="img link">
    </div> -
Edit
Pub: 26 Aug 2023 14:37 UTC
Edit: 26 Aug 2023 18:10 UTC
Views: 441