input research

Author: LiamSwayne

site/calculator.html

@@ -58,23 +58,29 @@ <h1>CO2 Emissions Calculator</h1>
         &nbsp;$
     </div>
 
+    <!-- National Forest Foundation -->
     <div class="tree-slider">
         <input type="checkbox" id="tree1Checkbox" onclick="toggleTree('tree1')" />
-        <label for="tree1Checkbox">Enable Tree Type 1</label>
+        <label for="tree1Checkbox">National Forest Foundation: $1 per tree</label>
+        <a href="https://www.nationalforests.org/tree-planting-programs" target="_blank">Learn More</a>
         <input type="range" id="tree1" min="0" max="1000" step="1" value="0" aria-labelledby="tree1Label" disabled />
         <output id="tree1Output">0 trees</output>
     </div>
 
+    <!-- #TeamTrees -->
     <div class="tree-slider">
         <input type="checkbox" id="tree2Checkbox" onclick="toggleTree('tree2')" />
-        <label for="tree2Checkbox">Enable Tree Type 2</label>
+        <label for="tree2Checkbox">#TeamTrees: $1 per tree</label>
+        <a href="https://teamtrees.org/" target="_blank">Learn More</a>
         <input type="range" id="tree2" min="0" max="1000" step="1" value="0" aria-labelledby="tree2Label" disabled />
         <output id="tree2Output">0 trees</output>
     </div>
 
+    <!-- One Tree Planted -->
     <div class="tree-slider">
         <input type="checkbox" id="tree3Checkbox" onclick="toggleTree('tree3')" />
-        <label for="tree3Checkbox">Enable Tree Type 3</label>
+        <label for="tree3Checkbox">One Tree Planted: $1 per tree</label>
+        <a href="https://onetreeplanted.org/products/plant-trees" target="_blank">Learn More</a>
         <input type="range" id="tree3" min="0" max="1000" step="1" value="0" aria-labelledby="tree3Label" disabled />
         <output id="tree3Output">0 trees</output>
     </div>