109 lines
6.2 KiB
HTML
109 lines
6.2 KiB
HTML
{% extends 'index.html' %}
|
|
{% load static %}
|
|
|
|
{% block content %}
|
|
<div class="container monospace">
|
|
<div class="m-4 ring-4 rounded-md text-[#eee] bg-bluelight-translucent-dark ring-bluelight-dark">
|
|
<div class="p-4 flex flex-col space-y-4">
|
|
<div class="flex pt-4 text-2xl mx-2">
|
|
<span class="relative inline-block align-middle h-8 w-8"><img src="{% static 'tracker/images/neofox_flag_trans_256.png' %}" alt="A trans pride fox emoji." /></span>
|
|
Tunic Transition Tracker
|
|
</div>
|
|
<hr class="border-2 border-bluelight-translucent-dark rounded-md" />
|
|
<div class="p-4 flex flex-col max-w-full space-y-2 md:space-y-4 text-md rounded-md ring-4 bg-bluelight-translucent ring-bluelight-dark">
|
|
<div class="text-lg">Overview</div>
|
|
<div class="flex flex-col md:flex-row md:space-x-4 space-y-2 md:space-y-0">
|
|
<div class="flex basis-1/2" id="overview_checks">Checks: {{ totals.Checks.Undiscovered }}/{{ totals.Checks.Total }}</div>
|
|
<div class="flex basis-1/2" id="overview_entrances">Entrances: {{ totals.Entrances.Undiscovered }}/{{ totals.Entrances.Total }}</div>
|
|
</div>
|
|
<hr class="border-2 border-bluelight-translucent-dark rounded-md" />
|
|
<details class="group p-2 flex flex-col space-y-4 rounded-md ring-4 bg-bluelight-translucent ring-bluelight-dark">
|
|
<summary class="text-lg">Breakdown</summary>
|
|
<div class="grid gap-4 md:grid-cols-3 grid-flow-row">
|
|
{% for scene, scene_totals in totals.items %}
|
|
{% if scene != 'Entrances' and scene != 'Checks' %}
|
|
<div class="p-2 flex flex-col rounded-md ring-4 ring-bluelight-dark bg-opacity-50 {% if scene_totals.Checks.Undiscovered > 0 and scene_totals.Entrances.Undiscovered > 0 %}
|
|
|
|
{% elif scene_totals.Checks.Undiscovered > 0 %}
|
|
|
|
{% elif scene_totals.Entrances.Undiscovered > 0 %}
|
|
|
|
{% endif %}">
|
|
<div>{{ scene }}:</div>
|
|
<div>Checks: {{ scene_totals.Checks.Undiscovered }}/{{ scene_totals.Checks.Total }}</div>
|
|
<div>Entrances: {{ scene_totals.Entrances.Undiscovered }}/{{ scene_totals.Entrances.Total }}</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</details>
|
|
</div>
|
|
<div class="p-4 flex flex-col max-w-full rounded-md ring-4 bg-bluelight-translucent ring-bluelight-dark">
|
|
<div class="flex text-lg" id="current_scene_text">{{ scene }}</div>
|
|
<div class="flex flex-col md:flex-row justify-center md:space-x-4">
|
|
<div class="flex flex-col basis-1/2 overflow-hidden">
|
|
<div class="my-2 flex flex-col space-y-2">
|
|
<div class="text-md" id="current_scene_checks_title">Checks: {{ scene_data.Totals.Checks.Undiscovered }}/{{ scene_data.Totals.Checks.Total }}</div>
|
|
<hr class="border-2 border-bluelight-translucent-dark rounded-md" />
|
|
</div>
|
|
<div class="pb-4 flex flex-col space-y-2 overflow-x-scroll" id="current_scene_checks_list">
|
|
{% if scene_data.Totals.Checks.Total > 0 %}
|
|
{% for check_name, check in scene_data.Checks.items %}
|
|
{% if not check.Check %}
|
|
<ul class="min-w-max bg-bluelight-translucent rounded-md px-1">❌ {{ check_name }}</ul>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% else %}
|
|
<ul class="min-w-max bg-bluelight-translucent rounded-md px-1" hidden></ul>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col basis-1/2 overflow-hidden">
|
|
<div class="my-2 flex flex-col space-y-2">
|
|
<div class="text-md" id="current_scene_entrances_title">Entrances: {{ scene_data.Totals.Entrances.Undiscovered }}/{{ scene_data.Totals.Entrances.Total }}</div>
|
|
<hr class="border-2 border-bluelight-translucent-dark rounded-md" />
|
|
</div>
|
|
<div class="pb-4 flex flex-col space-y-2 overflow-x-scroll" id="current_scene_entrances_list">
|
|
{% if scene_data.Totals.Entrances.Total > 0 %}
|
|
{% for entrance_origin, entrance_destination in scene_data.Entrances.items %}
|
|
{% if not entrance_destination.Entrance != '' %}
|
|
<ul class="min-w-max bg-bluelight-translucent rounded-md px-1">❌ {{ entrance_origin }}</ul>
|
|
{% else %}
|
|
<ul class="min-w-max bg-bluelight-translucent rounded-md px-1" hidden>❌ {{ entrance_origin }}</ul>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% else %}
|
|
<ul class="min-w-max bg-bluelight-translucent rounded-md px-1" hidden></ul>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="overflow-x-scroll">
|
|
<div class="flex flex-col space-y-2 mx-auto min-w-max" id="current_scene_entrances_mapped">
|
|
{% for entrance_origin, entrance_destination in scene_data.Entrances.items %}
|
|
{% if entrance_destination.Entrance %}
|
|
<ul class="bg-bluelight rounded-md px-1">✔️ {{ entrance_origin }} -> {{ entrance_destination.Entrance }}</ul>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<details class="group flex max-w-full rounded-md ring-4 bg-bluelight-translucent ring-bluelight-dark">
|
|
<summary class="justify-start p-2">Tracker Debug</summary>
|
|
<div class="p-2 pl-4 pr-4 flex flex-col space-y-2">
|
|
<div>
|
|
<ul>Name: {{ debug.Name }}</ul>
|
|
<ul>Seed: {{ debug.Seed }}</ul>
|
|
<ul>Spoiler Seed: {{ debug.SpoilerSeed }}</ul>
|
|
<ul>Archipelago: {{ debug.Archipelago }}</ul>
|
|
<ul>Randomized: {{ debug.Randomized }}</ul>
|
|
<ul>Hex Quest: {{ debug.HexQuest }}</ul>
|
|
<ul>Entrance Randomizer: {{ debug.EntranceRando }}</ul>
|
|
<ul>Fixed Shops: {{ debug.FixedShops }}</ul>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|