{% load static %}
<details class="open:pb-4 flex-shrink-0 flex flex-col max-w-full px-4 py-2 space-y-2 rounded-lg text-md bg-gradient-to-tl shadow-sm shadow-[#242424] from-highlight-empty-light to-highlight-empty-dark text-highlight-empty-text overflow-hidden">
    <summary class="justify-start">Credits</summary>
    <hr class="justify-start w-full border-2 border-bluelight-translucent-dark rounded-xl" />
    <div class="rounded-md p-4 bg-gradient-to-br from-[#3333ff40] to-[#7777ff40]">
        <div class="rounded-md max-h-[36rem] space-y-2 min-w-full">
            <div class="overflow-hidden flex-shrink-0 min-w-full w-full  bg-gradient-to-br min-h-[22rem] max-h-[22rem] from-[#24242480] to-[#48484840] rounded-md p-2">
                <div class="overflow-x-auto scrollbar-none max-w-full min-h-[21rem] w-full">
                    <div class="flex flex-row justify-center flex-shrink-0 w-full mx-auto space-x-2 min-w-max">
                        <a class="rounded-md  min-h-[21rem] max-h-[21rem] min-w-[15rem]"
                           href="https://werefox.cafe"
                           target="_blank">
                            <img class="flex-shrink-0 mx-auto rounded-md min-h-[21rem] max-h-[21rem] min-w-[15rem]" src="{% static "tracker/images/trading_cards/alice.png" %}" alt="A TUNIC themed trading card for &quot;Alice Werefox,&quot; which pictures her character lying on the ground near a chest in a small alcove with text reading: &quot;Everything is accessible with ladder storage if you try hard enough.&quot;" height="" width="" />
                        </a>
                        <a class="rounded-md  min-h-[21rem] max-h-[21rem] min-w-[15rem]"
                           href="https://discordapp.com/users/105891707777748992"
                           target="_blank">
                            <img class="flex-shrink-0 mx-auto rounded-md min-h-[21rem] max-h-[21rem] min-w-[15rem]"  src="{% static "tracker/images/trading_cards/glace.png" %}" alt="A TUNIC themed trading card for &quot;Glace Painbringer,&quot; which pictures her character shooting an icebolt with text reading: &quot;The only kind of person capable of inflicting such pain... is one who has sustained a great deal worse.&quot;" height="" width="" />
                        </a>
                        <a class="rounded-md  min-h-[21rem] max-h-[21rem] min-w-[15rem]"
                           href="https://twitch.tv/fletchisafurry"
                           target="_blank">
                            <img class="flex-shrink-0 mx-auto rounded-md min-h-[21rem] max-h-[21rem] min-w-[15rem]" src="{% static "tracker/images/trading_cards/fletcher.png" %}" alt="A TUNIC themed trading card for &quot;Fletcher, Fleet Fox,&quot; which pictures their character dashing with text reading: &quot;Deftly jumping from project to project, there is no effort too foolhardy for them, no extreme too distant for consideration.&quot;." height="" width="" />
                        </a>
                    </div>
                </div>
            </div>
            <hr class="justify-start w-full border-2 border-bluelight-translucent-dark rounded-xl" />
            <div class="p-2 space-y-2">
                This tracker was created by
                <a class="underline text-bluelight-link"
                   href="https://werefox.cafe"
                   target="_blank">Alice Werefox</a> and
                <a class="underline text-bluelight-link"
                   href="https://discordapp.com/users/105891707777748992"
                   target="_blank">glace</a> with special help from
                <a class="underline text-bluelight-link"
                   href="https://twitch.tv/fletchisafurry"
                   target="_blank">Fletcher</a> whom provided the custom art assets.
            </div>
        </div>
    </div>
</details>
