Ability to disable heart rate or calories display

Rexios80 · Feb 28, 2020 · ca4b208 · ca4b208
1 parent b8940be
commit ca4b208
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/public/index.html b/public/index.html
@@ -7,10 +7,10 @@
 <body>
 
 <div class="center">
-    <img class="hrImage" src="hrImage.png"/>
-    <span id="heartRate" class="hrText">-</span>
-    <img class="calImage" src="calImage.png"/>
-    <span id="calories" class="calText">-</span>
+    <img class="hr hrImage" src="hrImage.png"/>
+    <span id="heartRate" class="hr hrText">-</span>
+    <img class="cal calImage" src="calImage.png"/>
+    <span id="calories" class="cal calText">-</span>
 </div>
 
 </body>

diff --git a/public/styles.css b/public/styles.css
@@ -3,6 +3,11 @@
     text-align: center;
 }
 
+.hr {
+    /* Uncomment to disable heart rate display */
+    /*display: none;*/
+}
+
 .hrText {
     color: white; /* Heart rate text color */
     font-family: Arial, sans-serif; /* Heart rate text font */
@@ -20,6 +25,11 @@
     width: 100px;
 }
 
+.cal {
+    /* Uncomment to disable calories display */
+    /*display: none;*/
+}
+
 .calText {
     color: white; /* Calories text color */
     font-family: Arial, sans-serif; /* Calories text font */