Skip to content

mbondre/Thermometer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fundraising Thermometer Generator

A simple generator that shows fundraising progress as a thermometer with your goal and raised amount.

Setup

  1. Place your ILM Center logo as assets/ILMCenterLogo.png (same image you used when creating this project).
  2. Open index.html in a browser (double-click or use Live Server).

Features

  • Left side: Scale ticks at 25%, 50%, 75%, and 100%.
  • Right side: A “Raised” tick that moves with the current amount, plus the raised amount in dollars.
  • Bottom: ILM Center logo and the goal amount.
  • Controls: Enter Goal amount and Raised amount; the fill and “Raised” marker update automatically.

Usage

Edit the two number fields at the top: Goal amount and Raised amount. The thermometer fill and the “Raised” label (with amount) on the right update in real time. You can screenshot or use a browser “Print to PDF” to save the graphic.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors