Use new template system

This commit is contained in:
Florine W. Dekker 2021-04-18 18:30:10 +02:00
parent b0241db1fb
commit 39d4fc31e1
Signed by untrusted user: FWDekker
GPG Key ID: B1B567AF58D6EE0F
5 changed files with 16 additions and 24 deletions

View File

@ -8,10 +8,10 @@ module.exports = grunt => {
}, },
copy: { copy: {
css: { css: {
files: [{expand: true, cwd: "src/main/css/", src: "**/*.css", dest: "dist/"}] files: [{expand: true, cwd: "src/main/", src: "**/*.css", dest: "dist/", flatten: true}]
}, },
html: { html: {
files: [{expand: true, cwd: "src/main/", src: "**/*.html", dest: "dist/"}] files: [{expand: true, cwd: "src/main/", src: "**/*.html", dest: "dist/", flatten: true}]
}, },
}, },
focus: { focus: {
@ -21,7 +21,7 @@ module.exports = grunt => {
}, },
replace: { replace: {
dev: { dev: {
src: ["./dist/*.html", "./dist/*.js"], src: ["./dist/**/*.html", "./dist/**/*.js"],
replacements: [ replacements: [
{ {
from: "%%VERSION_NUMBER%%", from: "%%VERSION_NUMBER%%",
@ -31,7 +31,7 @@ module.exports = grunt => {
overwrite: true overwrite: true
}, },
deploy: { deploy: {
src: ["./dist/*.html", "./dist/*.js"], src: ["./dist/**/*.html", "./dist/**/*.js"],
replacements: [ replacements: [
{ {
from: "%%VERSION_NUMBER%%", from: "%%VERSION_NUMBER%%",
@ -61,7 +61,7 @@ module.exports = grunt => {
}, },
webpack: { webpack: {
options: { options: {
entry: "./src/main/js/index.js", entry: "./src/main/js/main.js",
module: { module: {
rules: [ rules: [
{ {

BIN
package-lock.json generated

Binary file not shown.

View File

@ -1,6 +1,6 @@
{ {
"name": "doomsday", "name": "doomsday",
"version": "1.3.11", "version": "1.3.12",
"description": "Test your mastery of Conway's Doomsday rule.", "description": "Test your mastery of Conway's Doomsday rule.",
"author": "Felix W. Dekker", "author": "Felix W. Dekker",
"browser": "dist/bundle.js", "browser": "dist/bundle.js",
@ -15,19 +15,16 @@
"dev:server": "grunt dev:server", "dev:server": "grunt dev:server",
"deploy": "grunt deploy" "deploy": "grunt deploy"
}, },
"dependencies": {
"@fwdekker/template": "^0.0.24"
},
"devDependencies": { "devDependencies": {
"grunt": "^1.3.0", "grunt": "^1.3.0",
"grunt-cli": "^1.4.1", "grunt-cli": "^1.4.2",
"grunt-contrib-clean": "^2.0.0", "grunt-contrib-clean": "^2.0.0",
"grunt-contrib-copy": "^1.0.0", "grunt-contrib-copy": "^1.0.0",
"grunt-contrib-watch": "^1.1.0", "grunt-contrib-watch": "^1.1.0",
"grunt-focus": "^1.0.0", "grunt-focus": "^1.0.0",
"grunt-text-replace": "^0.4.0", "grunt-text-replace": "^0.4.0",
"grunt-webpack": "^4.0.2", "grunt-webpack": "^4.0.3",
"webpack": "^5.28.0", "webpack": "^5.33.2",
"webpack-cli": "^4.5.0" "webpack-cli": "^4.6.0"
} }
} }

View File

@ -11,22 +11,22 @@
<title>Doomsday | FWDekker</title> <title>Doomsday | FWDekker</title>
<link rel="stylesheet" href="https://static.fwdekker.com/fonts/roboto.css" crossorigin="anonymous" /> <link rel="stylesheet" href="https://static.fwdekker.com/fonts/roboto.css" crossorigin="anonymous" />
<link rel="stylesheet" href="https://static.fwdekker.com/lib/template/1.x.x/bundle.css" crossorigin="anonymous" />
<link rel="stylesheet" href="main.css?v=%%VERSION_NUMBER%%" /> <link rel="stylesheet" href="main.css?v=%%VERSION_NUMBER%%" />
</head> </head>
<body> <body>
<noscript> <noscript>
<span style="color: red; font-weight: bold;"> <p style="color: red; font-weight: bold;">
This website does not function if JavaScript is disabled. This website does not function if JavaScript is disabled.
Please check the <a href="https://www.enable-javascript.com/"> Please check the <a href="https://www.enable-javascript.com/">
instructions on how to enable JavaScript in your web browser</a>. instructions on how to enable JavaScript in your web browser</a>.
</span> </p>
</noscript> </noscript>
<main style="display: none;"> <main style="display: none;">
<div id="nav"></div> <div id="nav"></div>
<div id="contents"> <div id="contents">
<div id="header"></div> <div id="header"></div>
<!-- Input --> <!-- Input -->
<section class="container"> <section class="container">
<form> <form>
@ -79,8 +79,8 @@
<div id="footer"></div> <div id="footer"></div>
</main> </main>
<script src="https://static.fwdekker.com/lib/template/1.x.x/bundle.js" crossorigin="anonymous"></script>
<!-- Scripts --> <!--suppress HtmlUnknownTarget -->
<script src="bundle.js?v=%%VERSION_NUMBER%%"></script> <script src="bundle.js?v=%%VERSION_NUMBER%%"></script>
</body> </body>
</html> </html>

View File

@ -1,4 +1,4 @@
import {$, doAfterLoad, footer, header, nav, showPage} from "@fwdekker/template"; const {$, doAfterLoad, footer, header, nav, showPage} = window.fwdekker;
/** /**
@ -359,11 +359,6 @@ doAfterLoad(() => {
` `
})); }));
$("#footer").appendChild(footer({ $("#footer").appendChild(footer({
author: "Felix W. Dekker",
authorURL: "https://fwdekker.com/",
license: "MIT License",
licenseURL: "https://git.fwdekker.com/FWDekker/doomsday/src/branch/master/LICENSE",
vcs: "git",
vcsURL: "https://git.fwdekker.com/FWDekker/doomsday/", vcsURL: "https://git.fwdekker.com/FWDekker/doomsday/",
version: "v%%VERSION_NUMBER%%" version: "v%%VERSION_NUMBER%%"
})); }));