KevinMidboe/vinlottis
1
0
Fork 0
Code Issues 8 Pull Requests 14 Packages Projects Releases Wiki Activity

Single template & analytics.js script reference.

Browse Source
This commit is contained in:
Kevin
2020-11-20 21:22:53 +01:00
parent 594c4cc482
commit cc0bef927f
4 changed files with 75 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
config/vinlottis.config.js
View File

@@ -12,7 +12,7 @@ const VinlottisConfig = {
new HtmlWebpackPlugin({ new HtmlWebpackPlugin({
chunks: ["vinlottis"], chunks: ["vinlottis"],
filename: "index.html", filename: "index.html",
template: "./src/templates/Create.html", template: "./src/templates/Index.html",
inject: true, inject: true,
minify: { minify: {
removeComments: true, removeComments: true,

3
config/webpack.config.dev.js
View File

@@ -45,8 +45,7 @@ webpackConfig = merge(webpackConfig, {
}, },
plugins: [ plugins: [
new HtmlPlugin({ new HtmlPlugin({
template: "src/templates/Create.html", template: "src/templates/Index.html"
chunksSortMode: "dependency"
}) })
] ]
}); });

72
src/templates/Create.html
View File

@@ -1,72 +0,0 @@
<!DOCTYPE html>
<html lang="nb">
<head>
<meta charset="UTF-8" />
<title>Vinlottis</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Knowits ukentlige vinlotteri-statistikk-side."
/>
<meta name="keywords" content="vin,vinlotteri,knowit,statistikk" />
<meta name="author" content="Kasper Rynning-Tønnesen & Kevin Midbøe" />
<link
rel="preload"
href="/assets/fonts/bold.woff"
as="font"
crossorigin
/>
<meta
name="description"
content="Knowits ukentlige vinlotteri-statistikk-side."
/>
<link
rel="apple-touch-icon"
sizes="152x152"
href="/assets/images/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/images/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/assets/images/favicon-16x16.png"
/>
<link rel="manifest" href="/assets/manifest.json" />
<link
rel="mask-icon"
href="/assets/images/safari-pinned-tab.svg"
color="#23101f"
/>
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#b7debd" />
<meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent"
/>
<meta name="apple-mobile-web-app-capable" content="yes" />
</head>
<body>
<div id="app"></div>
<noscript>Du trenger vin, jeg trenger javascript!</noscript>
</body>
</html>
<style>
noscript {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
height: 100vh;
background-color: #b7debd;
font-size: 1.5rem;
font-family: Arial, Helvetica, sans-serif;
}
</style>

74
src/templates/Index.html
View File

@@ -1 +1,73 @@
<div id="app"></div> <!DOCTYPE html>
<html lang="nb">
<head>
<meta charset="UTF-8" />
<title>Vinlottis</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Knowits ukentlige vinlotteri-statistikk-side."
/>
<meta name="keywords" content="vin,vinlotteri,knowit,statistikk" />
<meta name="author" content="Kasper Rynning-Tønnesen & Kevin Midbøe" />
<link
rel="preload"
href="/public/assets/fonts/bold.woff"
as="font"
crossorigin
/>
<meta
name="description"
content="Knowits ukentlige vinlotteri-statistikk-side."
/>
<link
rel="apple-touch-icon"
sizes="152x152"
href="/public/assets/images/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/public/assets/images/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/public/assets/images/favicon-16x16.png"
/>
<link rel="manifest" href="/public/assets/manifest.json" />
<link
rel="mask-icon"
href="/public/assets/images/safari-pinned-tab.svg"
color="#23101f"
/>
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#b7debd" />
<meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent"
/>
<meta name="apple-mobile-web-app-capable" content="yes" />
</head>
<body>
<div id="app"></div>
<noscript>Du trenger vin, jeg trenger javascript!</noscript>
<script src="/public/analytics.js" async></script>
</body>
</html>
<style>
noscript {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
height: 100vh;
background-color: #b7debd;
font-size: 1.5rem;
font-family: Arial, Helvetica, sans-serif;
}
</style>