From 157763876b7f7743606e27532f0cea2cd80fea5d Mon Sep 17 00:00:00 2001 From: Ada Werefox Date: Sun, 14 Apr 2024 23:33:36 -0500 Subject: [PATCH] Make the menu have an x button and do a shakey --- .../tracker/static/tracker/images/x_mark.png | Bin 0 -> 7323 bytes .../templates/tracker/about/index.html | 60 ++++++----- .../templates/tracker/howto/index.html | 94 ++++++++++-------- 3 files changed, 84 insertions(+), 70 deletions(-) create mode 100644 tunictracker/tracker/static/tracker/images/x_mark.png diff --git a/tunictracker/tracker/static/tracker/images/x_mark.png b/tunictracker/tracker/static/tracker/images/x_mark.png new file mode 100644 index 0000000000000000000000000000000000000000..beb321493773727afb95bb28edfeb86f614dff0a GIT binary patch literal 7323 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 - - About this tracker - - -
- Settings - {% include "tracker/address/index.html" %} -
- - -
-
- - -
+
+
+ + About this tracker + + + +
+ Settings + {% include "tracker/address/index.html" %} +
+ + +
+
+ + +
+
+ {% include "tracker/howto/index.html" %}
- {% include "tracker/howto/index.html" %} -
+ diff --git a/tunictracker/tracker/templates/tracker/howto/index.html b/tunictracker/tracker/templates/tracker/howto/index.html index 77a6a8d..1fc18b1 100644 --- a/tunictracker/tracker/templates/tracker/howto/index.html +++ b/tunictracker/tracker/templates/tracker/howto/index.html @@ -5,55 +5,61 @@ Setup
  • - Download the latest release at https://github.com/spaceglace/TunicTransitionTracker/releases, install it how you would the normal randomizer. (which you can refer to https://github.com/spaceglace/tunic-randomizer/releases, install it how you would the normal randomizer. (which you can refer to here)
    • -
  • Launch the game, and this site should begin tracking it.
    • +
  • + 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. +
    • +
  • You should be done, and the tracker should start tracking your game once you start one.
-
+
Usage -
    -
  • - 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. -
    • -
  • - Click/tap "Summary" to look at all the totals for each area, which get color coded depending on what you still need. -
      -
    • - Gray: You haven't discovered this area -
      • -
    • - Green: You know where this is, and there are entrances and checks still left -
      • -
    • - Purple: You know where this is, and all the entrances, but there are still checks left -
      • -
    • - Orange: You know where this is, and all the checks, but there are still entrances left -
      • -
    • - Clear: You've fully discovered this area -
      • -
    -
    • -
  • - Click/tap "Holy Cross Codes" to see the codes you can do in the current area, ordered by distance. Codes will highlight when you are in range to do them, and disappear when you've input them. - Spells will always be at the bottom. -
    • -
  • - Click/tap any "Summary" block to get a breakdown of that area alongside your current area. - You can also click/tap any mapped entrance to get a breakdown of the scene that entrance would take you to. - This acts as a way to traverse the discovered areas in your game. For example, if I want to find how to get to "The Heir", I can click/tap that summary block to get a breakdown of that area, - and then click the mapped entrances until I get to the Overworld.* -
    • -
-
-
-
  • - * Ideally, this would eventually be something more straightforward, like simply listing the path to an area. That will hopefully be added later down the line. -
    • +
    +
      +
    • + 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. +
      • +
    • + Click/tap "Summary" to look at all the totals for each area, which get color coded depending on what you still need. +
        +
      • + Gray: You haven't discovered this area +
        • +
      • + Green: You know where this is, and there are entrances and checks still left +
        • +
      • + Purple: You know where this is, and all the entrances, but there are still checks left +
        • +
      • + Orange: You know where this is, and all the checks, but there are still entrances left +
        • +
      • + Clear: You've fully discovered this area +
        • +
      +
      • +
    • + Click/tap "Holy Cross Codes" to see the codes you can do in the current area, ordered by distance. Codes will highlight when you are in range to do them, and disappear when you've input them. + Spells will always be at the bottom. +
      • +
    • + Click/tap any "Summary" block to get a breakdown of that area alongside your current area. + You can also click/tap any mapped entrance to get a breakdown of the scene that entrance would take you to. + This acts as a way to traverse the discovered areas in your game. For example, if I want to find how to get to "The Heir", I can click/tap that summary block to get a breakdown of that area, + and then click the mapped entrances until I get to the Overworld.* +
      • +
    +
    +
    +
  • + * Ideally, this would eventually be something more straightforward, like simply listing the path to an area. That will hopefully be added later down the line. +
    • +