# Goal Tally

A fundraiser’s total on big printed drums. They roll up as each pledge lands, beside a feed of named supporters and a lane-rope rail to the goal.

Block · With a Pass · https://tactileui.dev/blocks/goal-tally

> The code and styling for this block come with the Pass. Sign in if you have one. Sign in: https://tactileui.dev/auth/sign-in The price: https://tactileui.dev/pricing

## Anatomy

Rolling total, Simulated pledge feed, Pausable live updates, Lane rope progress rail, Visibility gated timer, Palette tokens from one table

## Usage notes

Show money arriving rather than a figure that changed: for a crowdfunder, a charity appeal, a community share offer or a pre-order campaign, the total is a machine people watch, the backers are people with reasons, and the progress rail belongs to the cause.

## Options

| Option | Type | Description |
| - | - | - |
| org | text | Organisation |
| kicker | text | The small outlined label above the headline. |
| headline | text | Headline |
| lede | text | Lede |
| raised | number | Where the drums start. Pledges roll it up from there. |
| goal | number | Goal |
| stretch | number | The end of the rope. Set it to the goal to have none. |
| stretchNote | text | Stretch goal buys |
| backers | number | Backers |
| daysLeft | number | Days left |
| deadline | text | Deadline |
| currency | enum | Currency |
| pledge | number | What the main button pledges. Press it: the drums roll by that much. |
| live | boolean |  |
| palette | enum | Deep pool water, or white tiles in pool-marking blue. |
| finish | enum | Drums |
| light | number | Light from (degrees) |

## Methods

- odometers
- raised
- pledge
- update
- destroy

## States

1. **At rest**: The total stands on the drums engraved “Raised so far”; the rope shows the funded share; four recent pledges with their ages.
2. **Pledge arrives**: 
3. **Visitor pledges**: The button lands the visitor’s own pledge, highlighted, rolls the drums, and a polite status line confirms it.
4. **Paused**: 
5. **Capped**: 
6. **Palette**: Lido (deep pool water, cream signage, red-and-cream floats) or chalk (white tiles in pool-marking blue); tokens from one table.
7. **Tablet**: One column, the feed under the tally, the lane line dropped.
8. **Phone**: Stats in three equal columns with the backers counter shrinking to fit, a full-width button, compact feed items.
9. **Reduced motion**: Totals change without a roll, the rope does not ease, pledges appear without sliding, the dot does not ping; every number still updates.
10. **Off screen**: The timer is cleared and the drums sleep; arrivals resume on return.

## How it works

Original composition; the Harwick Lido Trust, its campaign and every supporter are invented. Imagery is CSS only (tiles, lane line, rope).