Skip to content
Snippets Groups Projects
Commit fd2ec599 authored by Paulina Nogal's avatar Paulina Nogal
Browse files

Outage pages cleanup

parent c5a1eed1
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 71 additions and 240 deletions
myuw-root-webapp/src/main/webapp/403.html
+ 9
− 12
View file @ fd2ec599
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html> <html lang="en">
<head> <head>
<title>Access Denied</title> <title>Access Denied</title>
<!-- MATERIAL DESIGN LITE STYLES --> <!-- MATERIAL DESIGN LITE STYLES -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <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"> <link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
<!-- LOCAL STYLES --> <!-- LOCAL STYLES -->
<style> <link rel="stylesheet" href="webapp.css">
@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>
<script type="text/javascript" src='/simple.js'></script>
</head> </head>
<body> <body>
...@@ -17,20 +14,20 @@ ...@@ -17,20 +14,20 @@
<header class="mdl-layout__header"> <header class="mdl-layout__header">
<div class="mdl-layout__header-row"> <div class="mdl-layout__header-row">
<div class="photo-div"> <div class="photo-div">
<img src="/main_logo_w_all.png" class="crest"> <img src="/main_logo_w_all.png" alt="University of Wisconsin System Logo" class="uw-logo">
</div> </div>
<!-- Title --> <!-- Title -->
<span class="mdl-layout-title outage-title">Access Denied</span> <h1 class="mdl-layout-title outage-title">Access Denied</h1>
</div> </div>
</header> </header>
<main class="mdl-layout__content"> <main class="mdl-layout__content content-centered">
<div class="mdl-grid"> <div class="mdl-grid">
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div> <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"> <div class="mdl-cell mdl-cell--8-col mdl-cell--10-col-phone">
<img src="/bucky-sad.png" alt="sad bucky" class="img__bucky-sad" id="img__bucky-sad"> <img src="/alert-icon.png" alt="Line art image of an exclamation mark inside of a triangle" class="alert-icon">
<h1 class="mr-title">Sorry, you're not authorized to access this page.</h1> <h2 class="mr-title">Sorry, you're not authorized to access this page.</h2>
<p class="centered">If you're here by accident, head back to your MyUW <a href='/web'>homepage</a>.</p> <p>If you're here by accident, head back to your MyUW <a href='/web'>homepage</a>.</p>
<p class="centered">For help with authorization, contact the DoIT <a href="https://kb.wisc.edu/helpdesk/"></a>Help Desk</a>.</p> <p>For help with authorization, contact the DoIT <a href="https://kb.wisc.edu/helpdesk/">Help Desk</a>.</p>
</div> </div>
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div> <div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div>
</div> </div>
......
myuw-root-webapp/src/main/webapp/404.html
+ 8
− 12
View file @ fd2ec599
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html> <html lang="en">
<head> <head>
<title>MyUW Page Not Found</title> <title>MyUW Page Not Found</title>
<!-- MATERIAL DESIGN LITE STYLES --> <!-- MATERIAL DESIGN LITE STYLES -->
...@@ -8,10 +8,7 @@ ...@@ -8,10 +8,7 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <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"> <link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
<!-- LOCAL STYLES --> <!-- LOCAL STYLES -->
<style> <link rel="stylesheet" href="webapp.css">
@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>
<script type="text/javascript" src='/simple.js'></script>
</head> </head>
<body> <body>
...@@ -19,20 +16,19 @@ ...@@ -19,20 +16,19 @@
<header class="mdl-layout__header"> <header class="mdl-layout__header">
<div class="mdl-layout__header-row"> <div class="mdl-layout__header-row">
<div class="photo-div"> <div class="photo-div">
<img src="/main_logo_w_all.png" class="crest"> <img src="/main_logo_w_all.png" alt="University of Wisconsin System Logo" class="uw-logo">
</div> </div>
<!-- Title --> <!-- Title -->
<span class="mdl-layout-title outage-title">Page Not Found</span> <h1 class="mdl-layout-title outage-title">Page Not Found</h1>
</div> </div>
</header> </header>
<main class="mdl-layout__content"> <main class="mdl-layout__content content-centered">
<div class="mdl-grid"> <div class="mdl-grid">
<div class="mdl-cell mdl-cell--2-col mdl-cell--1-col-phone"></div> <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"> <div class="mdl-cell mdl-cell--8-col mdl-cell--10-col-phone">
<img src="/bucky-sad.png" alt="sad bucky" class="img__bucky-sad" id="img__bucky-sad"> <img src="/alert-icon.png" alt="Line art image of an exclamation mark inside of a triangle" class="alert-icon">
<h1 class="mr-title">Sorry, the page you are looking for does not exist or you don't have access to it. Please go <h2 class="mr-title">Sorry, the page you are looking for does not exist or you don't have access to it.</h2>
to the <a href='/'>MyUW home page</a>. <p>Please go to the <a href='/'>MyUW home page</a>.</p>
</h1>
<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>
......
myuw-root-webapp/src/main/webapp/500.html
+ 2
− 2
View file @ fd2ec599
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <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"> <link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
<!-- LOCAL STYLES --> <!-- LOCAL STYLES -->
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="webapp.css">
</head> </head>
<body> <body>
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<header class="mdl-layout__header mr-header"> <header class="mdl-layout__header mr-header">
<div class="mdl-layout__header-row"> <div class="mdl-layout__header-row">
<div class="photo-div"> <div class="photo-div">
<img src="/main_logo_w_all.png" alt="UW Logo" class="crest"> <img src="/main_logo_w_all.png" alt="University of Wisconsin System Logo" class="uw-logo">
</div> </div>
<!-- Title --> <!-- Title -->
<h1 class="mdl-layout-title outage-title">Server Error</h1> <h1 class="mdl-layout-title outage-title">Server Error</h1>
......
myuw-root-webapp/src/main/webapp/alert-icon.png 0 → 100644
+ 0
− 0
View file @ fd2ec599
myuw-root-webapp/src/main/webapp/alert-icon.png

6.59 KiB

myuw-root-webapp/src/main/webapp/bucky-sad.png deleted 100644 → 0
+ 0
− 0
View file @ c5a1eed1
myuw-root-webapp/src/main/webapp/bucky-sad.png

63.4 KiB

myuw-root-webapp/src/main/webapp/simple.js deleted 100644 → 0
+ 0
− 9
View file @ c5a1eed1
window.onload=function(){
if(window.location.hostname
&& !window.location.hostname.includes("my.wisc.edu")) {
var sadBucky = document.getElementById('img__bucky-sad');
if(sadBucky){
sadBucky.parentElement.removeChild(sadBucky);
}
}
};
myuw-root-webapp/src/main/webapp/style.css deleted 100644 → 0
+ 0
− 75
View file @ c5a1eed1
@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;
}
myuw-root-webapp/src/main/webapp/webapp.css
+ 52
− 130
View file @ fd2ec599
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700); @import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
a,
a:hover {
text-decoration: none;
}
.mr-title, body, html{
p.apologize, font-family: Roboto, sans-serif;
p.centered { margin: 0;
text-align: center;
} }
body, .content-centered {
html { text-align: center;
font-family: Roboto, sans-serif;
margin: 0;
} }
a { a {
color: #c5050c; color: #c5050c;
}
a:hover {
color: #600;
} }
p.apologize { a:hover{
padding: 20px 0 50px; color: #600;
} }
.mr-header { .mr-header {
min-height: 64px; min-height: 64px;
text-align: center;
} }
.mr-title { .mr-title {
font-size: 20px; font-size: 32px;
font-weight: 500;
} }
.mr-main__content { h3 {
padding: 0 15px; font-size: 22px;
line-height: 1.2;
margin-bottom: 0px;
}
h4 {
font-size: 20px;
line-height: 1.2;
margin-bottom: 0px;
} }
.mr-tabs { .mr-main__content {
text-align: center; padding: 0 15px;
} }
.outage-title { .outage-title {
margin: 0 auto; margin: 0 auto;
font-weight: 100; color:#fff;
color: #fff; line-height: 64px;
line-height: 64px; font-size: 20px;
font-size: 20px; letter-spacing:.02em;
letter-spacing: .02em;
} }
.photo-div { .photo-div {
position: absolute; position: absolute;
} }
.crest { .uw-logo {
display: block; position: relative;
position: relative; overflow: hidden;
width: 200px; display: block;
z-index: 5; width: 200px;
overflow: hidden; z-index: 5;
padding: 15px 0; padding: 15px 0;
} }
.img__bucky-sad { .alert-icon {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
padding: 16px 16px 0; padding: 16px 16px 0;
width: 100px;
} }
.mdl-layout__header, .mdl-layout__header {
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after, background: #c5050c;
.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
background: #c5050c;
} }
.mdl-layout__fixed-header .mdl-layout__header-row,
.mdl-layout__header-row { .mdl-layout__header-row {
padding: 0 16px; padding: 0 16px;
} }
.mdl-data-table__cell--non-numeric { @media screen and (max-width: 599px) {
text-align: left; .outage-title {
} margin: 0px 20px 0px 0px;
right: 0px;
.mdl-tabs__tab-bar { position: absolute;
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
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