From add829384bd79503f8bfd2f4e5f296a7b3a1fc27 Mon Sep 17 00:00:00 2001
From: pnogal <paulina.nogal@wisc.edu>
Date: Mon, 13 Apr 2020 11:44:39 -0500
Subject: [PATCH] Improve the outage page to include important links
---
myuw-root-webapp/src/main/webapp/500.html | 214 +++++++--------------
myuw-root-webapp/src/main/webapp/style.css | 75 ++++++++
2 files changed, 148 insertions(+), 141 deletions(-)
create mode 100644 myuw-root-webapp/src/main/webapp/style.css
diff --git a/myuw-root-webapp/src/main/webapp/500.html b/myuw-root-webapp/src/main/webapp/500.html
index 63e2539..d11a8cb 100644
--- a/myuw-root-webapp/src/main/webapp/500.html
+++ b/myuw-root-webapp/src/main/webapp/500.html
@@ -1,146 +1,78 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
-<html>
-<head>
- <title>MyUW Outage</title>
- <!-- MATERIAL DESIGN LITE STYLES -->
- <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
- <link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
- <!-- LOCAL STYLES -->
- <style>
- @import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);.mr-header,.mr-tabs,.mr-title,p.apologize,p.centered{text-align:center}.mdl-tabs__tab,a,a:hover{text-decoration:none}body,html{font-family:Roboto,sans-serif;margin:0}a{color:#c5050c}a:hover{color:#600}p.apologize{padding:20px 0 50px}.mr-header{min-height:64px}.mr-title{font-size:20px;font-weight:500}.mr-main__content{padding:0 15px}.outage-title{margin:0 auto;font-weight:100;color:#fff;line-height:64px;font-size:20px;letter-spacing:.02em}.photo-div{position:absolute}.crest,.mdl-tabs__tab{position:relative;overflow:hidden}.crest{display:block;width:200px;z-index:5;padding:15px 0}.img__bucky-sad{display:block;margin:0 auto;padding:16px 16px 0}.mdl-layout__header,.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after,.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple{background:#c5050c}.mdl-layout__fixed-header .mdl-layout__header-row,.mdl-layout__header-row{padding:0 16px}.mdl-data-table__cell--non-numeric{text-align:left}.mdl-tabs__tab-bar{justify-content:flex-start;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:start;-webkit-align-content:space-between;align-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:48px;padding:0;margin:0;border-bottom:1px solid #e0e0e0}.mdl-tabs__tab{margin:0;border:none;padding:0 24px;float:left;display:block;height:48px;line-height:48px;text-align:center;font-weight:500;font-size:14px;text-transform:uppercase;color:rgba(0,0,0,.54)}.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{height:2px;width:100%;display:block;content:" ";bottom:0;left:0;position:absolute;background:#c5050c;-webkit-animation:border-expand .2s cubic-bezier(.4,0,.4,1) .01s alternate forwards;animation:border-expand .2s cubic-bezier(.4,0,.4,1) .01s alternate forwards;transition:all 1s cubic-bezier(.4,0,1,1)}.mdl-tabs.is-upgraded .mdl-tabs__panel{padding:12px 0;text-align:center}.mdl-tabs.is-upgraded .mdl-tabs__panel:not(.is-active){display:none}.mdl-data-table{white-space:normal;margin:0 auto}@media (min-width:599px){.mdl-data-table td:first-of-type,.mdl-data-table th:first-of-type{min-width:162px}}
- </style>
-</head>
+<html lang="en">
+ <head>
+ <title>MyUW Outage</title>
+ <!-- MATERIAL DESIGN LITE STYLES -->
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+ <link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
+ <!-- LOCAL STYLES -->
+ <link rel="stylesheet" href="style.css">
+ </head>
-<body>
- <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
- <header class="mdl-layout__header mr-header">
- <div class="mdl-layout__header-row">
- <div class="photo-div">
- <img src="/main_logo_w_all.png" class="crest">
- </div>
- <!-- Title -->
- <span class="mdl-layout-title outage-title">Server Error</span>
- </div>
- </header>
- <main class="mdl-layout__content mr-main__content">
- <div class="mdl-grid">
- <div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
- <div class="mdl-cell mdl-cell--8-col mdl-cell--10-col-phone">
- <h1 class="mr-title">Sorry, MyUW seems to be experiencing difficulties.</h1>
+ <body>
+ <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
+ <header class="mdl-layout__header mr-header">
+ <div class="mdl-layout__header-row">
+ <div class="photo-div">
+ <img src="/main_logo_w_all.png" alt="UW Logo" class="crest">
+ </div>
+ <!-- Title -->
+ <h1 class="mdl-layout-title outage-title">Server Error</h1>
+ </div>
+ </header>
+ <main class="mdl-layout__content mr-main__content">
+ <div class="mdl-grid">
+ <div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
+ <div class="mdl-cell mdl-cell--8-col mdl-cell--10-col-phone">
+ <h2 class="mr-title">Sorry, MyUW seems to be experiencing difficulties.</h2>
- <p>If you are trying to access the Local & Emergency Contact admin interface for an emergency situation, please call the
- <a href="https://kb.wisc.edu/helpdesk/">Help Desk</a> at 608-264-4357 immediately.</p>
- <p>During this brief outage, some of the services and applications found within MyUW are available via alternate means.
- Please use the links in the tables below.</p>
+ <h3>We apologize for the inconvenience.</h3>
+ <ul>
+ <li>If you are trying to access the Local & Emergency Contact admin interface for an emergency situation, please call the <a href="https://kb.wisc.edu/helpdesk/">Help Desk</a> at 608-264-4357 immediately.</li>
+ <li>More information about this outage may be available at the <a href="http://outages.wisconsin.edu/">UW System Outages Page</a> or <a href="http://outages.doit.wisc.edu/">UW Madison Outages Page</a>.</li>
+ <li>If the resource you need is not listed below, the <a href="https://kb.wisc.edu/helpdesk/">Help Desk</a> may be able to assist you during this outage.</li>
+ </ul>
- <!-- SERVICE LINK TABS -->
- <div class="mdl-tabs mdl-js-tabs is-upgraded mr-tabs">
- <div class="mdl-tabs__tab-bar">
- <a href="#uw-system-panel" class="mdl-tabs__tab is-active" onclick="setActiveTab(this)">UW System</a>
- <a href="#uw-madison-panel" class="mdl-tabs__tab" onclick="setActiveTab(this)">UW Madison</a>
- </div>
- <!-- UW SYSTEM ALTERNATE LINKS -->
- <div class="mdl-tabs__panel is-active" id="uw-system-panel">
- <p>More information may be available about this outage at the <a href="http://outages.wisconsin.edu/">UW System Outages Page</a></p>
- <table class="mdl-data-table mdl-js-data-table">
- <thead>
- <tr>
- <th class="mdl-data-table__cell--non-numeric">Alternate Service Link</th>
- <th class="mdl-data-table__cell--non-numeric">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="mdl-data-table__cell--non-numeric"><a href="https://www.hrs.wisconsin.edu">HRS</a></td>
- <td class="mdl-data-table__cell--non-numeric">Human Resource System - payroll, benefit, time and absence information</td>
- </tr>
- <tr>
- <td class="mdl-data-table__cell--non-numeric">
- <a href="https://www.hrs.wisconsin.edu/psp/hrs-fd/EMPLOYEE/HRMS/c/ROLE_EMPLOYEE.TL_MSS_EE_SRCH_PRD.GBL">Timesheet</a></td>
- <td class="mdl-data-table__cell--non-numeric">Enter work time</td>
- </tr>
- <tr>
- <td class="mdl-data-table__cell--non-numeric">
- <a href="https://www.hrs.wisconsin.edu/psp/hrs-fd/EMPLOYEE/HRMS/c/ROLE_EMPLOYEE.GP_ABS_EESS_REQ.GBL">Enter Absence</a></td>
- <td class="mdl-data-table__cell--non-numeric">Enter requests for absences</td>
- </tr>
- </tbody>
- </table>
- </div>
- <!-- UW-MADISON ALTERNATE LINKS -->
- <div class="mdl-tabs__panel" id="uw-madison-panel">
- <p>More information may be available about this outage at the <a href="http://outages.doit.wisc.edu/">UW-Madison Outages Page</a></p>
- <table class="mdl-data-table mdl-js-data-table">
- <thead>
- <tr>
- <th class="mdl-data-table__cell--non-numeric">Alternate Service Link</th>
- <th class="mdl-data-table__cell--non-numeric">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="mdl-data-table__cell--non-numeric"><a href="https://soar.wisc.edu/">SOAR</a></td>
- <td class="mdl-data-table__cell--non-numeric">SOAR registration</td>
- </tr>
- <tr>
- <td class="mdl-data-table__cell--non-numeric"><a href="https://wiscmail.wisc.edu/">Email/Calendar</a></td>
- <td class="mdl-data-table__cell--non-numeric">University email and calendar system (Office 365)</td>
- </tr>
- <tr>
- <td class="mdl-data-table__cell--non-numeric"><a href="https://uwmadison.app.box.com/login">UW Madison Enterprise Box</a></td>
- <td class="mdl-data-table__cell--non-numeric">Personal web space</td>
- </tr>
- <tr>
- <td class="mdl-data-table__cell--non-numeric"><a href="https://myinfo.wisc.edu">Web Enrollment</a></td>
- <td class="mdl-data-table__cell--non-numeric">Enroll for classes, view grades.<br/>You will need your Campus ID and PIN to log in.
- Contact the Office of the Registrar - Enrollment Services 262-0920 Monday-Friday 7:45 am to 4:30 pm.</td>
- </tr>
- <tr>
- <td class="mdl-data-table__cell--non-numeric"><a href="https://dars.services.wisc.edu/dars/">DARS</a></td>
- <td class="mdl-data-table__cell--non-numeric">Run and view Degree Audit Reporting System audits</td>
- </tr>
- <tr>
- <td class="mdl-data-table__cell--non-numeric"><a href="https://coursedashboard.learnuw.wisc.edu">Learn@UW</a></td>
- <td class="mdl-data-table__cell--non-numeric">Course web pages<br/>If you have trouble accessing your courses,
- please call the <a href="https://kb.wisc.edu/helpdesk/">Help Desk</a> at 264-HELP</td>
- </tr>
- <tr>
- <td class="mdl-data-table__cell--non-numeric">
- <a href="https://delta.bussvc.wisc.edu/ReqGen/MainMenu.aspx">Requisition Generator</a></td>
- <td class="mdl-data-table__cell--non-numeric">External Requisition Generator</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
-
- <!-- APOLOGY -->
- <div>
- <p class="apologize">We apologize for the inconvenience. The <a href="https://kb.wisc.edu/helpdesk/">Help Desk</a>
- may be able to help you work around this outage.</p>
- </div>
- </div>
- <div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
- </div>
- </main>
- </div>
- <script>
- function setActiveTab(tab) {
- var tabs = document.getElementsByClassName('mdl-tabs__tab');
- var panels = document.getElementsByClassName('mdl-tabs__panel');
- for (var tabIndex = 0; tabIndex < tabs.length; tabIndex++) {
- if (tabs[tabIndex].classList.contains('is-active')) {
- tabs[tabIndex].classList.remove('is-active');
- }
- }
- for (var panelIndex = 0; panelIndex < panels.length; panelIndex++) {
- if (panels[panelIndex].classList.contains('is-active')) {
- panels[panelIndex].classList.remove('is-active');
- }
- }
- tab.classList.add('is-active');
- document.getElementById(tab.hash.replace('#', '')).classList.add('is-active');
- }
- </script>
-</body>
+ <!-- SERVICE LINKS -->
+ <div class="service-links">
+ <!-- UW SYSTEM ALTERNATE LINKS -->
+ <div id="service-links__uw-system">
+ <h4>UW System Resources</h4>
+ <ul aria-labelledby="service-links__uw-system">
+ <li><a href="https://www.hrs.wisconsin.edu/">Human Resource System (HRS)</a></li>
+ <li><a href="https://www.hrs.wisconsin.edu/psp/hrs-fd/EMPLOYEE/HRMS/c/ROLE_EMPLOYEE.TL_MSS_EE_SRCH_PRD.GBL">Timesheet</a></li>
+ <li><a href="https://www.hrs.wisconsin.edu/psp/hrs-fd/EMPLOYEE/HRMS/c/ROLE_EMPLOYEE.GP_ABS_EESS_REQ.GBL">Enter Absence Request</a></li>
+ <li><a href="https://www.hrs.wisconsin.edu/psp/hrs-fd/EMPLOYEE/HRMS/c/NUI_FRAMEWORK.PT_AGSTARTPAGE_NUI.GBL?CONTEXTIDPARAMS=TEMPLATE_ID%3aPTPPNAVCOL&scname=HC_TEAM_TIME&PTPPB_GROUPLET_ID=TL_TIME_MSS&CRefName=HC_NAVCOLL_1">Time/Absence Dashboard</a></li>
+ <li><a href="https://www.hrs.wisconsin.edu/psp/hrs-fd/EMPLOYEE/HRMS/c/NUI_FRAMEWORK.PT_AGSTARTPAGE_NUI.GBL?CONTEXTIDPARAMS=TEMPLATE_ID:PTPPNAVCOL&scname=HC_TIME&PTPPB_GROUPLET_ID=TL_TIME_ESS&ptgpid=ADMN_S201810090754179312417981">Absence Balance</a></li>
+ <li><a href="https://uws.instructure.com/">Canvas Courses (non-Madison)</a></li>
+ </ul>
+ </div>
+ <!-- UW MADISON ALTERNATE LINKS -->
+ <div id="service-links__uw-madison">
+ <h4>UW Madison Resources</h4>
+ <ul aria-labelledby="service-links__uw-madison">
+ <li><a href="https://my.wisc.edu/academic-navigator">Academic Navigator</a></li>
+ <li><a href="https://my.wisc.edu/AdvisingGateway">Advising Gateway</a></li>
+ <li><a href="https://uwmadison.app.box.com/">Box</a></li>
+ <li><a href="https://canvas.wisc.edu/">Canvas (UW Madison)</a></li>
+ <li><a href="https://enroll.wisc.edu/">Course Search & Enroll</a></li>
+ <li><a href="https://covid19.wisc.edu/">COVID-19 Information</a></li>
+ <li><a href="https://outlook.office365.com/owa?realm=wisc.edu">Email/Calendar/Teams (Office 365)</a></li>
+ <li><a href="https://drive.google.com/a/wisc.edu/">Google Drive</a></li>
+ <li><a href="https://todo.newstudent.wisc.edu/">New Student To-Do List</a></li>
+ <li><a href="https://wisc.starfishsolutions.com/starfish-ops">Starfish</a></li>
+ <li><a href="https://soar.wisc.edu/">Student Orientation and Registration (SOAR)</a></li>
+ <li><a href="https://madison.sis.wisc.edu/psc/sissso/EMPLOYEE/SA/c/NUI_FRAMEWORK.PT_LANDINGPAGE.GBL">Student Center</a></li>
+ <li><a href="https://kb.wisc.edu/98878">Technology for working remotely</a></li>
+ <li><a href="https://kb.wisc.edu/helpdesk/98876">Technology for learning remotely</a></li>
+ <li><a href="https://online.wiscard.wisc.edu/login.php?cid=120">Wiscard</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
+ </div>
+ </main>
+ </div>
+ </body>
</html>
diff --git a/myuw-root-webapp/src/main/webapp/style.css b/myuw-root-webapp/src/main/webapp/style.css
new file mode 100644
index 0000000..8463741
--- /dev/null
+++ b/myuw-root-webapp/src/main/webapp/style.css
@@ -0,0 +1,75 @@
+@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
+
+body, html{
+ font-family: Roboto, sans-serif;
+ margin: 0;
+}
+
+a {
+ color: #c5050c;
+}
+
+a:hover{
+ color: #600;
+}
+
+.mr-header {
+ min-height: 64px;
+}
+
+.mr-title {
+ font-size: 32px;
+}
+
+h3 {
+ font-size: 22px;
+ line-height: 1.2;
+ margin-bottom: 0px;
+}
+
+h4 {
+ font-size: 20px;
+ line-height: 1.2;
+ margin-bottom: 0px;
+}
+
+.mr-main__content {
+ padding: 0 15px;
+}
+
+.outage-title {
+ margin: 0 auto;
+ font-weight: 100;
+ color:#fff;
+ line-height: 64px;
+ font-size: 20px;
+ letter-spacing:.02em;
+}
+
+.photo-div {
+ position: absolute;
+}
+
+.crest {
+ position: relative;
+ overflow: hidden;
+ display: block;
+ width: 200px;
+ z-index: 5;
+ padding: 15px 0;
+}
+
+.img__bucky-sad {
+ display: block;
+ margin: 0 auto;
+ padding: 16px 16px 0;
+}
+
+.mdl-layout__header {
+ background: #c5050c;
+}
+
+.mdl-layout__fixed-header .mdl-layout__header-row,
+.mdl-layout__header-row {
+ padding: 0 16px;
+}
--
GitLab