evan/ewpratten.com
1
Fork 0
Code Actions

Create index.html

Browse Source
This commit is contained in:
Evan Pratten 2018-03-21 13:05:41 -04:00 committed by GitHub
parent 279a4f5c12
commit a876654b28
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 67 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
noie/index.html Normal file
View File

@ -0,0 +1,67 @@
<head>
<title>No IE</title>
<link rel="stylesheet" href="https://milligram.io/styles/main.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" href="https://cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">
</head>
<body>
<nav class="navigation"><section class="container"><a class="navigation-title" href="https://milligram.io/">&nbsp;<h1 class="title">No IE - A tool to save some stress for web devs</h1></a></section></nav>
<!--- <br><br><br><br><br>
<div class="title" style="text-align:center;">
<h1>No IE</h1>
<h2>A tool to save some stress for web devs</h2>
</div><br><br>
<hr>
--->
<br><br><br><br><br>
<div style="text-align:center;">
<h2>Where you redirected here from another website?</h2>
<strong><p>This means that you are most likely using Internet Explorer or Microsoft Edge.</p></strong><p>
<div style="width:70%;margin-left:auto;margin-right:auto;">
Web developers have to do a lot of hard work in order to create and maintain a website. There are many different web browsers being used and some of them require slight modifications to the website's code in order to get the website to look right or run properly. This is usually not a big problem for web developers. Just a little tweak or reordering of a function. There is one exception. Internet Explorer has a habit of not properly displaying or not properly running a website / webapp. To fix these problems, developers have to put in a lot of hard work and do a lot of debugging. This causes countless headaches and ocational swearing.
<br></div>
<strong>To save the devs some trouble, Please use a modern browser</strong></p>
<h2>Here are some good choices</h2>
<h3><a href="https://www.mozilla.org/en-US/firefox/">Firefox</a> or
<a href="https://www.google.com/chrome/">Google Chrome</a></h3>
</div>
<br><br>
<hr>
<div style="text-align:center;">
<h2>How do I implement this in my website?</h2>
<p><strong>This section is only for web developers</strong>
<br>
It's super simple! all you have to do is put the following code in the head section of your website!</p>
</div>
<pre><code class="language-html"><xmp>
<!--[if IE]>
<style>
#isIE{
color:blue;
}
<style>
<![endif]-->
<style>
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#isIE{
color:blue;
}
}
</style>
<script language=javascript type="text/javascript">
var ietest = document.getElementById("isIE");
if(ietest.style.color=="blue"){
window.location = "http://retrylife.ca/noie";
}
</script>
</xmp>
</code></pre>
</body>