From 4b76f823dcdcc5a08cf6a9d082e1febe838b56ad Mon Sep 17 00:00:00 2001
From: Antoine Motet <antoine.motet@gmail.com>
Date: Tue, 26 Sep 2017 13:41:42 +0200
Subject: [PATCH] =?UTF-8?q?Edge=20est=20(vraiment)=20pr=C3=A9f=C3=A9rable?=
 =?UTF-8?q?=20=C3=A0=20IE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

**Ceci ne veut pas dire qu’on retire le support d’Internet Explorer.**

Mais bon, en pratique, personne n’a le temps de tester le site sur IE,
et pire, personne non plus n’a le temps de reporter les bugs sur
IE. Le site marche terriblement mal sur ces navigateurs.

Désormais, une *dickbar*¹ est affiché en haut du site indiquant “Le
bon fonctionnement du site avec Internet Explorer n'est pas garanti”,
avec un lien “En savoir plus” pointant vers https://browsehappy.com.

1. https://daringfireball.net/linked/2011/03/06/dickbar
---
 assets/scss/base/_base.scss        |  9 +++++++--
 templates/base.html                |  5 ++---
 templates/old_browser_warning.html | 27 +++++++++++++++++++++++++++
 3 files changed, 36 insertions(+), 5 deletions(-)
 create mode 100644 templates/old_browser_warning.html

diff --git a/assets/scss/base/_base.scss b/assets/scss/base/_base.scss
index 0f9f8b220d..4ac580218e 100644
--- a/assets/scss/base/_base.scss
+++ b/assets/scss/base/_base.scss
@@ -94,9 +94,9 @@ textarea {
     resize: vertical;
 }
 
-.chromeframe {
+.old-browser-warning {
     margin: 0;
-    background: #ccc;
+    background: #ddd;
     color: #000;
     padding: 0.2em 0;
     text-align: center;
@@ -105,6 +105,11 @@ textarea {
     width: 100%;
 }
 
+body.old-browser-warning-shown .page-container {
+    position: relative;
+    top: 3rem;
+}
+
 .a11y {
     display: block;
     width: 0;
diff --git a/templates/base.html b/templates/base.html
index d2b0db1aee..0a7db6d0bd 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -140,9 +140,8 @@
         data-show-markdown-help="false"
     {% endif %}
 >
-    <!--[if lt IE 9]>
-        <p class="chromeframe">Vous utilisez un navigateur <strong>dépassé</strong>. Merci de <a href="http://browsehappy.com/">mettre à jour celui-ci</a> pour améliorer votre expérience.</p>
-    <![endif]-->
+
+    {% include "old_browser_warning.html" %}
 
     <div class="mobile-menu" id="mobile-menu"></div>
 
diff --git a/templates/old_browser_warning.html b/templates/old_browser_warning.html
new file mode 100644
index 0000000000..cb89926f10
--- /dev/null
+++ b/templates/old_browser_warning.html
@@ -0,0 +1,27 @@
+
+<div id="old-browser-warning-container"></div>
+
+{# The main JavaScript files may cause parse errors on old browsers in the    #}
+{# future (ES6, ES7, …). It is probably better to keep this script separated. #}
+
+<script>
+
+(function () {
+    var container = document.getElementById("old-browser-warning-container");
+
+    if (window.ActiveXObject || 'ActiveXObject' in window) {
+        var more = document.createElement('A');
+        more.innerText = 'En savoir plus';
+        more.setAttribute('href', 'https://browsehappy.com/?locale=fr');
+
+        var div = document.createElement('DIV');
+        div.className = 'old-browser-warning';
+        div.innerText = 'Le bon fonctionnement du site avec Internet Explorer n’est pas garanti  •  ';
+        div.appendChild(more);
+        container.appendChild(div);
+
+        document.body.classList.add('old-browser-warning-shown');
+    }
+})();
+
+</script>