1.0.0 • Published 7 years ago

skf.thermometer v1.0.0

Weekly downloads
4
License
MIT
Repository
github
Last release
7 years ago

SKF-Thermometer

A thermometer using jQuery that provides simple control of the temperature of the thermometer behind a transparent SickKids VS Logo.

Code Climate Test Coverage Issue Count Build Status

Installation

You can install dev dependencies using Yarn :

$ yarn install

Usage

The thermometer is a jQuery plugin that applies to whatever div you give the id=thermometer. The assets should already be loaded into your project from the Yarn install, so paste the <div> below on your page.

Inside the <head> of your HTML page, after CSS and jQuery add:

<script src="js/jquery.skf-thermo.js"></script>

<link rel="stylesheet" href="css/thermometer.css" />

Inside the <body> of your HTML page:

    <div class="track" id="thermometer">
        <div class="goal">
            <div class="amount" id="goalAmount">1000</div>
        </div>
        <div class="progress">
            <div id="bar" class="amount">203</div>
        </div>
        <div id="background"></div>
    </div>

Set the Goal Amount and the current amount by changing the numbers. Do not add "$" or ".00" to the amounts, those are added in for you. It's only expecting numbers in those areas. In example above, the Goal Amount is set to 1000 and the Current amount is set to 203.

Contribute

  • Issue Tracker: github.com/SickKidsFoundation/skf-thermometer/issues
  • Source Code: github.com/SickKidsFoundation/skf-thermometer

Support

If you are having issues, please let us know by visiting the Issue Tracker.

License

The project is licensed under the MIT Licence.

@infinitebrahmanuniverse/nolb-skf@everything-registry/sub-chunk-2775
1.0.0

7 years ago