diff --git a/LICENSE b/LICENSE
index e172412..38c403f 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
MIT License
-Copyright (c) 2020 Felix W. Dekker
+Copyright (c) 2020 F.W. Dekker
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
diff --git a/package-lock.json b/package-lock.json
index d18ee40..15ef92d 100644
Binary files a/package-lock.json and b/package-lock.json differ
diff --git a/package.json b/package.json
index 86011f9..9c8b8cc 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
{
"name": "minesweeper",
- "version": "0.82.9",
+ "version": "0.82.10",
"description": "Just Minesweeper!",
- "author": "Felix W. Dekker",
+ "author": "F.W. Dekker",
"browser": "dist/bundle.js",
"repository": {
"type": "git",
@@ -20,7 +20,7 @@
"canvas-confetti": "^1.4.0"
},
"devDependencies": {
- "grunt": "^1.3.0",
+ "grunt": "^1.4.0",
"grunt-cli": "^1.4.2",
"grunt-contrib-clean": "^2.0.0",
"grunt-contrib-copy": "^1.0.0",
@@ -28,10 +28,10 @@
"grunt-focus": "^1.0.0",
"grunt-text-replace": "^0.4.0",
"grunt-webpack": "^4.0.3",
- "ts-loader": "^8.1.0",
+ "ts-loader": "^9.1.1",
"ts-node": "^9.1.1",
"typescript": "^4.2.4",
- "webpack": "^5.33.2",
+ "webpack": "^5.36.0",
"webpack-cli": "^4.6.0"
}
}
diff --git a/src/main/css/main.css b/src/main/css/main.css
index 87bb77b..672aff9 100644
--- a/src/main/css/main.css
+++ b/src/main/css/main.css
@@ -33,17 +33,18 @@ form button.cancel {
}
#canvas {
- visibility: hidden;
display: inline;
box-sizing: border-box;
border: 4mm ridge #bdbdbd;
}
+#canvas.invisible {
+ visibility: hidden !important;
+}
+
/* Overlay */
.overlayWrapper {
- visibility: hidden;
-
z-index: 20;
position: fixed;
top: 0;
diff --git a/src/main/index.html b/src/main/index.html
index f1aa5b9..135dfd4 100644
--- a/src/main/index.html
+++ b/src/main/index.html
@@ -3,7 +3,7 @@
-
+
@@ -21,13 +21,13 @@
-
+
@@ -106,7 +106,7 @@
-
@@ -117,7 +117,7 @@
-
+
-
+
-
+
-
+
Statistics
@@ -189,7 +189,7 @@
-
+
High scores
diff --git a/src/main/js/Game.ts b/src/main/js/Game.ts
index a959519..dbdc0cf 100644
--- a/src/main/js/Game.ts
+++ b/src/main/js/Game.ts
@@ -71,7 +71,7 @@ export class Game {
this.field = null; // Placeholder until `initNewField`
this.display = new Display(this.canvas, this.field, preferences);
this.display.startDrawLoop();
- this.canvas.style.visibility = "unset";
+ this.canvas.classList.remove("invisible");
this.rng = alea("" + Date.now());
this.seed = "" + this.rng.uint32();
diff --git a/src/main/js/Main.ts b/src/main/js/Main.ts
index a1b42ed..4aa5e27 100644
--- a/src/main/js/Main.ts
+++ b/src/main/js/Main.ts
@@ -1,5 +1,5 @@
// @ts-ignore
-const {$, doAfterLoad, footer, header, nav, showPage} = window.fwdekker;
+const {$, doAfterLoad, footer, header, nav} = window.fwdekker;
import {waitForForkAwesome} from "./Common";
import {BasicIconFont, ForkAwesomeFont} from "./Display";
import {Game} from "./Game";
@@ -14,7 +14,7 @@ doAfterLoad(() => {
vcsURL: "https://git.fwdekker.com/FWDekker/minesweeper/",
version: "v%%VERSION_NUMBER%%"
}));
- showPage();
+ $("main").classList.remove("hidden");
// Start game
diff --git a/src/main/js/UI.ts b/src/main/js/UI.ts
index 690a8d7..ccb0079 100644
--- a/src/main/js/UI.ts
+++ b/src/main/js/UI.ts
@@ -67,14 +67,14 @@ export class Overlay {
* Shows the overlay.
*/
show(): void {
- this.overlay.style.visibility = "unset";
+ this.overlay.classList.remove("hidden");
}
/**
* Hides the overlay.
*/
hide(): void {
- this.overlay.style.visibility = "hidden";
+ this.overlay.classList.add("hidden");
blurActiveElement();
}
@@ -82,6 +82,6 @@ export class Overlay {
* Returns `true` if and only if this overlay is currently visible.
*/
isVisible(): boolean {
- return this.overlay.style.visibility !== "hidden";
+ return this.overlay.classList.contains("hidden");
}
}