From 430b3dd55bd0c4116772b8647ef201571095c0c2 Mon Sep 17 00:00:00 2001
From: Johan Girod <johangirod@gmail.com>
Date: Wed, 5 Sep 2018 16:18:39 +0200
Subject: [PATCH] =?UTF-8?q?Ajoute=20un=20texte=20d'avertissement=20pour=20?=
 =?UTF-8?q?les=20navigateurs=20pas=20support=C3=A9s=20(IE=20<=2011)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html         | 41 ++++++++++++++++++++++++++++++++++++++---
 source/Provider.js |  1 +
 2 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 56db291dd..5b459a25c 100644
--- a/index.html
+++ b/index.html
@@ -14,9 +14,27 @@
 	<title>
 		<%= htmlWebpackPlugin.options.title %>
 	</title>
-	<style>
-		/* Prevent FOUC effect */
 
+	<!--[if IE]>
+		<style>
+			#outdated-browser {
+				display: block !important
+			}
+			#lds-ellipsis {
+				display: none !important;
+			}
+		</style>
+	<!--<![endif]-->
+	<style>
+		html[data-useragent*='MSIE 10.0'] #outdated-browser {
+			display: block !important;
+		}
+
+		html[data-useragent*='MSIE 10.0'] #lds-ellipsis {
+			display: none !important;
+		}
+
+		/* Prevent FOUC effect */
 		#js {
 			opacity: 0;
 			transform: translateY(20px);
@@ -113,7 +131,24 @@
 		<div></div>
 		<div></div>
 	</div>
-	<div id="js" />
+	<div id="js"></div>
+
+	</div>
+
+	<!-- OUTDATED BROWSER WARNING -->
+	<div id="outdated-browser" style="position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: none;">
+		<h2 style="margin: 100px auto; max-width: 800px; text-align: center; font-size: 40px; font-family: 'IBM Plex Sans', sans-serif; font-weight: 300;">
+			<img src="images/marianne.svg" alt="Un service de l'État français" style="width: 200px">
+			<br /><br /> Votre navigateur n'est pas supporté. Vous pouvez le mettre à jour ou en installer un nouveau depuis <a style="color: #2975d1"
+			 href="http://outdatedbrowser.com/fr">cette page</a></h2>
+	</div>
+	<script>
+		var doc = document.documentElement;
+		doc.setAttribute('data-useragent', navigator.userAgent);
+	</script>
+
+
+
 	<script src="https://use.fontawesome.com/1da10bbdec.js"></script>
 	<script type="text/javascript">
 		if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
diff --git a/source/Provider.js b/source/Provider.js
index 093a1839d..421315300 100644
--- a/source/Provider.js
+++ b/source/Provider.js
@@ -91,6 +91,7 @@ export default class Layout extends PureComponent {
 	}
 	render() {
 		return (
+			// If IE < 11 display nothing
 			<Provider store={this.store}>
 				<TrackerProvider value={tracker}>
 					<SetCSSColour />