rybak / esa-tweaks

User scripts and user styles for donation trackers of ESA, BSG, and UKSG.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ESA tweaks

This is a collection of user scripts and user styles for some pages of the donations trackers used by ESA, Benelux Speedrunner Gathering, and United Kingdom Speedrunner Gathering.

The source code is distributed under the terms of the MIT Licence. See LICENSE.txt for details.

User styles

Dark mode πŸŒžβ†’πŸŒš

Dark mode demo screenshot

Dark mode for processing and reading pages with some ESAMarathon trademark purple and yellow colours.

https://github.com/rybak/esa-tweaks/raw/main/donations-dark-mode.user.css

Increase space between buttons

Increase spacing between different buttons to make clicking on them unintentionally less likely.

https://github.com/rybak/esa-tweaks/raw/main/donations-buttons-margins.user.css

Hide unused UI elements

Hide some UI elements that are not used or are not supposed to be used during donation screening and donation reading.

https://github.com/rybak/esa-tweaks/raw/main/donations-hide-unused-ui.user.css

Table tweaks

Minor (personal preference) tweaks for tables on processing and reading pages.

https://github.com/rybak/esa-tweaks/raw/main/donations-table-tweaks.user.css

Hide reading buttons

As a precaution for donation screeners, hides buttons which should only be used by donation readers from the /read_donations page. Not useful for donation readers. πŸ˜‰

https://github.com/rybak/esa-tweaks/raw/main/donations-hide-reading-buttons.user.css

Process bids layout tweak

Removes linebreaks between UI elements on /process_pending_bids page to reduce the amount of vertical space used.

https://github.com/rybak/esa-tweaks/raw/main/donations-process-bids-tweak.user.css

Scroll for event lists

Adds scrollbar to the dropdown menu with the list of events, which is too long on some screens

https://github.com/rybak/esa-tweaks/raw/main/donations-events-list-scroll.user.css

User scripts

Auto-refresh process bids

Auto-refresh process bids screenshot

Adds a "Auto-refresh?" checkbox to the /process_pending_bids page, similar to the existing builtin checkbox on /process_donations page.

https://github.com/rybak/esa-tweaks/raw/main/donations-auto-refresh-process-bids.user.js

Shortcuts

Adds following shortcuts to some pages:

  • R – refresh the table, same as button "Refresh"
  • A – toggle "Auto-refresh" checkbox

https://github.com/rybak/esa-tweaks/raw/main/donations-shortcuts.user.js

New donations notifications

Notifications settings screenshot

If auto-refresh is enabled, notifies the reader or screener about new donations. Remember to allow sound to be played and notifications to be shown in the website settings in your browser. The script keeps track of its settings for each subpage individually.

https://github.com/rybak/esa-tweaks/raw/main/donations-notifications.user.js

Reverse events lists

Reverses the lists of events, so that the most recent events are at the top of the list, which reduces the amount of scrolling needed.

https://github.com/rybak/esa-tweaks/raw/main/donations-reverse-event-lists.user.js

Index paging

Index paging screenshot

Adds paging links to indexes to make switching to another page easier.

https://github.com/rybak/esa-tweaks/raw/main/donations-index-paging.user.js

Bids auto-expand

Automatically expands the bids on the page /read_donations. Saves clicking through every bid. Beware of layout of the table changing due to bids having different height and length.

https://github.com/rybak/esa-tweaks/raw/main/donations-read-auto-load-bids.user.js

Big donations highlighter

Increases the font-size of donations bigger than 100.

https://github.com/rybak/esa-tweaks/raw/main/donations-big-highlighter.user.js

Auto autorefresh

This script automatically turns "Autorefresh" on when all donations were processed or read. It helps people who turn off "Autorefresh" while clicking on the donations, and sometimes forget to turn it back on.

https://github.com/rybak/esa-tweaks/raw/main/donations-auto-autorefresh.user.js

BSG tweaks

The following scripts are specific to the Benelux Speedrunner Gathering donations tracker, which has slightly different setup.

Force regular mode

Forces "regular" processing mode on /process_donations

https://github.com/rybak/esa-tweaks/raw/main/donations-process-force-regular-mode.user.js

Euro signs

Converts hardcoded dollar signs into euro signs for events, which gather donations in euros.

https://github.com/rybak/esa-tweaks/raw/main/donations-euro-signs.user.js

Autorefresh

BSG's tracker lacks the Autorefresh feature added to ESA's tracker. This script is a client-side replacemenent for that.

https://github.com/rybak/esa-tweaks/raw/main/donations-bsg-autorefresh.user.js

How to use ESA tweaks

  1. Install browser extensions for user scripts and user styles.
  2. Click on the link for the user script or user style in the sections above. The corresponding browser extension will automatically recognize the filename extension in the link and prompt you for its installation.
  3. After installation, you can use the browser extension popup to disable or enable individual scripts and styles if needed. For some scripts, you will need to refresh the page (in browser) to remove effects of the script.

Browser extensions

For scripts

For styles

About

User scripts and user styles for donation trackers of ESA, BSG, and UKSG.

License:MIT License


Languages

Language:JavaScript 82.3%Language:CSS 17.7%