mirror of
https://github.com/chinchang/web-maker.git
synced 2025-10-14 21:04:25 +02:00
c62592bf57
The stylesheets that were linked in the index.html were redundant, as they were already bundled by the webpack. The style.css was again imported in the components/app.jsx. Now, it is placed in the index.js in a order that style.css overrides the other stylesheets.
91 lines
2.2 KiB
HTML
91 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Web Maker</title>
|
|
<link rel="shortcut 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>
|
|
|
|
<link
|
|
rel="stylesheet"
|
|
id="editorThemeLinkTag"
|
|
href="lib/codemirror/theme/monokai.css"
|
|
/>
|
|
|
|
<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>
|
|
<div id="root"></div>
|
|
<div id="portal"></div>
|
|
<!-- 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>
|