Release 2.0.5

README.md

@@ -25,12 +25,12 @@ Use Aurora Game Engine **[[rep](https://github.com/eugene-serb/aurora-game-engin
 
 ## Commands:
 
-- npm run start — run with watcher
-- npm run dev — run dev server
-- npm run build — build in production mode,
-- npm run build:dev — build in development mode,
-- npm run lint — run lint check,
-- npm run lint:fix — run lint fix,
-- npm run format — run prettier check,
-- npm run format:fix — run prettier fix,
-- npm run test — run tests
+- `npm run start` — run with watcher
+- `npm run dev` — run dev server
+- `npm run build` — run build in production mode
+- `npm run build:dev` — run build in development mode
+- `npm run lint` — run lint check
+- `npm run lint:fix` — run lint fix
+- `npm run format` — run prettier check
+- `npm run format:fix` — run prettier fix
+- `npm run test` — run tests

package.json

@@ -1,6 +1,6 @@
 {
   "name": "game-of-life",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "This is a cellular automaton that implements John Horton Conway's Game of Life. Contains a library of figures and tools.",
   "keywords": [
     "game-of-life",
@@ -36,24 +36,24 @@
     "test": "jest tests"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.5",
-    "@babel/eslint-parser": "^7.24.5",
-    "@babel/preset-env": "^7.24.5",
+    "@babel/core": "^7.26.0",
+    "@babel/eslint-parser": "^7.25.9",
+    "@babel/preset-env": "^7.26.0",
     "babel-jest": "^29.7.0",
-    "babel-loader": "^9.1.3",
+    "babel-loader": "^9.2.1",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^6.11.0",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "eslint-cli": "^1.1.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-webpack-plugin": "^4.1.0",
-    "html-webpack-plugin": "^5.6.0",
+    "eslint-webpack-plugin": "^4.2.0",
+    "html-webpack-plugin": "^5.6.3",
     "jest": "^29.7.0",
-    "prettier": "^3.2.5",
+    "prettier": "^3.3.3",
     "style-loader": "^3.3.4",
-    "webpack": "^5.91.0",
+    "webpack": "^5.95.0",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.4"
+    "webpack-dev-server": "^5.1.0"
   }
 }

static/css/base.css

@@ -20,11 +20,11 @@ body {
   flex-direction: column;
   justify-content: space-between;
   min-height: 100vh;
-  background: var(--color-background);
+  background-color: var(--color-background);
 }
 
 ::selection {
-  background: var(--color-selection);
+  background-color: var(--color-selection);
 }
 
 :focus {
@@ -44,8 +44,8 @@ h5,
 h6 {
   color: var(--color-text-header);
   font-weight: 500;
-  margin-block-start: 0.382em;
-  margin-block-end: 0.618em;
+  margin-top: 0.382em;
+  margin-bottom: 0.618em;
   line-height: 1.382em;
 }
 

static/css/declarations.css

@@ -1,7 +1,5 @@
 @charset 'UTF-8';
 
-@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
-
 :root {
   /* Base numbers */
   --number-border-radius: 8px;

static/css/fonts.css

@@ -0,0 +1,16 @@
+@charset 'UTF-8';
+
+@font-face {
+  font-family: 'Press Start 2P';
+  src: url('../fonts/PressStart2P-Regular.eot');
+  src:
+    local('Press Start 2P Regular'),
+    local('PressStart2P-Regular'),
+    url('../fonts/PressStart2P-Regular.eot?#iefix') format('embedded-opentype'),
+    url('../fonts/PressStart2P-Regular.woff2') format('woff2'),
+    url('../fonts/PressStart2P-Regular.woff') format('woff'),
+    url('../fonts/PressStart2P-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}

static/css/forms.css

@@ -1,8 +1,8 @@
 @charset 'UTF-8';
 
 hr {
-  margin-block-start: 0.5em;
-  margin-block-end: 0.5em;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
 }
 
 legend {
@@ -21,7 +21,7 @@ select,
 input {
   padding: 4px 8px;
   border: var(--number-form-border-size) solid var(--color-link);
-  background: var(--color-background);
+  background-color: var(--color-background);
   color: var(--color-text);
   font-family: 'Press Start 2P', cursive;
   font-size: 10px;
@@ -38,7 +38,7 @@ select:hover {
 }
 
 option {
-  background: var(--color-background);
+  background-color: var(--color-background);
   color: var(--color-text);
   font-size: 10px;
   line-height: 1.382em;
@@ -50,7 +50,6 @@ option:hover {
 }
 
 input[type='range'] {
-  appearance: none;
   -webkit-appearance: none;
   width: 100%;
   margin: 8px 0;
@@ -75,7 +74,7 @@ input[type='range']::-webkit-slider-runnable-track {
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
   border: 0px solid #000101;
   border-radius: var(--number-form-border-radius);
 }
@@ -87,23 +86,23 @@ input[type='range']::-webkit-slider-thumb {
   margin-top: -4px;
   border: 0px solid #000000;
   border-radius: var(--number-form-border-radius);
-  background: var(--color-a);
+  background-color: var(--color-a);
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
   cursor: pointer;
 }
 
 input[type='range']:focus::-webkit-slider-runnable-track {
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
 }
 
 input[type='range']::-moz-range-track {
   width: 100%;
   height: 8px;
   border: 0px solid #000101;
   border-radius: var(--number-form-border-radius);
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
@@ -116,7 +115,7 @@ input[type='range']::-moz-range-thumb {
   height: 16px;
   border: 0px solid #000000;
   border-radius: var(--number-form-border-radius);
-  background: var(--color-a);
+  background-color: var(--color-a);
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
@@ -128,7 +127,7 @@ input[type='range']::-ms-track {
   height: 8px;
   border-width: 8px 0;
   border-color: transparent;
-  background: transparent;
+  background-color: transparent;
   color: transparent;
   cursor: pointer;
   animate: 0.2s;
@@ -140,7 +139,7 @@ input[type='range']::-ms-fill-lower {
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
 }
 
 input[type='range']::-ms-fill-upper {
@@ -149,25 +148,25 @@ input[type='range']::-ms-fill-upper {
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
 }
 
 input[type='range']::-ms-thumb {
   width: 16px;
   height: 16px;
   border: 0px solid #000000;
   border-radius: var(--number-form-border-radius);
-  background: var(--color-a);
+  background-color: var(--color-a);
   box-shadow:
     0px 0px 0px #000000,
     0px 0px 0px #0d0d0d;
   cursor: pointer;
 }
 
 input[type='range']:focus::-ms-fill-lower {
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
 }
 
 input[type='range']:focus::-ms-fill-upper {
-  background: var(--color-a-monocromatic-a);
+  background-color: var(--color-a-monocromatic-a);
 }

static/css/header-mini.css

@@ -7,7 +7,7 @@
 }
 
 .header-mini ::selection {
-  background: var(--color-header-selection);
+  background-color: var(--color-header-selection);
 }
 
 .header-mini :focus {

static/css/index.css

@@ -1,5 +1,6 @@
 @charset 'UTF-8';
 
+@import url('fonts.css');
 @import url('declarations.css');
 @import url('base.css');
 @import url('services.css');