Adding a deprecation notice for IE8

I may add similar notices for other old browsers, but IE8 was
particularly bad since it does not render most of the styles
This commit is contained in:
Jeff Avallone 2014-12-25 07:59:03 -05:00
parent d21846e872
commit 68e4bed048
2 changed files with 28 additions and 0 deletions

View File

@ -44,6 +44,25 @@ ul.inline-list {
} }
} }
#deprecation-notice {
@include background(linear-gradient(to bottom, $green, $dark-green));
background-color: $green;
padding: rhythm(1);
margin: rhythm(1);
@include border-radius(20px);
@include box-shadow;
@include clearfix;
h1 {
@include adjust-font-size-to(48px, 2);
font-family: 'Bangers', 'cursive';
}
p {
margin-top: rhythm(1);
}
}
header { header {
@include background(linear-gradient(to bottom, $green, $dark-green)); @include background(linear-gradient(to bottom, $green, $dark-green));
background-color: $green; background-color: $green;

View File

@ -16,6 +16,14 @@
<!-- Built: ${date} --> <!-- Built: ${date} -->
</head> </head>
<body> <body>
<!--[if lte IE 8]>
<div id="deprecation-notice">
<h1>Regexper</h1>
<p>Your browser is no longer supported by the current version of Regexper. Upgrade your browser to the latest version, or visit <a href="http://old.regexper.com/">the old Regexper</a>.</p>
</div>
<![endif]-->
<!--[if gt IE 8]> -->
<script type="text/css" id="svg-styles">${svgStyles}</script> <script type="text/css" id="svg-styles">${svgStyles}</script>
<header> <header>
@ -49,5 +57,6 @@
</li> </li>
</ul> </ul>
</footer> </footer>
<!-- <![endif]-->
</body> </body>
</html> </html>