tunic-tracker-redux/tunictracker/tracker/templates/tracker/index.html

{% extends "index.html" %}
{% load static %}
{% block content %}
    <div class="container monospace py-4 space-y-2 text-[#E0FFFF] [text-shadow:_1px_1px_0_rgb(0_0_0_/_50%)]">
        <div class="p-2 bg-white rounded-lg shadow-lg bg-opacity-10 shadow-bluelight-background-dark">
            {% if debug != '' %}
                <div class="px-2 space-y-2">
                    <div class="flex flex-col align-middle max-w-fit">
                        <div class="flex flex-row space-x-2 align-middle sm:h-12 max-w-fit">
                            <span class="flex flex-shrink-0 object-contain w-8 h-8 my-auto align-middle shake backdrop-blur">
                                <img src="{% static 'tracker/images/neofox_flag_trans_256.png' %}"
                                     alt="A trans pride fox emoji."
                                     width="32"
                                     height="32" />
                            </span>
                            <div class="min-w-0 my-auto text-xl align-middle overflow-clip sm:text-3xl">Tunic Transition Tracker</div>
                        </div>
                        <div class="flex-row pb-2 space-y-1 text-lg sm:text-2xl max-w-fit font-trunic">
                            (
                            <div class="pt-1.5 text-sm sm:text-lg">&nbsp;tuniik' t'raan'ziishuun' t'raakx&nbsp;</div>
                            )
                        </div>
                    </div>
                </div>
                <div class="space-y-1">
                    <hr class="border-2 border-bluelight-dark rounded-xl" />
                    <div class="flex flex-col px-2 space-y-2 text-lg rounded-sm md:flex-row md:space-x-4 md:space-y-0 bg-gradient-to-r from-bluelight-light to-bluelight-dark"
                         id="overview-totals">
                        <div class="flex basis-1/2">
                            <div class="flex-col min-w-full">
                                <div>
                                    Checks
                                    <hr class="border-2 border-bluelight-dark rounded-xl" />
                                </div>
                                <div class="overview-checks">
                                    {{ totals.Checks.Undiscovered }}/{{ totals.Checks.Total }} ({{ totals.Checks.Remaining }} left)
                                </div>
                            </div>
                        </div>
                        <div class="flex basis-1/2">
                            <div class="flex-col min-w-full">
                                <div>
                                    Entrances
                                    <hr class="border-2 border-bluelight-dark rounded-xl" />
                                </div>
                                <div class="overview-entrances">
                                    {{ totals.Entrances.Undiscovered }}/{{ totals.Entrances.Total }} ({{ totals.Entrances.Remaining }} left)
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr class="mb-2 border-2 border-bluelight-dark rounded-xl" />
                </div>
                <div class="flex flex-col space-y-2">
                    {% include "tracker/status/index.html" %}
                    <div class="flex flex-col max-w-full space-y-2">
                        <div class="flex flex-col space-y-2" id="breakdown-list">
                            {% include "tracker/breakdown/block.html" with extra_classes="hidden" is_current_scene="false" %}
                            {% for scene_title, scene_data in scenes.items %}
                                {% if scene_title == current_scene %}
                                    {% include "tracker/breakdown/block.html" with extra_classes="order-first" is_current_scene="true" %}
                                {% else %}
                                    {% include "tracker/breakdown/block.html" with extra_classes="order-last hidden" is_current_scene="false" %}
                                {% endif %}
                            {% endfor %}
                        </div>
                    </div>
                    <details class="flex flex-col rounded-lg group bg-gradient-to-br from-bluelight-background-light to-bluelight-background shadow-sm shadow-[#242424]">
                        <summary class="justify-start px-4 py-2">Summary</summary>
                        <div class="px-2 rounded-xl">
                            <hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
                            <div class="py-2" id="summary-list">{% include "tracker/summary/list.html" %}</div>
                        </div>
                    </details>
                    {% include "tracker/codes/index.html" %}
                    <details class="rounded-lg group bg-gradient-to-br from-bluelight-background-light to-bluelight-background shadow-sm shadow-[#242424]">
                        <summary class="justify-start px-4 py-2">Hints</summary>
                        <div class="px-2 rounded-xl">
                            <hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
                            <div class="flex-col py-2 space-y-1 *:text-wrap *:break-words"
                                 id="hints-list">
                                {% include "tracker/hints/index.html" with value="" %}
                                {% for name, value in hints.items %}
                                    {% include "tracker/hints/index.html" %}
                                {% endfor %}
                            </div>
                        </div>
                    </details>
                    <details class="flex flex-col max-w-full px-4 py-2 space-y-2 rounded-lg text-md bg-gradient-to-br from-bluelight-background-light to-bluelight-background shadow-sm shadow-[#242424]">
                        <summary class="justify-start">Settings</summary>
                        {% include "tracker/address/index.html" %}
                        <div class="flex flex-row justify-center p-2 m-auto space-x-2 align-middle">
                            <input onclick="hide_empty_summaries()"
                                   type="checkbox"
                                   id="hideDone"
                                   class="p-2 my-auto rounded-md bg-white bg-opacity-10 shadow-sm shadow-[#242424]" />
                            <label for="hideDone"
                                   class="my-auto align-top justify-left min-w-fit text-md text-nowrap">
                                Hide completed areas
                            </label>
                        </div>
                        <div class="flex flex-row justify-center p-2 m-auto space-x-2 align-middle">
                            <input onclick="notices_ur_debug()"
                                   class="p-2 my-auto rounded-md bg-white bg-opacity-10 shadow-sm shadow-[#242424]"
                                   type="checkbox"
                                   id="show-debug" />
                            <label for="show-debug"
                                   class="my-auto align-top justify-left min-w-fit text-md text-nowrap">
                                Sh-OwO Debug
                            </label>
                        </div>
                    </details>
                    {% include "tracker/howto/index.html" %}
                </div>
            {% else %}
                <div id="no_data" />{% endif %}</div>
        {% comment %} <div class="flex flex-col hidden max-w-full p-2 space-y-2 bg-white rounded-lg shadow-lg bg-opacity-10 shadow-bluelight-background-dark" id="debug-block">
            <div class="px-2 text-lg">Tracker Debug</div>
            <div class="grid max-w-full grid-flow-row gap-2 space-y-2 break-words md:grid-cols-2 xl:grid-cols-3 debug-list">
                <div class="flex flex-col-reverse hidden max-h-full align-bottom">
                    <hr class="mt-1 border-2 border-[#24242480] rounded-xl" />
                    <ul class="px-2 break-all sm:break-word debug-item">
                    </ul>
                </div>
                {% for name, value in debug.items %}
                    <div class="flex flex-col-reverse max-h-full align-bottom">
                        <hr class="mt-1 border-2 border-[#24242480] rounded-xl" />
                        <ul class="px-2 break-all sm:break-word debug-item">
                            {{ name }}: {{ value }}
                        </ul>
                    </div>
                {% endfor %}
            </div>
        </div> {% endcomment %}
        {% comment %} <div class="order-1 order-2 order-3 order-4 order-5 order-6 order-7 order-8 order-9 order-10 order-11 order-12"></div> {% endcomment %}
        {% include "tracker/src/index.html" with tracker_fe_link="https://gitea.werefox.cafe/ada/tunic-tracker-redux" tracker_be_link="https://github.com/spaceglace/TunicTransitionTracker" %}
    </div>
{% endblock content %}