Skip to content
Snippets Groups Projects
Commit 104f3bde authored by ZEKE WITTER's avatar ZEKE WITTER
Browse files

Merge branch 'simple500' into 'master' 

Standardize and materialize 500, 404, and 403 pages

**In this PR:**
- Removed bootstrap CSS
- Added inline Material Design Lite CSS
- Added a single CSS file for ease of editing, which can be minified and copy+pasted into the inline styles
- Updated CSS (changed old red to new red, removed extraneous CSS)
- Added very basic tab-selection function
- Added sad bucky
- Moved alternate links into tabs (uw-system links are shown by default and uw-madison links can be seen by clicking the uw-madison tab)
- Added `npm` to serve locally for dev purposes
- Updated readme

**Note:** Previously, bootstrap CSS was being brought in via CDN and other styles were added via `<style>` tags. Using the latter approach for MDL looks pretty gory in the HTML. Can I use a CDN for that like we were doing for bootstrap or would that be considered a dependency?

### Screenshots
![Screen_Shot_2016-07-26_at_11.37.07_AM](/uploads/5a97126fdb94edc94a6a6b29b9b2faf8/Screen_Shot_2016-07-26_at_11.37.07_AM.png)
![Screen_Shot_2016-07-26_at_11.37.23_AM](/uploads/abfa0d61f2d1808b913dbdd9cf9cae03/Screen_Shot_2016-07-26_at_11.37.23_AM.png)
![Screen_Shot_2016-07-26_at_11.37.36_AM](/uploads/161fe9f24dc4a2950f934279659375b7/Screen_Shot_2016-07-26_at_11.37.36_AM.png)

Notify: @timothy-vertein @levett @michael-adas @andrew-petro 

See merge request !9
parents 10e3fed4 57853787
No related branches found
No related tags found
1 merge request!9Standardize and materialize 500, 404, and 403 pages
Pipeline #
Hide whitespace changes
Inline Side-by-side
Showing
with 395 additions and 410 deletions
.gitignore
+ 4
− 1
View file @ 104f3bde
target target
.settings .settings
.project .project
.classpath .classpath
\ No newline at end of file .idea/
*.iml
node_modules/
README.md
+ 6
− 1
View file @ 104f3bde
...@@ -2,4 +2,9 @@ ...@@ -2,4 +2,9 @@
[![build status](https://git.doit.wisc.edu/ci/projects/15/status.png?ref=master)](https://git.doit.wisc.edu/ci/projects/15?ref=master) [![build status](https://git.doit.wisc.edu/ci/projects/15/status.png?ref=master)](https://git.doit.wisc.edu/ci/projects/15?ref=master)
This is the root context of myuw. It is just here to serve up some static html pages for 500 and 400 level errors. This is the root context of myuw. It is just here to serve up some static html pages for 500 and 400 level errors.
\ No newline at end of file
### Development
From the root directory, run `npm start`. The web app will run at [http://localhost:8080](http://localhost:8080) and will
show the 404 page by default.
\ No newline at end of file
myuw-root-webapp/src/main/webapp/403.html
+ 30
− 115
View file @ 104f3bde
...@@ -2,123 +2,38 @@ ...@@ -2,123 +2,38 @@
<html> <html>
<head> <head>
<title>MyUW Page Not Found</title> <title>MyUW Page Not Found</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <!-- MATERIAL DESIGN LITE STYLES -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<style> <link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
a { <!-- LOCAL STYLES -->
color:#b70101; <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}}
a:hover { </style>
color:#660000;
}
p.apologize {
text-align:center;
padding:20px 0px 50px;
}
.header {
background-color:#b70101;
text-align:center;
padding:10px;
height:53px;
}
.header h1 {
font-size:2.3em;
font-weight:100;
color:#fff;
text-align:center;
margin-top:0px;
white-space:nowrap;
}
.header h2 {
color:#fff;
text-align:left;
font-size:1.8em;
font-weight:200;
margin:2px 0px 0px 30px;
padding:0;
white-space:nowrap;
}
.header div {
display:inline;
}
.main-content {
text-align:center;
padding-top:30px;
}
.main-content p {
font-size:1.2em;
padding:10px 0px;
}
.main-content strong {
font-size:1.7em;
font-weight:200;
text-align:center;
}
.service {
width:35%;
}
.crest {
display:block;
position:absolute;
width:200px;
z-index:5;
overflow:hidden;
}
.madison {
text-align: center;
margin:30px 0px 15px
}
@media (max-width:768px) {
.main-content strong {
font-size:1.55em;
}
.main-content p {
font-size:1.1em;
}
.header h1 {
font-size:1.8em;
margin:3px -50% 0px;
white-space:no-wrap;
}
.header h2 {
font-size:1.3em;
margin-top:7px;
}
.outage-title {
padding:0 -50%;
}
}
@media (max-width:500px) {
.header h1 {
margin:3px 0px 0px;
}
}
</style>
</head> </head>
<body> <body>
<div id="row"> <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<div class="col-xs-12 header"> <header class="mdl-layout__header">
<div class="col-xs-4 col-sm-4 photo-div"> <div class="mdl-layout__header-row">
<img src="/main_logo_w_all.png" class="crest"> <div class="photo-div">
</div> <img src="/main_logo_w_all.png" class="crest">
<div class="col-xs-4 outage-title"> </div>
<h1>Access Denied</h1> <!-- Title -->
</div> <span class="mdl-layout-title outage-title">Page Not Found</span>
<div class="col-sm-4"> </div>
</div> </header>
</div> <main class="mdl-layout__content">
</div> <div class="mdl-grid">
<div class="container-fluid"> <div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
<div class="row"> <div class="mdl-cell mdl-cell--8-col mdl-cell--10-col-phone">
<div class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 main-content"> <img src="bucky-sad.png" alt="sad bucky" class="img__bucky-sad">
<p><strong>Sorry, you're not authorized to access this.</p> <h1 class="mr-title">Sorry, you're not authorized to access this page.</h1>
<br><br> <p class="centered">If you're here by accident, head back to your My-UW <a href='/web'>homepage</a>.</p>
<i class='fa fa-exclamation-triangle fa-5x'></i> <p class="centered">For help with authorization, contact the DoIT <a href="https://kb.wisc.edu/helpdesk/"></a>Help Desk</a>.</p>
<p>If you're here by accident, head back to your My-UW <a href='/web'>homepage</a>.</p> </div>
<p>For help with authorization, contact the DoIT <a href="https://kb.wisc.edu/helpdesk/"></a>Help Desk</a>.</p> <div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
</div> </div>
</div> </main>
</div> </div>
</body> </body>
</html> </html>
myuw-root-webapp/src/main/webapp/404.html
+ 35
− 114
View file @ 104f3bde
...@@ -2,121 +2,42 @@ ...@@ -2,121 +2,42 @@
<html> <html>
<head> <head>
<title>MyUW Page Not Found</title> <title>MyUW Page Not Found</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <!-- MATERIAL DESIGN LITE STYLES -->
<style> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
a { <!-- MATERIAL DESIGN LITE STYLES -->
color:#b70101; <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">
a:hover { <!-- LOCAL STYLES -->
color:#660000; <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}}
p.apologize { </style>
text-align:center;
padding:20px 0px 50px;
}
.header {
background-color:#b70101;
text-align:center;
padding:10px;
height:53px;
}
.header h1 {
font-size:2.3em;
font-weight:100;
color:#fff;
text-align:center;
margin-top:0px;
white-space:nowrap;
}
.header h2 {
color:#fff;
text-align:left;
font-size:1.8em;
font-weight:200;
margin:2px 0px 0px 30px;
padding:0;
white-space:nowrap;
}
.header div {
display:inline;
}
.main-content {
text-align:center;
padding-top:30px;
}
.main-content p {
font-size:1.2em;
padding:10px 0px;
}
.main-content strong {
font-size:1.7em;
font-weight:200;
text-align:center;
}
.service {
width:35%;
}
.crest {
display:block;
position:absolute;
width:200px;
z-index:5;
overflow:hidden;
}
.madison {
text-align: center;
margin:30px 0px 15px
}
@media (max-width:768px) {
.main-content strong {
font-size:1.55em;
}
.main-content p {
font-size:1.1em;
}
.header h1 {
font-size:1.8em;
margin:3px -50% 0px;
white-space:no-wrap;
}
.header h2 {
font-size:1.3em;
margin-top:7px;
}
.outage-title {
padding:0 -50%;
}
}
@media (max-width:500px) {
.header h1 {
margin:3px 0px 0px;
}
}
</style>
</head> </head>
<body> <body>
<div id="row"> <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<div class="col-xs-12 header"> <header class="mdl-layout__header">
<div class="col-xs-4 col-sm-4 photo-div"> <div class="mdl-layout__header-row">
<img src="/main_logo_w_all.png" class="crest"> <div class="photo-div">
</div> <img src="/main_logo_w_all.png" class="crest">
<div class="col-xs-4 outage-title"> </div>
<h1>Page Not Found</h1> <!-- Title -->
</div> <span class="mdl-layout-title outage-title">Page Not Found</span>
<div class="col-sm-4"> </div>
</div> </header>
</div> <main class="mdl-layout__content">
</div> <div class="mdl-grid">
<div class="container-fluid"> <div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
<div class="row"> <div class="mdl-cell mdl-cell--8-col mdl-cell--10-col-phone">
<div class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 main-content"> <img src="bucky-sad.png" alt="sad bucky" class="img__bucky-sad">
<p><strong>Sorry, the page you are looking for does not exist or you don't have access to it. Please go to the <a href='/'>MyUW home page</a>.</strong></p> <h1 class="mr-title">Sorry, the page you are looking for does not exist or you don't have access to it. Please go
</div> to the <a href='/'>MyUW home page</a>.
</div> </h1>
<div> <p class="apologize">We apologize for the inconvenience. If you feel as though this URL should exist, please drop
<p class="apologize">We apologize for the inconvenience. If you feel as though this URL should exist, please drop us a line on our <a href='https://my.wisc.edu/portal/p/feedback'>feedback form</a>.</p> us a line on our <a href='https://my.wisc.edu/portal/p/feedback'>feedback form</a>.</p>
</div> </div>
</div> <div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
</div>
</main>
</div>
</body> </body>
</html> </html>
\ No newline at end of file
myuw-root-webapp/src/main/webapp/500.html
+ 136
− 179
View file @ 104f3bde
...@@ -2,188 +2,145 @@ ...@@ -2,188 +2,145 @@
<html> <html>
<head> <head>
<title>MyUW Outage</title> <title>MyUW Outage</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <!-- MATERIAL DESIGN LITE STYLES -->
<style> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
a { <link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
color:#b70101; <!-- LOCAL STYLES -->
} <style>
a:hover { @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}}
color:#660000; </style>
}
p.apologize {
text-align:center;
padding:20px 0px 50px;
}
.header {
background-color:#b70101;
text-align:center;
padding:10px;
height:53px;
}
.header h1 {
font-size:2.3em;
font-weight:100;
color:#fff;
text-align:center;
margin-top:0px;
white-space:nowrap;
}
.header h2 {
color:#fff;
text-align:left;
font-size:1.8em;
font-weight:200;
margin:2px 0px 0px 30px;
padding:0;
white-space:nowrap;
}
.header div {
display:inline;
}
.main-content {
text-align:center;
padding-top:30px;
}
.main-content p {
font-size:1.2em;
padding:10px 0px;
}
.main-content strong {
font-size:1.7em;
font-weight:200;
text-align:center;
}
.service {
width:35%;
}
.crest {
display:block;
position:absolute;
width:200px;
z-index:5;
overflow:hidden;
}
.madison {
text-align: center;
margin:30px 0px 15px
}
@media (max-width:768px) {
.main-content strong {
font-size:1.55em;
}
.main-content p {
font-size:1.1em;
}
.header h1 {
font-size:1.8em;
margin:3px -50% 0px;
white-space:no-wrap;
}
.header h2 {
font-size:1.3em;
margin-top:7px;
}
.outage-title {
padding:0 -50%;
}
}
@media (max-width:500px) {
.header h1 {
margin:3px 0px 0px;
}
}
</style>
</head> </head>
<body> <body>
<div id="row"> <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<div class="col-xs-12 header"> <header class="mdl-layout__header mr-header">
<div class="col-xs-4 col-sm-4 photo-div"> <div class="mdl-layout__header-row">
<img src="/main_logo_w_all.png" class="crest"> <div class="photo-div">
</div> <img src="/main_logo_w_all.png" class="crest">
<div class="col-xs-4 outage-title"> </div>
<h1>Server Error</h1> <!-- Title -->
</div> <span class="mdl-layout-title outage-title">Server Error</span>
<div class="col-sm-4"> </div>
</div> </header>
</div> <main class="mdl-layout__content mr-main__content">
</div> <div class="mdl-grid">
<div class="container-fluid"> <div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
<div class="row"> <div class="mdl-cell mdl-cell--8-col mdl-cell--10-col-phone">
<div class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 main-content"> <h1 class="mr-title">Sorry, MyUW seems to be experiencing difficulties.</h1>
<p><strong>Sorry, MyUW seems to be experiencing difficulties.</strong></p>
<p>More information may be available about this outage at the <a href="http://outages.doit.wisc.edu/">UW-Madison outages page</a> or at the <a href="http://outages.wisconsin.edu/">UW System outages page</a>.</p>
<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.<br/><br/></p>
</div>
</div>
<div> <p>If you are trying to access the Local & Emergency Contact admin interface for an emergency situation, please call the
<div class="row"> <a href="https://kb.wisc.edu/helpdesk/">Help Desk</a> at 608-264-4357 immediately.</p>
<div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3"> <p>During this brief outage, some of the services and applications found within MyUW are available via alternate means.
<table class="table table-responsive"> Please use the links in the tables below.</p>
<tr>
<th class="service">Alternate Service Link</th> <!-- SERVICE LINK TABS -->
<th>Description</th> <div class="mdl-tabs mdl-js-tabs is-upgraded mr-tabs">
</tr> <div class="mdl-tabs__tab-bar">
<tr> <a href="#uw-system-panel" class="mdl-tabs__tab is-active" onclick="setActiveTab(this)">UW System</a>
<td><a href="https://www.hrs.wisconsin.edu">HRS</a></td> <a href="#uw-madison-panel" class="mdl-tabs__tab" onclick="setActiveTab(this)">UW Madison</a>
<td>Human Resource System - payroll, benefit, time and absence information</td> </div>
</tr> <!-- UW SYSTEM ALTERNATE LINKS -->
<tr> <div class="mdl-tabs__panel is-active" id="uw-system-panel">
<td><a href="https://www.hrs.wisconsin.edu/psp/hrs-fd/EMPLOYEE/HRMS/c/ROLE_EMPLOYEE.TL_MSS_EE_SRCH_PRD.GBL">Timesheet</a></td> <p>More information may be available about this outage at the <a href="http://outages.wisconsin.edu/">UW System Outages Page</a></p>
<td>Enter work time</td> <table class="mdl-data-table mdl-js-data-table">
</tr> <thead>
<tr> <tr>
<td><a href="https://www.hrs.wisconsin.edu/psp/hrs-fd/EMPLOYEE/HRMS/c/ROLE_EMPLOYEE.GP_ABS_EESS_REQ.GBL">Enter Absence</a></td> <th class="mdl-data-table__cell--non-numeric">Alternate Service Link</th>
<td>Enter requests for absences</td> <th class="mdl-data-table__cell--non-numeric">Description</th>
</tr> </tr>
</table> </thead>
</div> <tbody>
</div> <tr>
</div> <td class="mdl-data-table__cell--non-numeric"><a href="https://www.hrs.wisconsin.edu">HRS</a></td>
<div class="row"> <td class="mdl-data-table__cell--non-numeric">Human Resource System - payroll, benefit, time and absence information</td>
<div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3"> </tr>
<h4 class="madison">MyUW-Madison</h4> <tr>
<table class="table table-responsive"> <td class="mdl-data-table__cell--non-numeric">
<tr> <a href="https://www.hrs.wisconsin.edu/psp/hrs-fd/EMPLOYEE/HRMS/c/ROLE_EMPLOYEE.TL_MSS_EE_SRCH_PRD.GBL">Timesheet</a></td>
<th class="service">Alternate Service Link</th> <td class="mdl-data-table__cell--non-numeric">Enter work time</td>
<th>Description</th> </tr>
</tr> <tr>
<tr> <td class="mdl-data-table__cell--non-numeric">
<td><a href="https://soar.wisc.edu/">SOAR</a></td> <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>SOAR registration</td> <td class="mdl-data-table__cell--non-numeric">Enter requests for absences</td>
</tr> </tr>
<tr> </tbody>
<td><a href="https://wiscmail.wisc.edu/">Email/Calendar</a></td> </table>
<td>University email and calendar system (Office 365)</td> </div>
</tr> <!-- UW-MADISON ALTERNATE LINKS -->
<tr> <div class="mdl-tabs__panel" id="uw-madison-panel">
<td><a href="https://uwmadison.app.box.com/login">UW Madison Enterprise Box</a></td> <p>More information may be available about this outage at the <a href="http://outages.doit.wisc.edu/">UW-Madison Outages Page</a></p>
<td>Personal web space</td> <table class="mdl-data-table mdl-js-data-table">
</tr> <thead>
<tr> <tr>
<td><a href="https://myinfo.wisc.edu">Web Enrollment</a></td> <th class="mdl-data-table__cell--non-numeric">Alternate Service Link</th>
<td>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> <th class="mdl-data-table__cell--non-numeric">Description</th>
</tr> </tr>
<tr> </thead>
<td><a href="https://dars.services.wisc.edu/dars/">DARS</a></td> <tbody>
<td>Run and view Degree Audit Reporting System audits</td> <tr>
</tr> <td class="mdl-data-table__cell--non-numeric"><a href="https://soar.wisc.edu/">SOAR</a></td>
<tr> <td class="mdl-data-table__cell--non-numeric">SOAR registration</td>
<td><a href="https://coursedashboard.learnuw.wisc.edu">Learn@UW</a></td> </tr>
<td>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://wiscmail.wisc.edu/">Email/Calendar</a></td>
<tr> <td class="mdl-data-table__cell--non-numeric">University email and calendar system (Office 365)</td>
<td><a href="https://delta.bussvc.wisc.edu/ReqGen/MainMenu.aspx">Requisition Generator</a></td> </tr>
<td>External Requisition Generator</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>
</table> <td class="mdl-data-table__cell--non-numeric">Personal web space</td>
</div> </tr>
</div> <tr>
<div> <td class="mdl-data-table__cell--non-numeric"><a href="https://myinfo.wisc.edu">Web Enrollment</a></td>
<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> <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.
</div> Contact the Office of the Registrar - Enrollment Services 262-0920 Monday-Friday 7:45 am to 4:30 pm.</td>
</div> </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> </body>
</html> </html>
myuw-root-webapp/src/main/webapp/bucky-sad.png 0 → 100644
+ 0
− 0
View file @ 104f3bde
myuw-root-webapp/src/main/webapp/bucky-sad.png

4.18 KiB

myuw-root-webapp/src/main/webapp/webapp.css 0 → 100644
+ 164
− 0
View file @ 104f3bde
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
a,
a:hover {
text-decoration: none;
}
.mr-title,
p.apologize,
p.centered {
text-align: center;
}
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;
text-align: center;
}
.mr-title {
font-size: 20px;
font-weight: 500;
}
.mr-main__content {
padding: 0 15px;
}
.mr-tabs {
text-align: center;
}
.outage-title {
margin: 0 auto;
font-weight: 100;
color: #fff;
line-height: 64px;
font-size: 20px;
letter-spacing: .02em;
}
.photo-div {
position: absolute;
}
.crest {
display: block;
position: relative;
width: 200px;
z-index: 5;
overflow: hidden;
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;
position: relative;
display: block;
text-decoration: none;
height: 48px;
line-height: 48px;
text-align: center;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: rgba(0,0,0,.54);
overflow: hidden;
}
.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;
}
}
\ No newline at end of file
package.json 0 → 100644
+ 20
− 0
View file @ 104f3bde
{
"name": "my-root",
"version": "1.1.7",
"description": "Root context of MyUW. Serves static HTML pages for 500 and 400 level errors.",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"prestart": "npm install",
"start": "http-server ./myuw-root-webapp/src/main/webapp/ -p 8080 -c-1"
},
"repository": {
"type": "git",
"url": "git@git.doit.wisc.edu:myuw/my-root.git"
},
"author": "Tim Levett, Zeke Witter",
"license": "ISC",
"devDependencies": {
"http-server": "^0.9.0"
}
}
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