Another Life

<!--

    ANOTHER LIFE
    by meromercury

    accent color: primary
    ctrl + f to replace

    created and released 5/5/24

-->

<div class="align-items-center" style="font-family:tahoma; font-size:12px;">
    <div class="container col-sm-4 p-0"><div class="card" style="border-width:4px; box-shadow: 2px 2px 4px rgba(0,0,0,0.5)">

        <div class="card-header font-weight-bold text-primary justify-content-between p-0" style="font-size:15px;">
            <div class="p-1"><i class="fa-solid fa-user fa-sm mx-1"></i>

            <!----- USERNAME ----->
            USER
            </div>
            <div><a href="https://toyhou.se/meromercury" class="text-primary" target=_blank><div class="btn pull-right p-1" style="width:30px" data-toggle="tooltip" title="made by mero">
            <i class="fa-solid fa-code fa-sm"></i>
            </div></a></div>
        </div>
        <div class="row no-gutters">
            <div class="col p-1">

                <!------- IMAGE - WILL BE ADJUSTED AUTOMATICALLY ------->
                <img src="
                IMG URL
                " style="width:100%; height:100%">
            </div>
            <div class="col-9 text-muted">
                <div class="p-1 text-center" style="line-height:20px; font-size:11px; letter-spacing:0.04rem; height:30px; overflow:hidden;">

                <!-------
                TEXT BOX 1:
                Use this for pronouns, age, pride flags, or whatever you want!
                This box DOES NOT SCROLL, so keep it to one line only.
                ------->

                    pro/nouns
                    <span class="mx-2">•</span>
                    age
                    <span class="mx-2">•</span>
                    timezone
                    <!----- You can add your pride flags here if you want.. Maximum of 3. See here: https://toyhou.se/16962387.html-pride-flags ----->
                    <!----- And if you want to add more dividers, copy and paste the <span>...</span> code above this line. ----->

                    <!----- FOR BLINKIES:
                    REMOVE the lines above this (up to pronouns) and paste this code instead:

                    <img src="IMG URL">
                    <img src="IMG URL">

                    Then replace the IMG URL with the image url to your blinkie.
                    You can have up to TWO blinkies. If you want more than two blinkies, add them to the box below instead.
                    Keep in mind that the second blinkie will be hidden on some mobile devices.
                    ----->

                <!----- END TEXT BOX 1 ----->
                </div>

                <hr class="mt-0 mb-1">

                <div class="p-1 font-italic text-center table-responsive" style="height:90px; letter-spacing:0.04rem">

                    <!-------
                    TEXT BOX 2:
                    Use this for additional text or stamps.
                    Don't forget to wrap your text in <p> paragraph tags </p> so it doesn't get bunched together.
                    This box scrolls, but for aesthetic purposes, I recommend keeping it short. That means up to THREE stamps.
                    ------->


                   <p> Guess I'll see you in another life... </p>


                    <!----- To use stamps, add this code above:
                    <img src="IMG URL">
                    and replace IMG URL with the image url of your stamp. ----->

                <!----- END TEXT BOX 2 ----->
                </div>
            </div>
        </div>
        <div class="card-footer p-0 text-muted align-items-center justify-content-between" style="display:flex">
        <div class="align-items-center">
            <div class="melody-embed btn text-primary p-1">
                    <iframe frameborder="0" style="z-index:999;height:20px;width:35px;opacity:0.0001;position:absolute;"

                      src="https://www.youtube.com/embed/pmyTi8JebD4">
                      <!-------
                      MUSIC PLAYER TUTORIAL

                      1. in the link to your youtube video, copy everything after watch?v=
                      2. replace the jumble of letters after /embed/ with what you just copied

                      remember to keep the "QUOTATION MARKS" around the entire link or else it could break.
                      ------->
                     </iframe>
                <i class="fa-solid fa-play-pause mx-2"></i>
              </div>
            <span class="text-primary">Now Playing:</span></div>

            <div class="fa-fade font-italic pull-right p-1 mr-1" style="letter-spacing:0.04rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.5)">
            <!----- SONG TITLE ----->
            ANOTHER LIFE (ft. Rema) . . . PinkPantheress
            </div>
        </div>
    </div>
</div></div>