2016-06-29 10:27:04 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
2018-04-27 13:51:31 +00:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
2018-07-06 10:18:15 +00:00
|
|
|
<base href="/">
|
2018-04-27 13:51:31 +00:00
|
|
|
<meta name="viewport" content="initial-scale=1">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="google-site-verification" content="C03WwnrJP0FLqf83ibMBA7_N-TLQcwsJaAhqKXppxaE" />
|
2018-08-01 16:42:05 +00:00
|
|
|
<meta name="description" content="<%= htmlWebpackPlugin.options.description %>" data-react-helmet="true">
|
2018-04-27 13:51:31 +00:00
|
|
|
<!-- data-helmet pour que React Helmet puisse écraser ce meta par défaut -->
|
2018-07-04 08:53:17 +00:00
|
|
|
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,600|IBM+Plex+Sans' rel='stylesheet' type='text/css'>
|
2018-04-27 13:51:31 +00:00
|
|
|
<link rel="manifest" href="/manifest.webmanifest">
|
2018-08-01 16:42:05 +00:00
|
|
|
<title>
|
|
|
|
|
<%= htmlWebpackPlugin.options.title %>
|
|
|
|
|
</title>
|
2018-06-29 13:41:12 +00:00
|
|
|
<style>
|
2018-07-02 10:03:35 +00:00
|
|
|
/* Prevent FOUC effect */
|
2018-08-01 16:42:05 +00:00
|
|
|
|
2018-06-29 13:41:12 +00:00
|
|
|
#js {
|
2018-07-27 17:35:28 +00:00
|
|
|
opacity: 0
|
|
|
|
|
}
|
2018-08-01 16:42:05 +00:00
|
|
|
|
2018-07-27 17:35:28 +00:00
|
|
|
/* CSS Loader */
|
2018-08-01 16:42:05 +00:00
|
|
|
|
2018-07-27 17:35:28 +00:00
|
|
|
#lds-ellipsis {
|
2018-08-01 16:42:05 +00:00
|
|
|
display: block;
|
|
|
|
|
position: relative;
|
2018-07-27 17:35:28 +00:00
|
|
|
animation: appear 0.6s;
|
2018-08-01 16:42:05 +00:00
|
|
|
transform: translateY(40vh);
|
2018-07-27 17:35:28 +00:00
|
|
|
width: 64px;
|
|
|
|
|
height: 64px;
|
2018-08-01 16:42:05 +00:00
|
|
|
margin: auto;
|
2018-07-27 17:35:28 +00:00
|
|
|
}
|
2018-08-01 16:42:05 +00:00
|
|
|
|
2018-07-27 17:35:28 +00:00
|
|
|
#lds-ellipsis div {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 27px;
|
|
|
|
|
width: 11px;
|
|
|
|
|
height: 11px;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
background: rgb(41, 117, 209);
|
|
|
|
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
|
|
|
}
|
2018-08-01 16:42:05 +00:00
|
|
|
|
2018-07-27 17:35:28 +00:00
|
|
|
#lds-ellipsis div:nth-child(1) {
|
|
|
|
|
left: 6px;
|
|
|
|
|
animation: lds-ellipsis1 0.6s infinite;
|
|
|
|
|
}
|
2018-08-01 16:42:05 +00:00
|
|
|
|
2018-07-27 17:35:28 +00:00
|
|
|
#lds-ellipsis div:nth-child(2) {
|
|
|
|
|
left: 6px;
|
|
|
|
|
animation: lds-ellipsis2 0.6s infinite;
|
|
|
|
|
}
|
2018-08-01 16:42:05 +00:00
|
|
|
|
2018-07-27 17:35:28 +00:00
|
|
|
#lds-ellipsis div:nth-child(3) {
|
|
|
|
|
left: 26px;
|
|
|
|
|
animation: lds-ellipsis2 0.6s infinite;
|
2018-06-29 13:41:12 +00:00
|
|
|
}
|
2018-08-01 16:42:05 +00:00
|
|
|
|
2018-07-27 17:35:28 +00:00
|
|
|
#lds-ellipsis div:nth-child(4) {
|
|
|
|
|
left: 45px;
|
|
|
|
|
animation: lds-ellipsis3 0.6s infinite;
|
|
|
|
|
}
|
2018-08-01 16:42:05 +00:00
|
|
|
|
2018-07-27 17:35:28 +00:00
|
|
|
@keyframes appear {
|
|
|
|
|
from {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
60% {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
2018-08-01 16:42:05 +00:00
|
|
|
|
2018-07-27 17:35:28 +00:00
|
|
|
@keyframes lds-ellipsis1 {
|
|
|
|
|
0% {
|
|
|
|
|
transform: scale(0);
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
}
|
|
|
|
|
}
|
2018-08-01 16:42:05 +00:00
|
|
|
|
2018-07-27 17:35:28 +00:00
|
|
|
@keyframes lds-ellipsis3 {
|
|
|
|
|
0% {
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
transform: scale(0);
|
|
|
|
|
}
|
|
|
|
|
}
|
2018-08-01 16:42:05 +00:00
|
|
|
|
2018-07-27 17:35:28 +00:00
|
|
|
@keyframes lds-ellipsis2 {
|
|
|
|
|
0% {
|
|
|
|
|
transform: translate(0, 0);
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
transform: translate(19px, 0);
|
|
|
|
|
}
|
|
|
|
|
}
|
2018-06-29 13:41:12 +00:00
|
|
|
</style>
|
2018-04-27 13:51:31 +00:00
|
|
|
<meta name="theme-color" content="#2975d1">
|
|
|
|
|
</head>
|
2017-05-04 10:12:26 +00:00
|
|
|
|
2018-04-27 13:51:31 +00:00
|
|
|
<body>
|
2018-08-01 16:42:05 +00:00
|
|
|
<div id="lds-ellipsis">
|
|
|
|
|
<div></div>
|
|
|
|
|
<div></div>
|
|
|
|
|
<div></div>
|
|
|
|
|
<div></div>
|
|
|
|
|
</div>
|
2018-04-27 13:51:31 +00:00
|
|
|
<div id="js" />
|
2018-07-05 16:01:01 +00:00
|
|
|
<script src="https://use.fontawesome.com/1da10bbdec.js"></script>
|
2018-07-18 13:14:55 +00:00
|
|
|
<script type="text/javascript">
|
|
|
|
|
if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
|
|
|
|
|
// For ie, polyfill everything, as I can't figure what's going on, and which polyfill is missing...
|
|
|
|
|
document.write('<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=all"><\/script>');
|
|
|
|
|
} else {
|
|
|
|
|
document.write(
|
|
|
|
|
'<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=default,Intl.~locale.en,Intl.~locale.fr,IntersectionObserver,fetch,Array.prototype.find,Object.values,Number.parseFloat,Array.prototype.includes,Object.entries,Object.values,Object.keys,Math.log2&unknown=polyfill"><\/script>');
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
2018-04-27 13:51:31 +00:00
|
|
|
</body>
|
|
|
|
|
|
2018-07-04 08:53:44 +00:00
|
|
|
</html>
|
