pages for blog with scss styles and "DRY" method

.eslintrc.js

@@ -11,7 +11,7 @@ module.exports = {
     sourceType: "module",
   },
   rules: {
-    indent: ["error", "tab"],
+    indent: ["error", 2],
     "linebreak-style": ["error", "unix"],
     quotes: ["error", "double"],
     semi: ["error", "always"],

.github/workflows/build-and-deploy.yml

@@ -0,0 +1,23 @@
+name: PR build and deploy
+
+on: pull_request
+
+permissions:
+  contents: write
+jobs:
+  build-and-deploy:
+    concurrency: ci-${{ github.ref }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install and Build
+        run: |
+          npm ci
+          npm run build-public
+
+      - name: Deploy
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: public

.github/workflows/sanity-check.yml

@@ -15,6 +15,3 @@ jobs:
       - name: Lint check
         run: |
           npm run lint
-      - name: Lint test
-        run: |
-          npm run test

.gitignore

@@ -1 +1,5 @@
 node_modules
+coverage/*
+!coverage/badges.svg
+dev
+public

.stylelintrc.json

@@ -0,0 +1,7 @@
+{
+  "extends": [
+    "stylelint-config-standard-scss",
+    "stylelint-config-standard",
+    "stylelint-config-prettier"
+  ]
+}

jest.config.js

@@ -34,12 +34,13 @@ module.exports = {
   // coverageProvider: "babel",
 
   // A list of reporter names that Jest uses when writing coverage reports
-  // coverageReporters: [
-  //   "json",
-  //   "text",
-  //   "lcov",
-  //   "clover"
-  // ],
+  coverageReporters: [
+    //   "json",
+    //   "text",
+    "lcov",
+    "json-summary",
+    //   "clover"
+  ],
 
   // An object that configures minimum threshold enforcement for coverage results
   // coverageThreshold: undefined,