Disabled "start saving" IE solution

public/css/style.css

@@ -2392,10 +2392,6 @@ pre .highlight:last-of-type {
   margin-top: 4px  ;
 }
 
-/*@media screen and (min-width:740px) {
-  .brand { display: inline-block; }
-}
-*/
 .button-dropdown-arrow {
   padding: 6px 6px !important;
 }
@@ -2408,6 +2404,21 @@ pre .highlight:last-of-type {
 
 .ie span.icon {
   zoom: 1;
+}
+
+#start-saving {
+  display: none;
+}
+
+#start-saving a {
+  border: 1px solid #CCC;
+  padding: 1px 10px;
+  border-radius: 5px;
+  background: #ff0;
+  background: -ms-linear-gradient(top,  #ffff00 0%,#ffd800 50%);
+  background: linear-gradient(top,  #ffff00 0%,#ffd800 50%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#ffd800',GradientType=0 );
+}
 
 #login .forgot {
   display: none;

public/js/chrome/analytics.js

@@ -14,6 +14,9 @@ var analytics = {
   createNew: function () {
     window._gaq && _gaq.push(['_trackPageview', '/action/new']);
   },
+  startSaving: function () {
+    window._gaq && _gaq.push(['_trackPageview', '/action/start-saving']);
+  },
   open: function () {
     window._gaq && _gaq.push(['_trackPageview', '/action/open']);
   },

public/js/chrome/save.js

@@ -39,6 +39,19 @@ if (saveChecksum) {
   $('#share div.disabled').removeClass('disabled');
 }
 
+// TODO decide whether to expose this code, it disables live saving for IE users
+// until they refresh - via a great big yellow button. For now this is hidden
+// in favour of the nasty hash hack.
+if (false) { // !saveChecksum && !history.pushState) {
+  jsbin.saveDisabled = true;
+
+  $document.bind('jsbinReady', function () {
+    $document.one('codeChange', function () {
+      $('#start-saving').css('display', 'inline-block');
+    });
+  });
+}
+
 // only start live saving it they're allowed to (whereas save is disabled if they're following)
 if (!jsbin.saveDisabled) {
   $document.bind('jsbinReady', function () {

views/index.html

@@ -61,6 +61,9 @@
             </form>
           </div>
         </div>
+      </div><!-- intentional space -->
+      <div id="start-saving" class="menu">
+        <a href="{{code_id_path}}/save" class="save button group">Start saving your work</a>
       </div>
       {{/embed}}
       <div id="panels"></div>