Skip to content

Commit

Permalink
Change colour scale toggle wording
Browse files Browse the repository at this point in the history
  • Loading branch information
slowe committed Sep 7, 2023
1 parent 20d5ca5 commit b1471c3
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions 2023-DFES/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -104,18 +104,18 @@ <h2>Select year (<span class="year"></span>):</h2>
<div id="scale"></div>
</div>
<div id="scale-holder" class="toggleinput toggler">
<label for="scale-mode">Colour scale</label>:
<label for="scale-mode">Adjust colour scale to current year?</label>:
<div id="scale-holder" class="toggleinput toggler">
<span class="toggle-label1" title="To compare the values of different areas for the current year">In year</span>
<span class="toggle-label1" title="To compare the values of different areas for the current year">Yes</span>
<div class="toggle-bg">
<input type="checkbox" id="scale-mode" name="scale-mode" title="Select for an absolute scale" />
<span class="switch"></span>
</div>
<label class="toggle-label2" for="scale-mode" title="To compare the values of different areas across the the full range of years">By 2050</label>
<label class="toggle-label2" for="scale-mode" title="To compare the values of different areas across the the full range of years">No</label>
</div>

<div class="info-bubble warning">
<p>Select <strong>In year</strong> and the colour scale will change depending on the year you have selected. This will help improve contrast for each area within your chosen year. Select <strong>By 2050</strong> and the colour scale will stay the same as you move through the years.</p>
<p>Select <strong>Yes</strong> and the colour scale will change depending on the year you have selected. This will help improve contrast for each area within your chosen year. Select <strong>No</strong> and the colour scale will stay the same as you move through the years.</p>
</div>
</div>
<div id="issues"><a href="#" onClick="saveDOMImage(document.getElementById('screenshot'));">Save map as PNG</a> | <a href="graphs.html">Graphs to accompany this tool</a> | <a href="https://github.com/odileeds/northern-powergrid/tree/master/2023-DFES/data/scenarios/primaries">Get the data</a> | <a href="https://github.com/odileeds/northern-powergrid/issues/">Report any issues you find</a> with our tool</div>
Expand Down

0 comments on commit b1471c3

Please sign in to comment.