<!DOCTYPE html>
<html lang="en"><!-- class="fontawesome-i2svg-pending" -->
    <head>
	<title><%= htmlWebpackPlugin.options.title %></title>

	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<!-- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> -->
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />

        <meta name="description" content="...">
        <meta name="author" content="Fabrice Salvaire">

	<meta name="theme-color" content="#000000" />

	<!-- <%= htmlWebpackPlugin.files.publicPath %> -->
	<!--
	     manifest.json provides metadata used when your web app is installed on a
	     user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
	-->
	<link rel="manifest" href="/manifest.json">

	<!-- Icons -->
	<link rel="shortcut icon" href="/favicon.ico" />

	<!-- Loading screen styles -->
	<style>
	    @keyframes loader {
		0% { left: 0; right: 100%; }
		50% { left: 0; right: 0; }
		100% { left: 100%; right: 0; }
	    }
	    #app-loading {
		position: fixed;
		top: 50vh;
		right: 25vw;
		left: 25vw;
		width: 50vw;
		height: 5px;
		border-radius: 5px;
		overflow: hidden;
		background-color: #aaaaaa;
	    }
	    #app-loading::before {
		position: absolute;
		display: block;
		content: '';
		height: 100%;
		animation-name: loader;
		background: #444444;
		animation-duration: 1.8s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	    }
	    #app-loading-text {
		position: fixed;
		top: 55vh;
		width: 70vw;
		margin: 0 15vw;
		text-align: center;
		color: #222222;
		font-size: 18px;
		font-family: Arial, Helvetica, sans-serif;
	    }
	</style>

	<!-- Fonts to support Material Design -->
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

	<!-- Here comes CSS injected by Webpack -->
    </head>

    <body>
	<noscript>You need to enable JavaScript to run this app.</noscript>
	<div id="app">
	    <!-- ReactJS app gets injected here, replacing the loader -->
	    <div id="app-loading"></div>
	    <div id="app-loading-text">
		Please wait, loading...
	    </div>
	</div>

	<!-- Here comes script injected by Webpack -->
    </body>
</html>
