Add CSS to IE unsupported page

CLOSES: DOC-1109

Test plan:
- jenkins is happy

Change-Id: I363c05ac63936a871ec4edb6d6c16bbc05fc6f2b
Reviewed-on: https://gerrit.instructure.com/208940
Tested-by: Jenkins
QA-Review: Erin Hallmark <erin@instructure.com>
QA-Review: Ryan Shaw <ryan@instructure.com>
Product-Review: Erin Hallmark <erin@instructure.com>
Product-Review: Ryan Shaw <ryan@instructure.com>
Reviewed-by: Ryan Shaw <ryan@instructure.com>
This commit is contained in:
Erin Hallmark 2019-09-10 20:05:33 -06:00
parent 1273d661c7
commit 67f4101136
2 changed files with 39 additions and 10 deletions

BIN
public/Canvas.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -1,16 +1,45 @@
<!DOCTYPE html>
<!doctype html>
<html>
<head>
<title>Internet Explorer is not supported on this website</title>
<meta charset="UTF-8">
<title>Trying to log in to Canvas?</title>
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 24px;
color:#2D3B45;
text-align: center;
}
h1 {
font-size:28px;
margin-bottom: 25px;
}
img {
width:280px;
margin: 25px 0;
}
a {
text-decoration: none;
color:#008EE2;
}
a:hover {
text-decoration:underline;
}
</style>
</head>
<body>
<h1>You're using Internet Explorer, which is not supported.</h1>
<p>
To use Canvas, you need to use a newer, more modern browser. <a href="http://browsehappy.com/">Learn more about how to upgrade your browser</a>.
</p>
<p>
Read about supported browsers in the <a href="https://community.canvaslms.com/docs/DOC-10720">Canvas Guides</a>.
</p>
</div>
<img src="Canvas.png" alt="Canvas">
<h1>Trying to log in to Canvas?</h1>
<p>You're using Internet Explorer, which is no longer a supported browser.<br>
To view your courses, you need to use a different web browser, such as Chrome or Firefox.</p>
<p>Learn how to <a href="http://browsehappy.com/">upgrade your browser</a>.<br>
Read about supported browsers in the <a href="https://community.canvaslms.com/docs/DOC-10720">Canvas Guides</a>.<br>
Still need help? Learn how to <a href="https://community.canvaslms.com/docs/DOC-17624-how-to-contact-canvas-support">contact Canvas Support.</a></p>
</body>
</html>