<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>Web Maker</title>
		<link rel="icon" href="icon-128.png">
		<meta name=viewport content="width=device-width, initial-scale=1">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<link rel="manifest" href="<%= htmlWebpackPlugin.files.publicPath %>manifest.json">
		<% if (htmlWebpackPlugin.options.manifest.theme_color) { %>
			<meta name="theme-color" content="<%= htmlWebpackPlugin.options.manifest.theme_color %>">
			<% } %>

				<style>
					/* Critically acclaimed CSS */

					.saved-items-pane {
						position: fixed;
						right: 0;
						top: 0;
						bottom: 0;
						width: 450px;
						transform: translateX(100%);
					}

					.modal {
						visibility: hidden;
					}

				</style>

				<!-- build:css vendor.css -->
				<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
				<link rel="stylesheet" href="lib/codemirror/addon/hint/show-hint.css">
				<link rel="stylesheet" href="lib/codemirror/addon/fold/foldgutter.css">
				<link rel="stylesheet" href="lib/codemirror/addon/dialog/dialog.css">
				<link rel="stylesheet" href="lib/hint.min.css">
				<link rel="stylesheet" href="lib/inlet.css">
				<!-- endbuild -->

				<link rel="stylesheet" id="editorThemeLinkTag" href="lib/codemirror/theme/monokai.css"></link>

				<!-- build:css style.css -->
				<link rel="stylesheet" href="style.css">
				<!-- endbuild -->

				<style id="fontStyleTemplate" type="template">
					@font-face { font-family: 'fontname'; font-style: normal; font-weight: 400; src: url(fontname.ttf) format('truetype'); unicode-range:
					U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD,
					U+F000; } .CodeMirror pre { font-family: 'fontname', monospace; }
				</style>
				<style type="text/css" id="fontStyleTag">
					@font-face {
						font-family: 'FiraCode';
						font-style: normal;
						font-weight: 400;
						src: url(FiraCode.ttf) format('truetype');
						unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
					}

					.CodeMirror pre {
						font-family: 'FiraCode', monospace;
					}

				</style>
	</head>

	<body>
		<!-- SCRIPT-TAGS -->
		<%= htmlWebpackPlugin.options.ssr({
			url: '/'
		}) %>
			<script defer src="<%= htmlWebpackPlugin.files.chunks['bundle'].entry %>"></script>
			<script>
				window.fetch || document.write('<script src="<%= htmlWebpackPlugin.files.chunks["polyfills"].entry %>"><\/script>')

			</script>
			<!-- END-SCRIPT-TAGS -->
	</body>

</html>
