Remove inline styles
This commit is contained in:
parent
4429b627bb
commit
859a222a11
2
LICENSE
2
LICENSE
|
@ -1,6 +1,6 @@
|
||||||
MIT License
|
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
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
|
Binary file not shown.
10
package.json
10
package.json
|
@ -1,8 +1,8 @@
|
||||||
{
|
{
|
||||||
"name": "minesweeper",
|
"name": "minesweeper",
|
||||||
"version": "0.82.9",
|
"version": "0.82.10",
|
||||||
"description": "Just Minesweeper!",
|
"description": "Just Minesweeper!",
|
||||||
"author": "Felix W. Dekker",
|
"author": "F.W. Dekker",
|
||||||
"browser": "dist/bundle.js",
|
"browser": "dist/bundle.js",
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
|
@ -20,7 +20,7 @@
|
||||||
"canvas-confetti": "^1.4.0"
|
"canvas-confetti": "^1.4.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"grunt": "^1.3.0",
|
"grunt": "^1.4.0",
|
||||||
"grunt-cli": "^1.4.2",
|
"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",
|
||||||
|
@ -28,10 +28,10 @@
|
||||||
"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.3",
|
"grunt-webpack": "^4.0.3",
|
||||||
"ts-loader": "^8.1.0",
|
"ts-loader": "^9.1.1",
|
||||||
"ts-node": "^9.1.1",
|
"ts-node": "^9.1.1",
|
||||||
"typescript": "^4.2.4",
|
"typescript": "^4.2.4",
|
||||||
"webpack": "^5.33.2",
|
"webpack": "^5.36.0",
|
||||||
"webpack-cli": "^4.6.0"
|
"webpack-cli": "^4.6.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -33,17 +33,18 @@ form button.cancel {
|
||||||
}
|
}
|
||||||
|
|
||||||
#canvas {
|
#canvas {
|
||||||
visibility: hidden;
|
|
||||||
display: inline;
|
display: inline;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border: 4mm ridge #bdbdbd;
|
border: 4mm ridge #bdbdbd;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#canvas.invisible {
|
||||||
|
visibility: hidden !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Overlay */
|
/* Overlay */
|
||||||
.overlayWrapper {
|
.overlayWrapper {
|
||||||
visibility: hidden;
|
|
||||||
|
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<meta name="author" content="Felix W. Dekker" />
|
<meta name="author" content="F.W. Dekker" />
|
||||||
<meta name="application-name" content="Minesweeper" />
|
<meta name="application-name" content="Minesweeper" />
|
||||||
<meta name="description" content="Just Minesweeper!" />
|
<meta name="description" content="Just Minesweeper!" />
|
||||||
<meta name="theme-color" content="#0033cc" />
|
<meta name="theme-color" content="#0033cc" />
|
||||||
|
@ -21,13 +21,13 @@
|
||||||
<noscript>
|
<noscript>
|
||||||
<img src="https://stats.fwdekker.com/count?p=/tools/minesweeper/" alt="Counting pixel" />
|
<img src="https://stats.fwdekker.com/count?p=/tools/minesweeper/" alt="Counting pixel" />
|
||||||
|
|
||||||
<p style="color: red; font-weight: bold;">
|
<p>
|
||||||
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>.
|
||||||
</p>
|
</p>
|
||||||
</noscript>
|
</noscript>
|
||||||
<main style="display: none;">
|
<main class="hidden">
|
||||||
<div id="nav"></div>
|
<div id="nav"></div>
|
||||||
<div id="contents">
|
<div id="contents">
|
||||||
<div id="header"></div>
|
<div id="header"></div>
|
||||||
|
@ -106,7 +106,7 @@
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<!-- Canvas -->
|
<!-- Canvas -->
|
||||||
<div id="canvasContainer">
|
<div id="canvasContainer">
|
||||||
<canvas id="canvas" width="1" height="1">
|
<canvas id="canvas" class="invisible" width="1" height="1">
|
||||||
Your browser must support the <canvas> element to run this game.
|
Your browser must support the <canvas> element to run this game.
|
||||||
</canvas>
|
</canvas>
|
||||||
</div>
|
</div>
|
||||||
|
@ -117,7 +117,7 @@
|
||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<!-- Custom difficulty overlay -->
|
<!-- Custom difficulty overlay -->
|
||||||
<div class="overlayWrapper" id="customDifficultyOverlay">
|
<div class="overlayWrapper hidden" id="customDifficultyOverlay">
|
||||||
<div class="overlay">
|
<div class="overlay">
|
||||||
<h2>Custom difficulty</h2>
|
<h2>Custom difficulty</h2>
|
||||||
<form id="customDifficultyForm">
|
<form id="customDifficultyForm">
|
||||||
|
@ -142,7 +142,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Seed input overlay -->
|
<!-- Seed input overlay -->
|
||||||
<div class="overlayWrapper" id="seedOverlay">
|
<div class="overlayWrapper hidden" id="seedOverlay">
|
||||||
<div class="overlay">
|
<div class="overlay">
|
||||||
<h2>Seed</h2>
|
<h2>Seed</h2>
|
||||||
<form id="seedForm">
|
<form id="seedForm">
|
||||||
|
@ -157,7 +157,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Preferences overlay -->
|
<!-- Preferences overlay -->
|
||||||
<div class="overlayWrapper" id="preferencesOverlay">
|
<div class="overlayWrapper hidden" id="preferencesOverlay">
|
||||||
<div class="overlay">
|
<div class="overlay">
|
||||||
<h2>Preferences</h2>
|
<h2>Preferences</h2>
|
||||||
<form id="preferencesForm">
|
<form id="preferencesForm">
|
||||||
|
@ -176,7 +176,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Statistics overlay -->
|
<!-- Statistics overlay -->
|
||||||
<div class="overlayWrapper" id="statisticsOverlay">
|
<div class="overlayWrapper hidden" id="statisticsOverlay">
|
||||||
<div class="overlay">
|
<div class="overlay">
|
||||||
<h2>Statistics</h2>
|
<h2>Statistics</h2>
|
||||||
<div id="statisticsDiv"></div>
|
<div id="statisticsDiv"></div>
|
||||||
|
@ -189,7 +189,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- High scores overlay -->
|
<!-- High scores overlay -->
|
||||||
<div class="overlayWrapper" id="highScoresOverlay">
|
<div class="overlayWrapper hidden" id="highScoresOverlay">
|
||||||
<div class="overlay">
|
<div class="overlay">
|
||||||
<h2>High scores</h2>
|
<h2>High scores</h2>
|
||||||
<div id="highScoresDiv"></div>
|
<div id="highScoresDiv"></div>
|
||||||
|
|
|
@ -71,7 +71,7 @@ export class Game {
|
||||||
this.field = null; // Placeholder until `initNewField`
|
this.field = null; // Placeholder until `initNewField`
|
||||||
this.display = new Display(this.canvas, this.field, preferences);
|
this.display = new Display(this.canvas, this.field, preferences);
|
||||||
this.display.startDrawLoop();
|
this.display.startDrawLoop();
|
||||||
this.canvas.style.visibility = "unset";
|
this.canvas.classList.remove("invisible");
|
||||||
|
|
||||||
this.rng = alea("" + Date.now());
|
this.rng = alea("" + Date.now());
|
||||||
this.seed = "" + this.rng.uint32();
|
this.seed = "" + this.rng.uint32();
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
const {$, doAfterLoad, footer, header, nav, showPage} = window.fwdekker;
|
const {$, doAfterLoad, footer, header, nav} = window.fwdekker;
|
||||||
import {waitForForkAwesome} from "./Common";
|
import {waitForForkAwesome} from "./Common";
|
||||||
import {BasicIconFont, ForkAwesomeFont} from "./Display";
|
import {BasicIconFont, ForkAwesomeFont} from "./Display";
|
||||||
import {Game} from "./Game";
|
import {Game} from "./Game";
|
||||||
|
@ -14,7 +14,7 @@ doAfterLoad(() => {
|
||||||
vcsURL: "https://git.fwdekker.com/FWDekker/minesweeper/",
|
vcsURL: "https://git.fwdekker.com/FWDekker/minesweeper/",
|
||||||
version: "v%%VERSION_NUMBER%%"
|
version: "v%%VERSION_NUMBER%%"
|
||||||
}));
|
}));
|
||||||
showPage();
|
$("main").classList.remove("hidden");
|
||||||
|
|
||||||
|
|
||||||
// Start game
|
// Start game
|
||||||
|
|
|
@ -67,14 +67,14 @@ export class Overlay {
|
||||||
* Shows the overlay.
|
* Shows the overlay.
|
||||||
*/
|
*/
|
||||||
show(): void {
|
show(): void {
|
||||||
this.overlay.style.visibility = "unset";
|
this.overlay.classList.remove("hidden");
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Hides the overlay.
|
* Hides the overlay.
|
||||||
*/
|
*/
|
||||||
hide(): void {
|
hide(): void {
|
||||||
this.overlay.style.visibility = "hidden";
|
this.overlay.classList.add("hidden");
|
||||||
blurActiveElement();
|
blurActiveElement();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -82,6 +82,6 @@ export class Overlay {
|
||||||
* Returns `true` if and only if this overlay is currently visible.
|
* Returns `true` if and only if this overlay is currently visible.
|
||||||
*/
|
*/
|
||||||
isVisible(): boolean {
|
isVisible(): boolean {
|
||||||
return this.overlay.style.visibility !== "hidden";
|
return this.overlay.classList.contains("hidden");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue