chore: added comments to files from rating (#372)

KendallDoesCoding · Apr 10, 2023 · 0cb0baa · 0cb0baa
1 parent a4bb8d6
commit 0cb0baa
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 6 deletions.
diff --git a/credits/styles.css b/credits/styles.css
@@ -78,6 +78,8 @@ h2 {
   font-family: "Beau Rivage", cursive;
   font-size: 9mm;
 }
+
+
 .dropbtn {
 
   border:2px;

diff --git a/rating/index.html b/rating/index.html
@@ -359,9 +359,11 @@ <h1 class="h1">Ratings</h1>
               </div>
             </div>
       </header>
+      <!-- Heading and content-->
 <h3 Id="review_msg">
     hello
 </h3>  
+  <!-- song selector and rating-->
   <main>
     <section id='img-section'>
       <img id='home-page-img' src="../images/home-page-img.png" />

diff --git a/rating/styles.css b/rating/styles.css
@@ -24,7 +24,7 @@ h3{
   border-radius: 10px;
 }
 
-
+/* Song selector */
 .select{
   height:50px;
   text-align: center;
@@ -34,14 +34,15 @@ h3{
   margin: 5px;
   background-color: white;
 }
+/* rating section */
 .rating{
   width: 100%;
   max-width: 300px;
   color: purple;
   background-color: black;
 
 }
-
+/* rating button */
 .btn{
   margin-top: 1rem;
   height: 50px;
@@ -61,6 +62,7 @@ h3{
   color: rgb(0, 0, 0);
   transform: scale(1.1);
 }
+/* when the size increases, moves to the right*/
 @media screen and (max-width: 763px){
   body {
     width: 90vw;

diff --git a/you-may-like/index.html b/you-may-like/index.html
@@ -30,6 +30,7 @@ <h1 class="h1">You May Also Like</h1>
                  </div>
                </div>
          </header>
+         <!-- buttons - ranomsong, suggest, report-->
          <main>
             <section id='buttons-section'>
          <div class="random-song">
@@ -56,13 +57,16 @@ <h1 class="h1">You May Also Like</h1>
          </div>
          </div>
             </section>
+         <!--songs and page numbers section-->
             <section>
                <p class="lud" id="suggestions-message">Songs like the <a href="https://mogulchristmas.kendalldoescoding.gq/mogulchristmasplaylist">Mogul Christmas Album  <i class="fa fa-music"></i></a></p>
          <div class="christmas_day_message">
             <p>Merry Christmas! These are a couple songs like the Mogul Christmas album, to put you in the Christmas Mood. &#128522; 
             </p>
          </div>
+         <!-- songs list-->
             <div class="list" id="list"></div>
+         <!-- page numbers list -->
             <div class="pagenumbers" id="pagination"></div>
          </section>
          </main>

diff --git a/you-may-like/song-suggestion/index.html b/you-may-like/song-suggestion/index.html
@@ -15,6 +15,7 @@ <h3>
       <a class="requirements" href="requirements.html">requirements.</a>&nbsp;
       -KendallDoesCoding
     </h3>
+    <!-- form to submit the suggestion -->
     <form
       method="POST"
       action="https://script.google.com/macros/s/AKfycbxDfhEtut28cIvBYmeJQ-FqUazZ_co2pxTVYDFq9q-xxAG8g9Ag5NA5zrPcnmAVb84b-Q/exec"

diff --git a/you-may-like/styles.css b/you-may-like/styles.css
@@ -8,14 +8,14 @@ main .list .item:last-of-type {
 main .list .item:hover {
   background: rgba(0, 0, 0, 0.05);
 }
-
+/* page numbers list */
 .pagenumbers {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
 }
-
+/* page numbers buttons*/
 .pagenumbers button {
   display: flex;
   justify-content: center;
@@ -49,7 +49,7 @@ main .list .item:hover {
 #suggestions-message {
   color: #A81817;
 }
-
+/*songs and buttons*/
 main {
   display: flex;
   flex-direction: row;
@@ -88,7 +88,7 @@ main section {
   color: #A81817;
   font-family: "Nunito";
 }
-
+/* responsive */
 @media screen and (max-width: 763px){
   .h1 {
     font-size: 20px;