From dc5e25cb1c157dd7ac6a48e42208be550d71b31a Mon Sep 17 00:00:00 2001
From: Miko Jimenez <jimenezmikog@gmail.com>
Date: Wed, 17 Nov 2021 13:03:05 -0500
Subject: [PATCH] Add comments

---
 app/academics.html      |  39 ++++++++-
 app/amenities.html      |  25 +++++-
 app/favorites.html      |  30 ++++---
 app/home.html           |  26 +++++-
 app/info.html           |  21 ++++-
 app/login.html          |   2 +
 app/news.html           |  27 ++++++-
 app/notifications.html  | 170 ++++++++++++++++++++++------------------
 app/preferences.html    |  37 ++++++++-
 app/profile.html        |  29 ++++++-
 app/reset.html          |   7 ++
 app/transportation.html |  20 ++++-
 css/mockup.css          |   4 +
 css/mockup.css.map      |   2 +-
 css/mockup.scss         |   3 +
 css/styles.css          |   2 +
 css/styles.css.map      |   2 +-
 css/variables.css       |   2 +
 css/variables.css.map   |   2 +-
 css/variables.scss      |   2 +
 scripts/app.js          |   1 +
 scripts/lingumania.js   |   2 +
 scripts/mockup.js       |   2 +
 23 files changed, 352 insertions(+), 105 deletions(-)

diff --git a/app/academics.html b/app/academics.html
index a99a4d4..89cd7b4 100644
--- a/app/academics.html
+++ b/app/academics.html
@@ -29,17 +29,25 @@
     <header>
       <div class="banner-top">
         <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+          <!-- Left Group-->
           <div class="col col-3"><button onclick="location.href='home.html';" class="btn btn-link btn-sm back"><i class="fas fa-chevron-left fa-2x"></i></button></div>
+
+          <!-- Center Logo-->
           <div class="col col-6 text-center">
             <a class="btn" href="home.html"><h6 class="text-uppercase banner-logo-text" role="button">UCF Downtown</h6></a>
           </div>
+
+          <!-- Right Group -->
           <div class="col col-3">
             <ul class="nav">
+              <!-- Notification Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link" href="notifications.html">
                   <i class="fas fa-bell fa-lg"></i>
                 </a>
               </li>
+
+              <!-- Hamburger Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link text-white" data-toggle="collapse" data-target="#settingsNav" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                   <i class="fas fa-bars fa-lg"></i>
@@ -47,12 +55,16 @@
               </li>
             </ul>
         </div>
-        
+
+          <!-- Dropdown Links -->
           <div class="collapse navbar-collapse" id="settingsNav">
             <ul class="navbar-nav mr-auto">
+              <!-- Profile-->
               <li class="nav-item">
                 <a class="nav-link" href="profile.html"><i class="fas fa-user pr-2"></i><span>Profile</span></a>
               </li>
+
+              <!-- Favorites -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownFavorites" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-star pr-2"></i><span>Favorites</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownFavorites" id="navbarDropdownFavorites">
@@ -64,6 +76,8 @@
                   <a class="dropdown-item" href="news.html">News</a>
                 </div>
               </li>
+
+              <!-- Preferences -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="preferences.html" id="navbarDropdownSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-wrench pr-2"></i><span>Settings</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownSettings">
@@ -78,6 +92,7 @@
         </nav>
       </div>
 
+      <!-- Image Header -->
       <div class="media-background-container">
         <img class="media-background object-fit-cover" src="../img/ucf-downtown.jpg" alt="">
         <div class="row banner-bottom">
@@ -90,7 +105,10 @@ <h5 class="banner-subtitle">UCF Downtown</h5>
       </div>
     </header>
 
+    <!-- Main Content -->
     <div class="container">
+
+      <!-- Breadcrumb -->
       <div class="row pt-3">
         <div class="col col-12">
           <ol class="breadcrumb" role="navigation" aria-label="breadcrumb">
@@ -99,13 +117,18 @@ <h5 class="banner-subtitle">UCF Downtown</h5>
           </ol>
         </div>
       </div>
-        
+      
+      <!-- Body -->
       <div class="row">
         <div class="col col-12">
           <h1 class="heading-underline">Academics</h1>
 
           <div id="academics-widgets" role="tablist">
+
+            <!-- Academics Card -->
             <div class="card">
+
+              <!-- Button -->
               <div class="card-header" role="tab" id="headingOne">
                 <h5 class="mb-0">
                   <a class="text-secondary" data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
@@ -113,6 +136,8 @@ <h5 class="mb-0">
                   </a>
                 </h5>
               </div>
+
+              <!-- Button Dropdown -->
               <div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion">
                 <div class="card-block">
                   <table class="table">
@@ -144,7 +169,10 @@ <h5 class="mb-0">
                 </div>
               </div>
             </div>
+
+            <!-- Holds & To Dos Card -->
             <div class="card">
+              <!-- Button -->
               <div class="card-header" role="tab" id="headingTwo">
                 <h5 class="mb-0">
                   <a class="text-secondary" data-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
@@ -152,15 +180,21 @@ <h5 class="mb-0">
                   </a>
                 </h5>
               </div>
+
+              <!-- Button Dropdown-->
               <div id="collapseTwo" class="collapse collapsed" role="tabpanel" aria-labelledby="headingTwo" data-parent="#accordion">
                 <div class="card-block">
                   <div class="row">
+
+                    <!-- Left Col -->
                     <div class="col col-6">
                       <ul class="list-group list-group-flush">
                         <li class="list-group-item active">Holds</li>
                         <li class="list-group-item">No Holds</li>
                       </ul>
                     </div>
+
+                    <!-- Right Col -->
                     <div class="col col-6">
                       <ul class="list-group list-group-flush">
                         <li class="list-group-item active">To Dos</li>
@@ -173,6 +207,7 @@ <h5 class="mb-0">
             </div>
           </div>
 
+          <!-- Section -->
           <h6 class="pt-5">Quick Links</h6>
           <div class="list-group list-group-flush">
             <a href="https://my.ucf.edu" class="list-group-item list-group-item-action" target="_blank"><span>myUCF</span> <i class="fa fa-chevron-right ml-auto"></i></a>
diff --git a/app/amenities.html b/app/amenities.html
index 938af44..32064d3 100644
--- a/app/amenities.html
+++ b/app/amenities.html
@@ -29,30 +29,42 @@
     <header>
       <div class="banner-top">
         <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+          <!-- Left Group-->
           <div class="col col-3"><button onclick="location.href='home.html';" class="btn btn-link btn-sm back"><i class="fas fa-chevron-left fa-2x"></i></button></div>
+
+          <!-- Center Logo-->
           <div class="col col-6 text-center">
             <a class="btn" href="home.html"><h6 class="text-uppercase banner-logo-text" role="button">UCF Downtown</h6></a>
           </div>
+
+          <!-- Right Group -->
           <div class="col col-3">
             <ul class="nav">
+              <!-- Notification Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link" href="notifications.html">
                   <i class="fas fa-bell fa-lg"></i>
                 </a>
               </li>
+
+              <!-- Hamburger Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link text-white" data-toggle="collapse" data-target="#settingsNav" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                   <i class="fas fa-bars fa-lg"></i>
                 </a>
               </li>
             </ul>
-        </div>
-        
+          </div>
+
+          <!-- Dropdown Links -->
           <div class="collapse navbar-collapse" id="settingsNav">
             <ul class="navbar-nav mr-auto">
+              <!-- Profile-->
               <li class="nav-item">
                 <a class="nav-link" href="profile.html"><i class="fas fa-user pr-2"></i><span>Profile</span></a>
               </li>
+
+              <!-- Favorites -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownFavorites" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-star pr-2"></i><span>Favorites</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownFavorites" id="navbarDropdownFavorites">
@@ -64,6 +76,8 @@
                   <a class="dropdown-item" href="news.html">News</a>
                 </div>
               </li>
+
+              <!-- Preferences -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="preferences.html" id="navbarDropdownSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-wrench pr-2"></i><span>Settings</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownSettings">
@@ -78,6 +92,7 @@
         </nav>
       </div>
 
+      <!-- Image Header -->
       <div class="media-background-container">
         <img class="media-background object-fit-cover" src="../img/ucf-downtown.jpg" alt="">
         <div class="row banner-bottom">
@@ -90,7 +105,9 @@ <h5 class="banner-subtitle">UCF Downtown</h5>
       </div>
     </header>
 
+    <!-- Main Content -->
     <div class="container">
+      <!-- Breadcrumb -->
       <div class="row pt-3">
         <div class="col col-12">
           <ol class="breadcrumb" role="navigation" aria-label="breadcrumb">
@@ -100,12 +117,16 @@ <h5 class="banner-subtitle">UCF Downtown</h5>
         </div>
       </div>
         
+      <!-- Body -->
       <div class="row">
         <div class="col col-12">
+
+          <!-- Widget Area -->
           <h1 class="heading-underline">Amenities</h1>
 
           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3504.8604524501798!2d-81.3726056845112!3d28.54391388245292!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88e77ae37ec596df%3A0xfc0aa0990cc5807a!2sDowntown%20Orlando!5e0!3m2!1sen!2sus!4v1636569073233!5m2!1sen!2sus" width="100%" height="428px" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
           
+          <!-- Section -->
           <h6 class="pt-5">Quick Links</h6>
           <div class="list-group list-group-flush">
             <a href="https://www.ucf.edu/downtown/experience/#dining" class="list-group-item list-group-item-action" target="_blank"><span>Dining</span> <i class="fa fa-chevron-right ml-auto"></i></a>
diff --git a/app/favorites.html b/app/favorites.html
index fc65703..80b1f7e 100644
--- a/app/favorites.html
+++ b/app/favorites.html
@@ -29,30 +29,42 @@
     <header>
       <div class="banner-top">
         <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+          <!-- Left Group-->
           <div class="col col-3"><button onclick="window.history.go(-1); return false;" class="btn btn-link btn-sm back"><i class="fas fa-chevron-left fa-2x"></i></button></div>
+
+          <!-- Center Logo-->
           <div class="col col-6 text-center">
             <a class="btn" href="home.html"><h6 class="text-uppercase banner-logo-text" role="button">UCF Downtown</h6></a>
           </div>
+
+          <!-- Right Group -->
           <div class="col col-3">
             <ul class="nav">
+              <!-- Notification Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link" href="notifications.html">
                   <i class="fas fa-bell fa-lg"></i>
                 </a>
               </li>
+
+              <!-- Hamburger Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link text-white" data-toggle="collapse" data-target="#settingsNav" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                   <i class="fas fa-bars fa-lg"></i>
                 </a>
               </li>
             </ul>
-        </div>
+          </div>
         
+          <!-- Dropdown Links -->
           <div class="collapse navbar-collapse" id="settingsNav">
             <ul class="navbar-nav mr-auto">
+              <!-- Profile-->
               <li class="nav-item">
                 <a class="nav-link" href="profile.html"><i class="fas fa-user pr-2"></i><span>Profile</span></a>
               </li>
+
+              <!-- Favorites -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownFavorites" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-star pr-2"></i><span>Favorites</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownFavorites" id="navbarDropdownFavorites">
@@ -64,6 +76,8 @@
                   <a class="dropdown-item" href="news.html">News</a>
                 </div>
               </li>
+
+              <!-- Preferences -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="preferences.html" id="navbarDropdownSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-wrench pr-2"></i><span>Settings</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownSettings">
@@ -77,20 +91,10 @@
           </div>
         </nav>
       </div>
-
-      <div class="media-background-container">
-        <img class="media-background object-fit-cover" src="../img/ucf-downtown.jpg" alt="">
-        <div class="row banner-bottom">
-          <div class="col col-4"><img src="../img/TheTab_sm.png" alt="" class="banner-logo"></div>
-          <div class="col col-8">
-              <h1 class="banner-title">Amanda</h1>
-              <h5 class="banner-subtitle">UCF Downtown</h5>
-          </div>
-        </div>
-      </div>
     </header>
 
-    <div class="container">
+    <!-- Main Content -->
+    <div class="container no-image-padding">
         
     </div>
 
diff --git a/app/home.html b/app/home.html
index 9595c57..e40683f 100644
--- a/app/home.html
+++ b/app/home.html
@@ -29,30 +29,42 @@
     <header>
       <div class="banner-top">
         <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+          <!-- Left Group-->
           <div class="col col-3"></div>
+
+          <!-- Center Logo-->
           <div class="col col-6 text-center">
             <a class="btn" href="home.html"><h6 class="text-uppercase banner-logo-text" role="button">UCF Downtown</h6></a>
           </div>
+
+          <!-- Right Group -->
           <div class="col col-3">
             <ul class="nav">
+              <!-- Notification Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link" href="notifications.html">
                   <i class="fas fa-bell fa-lg"></i>
                 </a>
               </li>
+
+              <!-- Hamburger Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link text-white" data-toggle="collapse" data-target="#settingsNav" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                   <i class="fas fa-bars fa-lg"></i>
                 </a>
               </li>
             </ul>
-        </div>
+          </div>
         
+          <!-- Dropdown Links -->
           <div class="collapse navbar-collapse" id="settingsNav">
             <ul class="navbar-nav mr-auto">
+              <!-- Profile-->
               <li class="nav-item">
                 <a class="nav-link" href="profile.html"><i class="fas fa-user pr-2"></i><span>Profile</span></a>
               </li>
+
+              <!-- Favorites -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownFavorites" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-star pr-2"></i><span>Favorites</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownFavorites" id="navbarDropdownFavorites">
@@ -64,6 +76,8 @@
                   <a class="dropdown-item" href="news.html">News</a>
                 </div>
               </li>
+
+              <!-- Preferences -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="preferences.html" id="navbarDropdownSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-wrench pr-2"></i><span>Settings</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownSettings">
@@ -78,6 +92,7 @@
         </nav>
       </div>
 
+      <!-- Image Header -->
       <div class="media-background-container">
         <img class="media-background object-fit-cover" src="../img/ucf-downtown.jpg" alt="">
         <div class="row banner-bottom">
@@ -90,8 +105,9 @@ <h5 class="banner-subtitle">UCF Downtown</h5>
       </div>
     </header>
 
+    <!-- Main Content -->
     <div class="container">
-
+      <!-- Notifications -->
       <div class="row">
         <div class="alert alert-warning alert-dismissible fade show w-100" role="alert">
           <button type="button" class="close" data-dismiss="alert" aria-label="Close">
@@ -111,10 +127,13 @@ <h5>October 29</h5>
         </div>
       </div>
 
+      <!-- Schedule -->
       <div class="row">
         <div class="col col-12 p-3">
           <h1 class="heading-underline">Schedule</h1>
         </div>
+
+        <!-- Up Next -->
         <div class="col">
           <h3>Up Next</h3>
           <table class="table">
@@ -142,6 +161,8 @@ <h3>Up Next</h3>
             </tbody>
           </table>
         </div>
+
+        <!-- Upcoming -->
         <div class="col">
           <h3>Tomorrow</h3>
           <table class="table">
@@ -171,6 +192,7 @@ <h3>Tomorrow</h3>
         </div>
       </div>
 
+      <!-- Favorites -->
       <div class="row">
         <div class="col col-12 p-3"><h1 class="heading-underline">Favorites</h1></div>
         <div class="col col-6 text-center">
diff --git a/app/info.html b/app/info.html
index fbc50c0..23a39ad 100644
--- a/app/info.html
+++ b/app/info.html
@@ -29,30 +29,42 @@
     <header>
       <div class="banner-top">
         <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+          <!-- Left Group-->
           <div class="col col-3"><button onclick="location.href='home.html';" class="btn btn-link btn-sm back"><i class="fas fa-chevron-left fa-2x"></i></button></div>
+
+          <!-- Center Logo-->
           <div class="col col-6 text-center">
             <a class="btn" href="home.html"><h6 class="text-uppercase banner-logo-text" role="button">UCF Downtown</h6></a>
           </div>
+
+          <!-- Right Group -->
           <div class="col col-3">
             <ul class="nav">
+              <!-- Notification Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link" href="notifications.html">
                   <i class="fas fa-bell fa-lg"></i>
                 </a>
               </li>
+
+              <!-- Hamburger Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link text-white" data-toggle="collapse" data-target="#settingsNav" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                   <i class="fas fa-bars fa-lg"></i>
                 </a>
               </li>
             </ul>
-        </div>
+          </div>
         
+          <!-- Dropdown Links -->
           <div class="collapse navbar-collapse" id="settingsNav">
             <ul class="navbar-nav mr-auto">
+              <!-- Profile-->
               <li class="nav-item">
                 <a class="nav-link" href="profile.html"><i class="fas fa-user pr-2"></i><span>Profile</span></a>
               </li>
+
+              <!-- Favorites -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownFavorites" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-star pr-2"></i><span>Favorites</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownFavorites" id="navbarDropdownFavorites">
@@ -64,6 +76,8 @@
                   <a class="dropdown-item" href="news.html">News</a>
                 </div>
               </li>
+
+              <!-- Preferences -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="preferences.html" id="navbarDropdownSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-wrench pr-2"></i><span>Settings</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownSettings">
@@ -78,6 +92,7 @@
         </nav>
       </div>
 
+      <!-- Image Header -->
       <div class="media-background-container">
         <img class="media-background object-fit-cover" src="../img/ucf-downtown.jpg" alt="">
         <div class="row banner-bottom">
@@ -90,7 +105,9 @@ <h5 class="banner-subtitle">UCF Downtown</h5>
       </div>
     </header>
 
+    <!-- Main Content -->
     <div class="container">
+      <!-- Breadcrumb -->
       <div class="row pt-3">
         <div class="col col-12">
           <ol class="breadcrumb" role="navigation" aria-label="breadcrumb">
@@ -103,6 +120,8 @@ <h5 class="banner-subtitle">UCF Downtown</h5>
       <div class="row">
         <div class="col col-12">
           <h1 class="heading-underline">Safety & Info</h1>
+
+          <!-- Section -->
           <h6>Quick Links</h6>
           <div class="list-group list-group-flush">
             <a href="https://www.ucf.edu/coronavirus/" class="list-group-item list-group-item-action" target="_blank"><span>COVID</span><i class="fa fa-chevron-right ml-auto"></i></a>
diff --git a/app/login.html b/app/login.html
index 1a3f0ff..bc7283b 100644
--- a/app/login.html
+++ b/app/login.html
@@ -34,6 +34,7 @@
       </nav>
     </div>
 
+    <!-- Image Header -->
     <div class="media-background-container">
       <img class="media-background object-fit-cover" src="../img/ucf-downtown.jpg" alt="">
       <div class="row login-banner-bottom">
@@ -42,6 +43,7 @@
     </div>
   </header>
 
+  <!-- Main Content -->
   <div class="container">
     <div class="row pt-5">
       <div class="col">
diff --git a/app/news.html b/app/news.html
index 2bf8e65..cecf350 100644
--- a/app/news.html
+++ b/app/news.html
@@ -29,30 +29,42 @@
     <header>
       <div class="banner-top">
         <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+          <!-- Left Group-->
           <div class="col col-3"><button onclick="location.href='home.html';" class="btn btn-link btn-sm back"><i class="fas fa-chevron-left fa-2x"></i></button></div>
+
+          <!-- Center Logo-->
           <div class="col col-6 text-center">
             <a class="btn" href="home.html"><h6 class="text-uppercase banner-logo-text" role="button">UCF Downtown</h6></a>
           </div>
+
+          <!-- Right Group -->
           <div class="col col-3">
             <ul class="nav">
+              <!-- Notification Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link" href="notifications.html">
                   <i class="fas fa-bell fa-lg"></i>
                 </a>
               </li>
+
+              <!-- Hamburger Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link text-white" data-toggle="collapse" data-target="#settingsNav" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                   <i class="fas fa-bars fa-lg"></i>
                 </a>
               </li>
             </ul>
-        </div>
+          </div>
         
+          <!-- Dropdown Links -->
           <div class="collapse navbar-collapse" id="settingsNav">
             <ul class="navbar-nav mr-auto">
+              <!-- Profile-->
               <li class="nav-item">
                 <a class="nav-link" href="profile.html"><i class="fas fa-user pr-2"></i><span>Profile</span></a>
               </li>
+
+              <!-- Favorites -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownFavorites" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-star pr-2"></i><span>Favorites</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownFavorites" id="navbarDropdownFavorites">
@@ -64,6 +76,8 @@
                   <a class="dropdown-item" href="news.html">News</a>
                 </div>
               </li>
+
+              <!-- Preferences -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="preferences.html" id="navbarDropdownSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-wrench pr-2"></i><span>Settings</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownSettings">
@@ -78,6 +92,7 @@
         </nav>
       </div>
 
+      <!-- Image Header -->
       <div class="media-background-container">
         <img class="media-background object-fit-cover" src="../img/ucf-downtown.jpg" alt="">
         <div class="row banner-bottom">
@@ -90,7 +105,9 @@ <h5 class="banner-subtitle">UCF Downtown</h5>
       </div>
     </header>
 
+    <!-- Main Content -->
     <div class="container">
+      <!-- Breadcrumb -->
       <div class="row pt-3">
         <div class="col col-12">
           <ol class="breadcrumb" role="navigation" aria-label="breadcrumb">
@@ -98,11 +115,14 @@ <h5 class="banner-subtitle">UCF Downtown</h5>
             <li class="breadcrumb-item active" aria-current="page">News & Events</li>
           </ol>
         </div>
+
+        <!-- Title -->
         <div class="col col-12">
           <h1 class="heading-underline">News & Events</h1>
         </div>
       </div>
 
+      <!-- Isotope Filters -->
       <div class="row pt-3">
         <div class="col col-12 text-center">
           <div class="btn-group filter-button-group" role="group" aria-label="Notification Sort" id="news-sort">
@@ -113,6 +133,7 @@ <h1 class="heading-underline">News & Events</h1>
         </div>
       </div>
 
+      <!-- List Feed -->
       <div class="row pt-2">
         <div class="col col-12">
           <div class="list-group" id="news-list" data-isotope='{ "itemSelector": ".list-group-item"}'>
@@ -170,7 +191,9 @@ <h5 class="mb-1">Knights Handle Hurricanes in Miami</h5>
           </div>
         </div>
       </div>
-        
+
+
+      <!-- Section -->  
       <div class="row pt-5">
         <div class="col col-12">
           <h6>Quick Links</h6>
diff --git a/app/notifications.html b/app/notifications.html
index a9a4f07..8e9331d 100644
--- a/app/notifications.html
+++ b/app/notifications.html
@@ -29,30 +29,42 @@
     <header>
       <div class="banner-top">
         <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+          <!-- Left Group-->
           <div class="col col-3"><button onclick="window.history.go(-1); return false;" class="btn btn-link btn-sm back"><i class="fas fa-chevron-left fa-2x"></i></button></div>
+
+          <!-- Center Logo-->
           <div class="col col-6 text-center">
             <a class="btn" href="home.html"><h6 class="text-uppercase banner-logo-text" role="button">UCF Downtown</h6></a>
           </div>
+
+          <!-- Right Group -->
           <div class="col col-3">
             <ul class="nav">
+              <!-- Notification Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link" href="notifications.html">
                   <i class="fas fa-bell fa-lg"></i>
                 </a>
               </li>
+
+              <!-- Hamburger Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link text-white" data-toggle="collapse" data-target="#settingsNav" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                   <i class="fas fa-bars fa-lg"></i>
                 </a>
               </li>
             </ul>
-        </div>
+          </div>
         
+          <!-- Dropdown Links -->
           <div class="collapse navbar-collapse" id="settingsNav">
             <ul class="navbar-nav mr-auto">
+              <!-- Profile-->
               <li class="nav-item">
                 <a class="nav-link" href="profile.html"><i class="fas fa-user pr-2"></i><span>Profile</span></a>
               </li>
+
+              <!-- Favorites -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownFavorites" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-star pr-2"></i><span>Favorites</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownFavorites" id="navbarDropdownFavorites">
@@ -64,6 +76,8 @@
                   <a class="dropdown-item" href="news.html">News</a>
                 </div>
               </li>
+
+              <!-- Preferences -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="preferences.html" id="navbarDropdownSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-wrench pr-2"></i><span>Settings</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownSettings">
@@ -79,91 +93,97 @@
       </div>
     </header>
 
+    <!-- Main Content -->
     <div class="container no-image-padding">
+
+      <!-- Title -->
       <div class="row">
         <div class="col">
           <h2 class="text-center">Notifications</h2>
         </div>
       </div>
-        <div class="row">
-          <div class="col col-12 text-center">
-            <div class="btn-group filter-button-group" role="group" aria-label="Notification Sort" id="notification-sort">
-              <button type="button" class="btn btn-default notification-sort" data-filter=".unread">Unread</button>
-              <button type="button" class="btn btn-default notification-sort" data-filter=".events">Events</button>
-              <button type="button" class="btn btn-default notification-sort" data-filter="*">All</button>
-            </div>
+       
+      <!-- Isotope Filters -->
+      <div class="row">
+        <div class="col col-12 text-center">
+          <div class="btn-group filter-button-group" role="group" aria-label="Notification Sort" id="notification-sort">
+            <button type="button" class="btn btn-default notification-sort" data-filter=".unread">Unread</button>
+            <button type="button" class="btn btn-default notification-sort" data-filter=".events">Events</button>
+            <button type="button" class="btn btn-default notification-sort" data-filter="*">All</button>
           </div>
         </div>
+      </div>
 
-        <div class="row pt-4">
-          <div class="col col-12">
-            <div class="list-group" id="notification-list" data-isotope='{ "itemSelector": ".list-group-item"}'>
-
-              <a href="#" class="list-group-item list-group-item-action flex-column align-items-start active unread">
-                <div class="d-flex w-100 justify-content-between">
-                  <h5 class="mb-1">Traffic Reported</h5>
-                  <p class="text-muted">1 hour ago</p>
-                </div>
-                <p class="mb-1">A crash has been reported on W Livingston St. and N Hughey Ave. Expect Delays.</p>
-                <p class="text-muted">Travel Alert</p>
-              </a>
-
-              <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
-                <div class="d-flex w-100 justify-content-between">
-                  <h5 class="mb-1">PeopleSoft Expected Maintenance</h5>
-                  <p class="text-muted">5 hours ago</p>
-                </div>
-                <p class="mb-1">myUCF and related services are scheduled to undergo maintenance this Saturday from 1:00AM to 3:00AM.</p>
-                <p class="text-muted">UCF IT</p>
-              </a>
-
-              <a href="#" class="list-group-item list-group-item-action flex-column align-items-start active unread">
-                <div class="d-flex w-100 justify-content-between">
-                  <h5 class="mb-1">Complete COVID Training Module</h5>
-                  <p class="text-muted">1 day ago</p>
-                </div>
-                <p class="mb-1">Login into Webcources and complete the COVID Training module.</p>
-                <p class="text-muted">To Do</p>
-              </a>
-
-              <a href="#" class="list-group-item list-group-item-action flex-column align-items-start events">
-                <div class="d-flex w-100 justify-content-between">
-                  <h5 class="mb-1">UCF Fall 2021 Virtual Education Career Fair</h5>
-                  <p class="text-muted">1 day ago</p>
-                </div>
-                <p class="mb-1"> UCF Fall 2021 Virtual Education Career Fair November 19, 2021 | 1:00 to 3:00 p.m. EST The Education Career Fair will take place via Handshake’s virtual platform.</p>
-                <p>Career/Jobs</p>
-              </a>
-
-              <a href="#" class="list-group-item list-group-item-action flex-column align-items-start events">
-                <div class="d-flex w-100 justify-content-between">
-                  <h5 class="mb-1">Wildlife Trek</h5>
-                  <p class="text-muted">2 days ago</p>
-                </div>
-                <p class="mb-1">Trip Date: 11/10/2021 Trip Location: Orlando Wetlands Park Trip Cost: $5.00 Registration Opens: 10/26/2021 at noon Registration Closes: 11/5/2021 at noon.</p>
-                <p class="text-muted">Recreation &amp; Exercise</p>
-              </a>
-
-              <a href="#" class="list-group-item list-group-item-action flex-column align-items-start events">
-                <div class="d-flex w-100 justify-content-between">
-                  <h5 class="mb-1">Spirit Splash</h5>
-                  <p class="text-muted">3 days ago</p>
-                </div>
-                <p class="mb-1">UCF Homecoming presents Spirit Splash at the Reflecting Pond on November 5, 2021.</p>
-                <p class="text-muted">OSI Events</p>
-              </a>
-
-              <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
-                <div class="d-flex w-100 justify-content-between">
-                  <h5 class="mb-1">Orlando Magic Game</h5>
-                  <p class="text-muted"l>3 days ago</p>
-                </div>
-                <p class="mb-1">Experience the Magic with Student Success and Engagement on November 10.</p>
-                <p class="text-muted">Sports</p>
-              </a>
-            </div>
+      <!-- List Feed -->
+      <div class="row pt-4">
+        <div class="col col-12">
+          <div class="list-group" id="notification-list" data-isotope='{ "itemSelector": ".list-group-item"}'>
+
+            <a href="#" class="list-group-item list-group-item-action flex-column align-items-start active unread">
+              <div class="d-flex w-100 justify-content-between">
+                <h5 class="mb-1">Traffic Reported</h5>
+                <p class="text-muted">1 hour ago</p>
+              </div>
+              <p class="mb-1">A crash has been reported on W Livingston St. and N Hughey Ave. Expect Delays.</p>
+              <p class="text-muted">Travel Alert</p>
+            </a>
+
+            <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
+              <div class="d-flex w-100 justify-content-between">
+                <h5 class="mb-1">PeopleSoft Expected Maintenance</h5>
+                <p class="text-muted">5 hours ago</p>
+              </div>
+              <p class="mb-1">myUCF and related services are scheduled to undergo maintenance this Saturday from 1:00AM to 3:00AM.</p>
+              <p class="text-muted">UCF IT</p>
+            </a>
+
+            <a href="#" class="list-group-item list-group-item-action flex-column align-items-start active unread">
+              <div class="d-flex w-100 justify-content-between">
+                <h5 class="mb-1">Complete COVID Training Module</h5>
+                <p class="text-muted">1 day ago</p>
+              </div>
+              <p class="mb-1">Login into Webcources and complete the COVID Training module.</p>
+              <p class="text-muted">To Do</p>
+            </a>
+
+            <a href="#" class="list-group-item list-group-item-action flex-column align-items-start events">
+              <div class="d-flex w-100 justify-content-between">
+                <h5 class="mb-1">UCF Fall 2021 Virtual Education Career Fair</h5>
+                <p class="text-muted">1 day ago</p>
+              </div>
+              <p class="mb-1"> UCF Fall 2021 Virtual Education Career Fair November 19, 2021 | 1:00 to 3:00 p.m. EST The Education Career Fair will take place via Handshake’s virtual platform.</p>
+              <p>Career/Jobs</p>
+            </a>
+
+            <a href="#" class="list-group-item list-group-item-action flex-column align-items-start events">
+              <div class="d-flex w-100 justify-content-between">
+                <h5 class="mb-1">Wildlife Trek</h5>
+                <p class="text-muted">2 days ago</p>
+              </div>
+              <p class="mb-1">Trip Date: 11/10/2021 Trip Location: Orlando Wetlands Park Trip Cost: $5.00 Registration Opens: 10/26/2021 at noon Registration Closes: 11/5/2021 at noon.</p>
+              <p class="text-muted">Recreation &amp; Exercise</p>
+            </a>
+
+            <a href="#" class="list-group-item list-group-item-action flex-column align-items-start events">
+              <div class="d-flex w-100 justify-content-between">
+                <h5 class="mb-1">Spirit Splash</h5>
+                <p class="text-muted">3 days ago</p>
+              </div>
+              <p class="mb-1">UCF Homecoming presents Spirit Splash at the Reflecting Pond on November 5, 2021.</p>
+              <p class="text-muted">OSI Events</p>
+            </a>
+
+            <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
+              <div class="d-flex w-100 justify-content-between">
+                <h5 class="mb-1">Orlando Magic Game</h5>
+                <p class="text-muted"l>3 days ago</p>
+              </div>
+              <p class="mb-1">Experience the Magic with Student Success and Engagement on November 10.</p>
+              <p class="text-muted">Sports</p>
+            </a>
           </div>
         </div>
+      </div>
     </div>
 
     <footer>
diff --git a/app/preferences.html b/app/preferences.html
index c96bd76..a6f1615 100644
--- a/app/preferences.html
+++ b/app/preferences.html
@@ -29,30 +29,42 @@
     <header>
       <div class="banner-top">
         <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+          <!-- Left Group-->
           <div class="col col-3"><button onclick="window.history.go(-1); return false;" class="btn btn-link btn-sm back"><i class="fas fa-chevron-left fa-2x"></i></button></div>
+
+          <!-- Center Logo-->
           <div class="col col-6 text-center">
             <a class="btn" href="home.html"><h6 class="text-uppercase banner-logo-text" role="button">UCF Downtown</h6></a>
           </div>
+
+          <!-- Right Group -->
           <div class="col col-3">
             <ul class="nav">
+              <!-- Notification Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link" href="notifications.html">
                   <i class="fas fa-bell fa-lg"></i>
                 </a>
               </li>
+
+              <!-- Hamburger Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link text-white" data-toggle="collapse" data-target="#settingsNav" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                   <i class="fas fa-bars fa-lg"></i>
                 </a>
               </li>
             </ul>
-        </div>
+          </div>
         
+          <!-- Dropdown Links -->
           <div class="collapse navbar-collapse" id="settingsNav">
             <ul class="navbar-nav mr-auto">
+              <!-- Profile-->
               <li class="nav-item">
                 <a class="nav-link" href="profile.html"><i class="fas fa-user pr-2"></i><span>Profile</span></a>
               </li>
+
+              <!-- Favorites -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownFavorites" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-star pr-2"></i><span>Favorites</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownFavorites" id="navbarDropdownFavorites">
@@ -64,8 +76,10 @@
                   <a class="dropdown-item" href="news.html">News</a>
                 </div>
               </li>
+
+              <!-- Preferences -->
               <li class="nav-item dropdown">
-                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-wrench pr-2"></i><span>Settings</span></a>
+                <a class="nav-link dropdown-toggle" href="preferences.html" id="navbarDropdownSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-wrench pr-2"></i><span>Settings</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownSettings">
                   <a class="dropdown-item" href="#">Edit Favorites</a>
                   <a class="dropdown-item" href="preferences.html#campus">Change Campus</a>
@@ -79,12 +93,13 @@
       </div>
     </header>
 
+    <!-- Main Content -->
     <div class="container no-image-padding">
-
       <div class="row">
         <div class="col">
           <h1 class="heading-underline">Preferences</h1>
 
+          <!-- Change Campus -->
           <div class="pt-5 pb-5">
             <a class="anchor" id="campus"></a>
             <h2 class="heading-underline">Change Campus</h2>
@@ -92,6 +107,8 @@ <h2 class="heading-underline">Change Campus</h2>
               <button class="btn btn-default dropdown-toggle" type="button" id="dropdownCampus" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 Select Campus
               </button>
+
+              <!-- Button Dropdown -->
               <div class="dropdown-menu" aria-labelledby="dropdownCampus">
                 <a class="dropdown-item" href="#">Main</a>
                 <a class="dropdown-item" href="#">Downtown</a>
@@ -101,6 +118,8 @@ <h2 class="heading-underline">Change Campus</h2>
             </div>
           </div>
           <hr>
+
+          <!-- Location Preferences -->
           <div class="pt-5 pb-5">
             <a class="anchor" id="location"></a>
             <h2 class="heading-underline">Location Preferences</h2>
@@ -108,20 +127,27 @@ <h2 class="heading-underline">Location Preferences</h2>
             <button type="button" class="btn btn-success btn-toggle">Enabled</button>
           </div>
           <hr>
+
+          <!-- Notification Preferences -->
           <div class="pt-5 pb-5">
             <a class="anchor" id="notification"></a>
             <h2 class="heading-underline">Notification Preferences</h2>
+
             <h4 class="pt-4">Emergency Notifications</h4>
             <p>Emergency alerts and notifications.</p>
             <button type="button" class="btn btn-success btn-toggle">Enabled</button>
+            
             <h4 class="pt-4">News & Events</h4>
             <p>Calendar alerts, new events.</p>
             <button type="button" class="btn btn-success btn-toggle">Enabled</button>
+            
             <h4 class="pt-4">Transit Notifications</h4>
             <p>Parking, travel time.</p>
             <button type="button" class="btn btn-success btn-toggle">Enabled</button>
           </div>
           <hr>
+
+          <!-- Language Preferences -->
           <div class="pt-5 pb-5">
             <a class="anchor" id="language"></a>
             <h2 class="heading-underline">Language Preferences</h2>
@@ -129,6 +155,8 @@ <h2 class="heading-underline">Language Preferences</h2>
               <button class="btn btn-default dropdown-toggle" type="button" id="dropdownLanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 Change Language
               </button>
+
+              <!-- Button Dropdown -->
               <div class="dropdown-menu" aria-labelledby="dropdownLanguage">
                 <a class="dropdown-item" href="#" id="lang_en">English</a>
                 <a class="dropdown-item" href="#" id="lang_es">Español</a>
@@ -138,11 +166,14 @@ <h2 class="heading-underline">Language Preferences</h2>
             </div>
           </div>
           <hr>
+
+          <!-- Accessibility Preferences -->
           <div class="pt-5 pb-5">
             <a class="anchor" id="accessibility"></a>
             <h2 class="heading-underline">Accessibility</h2>
 
             <h4 class="pt-4">Text Size</h4>
+            <!-- Text Size Button Group-->
             <div class="btn-group" role="group" aria-label="Font Size" id="text-size-toggle">
               <button type="button" class="btn btn-default text-size-toggle font-size-sm" id="text-size-sm">Smaller</button>
               <button type="button" class="btn btn-primary text-size-toggle font-size-base" id="text-size-rg">Normal</button>
diff --git a/app/profile.html b/app/profile.html
index 8d3ec53..441c36a 100644
--- a/app/profile.html
+++ b/app/profile.html
@@ -29,30 +29,42 @@
     <header>
       <div class="banner-top">
         <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+          <!-- Left Group-->
           <div class="col col-3"><button onclick="window.history.go(-1); return false;" class="btn btn-link btn-sm back"><i class="fas fa-chevron-left fa-2x"></i></button></div>
+
+          <!-- Center Logo-->
           <div class="col col-6 text-center">
             <a class="btn" href="home.html"><h6 class="text-uppercase banner-logo-text" role="button">UCF Downtown</h6></a>
           </div>
+
+          <!-- Right Group -->
           <div class="col col-3">
             <ul class="nav">
+              <!-- Notification Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link" href="notifications.html">
                   <i class="fas fa-bell fa-lg"></i>
                 </a>
               </li>
+
+              <!-- Hamburger Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link text-white" data-toggle="collapse" data-target="#settingsNav" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                   <i class="fas fa-bars fa-lg"></i>
                 </a>
               </li>
             </ul>
-        </div>
+          </div>
         
+          <!-- Dropdown Links -->
           <div class="collapse navbar-collapse" id="settingsNav">
             <ul class="navbar-nav mr-auto">
+              <!-- Profile-->
               <li class="nav-item">
                 <a class="nav-link" href="profile.html"><i class="fas fa-user pr-2"></i><span>Profile</span></a>
               </li>
+
+              <!-- Favorites -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownFavorites" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-star pr-2"></i><span>Favorites</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownFavorites" id="navbarDropdownFavorites">
@@ -64,6 +76,8 @@
                   <a class="dropdown-item" href="news.html">News</a>
                 </div>
               </li>
+
+              <!-- Preferences -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="preferences.html" id="navbarDropdownSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-wrench pr-2"></i><span>Settings</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownSettings">
@@ -79,21 +93,34 @@
       </div>
     </header>
 
+    <!-- Main Content -->
     <div class="container no-image-padding">
       <div class="row">
         <div class="col">
           <h1 class="heading-underline">Profile</h1>
+
+          <!-- Name -->
           <h4>Name</h4>
           <p>Amanda Bynes</p>
+
+          <!-- Major -->
           <h4>Major</h4>
           <p>Digital Media Track – 2018 Catalog</p>
+
+          <!-- College -->
           <h4>College</h4>
           <p>College of Sciences</p>
+
+          <!-- Phone -->
           <h4>Phone Number</h4>
           <p>(307) 321-543 <a href="https://my.ucf.edu" target="_blank"><i class="fas fa-edit float-right"></i></a></p>
+
+          <!-- Email -->
           <h4>Email</h4>
           <p>amandabynes@knights.ucf.edu <a href="https://my.ucf.edu" target="_blank"><i class="fas fa-edit float-right"></i></a></p>
+          
           <hr>
+
           <a href="preferences.html" class="btn btn-primary">Edit Preferences</a>
         </div>
       </div>
diff --git a/app/reset.html b/app/reset.html
index 382f52c..949eb5b 100644
--- a/app/reset.html
+++ b/app/reset.html
@@ -28,14 +28,20 @@
   <header>
     <div class="banner-top">
       <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+        <!-- Left Group -->
         <div class="col col-2"><button onclick="window.history.go(-1); return false;" class="btn btn-link btn-sm back"><i class="fas fa-chevron-left fa-2x"></i></button></div>
+
+        <!-- Center Logo -->
         <div class="col col-8 text-center">
           <a class="btn" href="login.html"><h6 class="text-uppercase banner-logo-text" role="button">UCF Downtown</h6></a>
         </div>
+
+        <!-- Right Group -->
         <div class="col col-2"></div>
       </nav>
     </div>
 
+    <!-- Image Header -->
     <div class="media-background-container">
       <img class="media-background object-fit-cover" src="../img/ucf-downtown.jpg" alt="">
       <div class="row login-banner-bottom">
@@ -44,6 +50,7 @@
     </div>
   </header>
 
+    <!-- Main Content -->
     <div class="container">
       <div class="row pt-5">
         <div class="col">
diff --git a/app/transportation.html b/app/transportation.html
index 7835f21..3ea8f26 100644
--- a/app/transportation.html
+++ b/app/transportation.html
@@ -29,30 +29,42 @@
     <header>
       <div class="banner-top">
         <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+          <!-- Left Group-->
           <div class="col col-3"><button onclick="location.href='home.html';" class="btn btn-link btn-sm back"><i class="fas fa-chevron-left fa-2x"></i></button></div>
+
+          <!-- Center Logo-->
           <div class="col col-6 text-center">
             <a class="btn" href="home.html"><h6 class="text-uppercase banner-logo-text" role="button">UCF Downtown</h6></a>
           </div>
+
+          <!-- Right Group -->
           <div class="col col-3">
             <ul class="nav">
+              <!-- Notification Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link" href="notifications.html">
                   <i class="fas fa-bell fa-lg"></i>
                 </a>
               </li>
+
+              <!-- Hamburger Icon -->
               <li class="nav-item p-0">
                 <a class="nav-link text-white" data-toggle="collapse" data-target="#settingsNav" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                   <i class="fas fa-bars fa-lg"></i>
                 </a>
               </li>
             </ul>
-        </div>
+          </div>
         
+          <!-- Dropdown Links -->
           <div class="collapse navbar-collapse" id="settingsNav">
             <ul class="navbar-nav mr-auto">
+              <!-- Profile-->
               <li class="nav-item">
                 <a class="nav-link" href="profile.html"><i class="fas fa-user pr-2"></i><span>Profile</span></a>
               </li>
+
+              <!-- Favorites -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownFavorites" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-star pr-2"></i><span>Favorites</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownFavorites" id="navbarDropdownFavorites">
@@ -64,6 +76,8 @@
                   <a class="dropdown-item" href="news.html">News</a>
                 </div>
               </li>
+
+              <!-- Preferences -->
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="preferences.html" id="navbarDropdownSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-wrench pr-2"></i><span>Settings</span></a>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownSettings">
@@ -78,6 +92,7 @@
         </nav>
       </div>
 
+      <!-- Image Header -->
       <div class="media-background-container">
         <img class="media-background object-fit-cover" src="../img/ucf-downtown.jpg" alt="">
         <div class="row banner-bottom">
@@ -90,7 +105,9 @@ <h5 class="banner-subtitle">UCF Downtown</h5>
       </div>
     </header>
 
+    <!-- Main Content -->
     <div class="container">
+      <!-- Breadcrumb -->
       <div class="row pt-3">
         <div class="col col-12">
           <ol class="breadcrumb" role="navigation" aria-label="breadcrumb">
@@ -135,6 +152,7 @@ <h5 class="mb-0">
             </div>
           </div>
 
+          <!-- Section -->
           <h6 class="pt-5">Quick Links</h6>
           <div class="list-group list-group-flush">
             <a href="https://map.ucf.edu" class="list-group-item list-group-item-action" target="_blank"><span>Campus Map</span><i class="fa fa-chevron-right ml-auto"></i></a>
diff --git a/css/mockup.css b/css/mockup.css
index f5669cc..c0347d5 100644
--- a/css/mockup.css
+++ b/css/mockup.css
@@ -1,4 +1,6 @@
 /* Colors */
+/* Darkmode Properties */
+/* Media Queries */
 @import url(all.css);
 /* HTML Elements */
 body {
@@ -47,7 +49,9 @@ footer {
   background-color: #adadad; }
 
 /* Media Queries */
+/* Mobile Query */
 @media screen and (max-width: 600px) {
+  /* Scale device to fit on screen */
   .proto-wrapper {
     transform: scale(0.75);
     position: relative;
diff --git a/css/mockup.css.map b/css/mockup.css.map
index ed9c3cb..e61868f 100644
--- a/css/mockup.css.map
+++ b/css/mockup.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "AAAA,YAAY;ACCJ,oBAAS;AAEjB,mBAAmB;AACnB,IAAK;EACD,gBAAgB,EAAE,OAAO;;AAG7B,MAAO;EACH,OAAO,EAAE,IAAI;;AAGjB,kBAAkB;AAElB,cAAe;EACX,QAAQ,EAAE,QAAQ;EAClB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;EAClB,UAAU,EAAE,EAAE;EACd,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;;AAGjB,YAAa;EACT,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EAEb,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,GAAG;EAEZ,cAAc,EAAE,IAAI;;AAGxB,cAAe;EACX,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EAEb,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,IAAI;EACT,IAAI,EAAE,IAAI;EACV,OAAO,EAAE,CAAC;;AAGd,cAAe;EACX,gBAAgB,EAAE,OAAO;EACzB,OAAO,EAAE,GAAG;EAEZ,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;EAEZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,IAAI;EACT,IAAI,EAAE,IAAI;EACV,OAAO,EAAE,CAAC;;AAGd,aAAa;AAEb,UAAW;EACP,gBAAgB,EAAE,OAAO;;AAG7B,mBAAmB;AACnB,oCAAkD;EAC9C,cAAe;IACX,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,MAAM;;EAGf,MAAO;IACH,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,MAAM",
+"mappings": "AAAA,YAAY;AAKZ,yBAAyB;AAIzB,mBAAmB;ACRX,oBAAS;AAEjB,mBAAmB;AACnB,IAAK;EACD,gBAAgB,EAAE,OAAO;;AAG7B,MAAO;EACH,OAAO,EAAE,IAAI;;AAGjB,kBAAkB;AAElB,cAAe;EACX,QAAQ,EAAE,QAAQ;EAClB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;EAClB,UAAU,EAAE,EAAE;EACd,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;;AAGjB,YAAa;EACT,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EAEb,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,GAAG;EAEZ,cAAc,EAAE,IAAI;;AAGxB,cAAe;EACX,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EAEb,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,IAAI;EACT,IAAI,EAAE,IAAI;EACV,OAAO,EAAE,CAAC;;AAGd,cAAe;EACX,gBAAgB,EAAE,OAAO;EACzB,OAAO,EAAE,GAAG;EAEZ,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;EAEZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,IAAI;EACT,IAAI,EAAE,IAAI;EACV,OAAO,EAAE,CAAC;;AAGd,aAAa;AAEb,UAAW;EACP,gBAAgB,EAAE,OAAO;;AAG7B,mBAAmB;AACnB,kBAAkB;AAClB,oCAAkD;EAE9C,mCAAmC;EACnC,cAAe;IACX,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,MAAM;;EAGf,MAAO;IACH,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,MAAM",
 "sources": ["variables.scss","mockup.scss"],
 "names": [],
 "file": "mockup.css"
diff --git a/css/mockup.scss b/css/mockup.scss
index ad0afd2..de08d9d 100644
--- a/css/mockup.scss
+++ b/css/mockup.scss
@@ -62,7 +62,10 @@ footer {
 }
 
 /* Media Queries */
+/* Mobile Query */
 @media screen and (max-width: $breakpoint-mobile) {
+
+    /* Scale device to fit on screen */
     .proto-wrapper {
         transform: scale(0.75);
         position: relative;
diff --git a/css/styles.css b/css/styles.css
index e4420c8..95b7697 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1,4 +1,6 @@
 /* Colors */
+/* Darkmode Properties */
+/* Media Queries */
 @import url(all.css);
 /* Hide scrollbar for Webkit browsers */
 html {
diff --git a/css/styles.css.map b/css/styles.css.map
index 23e699c..921db2e 100644
--- a/css/styles.css.map
+++ b/css/styles.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "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",
+"mappings": "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",
 "sources": ["variables.scss","styles.scss"],
 "names": [],
 "file": "styles.css"
diff --git a/css/variables.css b/css/variables.css
index cb48d18..efd354a 100644
--- a/css/variables.css
+++ b/css/variables.css
@@ -1,3 +1,5 @@
 /* Colors */
+/* Darkmode Properties */
+/* Media Queries */
 
 /*# sourceMappingURL=variables.css.map */
diff --git a/css/variables.css.map b/css/variables.css.map
index 0d66d2d..d4a9efb 100644
--- a/css/variables.css.map
+++ b/css/variables.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "AAAA,YAAY",
+"mappings": "AAAA,YAAY;AAKZ,yBAAyB;AAIzB,mBAAmB",
 "sources": ["variables.scss"],
 "names": [],
 "file": "variables.css"
diff --git a/css/variables.scss b/css/variables.scss
index eac31ac..de81ae1 100644
--- a/css/variables.scss
+++ b/css/variables.scss
@@ -3,7 +3,9 @@ $brightGold: rgba(255,202,6,1);
 $brightGold50: rgba(255,202,6,0.5);
 $brightGold25: rgba(255,202,6,0.25);
 
+/* Darkmode Properties */
 $darkModeBackground: #000000;
 $darkModeText: #ffffff;
 
+/* Media Queries */
 $breakpoint-mobile: 600px;
\ No newline at end of file
diff --git a/scripts/app.js b/scripts/app.js
index bf7c3f2..1c5f072 100644
--- a/scripts/app.js
+++ b/scripts/app.js
@@ -151,6 +151,7 @@ $("#notification-list > .list-group-item").on("click", function(e) {
     $(this).toggleClass("unread active");
 });
 
+/* Run on window ready */
 $(window).on("load", function() {
 
     /* Default cookies */
diff --git a/scripts/lingumania.js b/scripts/lingumania.js
index 1c91f85..c7119f0 100644
--- a/scripts/lingumania.js
+++ b/scripts/lingumania.js
@@ -714,12 +714,14 @@ whether standalone or as part of another javascript, are not permitted without p
 
                             if (!linguJSON.translated_pages) {
 
+                                // Not necessary with cookies
                                 // rewriteUrl(link, absoluteLink, translationLang, url_pattern);
                             } else {
 
                                 var comparableLink = createComparableLink(absoluteLink, languages);
                                 for (var j = 0; j < linguJSON.translated_pages.length; j++) {
                                     if (comparableLink == linguJSON.translated_pages[j].slug.toLowerCase()) {
+                                        // Not necessary with cookies
                                         // rewriteUrl(link, absoluteLink, translationLang, url_pattern);
                                         break;
                                     }
diff --git a/scripts/mockup.js b/scripts/mockup.js
index b37269e..9b906f1 100644
--- a/scripts/mockup.js
+++ b/scripts/mockup.js
@@ -10,7 +10,9 @@ $(window).on('resize', function(){
     }
 });
 
+// Trigger #mobile-alert on load
 window.dispatchEvent(new Event('resize'));
 
+// Animate elements
 gsap.fromTo(".proto-wrapper", {opacity: 0, y: 100}, {opacity: 1, y: 0, duration: 1.5});
 gsap.fromTo("footer", {opacity: 0, y: 100}, {opacity: 1, y: 0, duration: 1.5, delay: 1.5});
\ No newline at end of file