ga-minor commenting changes

index.html

@@ -34,7 +34,7 @@ <h1>Baby Bumper!</h1>
       <p>What's your baby's name?</p>
       <input type="text" id="inputBabyName" class="enter-baby-name" />
       <button id="start" disabled="disabled">Let's Go!</button>
-      <div id="instructionsLink"><a href="#">Instructions</a></div>
+      <div id="instructionsLink"><a href="#">How to play</a></div>
     </section>
     <section id="endModal" class="hide">
       <article class="win hide">
@@ -85,12 +85,7 @@ <h4>How could you do this to a child? You monster.</h4>
         <figure id="wallhangings" class="scenery" data-name="wallhangings" data-cost="825">
           <img src="img/wallhangings.webp" alt="Wall hangings" />
         </figure>
-        <!--
-          Future use 
-          <figure class-="scenery floor-crease"></figure>
-          <figure class-="scenery left-crease"></figure>
-          <figure class-="scenery right-crease"></figure> 
-      --></section>
+      </section>
     </main>
   </body>
 </html>

script.js

@@ -36,7 +36,7 @@ babyContainer.style.left = window.innerWidth / 2 - 150 + 'px';
 
 const itemPositionReference = {};
 
-// SOUNDS -- commented out are more for future use
+// SOUNDS -- some commented out are more for future use
 const fart = [];
 const laugh = [];
 
@@ -264,8 +264,6 @@ class baby {
           item.collisions = 1;
           this.addToScore(item);
           this.bounceBabyBack(item);
-
-          // remove baby from object towards centerpoint: window.innerHeight/2 window.innerWidth/2
         } else {
           item.collisions++;
 

styles.scss

@@ -1,9 +1,3 @@
-// TODO:
-// 1. modalBG space at top
-// 2. right sidebar?
-// 3. LR creases not showing
-// 4. Victory laughing
-
 // Variables
 $red-main: #ef5735;
 $tan-main: #faf0d6;
@@ -231,36 +225,6 @@ p {
   z-index: 5;
 }
 
-// For future styling
-// .floor-crease {
-//   color: #271c02;
-//   height: 2px;
-//   left: 0;
-//   position: absolute;
-//   top: 45%;
-//   width: 100%;
-//   z-index: 1;
-// }
-
-// .left-crease {
-//   color: #271c02;
-//   height: 45%;
-//   left: 20%;
-//   position: absolute;
-//   top: 0;
-//   width: 2px;
-//   z-index: 1;
-// }
-// .right-crease {
-//   color: #271c02;
-//   height: 45%;
-//   left: 20%;
-//   position: absolute;
-//   top: 1;
-//   width: 2px;
-//   z-index: 0;
-// }
-
 #baby {
   bottom: 0px;
   height: 192px;