<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title><%= htmlWebpackPlugin.options.title %></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="manifest" href="manifest.json"> <style> html { background-color: rgb(28, 31, 36); } .loading { text-align: center; position: absolute; width: 100vw; height: 100vh; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } .loading__logo svg { width: 200px; height: 200px; } .loading__text { font-family: sans-serif; color: white; font-size: 1.2em; padding-bottom: 2em; } </style> </head> <body> <!-- TODO: Import dynamically --> <!-- From <https://github.com/hail2u/color-blindness-emulation> --> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <filter id="protanopia"> <feColorMatrix in="SourceGraphic" type="matrix" values="0.567, 0.433, 0, 0, 0 0.558, 0.442, 0, 0, 0 0, 0.242, 0.758, 0, 0 0, 0, 0, 1, 0"/> </filter> <filter id="protanomaly"> <feColorMatrix in="SourceGraphic" type="matrix" values="0.817, 0.183, 0, 0, 0 0.333, 0.667, 0, 0, 0 0, 0.125, 0.875, 0, 0 0, 0, 0, 1, 0"/> </filter> <filter id="deuteranopia"> <feColorMatrix in="SourceGraphic" type="matrix" values="0.625, 0.375, 0, 0, 0 0.7, 0.3, 0, 0, 0 0, 0.3, 0.7, 0, 0 0, 0, 0, 1, 0"/> </filter> <filter id="deuteranomaly"> <feColorMatrix in="SourceGraphic" type="matrix" values="0.8, 0.2, 0, 0, 0 0.258, 0.742, 0, 0, 0 0, 0.142, 0.858, 0, 0 0, 0, 0, 1, 0"/> </filter> <filter id="tritanopia"> <feColorMatrix in="SourceGraphic" type="matrix" values="0.95, 0.05, 0, 0, 0 0, 0.433, 0.567, 0, 0 0, 0.475, 0.525, 0, 0 0, 0, 0, 1, 0"/> </filter> <filter id="tritanomaly"> <feColorMatrix in="SourceGraphic" type="matrix" values="0.967, 0.033, 0, 0, 0 0, 0.733, 0.267, 0, 0 0, 0.183, 0.817, 0, 0 0, 0, 0, 1, 0"/> </filter> <filter id="achromatopsia"> <feColorMatrix in="SourceGraphic" type="matrix" values="0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0, 0, 0, 1, 0"/> </filter> <filter id="achromatomaly"> <feColorMatrix in="SourceGraphic" type="matrix" values="0.618, 0.320, 0.062, 0, 0 0.163, 0.775, 0.062, 0, 0 0.163, 0.320, 0.516, 0, 0 0, 0, 0, 1, 0"/> </filter> </defs> </svg> <div id="app"></div> <div class="loading"> <div class="loading__logo"> <!-- replaced by 'html-webpack-inline-svg-plugin' --> <img inline src="node_modules/maputnik-design/logos/logo-loading.svg" /> </div> <div class="loading__text">Loading…</div> </div> </body> </html>