Adde new warning messages for userers IE8 and under

068e9ead · Kyle Fiedler · 5b8f0205 · 068e9ead · 068e9ead · 068e9ead
Commit 068e9ead authored Mar 01, 2012 by Kyle Fiedler
Showing with 24 additions and 10 deletions

create_account.html
+2 -1

login.html
+3 -0

main.html
+3 -0

sass/base/_extends.scss
+9 -0

sass/index/_extends.scss
+7 -0

sass/layout/_leanmodal.scss
+0 -4

sass/marketing-ie.scss
+0 -5

No files found.
--- a/create_account.html
+++ b/create_account.html
@@ -2,8 +2,9 @@
 <div name="enroll_form" id="enroll_form">

  <h1>Enroll in 6.002x Circuits &amp; Electronics</h1>
-
+  <!--[if lte IE 8]>
  <p class="ie-warning"> Enrollment requires a modern web browser with JavaScript enabled. You don't have this. You can&rsquo;t enroll without upgrading, since you couldn&rsquo;t take the course without upgrading. Feel free to download the latest version of <a href="http://www.mozilla.org/en-US/firefox/new/">Mozilla Firefox</a> or <a href="http://support.google.com/chrome/bin/answer.py?hl=en&answer=95346">Google Chrome</a>, for free, to enroll and take this course.</p>
+  <![endif]-->

  <form name="enroll" id="enroll_form"  method="get">
    <fieldset><% if 'error' in locals(): e = error %>

--- a/login.html
+++ b/login.html
@@ -4,6 +4,9 @@
    <h1>Log in to MITx</h1>
    <p class="no-account">If you don&rsquo;t have an account yet, <a href="#enroll" rel="leanModal">please enroll here</a></p>
  </header>
+  <!--[if lte IE 8]>
+  <p class="ie-warning">You are using a browser that is not supported by <em>MITx</em>, and you might not be able to complete pieces of the course. Please download the latest version of <a href="http://www.mozilla.org/en-US/firefox/new/">Firefox</a> or <a href="https://www.google.com/chrome">Chrome</a> to get the full experience.</p>
+  <![endif]-->

  <form id="login_form" method="post">
    <ol>

--- a/main.html
+++ b/main.html
@@ -27,6 +27,9 @@
 </head>

 <body class="<%block name="bodyclass"/>">
+  <!--[if lte IE 8]>
+  <p class="ie-warning">You are using a browser that is not supported by <em>MITx</em>, and you might not be able to complete pieces of the course. Please download the latest version of <a href="http://www.mozilla.org/en-US/firefox/new/">Firefox</a> or <a href="https://www.google.com/chrome">Chrome</a> to get the full experience.</p>
+  <![endif]-->

  ${self.body()}
  <%block name="bodyextra"/>

--- a/sass/base/_extends.scss
+++ b/sass/base/_extends.scss
@@ -204,3 +204,12 @@ h1.top-header {
 .tran {
  @include transition( all, .2s, $ease-in-out-quad);
 }
+
+p.ie-warning {
+  display: block !important;
+  line-height: 1.3em;
+  background: yellow;
+  padding: lh();
+  text-align: left;
+  margin-bottom: 0;
+}
--- a/sass/index/_extends.scss
+++ b/sass/index/_extends.scss
@@ -85,3 +85,10 @@
  }
 }

+p.ie-warning {
+  display: block !important;
+  line-height: 1.3em;
+  background: yellow;
+  margin-bottom: lh();
+  padding: lh();
+}
--- a/sass/layout/_leanmodal.scss
+++ b/sass/layout/_leanmodal.scss
@@ -47,10 +47,6 @@ div.leanModal_box {
  &#enroll {
    max-width: 600px;

-    p.ie-warning {
-      display: none;
-    }
-
    ol {
      @extend .clearfix;
      padding-top: lh();

--- a/sass/marketing-ie.scss
+++ b/sass/marketing-ie.scss
@@ -9,11 +9,6 @@ body {
 }

 div#enroll {
-  p.ie-warning {
-    display: block !important;
-    line-height: 1.3em;
-  }
-
  form {
    display: none;
  }