Skip to content
Snippets Groups Projects
500.html 8.99 KiB
Newer Older
<!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>
zeke-witter's avatar
zeke-witter committed
		@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}}
</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>
					<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>

					<!-- 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');
		}
</body>
</html>