Basic

[WolfwithSword]

Preset Collection

Author: WolfwithSword

Previews

[WolfwithSword]

Timer

A simplistic timer, not much else to say about it! It will fade gray when paused, and have a bar across it when locked.

msedge_uA3lIFG0Zd.mp4

Configuration

CSS Variables

• font
• text-color
• outline-color
• outline-width
• size-big-numbers
• size-small-numbers
• alignment
  • left, center, right

[WolfwithSword]

Points

A simple display for the current points. On Lock, it will also be crossed out, similar to the timer.

msedge_cCvzgvdZV6.mp4

Configuration

CSS Variables

• font
• text-color
• outline-color
• outline-width
• font-size
• suffix-size
• alignment
  • left, center, right

JS Variables

• useForMoney
  • If true, will use rounded_money sum from subathon in primary currency instead of points
• suffix
  • What are the points? points, pts, subs. Can be any text. If you are using for money, consider putting your currency code in here.

[WolfwithSword]

Next Goal

A simple display for the next upcoming goal with its points value. If no goals remain, it will be empty.

Configuration

CSS Variables

• font
• text-color
• outline-color
• outline-width
• font-size
• alignment
  • left, center, right

[WolfwithSword]

Multiplier

A simple display that shows the current multiplier - points, time, or both. Empty if no multiplier is active.

Configuration

CSS Variables

• font
• text-color
• outline-color
• outline-width
• font-size
• points-suffix
  • What are the points? points, pts, subs. Can be any text
• alignment
  • left, center, right

[WolfwithSword]

Event

A basic text box that shows the most recent event, along with the user who triggered it and an icon representing the type. Also includes value, amount, and more.

msedge_WHhaRX1qT8.mp4

Configuraiton

CSS Variables

• font
• text-color
• font-size
• outline-color
• outline-width
• icon-outline-width
• alignment
  • left, center, right
• gap
• icon-size

JS Variables

• applicableEvents
  • EventTypeList - List of Events