Version 3.1: new experience, bump node version and dependencies (#24)

* chore: bump node version to 14

* feat: update documents with new experience

* chore: update dependencies and fix markdown files

* chore: add del module

* chore: downgrade gulp-postcss

* chore: add postcss as peer dependency

* chore: update editorconfig-checker to 3.3.0

* chore: remove unused deps from yarn.lock

* chore: update testing deps

* chore: add resolutions to fix security deps issues

* feat: add new experience

* feat: optimize lighthouse score and images

* test: update reference screenshots

* chore: add subfoldered DS_Store to gitignore

* docs: update CHANGELOG.md

.github/workflows/css.yml

@@ -6,7 +6,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [13.x]
+        node-version: [14.x]
     steps:
       - uses: actions/checkout@v1
       - uses: actions/setup-node@v1

.github/workflows/editorconfig.yml

@@ -6,7 +6,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [13.x]
+        node-version: [14.x]
     steps:
       - uses: actions/checkout@v1
       - uses: actions/setup-node@v1

.github/workflows/html.yml

@@ -6,7 +6,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [13.x]
+        node-version: [14.x]
         java: [8.x]
     steps:
       - uses: actions/checkout@v1

.github/workflows/markdown.yml

@@ -6,7 +6,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [13.x]
+        node-version: [14.x]
     steps:
       - uses: actions/checkout@v1
       - uses: actions/setup-node@v1

.github/workflows/test.yml

@@ -6,7 +6,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [13.x]
+        node-version: [14.x]
     steps:
       - uses: actions/checkout@v1
       - uses: actions/setup-node@v1

.gitignore

@@ -30,7 +30,7 @@ node_modules
 .node_repl_history
 
 # Other
-/*/.DS_Store
+/**/.DS_Store
 /.DS_Store
 lib
 winscp.md

CHANGELOG.md

@@ -1,8 +1,15 @@
 # Changelog
 
+## v3.1.0 [2020-11-10]
+
+- Added new experience (OXYGEN TECHNOLOGIES)
+- Updated image assets, layout and styles (Lighthouse optimization)
+- Updated node engine and dependencies
+
 ## v3.0.0 [2020-11-08]
 
-- Added husky, lint-staged, commitlint, editorconfigchecker, markdown lint, prettier, stylelint and renovate-bot
+- Added husky, lint-staged, commitlint, editorconfigchecker, markdown lint
+- Added prettier, stylelint and renovate-bot
 - Added gulp build pipeline
 - Added GitHub Actions
 - Added screenshot tests with Puppeteer

README.md

@@ -1,4 +1,8 @@
-![][actions-tests] ![][actions-html] ![][actions-css] ![][actions-markdown] ![][actions-editor-config]
+![][actions-tests]
+![][actions-html]
+![][actions-css]
+![][actions-markdown]
+![][actions-editor-config]
 # Dmitry Markov's CV
 
 Available on https://dmitrymarkov.pro

TODO.md

@@ -0,0 +1,7 @@
+# TODO
+
+- [ ] gulp watcher
+- [ ] publish action
+- [ ] dark/light mode css switcher
+- [ ] dockerized screenshot test runner
+- [ ] PWA optimizations

faviconData.json

@@ -1 +1 @@
-{"result":{"status":"success"},"favicon":{"package_url":"https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/favicon_package_v0.16.zip","files_urls":["https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/README.md","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/android-chrome-192x192.png","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/android-chrome-512x512.png","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/apple-touch-icon.png","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/browserconfig.xml","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/favicon-16x16.png","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/favicon-32x32.png","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/favicon.ico","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/html_code.html","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/mstile-144x144.png","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/mstile-150x150.png","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/mstile-310x150.png","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/mstile-310x310.png","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/mstile-70x70.png","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/safari-pinned-tab.svg","https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/package_files/site.webmanifest"],"html_code":"<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/apple-touch-icon.png?v=3.0.0\">\n<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicon-32x32.png?v=3.0.0\">\n<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicon-16x16.png?v=3.0.0\">\n<link rel=\"manifest\" href=\"/site.webmanifest?v=3.0.0\">\n<link rel=\"mask-icon\" href=\"/safari-pinned-tab.svg?v=3.0.0\" color=\"#5bbad5\">\n<link rel=\"shortcut icon\" href=\"/favicon.ico?v=3.0.0\">\n<meta name=\"apple-mobile-web-app-title\" content=\"Dmitry Markov\">\n<meta name=\"application-name\" content=\"Dmitry Markov\">\n<meta name=\"msapplication-TileColor\" content=\"#2b5797\">\n<meta name=\"msapplication-TileImage\" content=\"/mstile-144x144.png?v=3.0.0\">\n<meta name=\"theme-color\" content=\"#ffffff\">","compression":"true","overlapping_markups":["link[rel=\"apple-touch-icon\"]","meta[name=\"apple-mobile-web-app-title\"]","link[rel=\"shortcut\"]","link[rel=\"shortcut icon\"]","link[rel=\"icon\",sizes=\"16x16\"]","link[rel=\"icon\",sizes=\"32x32\"]","meta[name=\"msapplication-TileColor\"]","meta[name=\"msapplication-TileImage\"]","meta[name=\"application-name\"]","link[rel=\"manifest\"]","meta[name=\"theme-color\"]","link[rel=\"mask-icon\"]"]},"files_location":{"type":"path","path":"/"},"preview_picture_url":"https://realfavicongenerator.net/files/2dd723d730894d90fb4e0cda8a3337554241acce/favicon_preview.png","version":"0.16"}
+{"result":{"status":"success"},"favicon":{"package_url":"https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/favicon_package_v0.16.zip","files_urls":["https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/README.md","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/android-chrome-192x192.png","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/android-chrome-512x512.png","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/apple-touch-icon.png","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/browserconfig.xml","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/favicon-16x16.png","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/favicon-32x32.png","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/favicon.ico","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/html_code.html","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/mstile-144x144.png","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/mstile-150x150.png","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/mstile-310x150.png","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/mstile-310x310.png","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/mstile-70x70.png","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/safari-pinned-tab.svg","https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/package_files/site.webmanifest"],"html_code":"<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/apple-touch-icon.png?v=3.1.0\">\n<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicon-32x32.png?v=3.1.0\">\n<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicon-16x16.png?v=3.1.0\">\n<link rel=\"manifest\" href=\"/site.webmanifest?v=3.1.0\">\n<link rel=\"mask-icon\" href=\"/safari-pinned-tab.svg?v=3.1.0\" color=\"#5bbad5\">\n<link rel=\"shortcut icon\" href=\"/favicon.ico?v=3.1.0\">\n<meta name=\"apple-mobile-web-app-title\" content=\"Dmitry Markov\">\n<meta name=\"application-name\" content=\"Dmitry Markov\">\n<meta name=\"msapplication-TileColor\" content=\"#2b5797\">\n<meta name=\"msapplication-TileImage\" content=\"/mstile-144x144.png?v=3.1.0\">\n<meta name=\"theme-color\" content=\"#ffffff\">","compression":"true","overlapping_markups":["link[rel=\"apple-touch-icon\"]","meta[name=\"apple-mobile-web-app-title\"]","link[rel=\"shortcut\"]","link[rel=\"shortcut icon\"]","link[rel=\"icon\",sizes=\"16x16\"]","link[rel=\"icon\",sizes=\"32x32\"]","meta[name=\"msapplication-TileColor\"]","meta[name=\"msapplication-TileImage\"]","meta[name=\"application-name\"]","link[rel=\"manifest\"]","meta[name=\"theme-color\"]","link[rel=\"mask-icon\"]"]},"files_location":{"type":"path","path":"/"},"preview_picture_url":"https://realfavicongenerator.net/files/36cb7dedb84af52552777793c063d3e9d500de31/favicon_preview.png","version":"0.16"}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cv-markov",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "author": "Dmitry Markov",
   "description": "Dmitry Markov's CV in pure HTML & CSS",
   "bugs": {
@@ -19,6 +19,7 @@
   },
   "scripts": {
     "build": "gulp",
+    "build:favicons": "gulp publish",
     "css": "stylelint src/**/*.css",
     "css:fix": "stylelint src/**/*.css --fix",
     "editorconfig": "editorconfig-checker",
@@ -29,36 +30,47 @@
     "serve": "gulp watch",
     "start": "yarn serve",
     "test": "yarn build && mocha test/index.js --timeout 15000",
-    "test:update": "yarn build && node test/update.js"
+    "test:update": "yarn build && node test/update.js",
+    "updeps": "yarn upgrade-interactive --latest --exact"
+  },
+  "resolutions": {
+    "braces": "^2.3.1",
+    "dot-prop": "^5.1.1",
+    "kind-of": "^6.0.3",
+    "lodash": "^4.17.19",
+    "minimist": "^1.2.3",
+    "yargs-parser": "^13.1.2"
   },
   "devDependencies": {
-    "@commitlint/cli": "8.2.0",
-    "@commitlint/config-conventional": "8.2.0",
-    "autoprefixer": "9.7.3",
+    "@commitlint/cli": "11.0.0",
+    "@commitlint/config-conventional": "11.0.0",
+    "autoprefixer": "10.0.1",
     "chai": "4.2.0",
     "cssnano": "4.1.10",
+    "del": "6.0.0",
     "editorconfig-checker": "3.3.0",
     "gulp": "4.0.2",
     "gulp-htmlmin": "5.0.1",
     "gulp-load-plugins": "2.0.5",
-    "gulp-postcss": "8.0.0",
+    "gulp-postcss": "9.0.0",
     "gulp-real-favicon": "0.3.2",
     "gulp-replace": "1.0.0",
     "gulp-sourcemaps": "2.6.5",
-    "husky": "3.1.0",
-    "lint-staged": "9.5.0",
-    "mocha": "6.2.2",
-    "node-w3c-validator": "1.6.0",
-    "pixelmatch": "5.1.0",
-    "pngjs": "3.4.0",
+    "husky": "4.3.0",
+    "lint-staged": "10.5.1",
+    "mocha": "8.2.1",
+    "node-w3c-validator": "1.6.4",
+    "pixelmatch": "5.2.1",
+    "pngjs": "6.0.0",
     "polyserve": "0.27.15",
-    "prettier": "1.19.1",
-    "puppeteer": "2.0.0",
-    "remark-cli": "7.0.1",
-    "remark-preset-lint-markdown-style-guide": "2.1.3",
-    "remark-preset-lint-recommended": "3.0.3",
-    "stylelint": "12.0.0",
-    "stylelint-config-prettier": "8.0.0",
+    "postcss": "8.1.6",
+    "prettier": "2.1.2",
+    "puppeteer": "5.4.1",
+    "remark-cli": "9.0.0",
+    "remark-preset-lint-markdown-style-guide": "4.0.0",
+    "remark-preset-lint-recommended": "5.0.0",
+    "stylelint": "13.7.2",
+    "stylelint-config-prettier": "8.0.2",
     "stylelint-prettier": "1.1.2"
   },
   "browserslist": [
@@ -73,7 +85,7 @@
     ]
   },
   "engines": {
-    "node": ">=12"
+    "node": ">=14"
   },
   "husky": {
     "hooks": {
@@ -95,6 +107,7 @@
     "suppressErrors": []
   },
   "prettier": {
+    "arrowParens": "avoid",
     "trailingComma": "es5",
     "tabWidth": 2,
     "printWidth": 76,

src/dark-theme.css

@@ -11,7 +11,7 @@ em,
 h1,
 h2,
 h4,
-h6 {
+#summary strong {
   color: rgba(255, 255, 255, 0.75);
 }