This repository has been archived by the owner on Apr 15, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added User Preferences and text size function
- Loading branch information
Showing
20 changed files
with
1,015 additions
and
10 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,165 @@ | ||
| <!doctype html> | ||
|
|
||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
|
|
||
| <title>UCF Mobile – Preferences</title> | ||
| <meta name="description" content="UCF Mobile Preferences"> | ||
| <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-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> | ||
| <div class="col col-8 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-2"> | ||
| <button class="navbar-toggler collapsed float-right" type="button" data-toggle="collapse" data-target="#settingsNav" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| </div> | ||
|
|
||
| <div class="collapse navbar-collapse" id="settingsNav"> | ||
| <ul class="navbar-nav mr-auto"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#"><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"> | ||
| <a class="dropdown-item" href="#">myUCF</a> | ||
| <a class="dropdown-item" href="#">Kinghts Email</a> | ||
| <a class="dropdown-item" href="#">Grades</a> | ||
| <a class="dropdown-item" href="#">Dining</a> | ||
| <a class="dropdown-item" href="#">Parking</a> | ||
| <a class="dropdown-item" href="#">News</a> | ||
| </div> | ||
| </li> | ||
| <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> 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> | ||
| </header> | ||
|
|
||
| <div class="container no-image-padding"> | ||
|
|
||
| <div class="row"> | ||
| <div class="col"> | ||
| <h1 class="heading-underline">Preferences</h1> | ||
|
|
||
| <div class="pt-5 pb-5"> | ||
| <h2 class="heading-underline" id="campus">Change Campus</h2> | ||
| <div class="dropdown"> | ||
| <button class="btn btn-default dropdown-toggle" type="button" id="dropdownCampus" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
| Select Campus | ||
| </button> | ||
| <div class="dropdown-menu" aria-labelledby="dropdownCampus"> | ||
| <a class="dropdown-item" href="#">Main</a> | ||
| <a class="dropdown-item" href="#">Downtown</a> | ||
| <a class="dropdown-item" href="#">Rosen</a> | ||
| <a class="dropdown-item" href="#">Daytona</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="pb-5"> | ||
| <h2 class="heading-underline" id="location">Location Preferences</h2> | ||
| <p>Allow location services.</p> | ||
| <button type="button" class="btn btn-success btn-toggle">Enabled</button> | ||
| </div> | ||
|
|
||
| <div class="pb-5"> | ||
| <h2 class="heading-underline" id="notification">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>Calender 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> | ||
|
|
||
| <div class="pb-5"> | ||
| <h2 class="heading-underline" id="language">Language Preferences</h2> | ||
| <div class="dropdown"> | ||
| <button class="btn btn-default dropdown-toggle" type="button" id="dropdownLanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
| Change Language | ||
| </button> | ||
| <div class="dropdown-menu" aria-labelledby="dropdownLanguage"> | ||
| <a class="dropdown-item" href="#">English</a> | ||
| <a class="dropdown-item" href="#">Spanish</a> | ||
| <a class="dropdown-item" href="#">French</a> | ||
| <a class="dropdown-item" href="#">German</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="pb-5"> | ||
| <h2 class="heading-underline" id="accessibility">Accessibility</h2> | ||
|
|
||
| <h4 class="pt-4">Text Size</h4> | ||
| <div class="btn-group" role="group" aria-label="Basic example"> | ||
| <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> | ||
| <button type="button" class="btn btn-default text-size-toggle font-size-lg" id="text-size-lg">Larger</button> | ||
| </div> | ||
|
|
||
| <h4 class="pt-4">High Contrast Colors</h4> | ||
| <button type="button" class="btn btn-default btn-toggle">Disabled</button> | ||
|
|
||
| <h4 class="pt-4">Dark Mode</h4> | ||
| <button type="button" class="btn btn-default btn-toggle">Disabled</button> | ||
| </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="#"><i class="fas fa-book fa-2x"></i></a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#"><i class="fas fa-bus fa-2x"></i></a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#"><i class="fas fa-map-marked fa-2x"></i></a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#"><i class="fas fa-calendar-alt fa-2x"></i></a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#"><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> |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Binary file not shown.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Oops, something went wrong.