Updated cross codes with corrected art, and in corrected places. cleaned up breakdown formatting / theming.

This commit is contained in:
Ada Werefox 2024-04-16 15:36:54 -05:00
parent ca447d9888
commit 57ec06efb5
20 changed files with 114 additions and 94 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 290 KiB

After

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 802 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 500 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 388 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 290 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 842 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 482 KiB

After

Width:  |  Height:  |  Size: 469 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 290 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 745 KiB

After

Width:  |  Height:  |  Size: 737 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 290 KiB

View File

@ -9,7 +9,7 @@
<p class="w-full px-2 pt-2 text-lg">About</p>
<hr class="justify-start w-full border-2 border-bluelight-translucent-dark rounded-xl" />
</div>
<div class="flex flex-col flex-grow-0 p-2 space-y-2 max-h-[80svh] overflow-y-scroll">
<div class="flex flex-col flex-grow-0 p-2 space-y-2 max-h-[80svh] overflow-y-auto scrollbar-none">
{% include "tracker/howto/index.html" %}
<details class="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">
<summary class="justify-start">Settings</summary>

View File

@ -1,66 +1,75 @@
<div class="breakdown flex flex-col space-y-2 max-w-full {{ extra_classes }}"
data-current="{{ is_current_scene }}"
data-scene="{{ scene_title }}">
<div class="px-2">
<div class="flex text-xl breakdown-block-title">{{ scene_title }}</div>
<div class="flex flex-col justify-center md:flex-row md:space-x-4">
<div class="flex flex-col overflow-hidden breakdown-checks basis-1/2">
<div class="flex flex-col my-2 space-y-2">
<div class="text-md breakdown-block-checks-title"
data-checks="{{ scene_data.checks.collected }}">
Checks: {{ scene_data.checks.collected }}/{{ scene_data.checks.total }} ({{ scene_data.checks.remaining }} left)
<div class="p-2 px-2 space-y-2 bg-gradient-to-br from-[#8080FF40] to-[#8080FF20]">
<div class="flex flex-col w-full min-w-full">
<div class="text-xl breakdown-block-title">{{ scene_title }}</div>
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
</div>
<div class="flex flex-col justify-center md:flex-row">
<div class="mt-1 mr-0 md:mr-1 md:mt-0 p-2 bg-gradient-to-br from-[#EEEEEE20] to-[#EEEEEE10] basis-1/2 md:max-w-[50%]">
<div class="flex flex-col flex-shrink-0 breakdown-checks">
<div class="flex flex-col my-0 space-y-2">
<div class="text-md breakdown-block-checks-title"
data-checks="{{ scene_data.checks.collected }}">
Checks: {{ scene_data.checks.collected }}/{{ scene_data.checks.total }} ({{ scene_data.checks.remaining }} left)
</div>
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
</div>
<div class="grid grid-flow-row space-y-2 overflow-auto max-h-64 breakdown-block-checks-list scrollbar-none">
<ul class="py-0.5 min-w-max bg-bluelight-translucent-dark rounded-md px-1 text-sm hidden">
</ul>
{% for check_name, check in scene_data.checks.checks.items %}
{% if not check.name %}
<ul class="py-0.5 min-w-max bg-bluelight-translucent-dark rounded-md px-1 text-sm">
❌ {{ check_name }}
</ul>
{% endif %}
{% endfor %}
</div>
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
</div>
<div class="grid grid-flow-row pb-4 space-y-2 overflow-scroll max-h-64 scrollbar scrollbar-thumb-bluelight-dark scrollbar-track-bluelight breakdown-block-checks-list">
<ul class="py-0.5 min-w-max bg-bluelight-translucent rounded-md px-1 text-sm hidden">
</ul>
{% for check_name, check in scene_data.checks.checks.items %}
{% if not check.name %}
<ul class="py-0.5 min-w-max bg-bluelight-translucent rounded-md px-1 text-sm">
❌ {{ check_name }}
</ul>
{% endif %}
{% endfor %}
</div>
</div>
<div class="flex flex-col overflow-hidden breakdown-entrances basis-1/2">
<div class="grid grid-flow-row my-2 space-y-2">
<div class="text-md breakdown-block-entrances-title"
data-entrances="{{ scene_data.entrances.found }}">
Entrances: {{ scene_data.entrances.found }}/{{ scene_data.entrances.total }} ({{ scene_data.entrances.remaining }} left)
<div class="mt-1 ml-0 md:ml-1 md:mt-0 p-2 bg-gradient-to-br from-[#EEEEEE20] to-[#EEEEEE10] basis-1/2 md:max-w-[50%]">
<div class="flex flex-col flex-shrink-0 overflow-hidden breakdown-entrances">
<div class="grid grid-flow-row space-y-2">
<div class="text-md breakdown-block-entrances-title"
data-entrances="{{ scene_data.entrances.found }}">
Entrances: {{ scene_data.entrances.found }}/{{ scene_data.entrances.total }} ({{ scene_data.entrances.remaining }} left)
</div>
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
</div>
<div class="grid grid-flow-row space-y-2 overflow-auto max-h-64 breakdown-block-entrances-list scrollbar-none">
<ul class="py-0.5 min-w-max bg-bluelight-translucent-dark rounded-md px-1 text-sm hidden">
</ul>
{% for entrance_origin, entrance_destination in scene_data.entrances.doors.items %}
{% if entrance_destination.door == "" %}
<ul class="py-0.5 min-w-max bg-bluelight-translucent-dark rounded-md px-1 text-sm">
❌ {{ entrance_origin }}
</ul>
{% endif %}
{% endfor %}
</div>
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
</div>
<div class="grid grid-flow-row pb-4 space-y-2 overflow-scroll max-h-64 scrollbar scrollbar-thumb-bluelight-dark scrollbar-track-bluelight breakdown-block-entrances-list">
<ul class="py-0.5 min-w-max bg-bluelight-translucent rounded-md px-1 text-sm hidden">
</ul>
{% for entrance_origin, entrance_destination in scene_data.entrances.doors.items %}
{% if entrance_destination.door == "" %}
<ul class="py-0.5 min-w-max bg-bluelight-translucent rounded-md px-1 text-sm">
❌ {{ entrance_origin }}
</ul>
{% endif %}
{% endfor %}
</div>
</div>
</div>
<div class="overflow-scroll max-h-64 scrollbar scrollbar-thumb-bluelight-translucent scrollbar-track-bluelight-translucent">
<div class="flex flex-col p-1 mx-auto space-y-2 min-w-max breakdown-block-mapped-list">
<button type="button"
class="py-0.5 text-start bg-gradient-to-br from-bluelight-translucent-dark to-bluelight-translucent rounded-md px-1 text-sm hidden"
onclick="open_breakdown(this)"
data-scene=""></button>
{% for entrance_origin, entrance_destination in scene_data.entrances.doors.items %}
{% if entrance_destination.door %}
<button type="button"
class="py-0.5 text-start bg-gradient-to-br from-bluelight-translucent-dark to-bluelight-translucent rounded-md px-1 text-sm shadow-sm shadow-[#242424]"
onclick="open_breakdown(this)"
data-scene="{{ entrance_destination.scene }}">
✔️ {{ entrance_origin }} -> {{ entrance_destination.door }}
</button>
{% endif %}
{% endfor %}
<div class="p-2 bg-gradient-to-br from-[#EEEEEE20] to-[#EEEEEE10]">
<div class="overflow-auto scrollbar-none max-h-64">
<div class="flex flex-col mx-auto min-w-max breakdown-block-mapped-list">
<button type="button"
class="hidden m-1 text-start bg-gradient-to-br from-bluelight-translucent-dark to-bluelight-translucent rounded-md px-1 text-sm shadow-sm shadow-[#242424]"
onclick="open_breakdown(this)"
data-scene=""></button>
{% for entrance_origin, entrance_destination in scene_data.entrances.doors.items %}
{% if entrance_destination.door %}
<button type="button"
class="m-1 text-start bg-gradient-to-br from-bluelight-translucent-dark to-bluelight-translucent rounded-md px-1 text-sm shadow-sm shadow-[#242424]"
onclick="open_breakdown(this)"
data-scene="{{ entrance_destination.scene }}">
✔️ {{ entrance_origin }} -> {{ entrance_destination.door }}
</button>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>

View File

@ -2,7 +2,7 @@
{% comment %} drop-shadow-[0px_0px_4px_rgba(255,255,255,1)]"> {% endcomment %}
<summary>Holy Cross Codes</summary>
<hr class="border-2 border-holy-cross opacity-30 rounded-xl" />
<div class="flex flex-col space-y-2 overflow-y-scroll max-h-96 rounded-xl">
<div class="flex flex-col space-y-2 overflow-y-scroll max-h-96 rounded-xl scrollbar-none">
<div class="grid grid-flow-row gap-2 md:grid-cols-3 xl:grid-cols-5 rounded-xl"
id="codes-list">
{% include "tracker/codes/block.html" with is_entered=False name="it is a mystery" current_scene="mystery" code="" extra_classes="order-last hidden" %}

View File

@ -3,33 +3,40 @@
<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="overflow-y-scroll overflow-x-auto rounded-md overscroll-y-contain max-h-[28rem] lg:max-h-[36rem] space-y-2">
<div class="w-full bg-gradient-to-br from-[#24242480] to-[#48484840] rounded-md p-2 overflow-x-scroll">
<div class="flex flex-row mx-auto space-x-2 w-fit min-h-[21rem]">
<a class="rounded-md" href="https://werefox.cafe" target="_blank">
<img class="flex-shrink-0 mx-auto rounded-md min-h-[21rem] min-w-[15rem] max-h-96 w-fit" 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"
href="https://discordapp.com/users/105891707777748992"
target="_blank">
<img class="flex-shrink-0 mx-auto rounded-md min-h-[21rem] min-w-[15rem] max-h-96" 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"
href="https://twitch.tv/fletchisafurry"
target="_blank">
<img class="flex-shrink-0 mx-auto rounded-md min-h-[21rem] min-w-[15rem] max-h-96" 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 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.
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>

View File

@ -3,22 +3,26 @@
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
<details class="py-2 px-4 flex flex-col space-y-2 rounded-md bg-gradient-to-tl shadow-sm shadow-[#242424] from-highlight-empty-light to-highlight-empty-dark text-highlight-empty-text">
<summary class="px-2">Setup</summary>
<ul class="flex flex-col px-4 ml-4 space-y-1 text-sm break-words list-decimal">
<li>
Download the latest release at <a href="https://github.com/spaceglace/tunic-randomizer/releases"
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
<div class="p-2 rounded-md bg-gradient-to-br from-[#3333ff40] to-[#7777ff40]">
<ul class="flex flex-col px-4 ml-4 space-y-1 text-sm break-words list-decimal">
<li>
Download the latest release at <a href="https://github.com/spaceglace/tunic-randomizer/releases"
class="underline text-bluelight-link">https://github.com/spaceglace/tunic-randomizer/releases</a>, install it how you would the normal randomizer. (which you can refer to <a href="https://github.com/silent-destroyer/tunic-randomizer#installation"
class="underline text-bluelight-link">here</a>)
</li>
<li>
Run TUNIC, there should now be an "API Server" button on the quick settings panel.
Turn this on, and optionally set it to autoconnect on launch.
</li>
<li>You should be done, and the tracker should start tracking your game once you start one.</li>
</ul>
</li>
<li>
Run TUNIC, there should now be an "API Server" button on the quick settings panel.
Turn this on, and optionally set it to autoconnect on launch.
</li>
<li>You should be done, and the tracker should start tracking your game once you start one.</li>
</ul>
</div>
</details>
<details class="py-2 px-4 flex flex-col space-y-2 rounded-md bg-gradient-to-tl shadow-sm shadow-[#242424] from-highlight-empty-light to-highlight-empty-dark text-highlight-empty-text">
<summary class="px-2">Usage</summary>
<div class="overflow-y-scroll max-h-96">
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
<div class="p-2 rounded-md bg-gradient-to-br from-[#3333ff40] to-[#7777ff40]">
<ul class="flex flex-col px-4 space-y-2 text-sm list-disc list-inside">
<li>
You will always be shown the current, total, and remaining checks/entrances in the game left to discover, and a breakdown of the current area you're in.

View File

@ -24,9 +24,10 @@
</div>
</div>
</div>
{% include "tracker/status/index.html" %}
<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"
<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-[#8080FF40] to-[#8080FF20]"
id="overview-totals">
<div class="flex basis-1/2">
<div class="flex-col min-w-full">
@ -51,10 +52,9 @@
</div>
</div>
</div>
<hr class="mb-2 border-2 border-bluelight-dark rounded-xl" />
<hr class="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" %}

View File

@ -1,4 +1,4 @@
<div class="grid grid-flow-row gap-2 p-1 overflow-y-scroll md:grid-cols-3 xl:grid-cols-5 max-h-96 rounded-xl scrollbar scrollbar-thumb-bluelight-dark scrollbar-track-bluelight">
<div class="grid grid-flow-row gap-2 p-1 overflow-y-scroll md:grid-cols-3 xl:grid-cols-5 max-h-96 rounded-xl scrollbar-none">
{% include "tracker/summary/block.html" with extra_classes="" is_hidden="hidden" %}
{% for scene, scene_data in scenes.items %}
{% if scene != "Posterity" and scene != "Resurrection" and scene != "Loading" %}