Merge pull request #12 from mikojimnz/dev-miko

Complete Prototype
mikojimnz · Nov 15, 2021 · 3584971 · 3584971
2 parents a12dfb8 + adcef60
commit 3584971
Show file tree

Hide file tree

Showing 140 changed files with 15,596 additions and 100 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/README.md b/README.md
@@ -6,7 +6,10 @@ Made with HTML, SASS, and JavaScript.
 ## Frameworks & Dependencies 
 - [Athena Framework](https://github.com/UCF/Athena-Framework)
 - [Font Awsome](https://fontawesome.com)
+- [Isotope](https://isotope.metafizzy.co)
 - [jquery](https://github.com/jquery/jquery)
+- [js-cookie](https://github.com/js-cookie/js-cookies)
+- [lingumania.js](http://www.lingumania.com/index.html)
 - [tether](https://github.com/shipshapecode/tether)
 
 ## Usage
@@ -19,4 +22,7 @@ Made with HTML, SASS, and JavaScript.
 Download the repo from the `main` branch.
 
 ## Contributing
+
+See [Contributing.md](https://github.com/mikojimnz/DIG4104C/blob/main/CONTRIBUTING.md).
+
 Please check the [Project Boards](https://github.com/mikojimnz/DIG4104C/projects/1) for the latest project roadmap.
diff --git a/app/academics.html b/app/academics.html
@@ -0,0 +1,205 @@
+<!doctype html>
+
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>UCF Mobile – Academics</title>
+  <meta name="description" content="UCF Mobile Academics">
+  <meta name="author" content="Group 3">
+
+  <link rel="stylesheet" href="https://cdn.ucf.edu/athena-framework/v1.1.0/css/framework.min.css">
+  <link rel="stylesheet" href="../css/styles.css">
+
+</head>
+
+<body>
+
+    <header>
+      <div class="banner-top">
+        <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+          <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>
+          <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>
+          <div class="col col-3">
+            <ul class="nav">
+              <li class="nav-item p-0">
+                <a class="nav-link" href="notifications.html">
+                  <i class="fas fa-bell fa-lg"></i>
+                </a>
+              </li>
+              <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 class="collapse navbar-collapse" id="settingsNav">
+            <ul class="navbar-nav mr-auto">
+              <li class="nav-item">
+                <a class="nav-link" href="profile.html"><i class="fas fa-user pr-2"></i></span>Profile</a>
+              </li>
+              <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>Favorites</a>
+                <div class="dropdown-menu" aria-labelledby="navbarDropdownFavorites" id="navbarDropdownFavorites">
+                  <a class="dropdown-item" href="https://my.ucf.edu" target="_blank">myUCF</a>
+                  <a class="dropdown-item" href="https://knightsemail.ucf.edu/Account/Login?ReturnUrl=/ManageAccount/" target="_blank">Kinghts Email</a>
+                  <a class="dropdown-item" href="academics.html">Grades</a>
+                  <a class="dropdown-item" href="amenities.html">Dining</a>
+                  <a class="dropdown-item" href="transportion.html">Parking</a>
+                  <a class="dropdown-item" href="news.html">News</a>
+                </div>
+              </li>
+              <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> Settings</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>
+                  <a class="dropdown-item" href="preferences.html#location">Location & Notification Preferences</a>
+                  <a class="dropdown-item" href="preferences.html#language">Language & Accessibility Preferences</a>
+                  <a class="dropdown-item" href="login.html">Logout</a>
+                </div>
+              </li>
+          </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">
+      <div class="row pt-3">
+        <div class="col col-12">
+          <ol class="breadcrumb" role="navigation" aria-label="breadcrumb">
+            <li class="breadcrumb-item font-size"><a href="home.html">Home</a></li>
+            <li class="breadcrumb-item active" aria-current="page">Academics</li>
+          </ol>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="col col-12">
+          <h1 class="heading-underline">Academics</h1>
+
+          <div id="academics-widgets" role="tablist">
+            <div class="card">
+              <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">
+                    Grades
+                  </a>
+                </h5>
+              </div>
+              <div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion">
+                <div class="card-block">
+                  <table class="table">
+                    <thead>
+                      <tr>
+                        <th>Class</th>
+                        <th>Grade</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <th scope="row">DIG3024</th>
+                        <td><span class="badge badge-info">89/100 (B+)</span></td>
+                      </tr>
+                      <tr>
+                        <th scope="row">DIG3175</th>
+                        <td><span class="badge badge-success">93/100 (A)</span></td>
+                      </tr>
+                      <tr>
+                        <th scope="row">DIG4104C</th>
+                        <td><span class="badge badge-success">92/100 (A)</span></td>
+                      </tr>
+                      <tr>
+                        <th scope="row">DIG4630</th>
+                        <td><span class="badge badge-info">84/100 (B-)</span></td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </div>
+            <div class="card">
+              <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">
+                    Holds & To Dos <span class="badge badge-pill badge-secondary ml-1">1</span>
+                  </a>
+                </h5>
+              </div>
+              <div id="collapseTwo" class="collapse collapsed" role="tabpanel" aria-labelledby="headingTwo" data-parent="#accordion">
+                <div class="card-block">
+                  <div class="row">
+                    <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>
+                    <div class="col col-6">
+                      <ul class="list-group list-group-flush">
+                        <li class="list-group-item active">To Dos</li>
+                        <li class="list-group-item">COVID Training Module</li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <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">myUCF <i class="fa fa-chevron-right ml-auto"></i></a>
+            <a href="https://webcourses.ucf.edu" class="list-group-item list-group-item-action" target="_blank">Webcources <i class="fa fa-chevron-right ml-auto"></i></a>
+            <a href="https://knightsemail.ucf.edu" class="list-group-item list-group-item-action" target="_blank">Knights Email <i class="fa fa-chevron-right ml-auto"></i></a>
+            <a href="https://library.ucf.edu" class="list-group-item list-group-item-action" target="_blank">Library <i class="fa fa-chevron-right ml-auto"></i></a>
+            <a href="https://my.ucf.edu/psp/IHPROD/GUEST/CSPROD/c/COMMUNITY_ACCESS.CLASS_SEARCH.GBL" class="list-group-item list-group-item-action" target="_blank">Course Search <i class="fa fa-chevron-right ml-auto"></i></a>
+            <a href="https://www.ucf.edu/services/" class="list-group-item list-group-item-action" target="_blank">Student Services <i class="fa fa-chevron-right ml-auto"></i></a>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <footer>
+          <ul class="nav nav-fill justify-content-center pl-5 pr-5">
+            <li class="nav-item">
+              <a class="nav-link active" href="academics.html"><i class="fas fa-book fa-2x"></i></a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="transportion.html"><i class="fas fa-bus fa-2x"></i></a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="amenities.html"><i class="fas fa-map-marked fa-2x"></i></a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="news.html"><i class="fas fa-calendar-alt fa-2x"></i></a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="info.html"><i class="fas fa-exclamation-triangle fa-2x"></i></a>
+            </li>
+          </ul>
+    </footer>
+</body>
+
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.7/js/tether.min.js" integrity="sha384-CPFFlrdhp9pDDCqRqdTKNZ5oAHsnfnvHGt0CsRIeL5Gc7V/OkP1Y4w8zTxlV3mat" crossorigin="anonymous"></script>
+<script src="https://cdn.ucf.edu/athena-framework/v1.1.0/js/framework.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
+<script src="../scripts/app.js"></script>
+</html>
diff --git a/app/amenities.html b/app/amenities.html
@@ -0,0 +1,136 @@
+<!doctype html>
+
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>UCF Mobile – Amenities</title>
+  <meta name="description" content="UCF Mobile Ameneities">
+  <meta name="author" content="Group 3">
+
+  <link rel="stylesheet" href="https://cdn.ucf.edu/athena-framework/v1.1.0/css/framework.min.css">
+  <link rel="stylesheet" href="../css/styles.css">
+
+</head>
+
+<body>
+
+    <header>
+      <div class="banner-top">
+        <nav class="row navbar navbar-toggleable-lg navbar-inverse bg-inverse bg-faded">
+          <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>
+          <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>
+          <div class="col col-3">
+            <ul class="nav">
+              <li class="nav-item p-0">
+                <a class="nav-link" href="notifications.html">
+                  <i class="fas fa-bell fa-lg"></i>
+                </a>
+              </li>
+              <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 class="collapse navbar-collapse" id="settingsNav">
+            <ul class="navbar-nav mr-auto">
+              <li class="nav-item">
+                <a class="nav-link" href="profile.html"><i class="fas fa-user pr-2"></i></span>Profile</a>
+              </li>
+              <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>Favorites</a>
+                <div class="dropdown-menu" aria-labelledby="navbarDropdownFavorites" id="navbarDropdownFavorites">
+                  <a class="dropdown-item" href="https://my.ucf.edu" target="_blank">myUCF</a>
+                  <a class="dropdown-item" href="https://knightsemail.ucf.edu/Account/Login?ReturnUrl=/ManageAccount/" target="_blank">Kinghts Email</a>
+                  <a class="dropdown-item" href="academics.html">Grades</a>
+                  <a class="dropdown-item" href="amenities.html">Dining</a>
+                  <a class="dropdown-item" href="transportion.html">Parking</a>
+                  <a class="dropdown-item" href="news.html">News</a>
+                </div>
+              </li>
+              <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> Settings</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>
+                  <a class="dropdown-item" href="preferences.html#location">Location & Notification Preferences</a>
+                  <a class="dropdown-item" href="preferences.html#language">Language & Accessibility Preferences</a>
+                  <a class="dropdown-item" href="login.html">Logout</a>
+                </div>
+              </li>
+          </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">
+      <div class="row pt-3">
+        <div class="col col-12">
+          <ol class="breadcrumb" role="navigation" aria-label="breadcrumb">
+            <li class="breadcrumb-item font-size"><a href="home.html">Home</a></li>
+            <li class="breadcrumb-item active" aria-current="page">Ameneities</li>
+          </ol>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="col col-12">
+          <h1 class="heading-underline">Ameneities</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>
+
+          <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">Dining <i class="fa fa-chevron-right ml-auto"></i></a>
+            <a href="https://www.downtownorlando.com/Home" class="list-group-item list-group-item-action" target="_blank">Downtown Orlando <i class="fa fa-chevron-right ml-auto"></i></a>
+            <a href="https://unionwest.ucf.edu" class="list-group-item list-group-item-action" target="_blank">Housing <i class="fa fa-chevron-right ml-auto"></i></a>
+            <a href="https://unionwest.ucf.edu/move-in/" class="list-group-item list-group-item-action" target="_blank">Move-In <i class="fa fa-chevron-right ml-auto"></i></a>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <footer>
+          <ul class="nav nav-fill justify-content-center pl-5 pr-5">
+            <li class="nav-item">
+              <a class="nav-link" href="academics.html"><i class="fas fa-book fa-2x"></i></a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="transportion.html"><i class="fas fa-bus fa-2x"></i></a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link active" href="amenities.html"><i class="fas fa-map-marked fa-2x"></i></a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="news.html"><i class="fas fa-calendar-alt fa-2x"></i></a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="info.html"><i class="fas fa-exclamation-triangle fa-2x"></i></a>
+            </li>
+          </ul>
+    </footer>
+</body>
+
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.7/js/tether.min.js" integrity="sha384-CPFFlrdhp9pDDCqRqdTKNZ5oAHsnfnvHGt0CsRIeL5Gc7V/OkP1Y4w8zTxlV3mat" crossorigin="anonymous"></script>
+<script src="https://cdn.ucf.edu/athena-framework/v1.1.0/js/framework.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
+<script src="../scripts/app.js"></script>
+</html>