Skip to content
Snippets Groups Projects
Commit add82938 authored by pnogal's avatar pnogal Committed by Andrew W Petro
Browse files

Improve the outage page to include important links

parent 452b12d5
No related branches found
No related tags found
No related merge requests found
Pipeline #62952 canceled
Stage: test
Hide whitespace changes
Inline Side-by-side
myuw-root-webapp/src/main/webapp/500.html
+ 73
− 141
View file @ add82938
<!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>
myuw-root-webapp/src/main/webapp/style.css 0 → 100644
+ 75
− 0
View file @ add82938
@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;
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment