feat: about & contacts html layout

README.md

@@ -12,6 +12,7 @@ Personal website created with Astro.
 - [ ] Dark/Light Theme
 - [ ] Multilang web-site
 - [ ] Form handling via Netlify Forms
+- [ ] SEO optimized
 
 ## License
 

astro.config.mjs

@@ -6,4 +6,12 @@ import solid from '@astrojs/solid-js';
 export default defineConfig({
   site: 'https://yarkov.tech',
   integrations: [solid()],
+  markdown: {
+    syntaxHighlight: 'prism',
+  },
+  vite: {
+    ssr: {
+      external: ["svgo"],
+    },
+  },
 });

package-lock.json

@@ -11,6 +11,7 @@
       "devDependencies": {
         "@astrojs/solid-js": "^0.2.1",
         "astro": "^1.0.0-beta.63",
+        "astro-icon": "^0.7.1",
         "prettier": "^2.7.1",
         "prettier-plugin-astro": "^0.1.1",
         "sass": "^1.53.0",
@@ -696,6 +697,15 @@
         "@proload/core": "^0.3.2"
       }
     },
+    "node_modules/@trysound/sax": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/@types/acorn": {
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/@types/acorn/-/acorn-4.0.6.tgz",
@@ -1033,6 +1043,17 @@
         "npm": ">=6.14.0"
       }
     },
+    "node_modules/astro-icon": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/astro-icon/-/astro-icon-0.7.1.tgz",
+      "integrity": "sha512-EdWXi3j0fkFgzdhyxqGbaDPdpLb5y593E6e5zvxW8PL/6DjW/x2OhtaTuTMV5xRUCUsfzwOhXiW6EYa+EBTwJw==",
+      "dev": true,
+      "dependencies": {
+        "node-fetch": "^3.1.0",
+        "resolve-pkg": "^2.0.0",
+        "svgo": "^2.8.0"
+      }
+    },
     "node_modules/available-typed-arrays": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
@@ -1140,6 +1161,12 @@
         "readable-stream": "^3.4.0"
       }
     },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true
+    },
     "node_modules/boxen": {
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/boxen/-/boxen-6.2.1.tgz",
@@ -1507,6 +1534,15 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/common-ancestor-path": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/common-ancestor-path/-/common-ancestor-path-1.0.1.tgz",
@@ -1536,6 +1572,68 @@
         "node": ">= 8"
       }
     },
+    "node_modules/css-select": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "dev": true,
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/css-tree/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/csso": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+      "dev": true,
+      "dependencies": {
+        "css-tree": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/data-uri-to-buffer": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz",
@@ -1657,6 +1755,61 @@
       "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
       "dev": true
     },
+    "node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dev": true,
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
     "node_modules/dset": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/dset/-/dset-3.1.2.tgz",
@@ -1694,6 +1847,15 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
       "dev": true
     },
+    "node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/eol": {
       "version": "0.9.1",
       "resolved": "https://registry.npmjs.org/eol/-/eol-0.9.1.tgz",
@@ -3736,6 +3898,12 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "dev": true
+    },
     "node_modules/mdurl": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
@@ -4607,6 +4775,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
     "node_modules/object-inspect": {
       "version": "1.12.2",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz",
@@ -5378,6 +5558,27 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-pkg": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg/-/resolve-pkg-2.0.0.tgz",
+      "integrity": "sha512-+1lzwXehGCXSeryaISr6WujZzowloigEofRB+dj75y9RRa/obVcYgbHJd53tdYw8pvZj8GojXaaENws8Ktw/hQ==",
+      "dev": true,
+      "dependencies": {
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/restore-cursor": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
@@ -5778,6 +5979,13 @@
       "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
       "dev": true
     },
+    "node_modules/stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
+      "deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility",
+      "dev": true
+    },
     "node_modules/strict-uri-encode": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
@@ -5994,6 +6202,27 @@
         "typescript": "^4.1.2"
       }
     },
+    "node_modules/svgo": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
+      "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
+      "dev": true,
+      "dependencies": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^4.1.3",
+        "css-tree": "^1.1.3",
+        "csso": "^4.2.0",
+        "picocolors": "^1.0.0",
+        "stable": "^0.1.8"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/synckit": {
       "version": "0.7.2",
       "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.7.2.tgz",
@@ -7337,6 +7566,12 @@
         "tsm": "^2.1.4"
       }
     },
+    "@trysound/sax": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+      "dev": true
+    },
     "@types/acorn": {
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/@types/acorn/-/acorn-4.0.6.tgz",
@@ -7635,6 +7870,17 @@
         "zod": "^3.17.3"
       }
     },
+    "astro-icon": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/astro-icon/-/astro-icon-0.7.1.tgz",
+      "integrity": "sha512-EdWXi3j0fkFgzdhyxqGbaDPdpLb5y593E6e5zvxW8PL/6DjW/x2OhtaTuTMV5xRUCUsfzwOhXiW6EYa+EBTwJw==",
+      "dev": true,
+      "requires": {
+        "node-fetch": "^3.1.0",
+        "resolve-pkg": "^2.0.0",
+        "svgo": "^2.8.0"
+      }
+    },
     "available-typed-arrays": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
@@ -7708,6 +7954,12 @@
         "readable-stream": "^3.4.0"
       }
     },
+    "boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true
+    },
     "boxen": {
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/boxen/-/boxen-6.2.1.tgz",
@@ -7939,6 +8191,12 @@
       "integrity": "sha512-G5yTt3KQN4Yn7Yk4ed73hlZ1evrFKXeUW3086p3PRFNp7m2vIjI6Pg+Kgb+oyzhd9F2qdcoj67+y3SdxL5XWsg==",
       "dev": true
     },
+    "commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "dev": true
+    },
     "common-ancestor-path": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/common-ancestor-path/-/common-ancestor-path-1.0.1.tgz",
@@ -7965,6 +8223,52 @@
         "which": "^2.0.1"
       }
     },
+    "css-select": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+      "dev": true,
+      "requires": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      }
+    },
+    "css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "dev": true,
+      "requires": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        }
+      }
+    },
+    "css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "dev": true
+    },
+    "csso": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+      "dev": true,
+      "requires": {
+        "css-tree": "^1.1.2"
+      }
+    },
     "data-uri-to-buffer": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz",
@@ -8050,6 +8354,43 @@
       "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
       "dev": true
     },
+    "dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      }
+    },
+    "domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true
+    },
+    "domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^2.2.0"
+      }
+    },
+    "domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dev": true,
+      "requires": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      }
+    },
     "dset": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/dset/-/dset-3.1.2.tgz",
@@ -8084,6 +8425,12 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
       "dev": true
     },
+    "entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "dev": true
+    },
     "eol": {
       "version": "0.9.1",
       "resolved": "https://registry.npmjs.org/eol/-/eol-0.9.1.tgz",
@@ -9443,6 +9790,12 @@
       "integrity": "sha512-n4Vypz/DZgwo0iMHLQL49dJzlp7YtAJP+N07MZHpjPf/5XJuHUWstviF4Mn2jEiR/GNmtnRRqnwsXExk3igfFA==",
       "dev": true
     },
+    "mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "dev": true
+    },
     "mdurl": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
@@ -9971,6 +10324,15 @@
         }
       }
     },
+    "nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "requires": {
+        "boolbase": "^1.0.0"
+      }
+    },
     "object-inspect": {
       "version": "1.12.2",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz",
@@ -10517,6 +10879,21 @@
         "supports-preserve-symlinks-flag": "^1.0.0"
       }
     },
+    "resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true
+    },
+    "resolve-pkg": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg/-/resolve-pkg-2.0.0.tgz",
+      "integrity": "sha512-+1lzwXehGCXSeryaISr6WujZzowloigEofRB+dj75y9RRa/obVcYgbHJd53tdYw8pvZj8GojXaaENws8Ktw/hQ==",
+      "dev": true,
+      "requires": {
+        "resolve-from": "^5.0.0"
+      }
+    },
     "restore-cursor": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
@@ -10813,6 +11190,12 @@
       "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
       "dev": true
     },
+    "stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
+      "dev": true
+    },
     "strict-uri-encode": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
@@ -10964,6 +11347,21 @@
         "pascal-case": "^3.1.1"
       }
     },
+    "svgo": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
+      "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
+      "dev": true,
+      "requires": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^4.1.3",
+        "css-tree": "^1.1.3",
+        "csso": "^4.2.0",
+        "picocolors": "^1.0.0",
+        "stable": "^0.1.8"
+      }
+    },
     "synckit": {
       "version": "0.7.2",
       "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.7.2.tgz",

package.json

@@ -18,6 +18,7 @@
   "devDependencies": {
     "@astrojs/solid-js": "^0.2.1",
     "astro": "^1.0.0-beta.63",
+    "astro-icon": "^0.7.1",
     "prettier": "^2.7.1",
     "prettier-plugin-astro": "^0.1.1",
     "sass": "^1.53.0",

src/components/ArticleItem/ArticleItem.scss

@@ -1,4 +1,4 @@
-.ArticleItem {
+.article-item {
   border-radius: var(--border-radius-md);
   text-decoration: none;
   & a {

src/components/ArticleItem/ArticleItem.tsx

@@ -1,4 +1,4 @@
-import styles from './ArticleItem.module.scss';
+import './ArticleItem.scss';
 import { Component } from 'solid-js';
 import { IArticle } from '@root/interfaces';
 import { DateFormatter } from '@utils/date';
@@ -8,7 +8,7 @@ export type ArticleItemProps = {
 };
 
 export const ArticleItem: Component<ArticleItemProps> = ({ data }) => (
-  <article class={styles.ArticleItem}>
+  <article class='article-item'>
     <a href='#'>
       <h3>{data.title}</h3>
       <p>

src/components/ArticlesList/ArticlesList.scss

@@ -32,19 +32,6 @@
       list-style: none;
       margin: 0;
       padding: 0;
-      & li {
-        cursor: pointer;
-        padding: 3px 10px;
-        border-radius: var(--border-radius-md);
-        border: 1px solid var(--border-color);
-        text-decoration: none;
-        color: var(--font-color);
-        font-size: var(--font-size-sm);
-        font-weight: 400;
-        &:hover {
-          border-color: var(--border-color-hover);
-        }
-      }
     }
   }
   &-list {

src/components/ArticlesList/ArticlesList.tsx

@@ -46,6 +46,7 @@ export const ArticlesList: Component<ArticlesListProps> = ({ data, tags }) => {
                   selectedTags().includes(tag) &&
                   'border-color: var(--border-color-hover);'
                 }
+                class='btn-link'
                 onClick={() => {
                   if (selectedTags().includes(tag)) {
                     setSelectedTags(

src/components/Footer/Footer.astro

@@ -1,6 +1,6 @@
 ---
 import './Footer.scss';
-import { AstroIcon, NetlifyIcon, RssIcon } from '@components/icons';
+import { Icon } from 'astro-icon'
 ---
 
 <footer class='footer'>
@@ -8,15 +8,15 @@ import { AstroIcon, NetlifyIcon, RssIcon } from '@components/icons';
     <ul class='footer__links'>
       <li>
         <a href='https://astro.build/' target='_blank'>Astro</a>
-        <AstroIcon />
+        <Icon name='astro' width='20' height='20' />
       </li>
       <li>
         <a href='https://www.netlify.com/' target='_blank'>Netlify</a>
-        <NetlifyIcon />
+        <Icon name='netlify' width='20' height='20' />
       </li>
       <li>
         <a href='/rss.xml' target='_blank'>RSS</a>
-        <RssIcon />
+        <Icon name='rss' width='20' height='20' />
       </li>
     </ul>
     <p class='footer__copy'>© Sergey Yarkov, 2022</p>

src/components/Footer/Footer.scss

@@ -8,6 +8,7 @@
     flex-direction: column;
     align-items: center;
     row-gap: 15px;
+    user-select: none;
   }
   &__links {
     display: flex;

src/components/Header/Header.astro

@@ -1,8 +1,8 @@
 ---
 import './Header.scss';
 import { SITE_METADATA } from '@root/config';
-import { EmailIcon, GithubIcon, TelegramIcon } from '@components/icons';
 import ThemeSwitcher from '@components/ThemeSwticher';
+import {Icon} from 'astro-icon'
 ---
 
 <header class='header'>
@@ -19,13 +19,16 @@ import ThemeSwitcher from '@components/ThemeSwticher';
       </ul>
       <div class='header__nav-contacts'>
         <a href={'mailto:' + SITE_METADATA.contacts.email}>
-          <EmailIcon />
+          Почта
+          <Icon name='email' width='18' height='18' />
         </a>
         <a href={SITE_METADATA.contacts.githubUrl}>
-          <GithubIcon />
+          Github
+          <Icon name='github_filled' width='18' height='18' />
         </a>
         <a href={SITE_METADATA.contacts.telegramUrl}>
-          <TelegramIcon />
+          Телеграм
+          <Icon name='telegram' width='18' height='18' />
         </a>
       </div>
       <ThemeSwitcher />

src/components/Header/Header.scss

@@ -5,6 +5,7 @@
   background-color: var(--background-header-color);
   padding-top: 15px;
   padding-bottom: 15px;
+  user-select: none;
 
   & .container {
     display: flex;
@@ -17,6 +18,9 @@
     font-weight: 600;
     font-size: var(--font-size-lg);
     color: var(--font-color);
+    &:hover {
+      border-bottom: 2px solid var(--color-blue-500);
+    }
   }
   &__nav {
     display: flex;

src/components/ThemeSwticher/ThemeSwitcher.astro

@@ -1,8 +1,8 @@
 ---
 import './ThemeSwitcher.scss';
-import { MoonIcon } from '@components/icons';
+// import { MoonIcon } from '@components/icons';
 ---
 
 <button class='theme-switcher'>
-  <MoonIcon />
+  <!-- <MoonIcon /> -->
 </button>

src/components/icons/AstroIcon.astro

@@ -1,16 +0,0 @@
----
----
-
-<svg
-  width='20'
-  height='20'
-  viewBox='0 0 20 20'
-  fill='none'
-  xmlns='http://www.w3.org/2000/svg'
->
-  <path
-    fill-rule='evenodd'
-    clip-rule='evenodd'
-    d='M3.6875 11.7794C3.47072 12.3001 3.34962 12.8557 3.33 13.4194C3.35992 13.7671 3.47848 14.1012 3.67438 14.39C4.04298 14.8168 4.48626 15.1728 4.9825 15.4407L8.1875 17.5744C8.58188 17.8883 9.02533 18.1349 9.5 18.3044C9.8082 18.3778 10.1293 18.3778 10.4375 18.3044C10.9153 18.137 11.3624 17.892 11.7606 17.5794L15 15.4444C15.5013 15.1758 15.9496 14.8183 16.3231 14.3894C16.5204 14.0991 16.6389 13.7624 16.6669 13.4125C16.6456 12.8442 16.5213 12.2845 16.3 11.7606L13.4669 2.8444C13.4036 2.55564 13.2893 2.28049 13.1294 2.0319C13.0129 1.89033 12.8623 1.78066 12.6919 1.71315C12.4071 1.63593 12.1108 1.61011 11.8169 1.6369H8.12813C7.83414 1.61018 7.53773 1.63664 7.25313 1.71503C7.08226 1.7824 6.9316 1.8926 6.81563 2.03503C6.65636 2.28362 6.5431 2.55884 6.48125 2.84753L3.6875 11.78V11.7794ZM11.9625 3.5294C12.0943 3.7389 12.1876 3.97024 12.2381 4.21253L14.6706 12.2025C13.757 11.7286 12.7763 11.3971 11.7625 11.2194L10.1819 5.8694C10.1722 5.8378 10.155 5.80899 10.1319 5.78538C10.1087 5.76177 10.0803 5.74405 10.0489 5.73371C10.0175 5.72337 9.98405 5.7207 9.9514 5.72593C9.91876 5.73116 9.88785 5.74414 9.86125 5.76378C9.82556 5.78989 9.79943 5.827 9.78688 5.8694L8.22438 11.2175C7.20581 11.3948 6.22055 11.7277 5.30313 12.2044L7.74563 4.2144C7.79563 3.97166 7.88923 3.74 8.02188 3.53065C8.11862 3.41192 8.24372 3.31949 8.38563 3.2619C8.6247 3.19728 8.87344 3.17611 9.12 3.1994H10.8656C11.1124 3.17609 11.3613 3.19726 11.6006 3.2619C11.743 3.31966 11.8683 3.41255 11.965 3.5319L11.9625 3.5294ZM10.0794 13.1625C10.8316 13.2061 11.5775 13.0036 12.2044 12.5856C12.2756 12.81 12.3009 13.0464 12.2787 13.2807C12.2564 13.515 12.1872 13.7425 12.075 13.9494C11.8444 14.3413 11.5097 14.6617 11.1081 14.875C10.6869 15.1425 10.3244 15.375 10.3244 15.9919C10.3239 16.1898 10.3685 16.3852 10.455 16.5631C10.1709 16.4452 9.92818 16.2457 9.75743 15.9898C9.58668 15.734 9.49557 15.4332 9.49563 15.1257V15.0875C9.49563 14.6606 9.49563 14.135 8.89438 14.135C8.81056 14.135 8.72754 14.1513 8.65 14.1832C8.49396 14.2478 8.3699 14.3716 8.305 14.5275C8.27278 14.605 8.256 14.688 8.25563 14.7719C7.84352 14.3218 7.62215 13.7294 7.63813 13.1194C7.63521 12.8554 7.67208 12.5924 7.7475 12.3394C7.9975 12.8125 8.9475 13.1644 10.0794 13.1644V13.1625Z'
-    fill='#FF5D01'></path>
-</svg>

src/components/icons/EmailIcon.astro

@@ -1,21 +0,0 @@
----
----
-
-<svg
-  width='18'
-  height='19'
-  viewBox='0 0 18 19'
-  xmlns='http://www.w3.org/2000/svg'
->
-  <g clip-path='url(#clip0_545_246)'>
-    <path
-      d='M13.1472 11.4548C13.1472 12.2108 13.3623 12.5123 13.9248 12.5123C15.1785 12.5123 15.9768 10.9148 15.9768 8.258C15.9768 4.1972 13.0176 2.2532 9.32309 2.2532C5.52239 2.2532 2.06549 4.802 2.06549 9.6188C2.06549 14.2196 5.08949 16.7252 9.73349 16.7252C11.3103 16.7252 12.3687 16.5524 13.9878 16.0124L14.3352 17.4587C12.7368 17.978 11.0286 18.1283 9.71189 18.1283C3.62069 18.1283 0.358185 14.7803 0.358185 9.6179C0.358185 4.4123 4.13909 0.8699 9.34469 0.8699C14.7663 0.8699 17.6382 4.1099 17.6382 8.0843C17.6382 11.4539 16.5807 14.0243 13.2543 14.0243C11.7414 14.0243 10.7487 13.4195 10.6191 12.0794C10.2303 13.5698 9.19349 14.0243 7.78859 14.0243C5.90939 14.0243 4.33259 12.5762 4.33259 9.6611C4.33259 6.7235 5.71589 4.9091 8.19989 4.9091C9.51749 4.9091 10.3383 5.4275 10.7037 6.2483L11.331 5.1035H13.1454V11.4548H13.1472V11.4548ZM10.4913 8.6036C10.4913 7.4165 9.60479 6.9188 8.87039 6.9188C8.07119 6.9188 7.18649 7.5659 7.18649 9.4676C7.18649 10.9796 7.85609 11.822 8.87039 11.822C9.58319 11.822 10.4913 11.3684 10.4913 10.1156V8.6036Z'
-    ></path>
-  </g>
-  <defs>
-    <clipPath id='clip0_545_246'>
-      <rect width='18' height='18' fill='white' transform='translate(0 0.5)'
-      ></rect>
-    </clipPath>
-  </defs>
-</svg>

src/components/icons/GithubIcon.astro

@@ -1,13 +0,0 @@
----
----
-
-<svg
-  width='18'
-  height='19'
-  viewBox='0 0 18 19'
-  xmlns='http://www.w3.org/2000/svg'
->
-  <path
-    d='M8.99297 1.84121C4.6459 1.83945 1.125 5.35859 1.125 9.70215C1.125 13.1369 3.32754 16.0566 6.39492 17.1289C6.80801 17.2326 6.74473 16.9391 6.74473 16.7387V15.3764C4.35938 15.6559 4.2627 14.0773 4.10273 13.8137C3.7793 13.2617 3.01465 13.1211 3.24316 12.8574C3.78633 12.5779 4.34004 12.9277 4.98164 13.8752C5.4457 14.5625 6.35098 14.4465 6.80977 14.3322C6.90996 13.9191 7.12441 13.55 7.41973 13.2635C4.94824 12.8205 3.91816 11.3123 3.91816 9.51933C3.91816 8.64922 4.20469 7.84941 4.76719 7.2043C4.40859 6.14082 4.80059 5.23027 4.85332 5.09492C5.87461 5.00351 6.93633 5.82617 7.01895 5.89121C7.59902 5.73476 8.26172 5.65215 9.00352 5.65215C9.74883 5.65215 10.4133 5.73828 10.9986 5.89648C11.1973 5.74531 12.1816 5.03867 13.1309 5.1248C13.1818 5.26016 13.565 6.14961 13.2275 7.19902C13.7971 7.8459 14.0871 8.65273 14.0871 9.52461C14.0871 11.3211 13.05 12.8311 10.5715 13.267C10.7838 13.4758 10.9523 13.7247 11.0673 13.9994C11.1823 14.274 11.2414 14.5689 11.2412 14.8666V16.8441C11.2553 17.0023 11.2412 17.1588 11.5049 17.1588C14.618 16.1094 16.8592 13.1686 16.8592 9.70391C16.8592 5.35859 13.3365 1.84121 8.99297 1.84121V1.84121Z'
-  ></path>
-</svg>

src/components/icons/MoonIcon.astro

@@ -1,14 +0,0 @@
----
----
-
-<svg
-  class='sun-icon'
-  width='21'
-  height='21'
-  viewBox='0 0 21 21'
-  xmlns='http://www.w3.org/2000/svg'
->
-  <path
-    d='M10.5 10.3311C9.39908 9.22975 8.6493 7.82674 8.34545 6.29938C8.0416 4.77203 8.19731 3.18889 8.7929 1.75C7.09476 2.08429 5.53493 2.91752 4.3129 4.14313C0.896025 7.56 0.896025 13.1005 4.3129 16.5174C7.73065 19.9351 13.2703 19.9343 16.688 16.5174C17.9133 15.2955 18.7465 13.736 19.0811 12.0383C17.6422 12.6337 16.0591 12.7894 14.5318 12.4855C13.0045 12.1817 11.6015 11.432 10.5 10.3311V10.3311Z'
-  ></path>
-</svg>

src/components/icons/RssIcon.astro

@@ -1,14 +0,0 @@
----
----
-
-<svg
-  width='20'
-  height='20'
-  viewBox='0 0 20 20'
-  fill='none'
-  xmlns='http://www.w3.org/2000/svg'
->
-  <path
-    d='M2.39999 2.40002V4.76702C9.48599 4.76702 15.23 10.513 15.23 17.599H17.599C17.599 9.20503 10.794 2.40002 2.39999 2.40002ZM2.39999 7.13702V9.50602C3.46287 9.50602 4.51533 9.71539 5.49728 10.1222C6.47924 10.5289 7.37144 11.1252 8.12296 11.8768C8.87448 12.6284 9.47059 13.5207 9.87724 14.5027C10.2839 15.4847 10.4931 16.5372 10.493 17.6H12.861C12.861 11.822 8.17699 7.13702 2.39999 7.13702ZM4.66899 13.059C4.07507 13.0715 3.50968 13.3162 3.09405 13.7406C2.67842 14.1651 2.44565 14.7355 2.44565 15.3295C2.44565 15.9236 2.67842 16.494 3.09405 16.9184C3.50968 17.3429 4.07507 17.5876 4.66899 17.6C5.92299 17.6 6.93799 16.584 6.93799 15.33C6.93799 14.076 5.92299 13.059 4.66899 13.059Z'
-    fill='#F0883E'></path>
-</svg>

src/components/icons/TelegramIcon.astro

@@ -1,13 +0,0 @@
----
----
-
-<svg
-  width='18'
-  height='19'
-  viewBox='0 0 18 19'
-  xmlns='http://www.w3.org/2000/svg'
->
-  <path
-    d='M15.5322 3.24087C15.5322 3.24087 16.9892 2.67275 16.8678 4.05248C16.8273 4.62061 16.4631 6.60905 16.1798 8.75983L15.2085 15.131C15.2085 15.131 15.1275 16.0643 14.399 16.2266C13.6705 16.3889 12.5778 15.6585 12.3754 15.4962C12.2135 15.3745 9.34005 13.5483 8.32822 12.6556C8.04491 12.4121 7.72114 11.9251 8.36869 11.357L12.6183 7.29894C13.1039 6.81196 13.5896 5.67571 11.566 7.05545L5.89991 10.9106C5.89991 10.9106 5.25236 11.3164 4.03823 10.9512L1.40753 10.1396C1.40753 10.1396 0.436204 9.53086 2.09556 8.92213C6.14276 7.01484 11.1208 5.06698 15.5322 3.24087Z'
-  ></path>
-</svg>

src/components/icons/index.ts

@@ -1,17 +0,0 @@
-import EmailIcon from './EmailIcon.astro';
-import GithubIcon from './GithubIcon.astro';
-import TelegramIcon from './TelegramIcon.astro';
-import MoonIcon from './MoonIcon.astro';
-import AstroIcon from './AstroIcon.astro';
-import NetlifyIcon from './NetlifyIcon.astro';
-import RssIcon from './RssIcon.astro';
-
-export {
-  EmailIcon,
-  GithubIcon,
-  TelegramIcon,
-  MoonIcon,
-  AstroIcon,
-  NetlifyIcon,
-  RssIcon,
-};

src/config.ts

@@ -6,4 +6,6 @@ export const SITE_METADATA = {
     githubUrl: 'https://github.com/sergeyyarkov',
     telegramUrl: 'https://t.me/sergeyyarkov',
   },
+  projects: [],
+  skills: []
 };

src/icons/adonisjs.svg

@@ -0,0 +1,10 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_355_418)">
+<path d="M0.5 10C0.5 18.0651 2.43492 20 10.5 20C18.5651 20 20.5 18.0651 20.5 10C20.5 1.93492 18.5651 0 10.5 0C2.43492 0 0.5 1.93492 0.5 10ZM7.28227 16.2727C4.97797 16.2836 3.6893 14.1514 4.53254 12.0769L7.66945 4.94895C8.44016 2.75746 12.0266 2.16152 13.3311 4.94895L16.4674 12.0769C17.3157 14.1268 16.0316 16.2978 13.7177 16.2727C12.9524 16.3262 11.4359 15.5865 10.4977 15.6451C9.22773 15.6309 8.36211 16.3049 7.28227 16.2727ZM13.555 13.1975L10.5 6.19137L7.40402 13.1975C9.26074 12.3778 11.6228 12.3283 13.555 13.1975Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_355_418">
+<rect width="20" height="20" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

src/icons/arrow-up-right.svg

@@ -0,0 +1,3 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.25 3.75L3.75 11.25M5 3.75H11.25V10" stroke="#1F70ED" stroke-opacity="0.8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/icons/astro.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.68758 11.7794C3.4708 12.3001 3.3497 12.8557 3.33008 13.4194C3.35999 13.7671 3.47856 14.1012 3.67445 14.39C4.04306 14.8168 4.48634 15.1728 4.98258 15.4406L8.18758 17.5744C8.58196 17.8883 9.02541 18.1349 9.50008 18.3044C9.80827 18.3778 10.1294 18.3778 10.4376 18.3044C10.9154 18.137 11.3624 17.892 11.7607 17.5794L15.0001 15.4444C15.5014 15.1758 15.9497 14.8183 16.3232 14.3894C16.5205 14.0991 16.6389 13.7624 16.667 13.4125C16.6457 12.8442 16.5214 12.2845 16.3001 11.7606L13.467 2.8444C13.4037 2.55564 13.2894 2.28049 13.1295 2.0319C13.0129 1.89033 12.8624 1.78066 12.692 1.71315C12.4071 1.63593 12.1108 1.61011 11.817 1.6369H8.1282C7.83421 1.61018 7.53781 1.63664 7.2532 1.71503C7.08233 1.7824 6.93167 1.8926 6.8157 2.03503C6.65644 2.28362 6.54318 2.55884 6.48133 2.84753L3.68758 11.78V11.7794ZM11.9626 3.5294C12.0944 3.7389 12.1877 3.97024 12.2382 4.21253L14.6707 12.2025C13.7571 11.7286 12.7764 11.3971 11.7626 11.2194L10.182 5.8694C10.1722 5.8378 10.1551 5.80899 10.1319 5.78538C10.1088 5.76177 10.0803 5.74405 10.0489 5.73371C10.0175 5.72337 9.98412 5.7207 9.95148 5.72593C9.91884 5.73116 9.88792 5.74414 9.86133 5.76378C9.82564 5.78989 9.79951 5.827 9.78695 5.8694L8.22445 11.2175C7.20588 11.3948 6.22063 11.7277 5.3032 12.2044L7.7457 4.2144C7.79571 3.97166 7.88931 3.74 8.02195 3.53065C8.11869 3.41192 8.2438 3.31949 8.3857 3.2619C8.62478 3.19728 8.87352 3.17611 9.12008 3.1994H10.8657C11.1125 3.17609 11.3614 3.19726 11.6007 3.2619C11.743 3.31966 11.8684 3.41255 11.9651 3.5319L11.9626 3.5294ZM10.0795 13.1625C10.8316 13.2061 11.5776 13.0036 12.2045 12.5856C12.2757 12.81 12.301 13.0464 12.2787 13.2807C12.2565 13.515 12.1872 13.7425 12.0751 13.9494C11.8445 14.3413 11.5098 14.6617 11.1082 14.875C10.687 15.1425 10.3245 15.375 10.3245 15.9919C10.3239 16.1898 10.3686 16.3852 10.4551 16.5632C10.171 16.4452 9.92826 16.2457 9.75751 15.9898C9.58676 15.734 9.49565 15.4332 9.4957 15.1257V15.0875C9.4957 14.6607 9.4957 14.135 8.89445 14.135C8.81064 14.135 8.72762 14.1513 8.65008 14.1832C8.49404 14.2478 8.36998 14.3716 8.30508 14.5275C8.27285 14.605 8.25608 14.688 8.2557 14.7719C7.8436 14.3218 7.62222 13.7294 7.6382 13.1194C7.63528 12.8554 7.67215 12.5924 7.74758 12.3394C7.99758 12.8125 8.94758 13.1644 10.0795 13.1644V13.1625Z" fill="#FF5D01"/>
+</svg>

src/icons/astro_filled.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.8948 14.05C13.2948 14.5633 12.0973 14.9125 10.7181 14.9125C9.0248 14.9125 7.60564 14.3858 7.22897 13.6767C7.0948 14.0833 7.06397 14.5483 7.06397 14.845C7.06397 14.845 6.97564 16.3033 7.9898 17.3183C7.9898 16.7917 8.4173 16.3642 8.94397 16.3642C9.84647 16.3642 9.84564 17.1517 9.8448 17.7908V17.8483C9.8448 18.8183 10.4373 19.6492 11.2806 20C11.1508 19.7328 11.0836 19.4396 11.084 19.1425C11.084 18.2175 11.6273 17.8733 12.259 17.4733C12.7606 17.1542 13.319 16.8008 13.7031 16.09C13.9103 15.7078 14.0186 15.2798 14.0181 14.845C14.0183 14.5752 13.9767 14.3071 13.8948 14.05ZM13.459 0.5C13.6223 0.703333 13.7056 0.976667 13.8723 1.52417L17.5123 13.48C16.1451 12.7705 14.6777 12.2737 13.1606 12.0067L10.7915 4C10.7725 3.93614 10.7334 3.88014 10.68 3.84037C10.6265 3.8006 10.5616 3.77921 10.495 3.7794C10.4284 3.77959 10.3636 3.80134 10.3104 3.84141C10.2572 3.88148 10.2184 3.9377 10.1998 4.00167L7.85814 12.0042C6.33438 12.27 4.86034 12.7678 3.4873 13.48L7.1448 1.5225C7.31147 0.975833 7.3948 0.7025 7.55897 0.5C7.70319 0.321194 7.89082 0.182332 8.10397 0.0966667C8.34564 0 8.63064 0 9.2023 0H11.8148C12.3865 0 12.6731 0 12.9148 0.0975C13.1272 0.183209 13.3143 0.321754 13.4581 0.5H13.459Z" fill="black"/>
+</svg>

src/icons/avr.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.89277 6.44989L0 13.5847H2.09402L2.61211 12.3434H5.59125L6.16332 13.5847H8.28973L5.07312 6.44993H2.89277V6.44989ZM3.98297 8.46837L4.99758 10.9186H3.07625L3.98297 8.46837ZM6.16062 6.44989L10.0977 15.2645L14.1643 6.44989H12.0136L10.0977 10.7675L8.2843 6.44989H6.16059H6.16062ZM17.9718 6.44989H15.1762L12.0136 13.5847H14.1616L15.303 11.0238H15.7942L16.4715 13.5847H18.6735L17.6804 10.7675C20.6498 10.3433 20.7914 6.57333 17.9718 6.44993V6.44989ZM16.7737 9.52618H15.836L16.601 7.82071H17.3674C18.3507 7.97071 18.1546 9.46344 16.7737 9.52618Z" fill="black"/>
+</svg>

src/icons/docker.svg

@@ -0,0 +1,6 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3081 8.18335C17.0735 8.18205 16.8393 8.20157 16.6081 8.24168C16.5478 7.87677 16.4103 7.52893 16.2048 7.22141C15.9993 6.91388 15.7305 6.65373 15.4165 6.45835L15.1831 6.32501L15.0248 6.55001C14.826 6.85302 14.6821 7.18871 14.5998 7.54168C14.5176 7.85255 14.4995 8.17692 14.5468 8.495C14.5941 8.81307 14.7057 9.11817 14.8748 9.39168C14.4932 9.56179 14.0837 9.66064 13.6665 9.68335H2.69147C2.55366 9.68333 2.42137 9.73749 2.32315 9.83416C2.22493 9.93082 2.16866 10.0622 2.16647 10.2C2.15621 11.1631 2.31995 12.1201 2.6498 13.025C2.9459 13.9141 3.53307 14.6774 4.31647 15.1917C5.45513 15.7696 6.72422 16.0424 7.9998 15.9833C8.6752 15.995 9.35024 15.9448 10.0165 15.8333C10.9503 15.6662 11.8491 15.3421 12.6748 14.875C13.3565 14.4617 13.9671 13.9411 14.4831 13.3333C15.2527 12.4281 15.8538 11.3923 16.2581 10.275H16.4165C16.7572 10.2876 17.097 10.2322 17.4161 10.112C17.7351 9.99183 18.0271 9.80927 18.2748 9.57501C18.4911 9.37338 18.6592 9.12557 18.7665 8.85001L18.8331 8.66668L18.6665 8.53335C18.2628 8.27437 17.7867 8.1517 17.3081 8.18335Z" fill="black"/>
+<path d="M5.1752 7.79169H3.70853C3.67456 7.79163 3.64185 7.80452 3.61708 7.82775C3.5923 7.85098 3.57732 7.88279 3.5752 7.91669V9.23336C3.57732 9.26726 3.5923 9.29907 3.61708 9.3223C3.64185 9.34553 3.67456 9.35842 3.70853 9.35836H5.1752C5.20916 9.35842 5.24187 9.34553 5.26665 9.3223C5.29143 9.29907 5.30641 9.26726 5.30853 9.23336V7.91669C5.30641 7.88279 5.29143 7.85098 5.26665 7.82775C5.24187 7.80452 5.20916 7.79163 5.1752 7.79169ZM7.20853 7.79169H5.73353C5.69956 7.79163 5.66685 7.80452 5.64208 7.82775C5.6173 7.85098 5.60232 7.88279 5.6002 7.91669V9.23336C5.60232 9.26726 5.6173 9.29907 5.64208 9.3223C5.66685 9.34553 5.69956 9.35842 5.73353 9.35836H7.20853C7.24168 9.35836 7.27347 9.34519 7.29692 9.32175C7.32036 9.2983 7.33353 9.26651 7.33353 9.23336V7.91669C7.33353 7.88354 7.32036 7.85175 7.29692 7.8283C7.27347 7.80486 7.24168 7.79169 7.20853 7.79169ZM9.26686 7.79169H7.79186C7.75871 7.79169 7.72692 7.80486 7.70347 7.8283C7.68003 7.85175 7.66686 7.88354 7.66686 7.91669V9.23336C7.66686 9.26651 7.68003 9.2983 7.70347 9.32175C7.72692 9.34519 7.75871 9.35836 7.79186 9.35836H9.26686C9.30001 9.35836 9.33181 9.34519 9.35525 9.32175C9.37869 9.2983 9.39186 9.26651 9.39186 9.23336V7.91669C9.39186 7.88354 9.37869 7.85175 9.35525 7.8283C9.33181 7.80486 9.30001 7.79169 9.26686 7.79169ZM9.82519 7.79169C9.80626 7.78644 9.78635 7.78572 9.76709 7.7896C9.74782 7.79349 9.72975 7.80185 9.71432 7.81403C9.6989 7.82621 9.68656 7.84185 9.67832 7.85969C9.67007 7.87752 9.66615 7.89705 9.66686 7.91669V9.23336C9.66686 9.24977 9.6701 9.26603 9.67638 9.28119C9.68266 9.29636 9.69187 9.31014 9.70347 9.32175C9.71508 9.33335 9.72886 9.34256 9.74403 9.34884C9.75919 9.35512 9.77545 9.35836 9.79186 9.35836H11.3335C11.3667 9.35836 11.3985 9.34519 11.4219 9.32175C11.4454 9.2983 11.4585 9.26651 11.4585 9.23336V7.91669C11.4585 7.88354 11.4454 7.85175 11.4219 7.8283C11.3985 7.80486 11.3667 7.79169 11.3335 7.79169H9.82519ZM5.73353 5.90836H7.16686C7.20222 5.90836 7.23614 5.92241 7.26114 5.94741C7.28615 5.97241 7.30019 6.00633 7.30019 6.04169V7.34169C7.30392 7.36117 7.30325 7.38123 7.29823 7.40042C7.29322 7.4196 7.28399 7.43743 7.27122 7.4526C7.25845 7.46776 7.24245 7.47989 7.2244 7.4881C7.20634 7.4963 7.18669 7.50038 7.16686 7.50002H5.73353C5.70038 7.50002 5.66858 7.48685 5.64514 7.46341C5.6217 7.43997 5.60853 7.40818 5.60853 7.37502V6.03336C5.60853 6.01694 5.61176 6.00069 5.61804 5.98552C5.62433 5.97036 5.63353 5.95658 5.64514 5.94497C5.65675 5.93336 5.67053 5.92415 5.68569 5.91787C5.70086 5.91159 5.71711 5.90836 5.73353 5.90836ZM7.79186 5.90836H9.26686C9.28328 5.90836 9.29953 5.91159 9.3147 5.91787C9.32986 5.92415 9.34364 5.93336 9.35525 5.94497C9.36686 5.95658 9.37606 5.97036 9.38235 5.98552C9.38863 6.00069 9.39186 6.01694 9.39186 6.03336V7.34169C9.39186 7.37705 9.37781 7.41097 9.35281 7.43597C9.32781 7.46098 9.29389 7.47502 9.25853 7.47502H7.79186C7.75871 7.47502 7.72692 7.46186 7.70347 7.43841C7.68003 7.41497 7.66686 7.38318 7.66686 7.35002V6.03336C7.66686 6.01694 7.67009 6.00069 7.67638 5.98552C7.68266 5.97036 7.69187 5.95658 7.70347 5.94497C7.71508 5.93336 7.72886 5.92415 7.74403 5.91787C7.75919 5.91159 7.77545 5.90836 7.79186 5.90836ZM9.82519 5.90836H11.3335C11.3499 5.90836 11.3662 5.91159 11.3814 5.91787C11.3965 5.92415 11.4103 5.93336 11.4219 5.94497C11.4335 5.95658 11.4427 5.97036 11.449 5.98552C11.4553 6.00069 11.4585 6.01694 11.4585 6.03336V7.34169C11.4638 7.36063 11.4645 7.38053 11.4606 7.3998C11.4567 7.41906 11.4484 7.43714 11.4362 7.45256C11.424 7.46799 11.4084 7.48032 11.3905 7.48857C11.3727 7.49681 11.3532 7.50074 11.3335 7.50002H9.82519C9.80343 7.50469 9.78083 7.50384 9.75948 7.49754C9.73813 7.49123 9.71869 7.47968 9.70295 7.46394C9.6872 7.44819 9.67565 7.42876 9.66935 7.40741C9.66305 7.38605 9.66219 7.36346 9.66686 7.34169V6.03336C9.66615 6.01372 9.67007 5.99419 9.67832 5.97635C9.68656 5.95852 9.6989 5.94287 9.71432 5.9307C9.72975 5.91852 9.74782 5.91015 9.76709 5.90627C9.78635 5.90239 9.80626 5.9031 9.82519 5.90836Z" fill="black"/>
+<path d="M11.3002 4.01666H9.82519C9.75616 4.01666 9.7002 4.07263 9.7002 4.14166V5.45833C9.7002 5.52736 9.75616 5.58333 9.82519 5.58333H11.3002C11.3692 5.58333 11.4252 5.52736 11.4252 5.45833V4.14166C11.4252 4.07263 11.3692 4.01666 11.3002 4.01666Z" fill="black"/>
+<path d="M11.875 7.79169C11.8418 7.79169 11.8101 7.80486 11.7866 7.8283C11.7632 7.85174 11.75 7.88353 11.75 7.91669V9.23335C11.75 9.26651 11.7632 9.2983 11.7866 9.32174C11.8101 9.34518 11.8418 9.35835 11.875 9.35835H13.35C13.3664 9.35835 13.3827 9.35512 13.3978 9.34884C13.413 9.34256 13.4268 9.33335 13.4384 9.32174C13.45 9.31013 13.4592 9.29635 13.4655 9.28119C13.4718 9.26602 13.475 9.24977 13.475 9.23335V7.91669C13.475 7.90027 13.4718 7.88402 13.4655 7.86885C13.4592 7.85369 13.45 7.83991 13.4384 7.8283C13.4268 7.81669 13.413 7.80748 13.3978 7.8012C13.3827 7.79492 13.3664 7.79169 13.35 7.79169H11.875Z" fill="black"/>
+</svg>

src/icons/email.svg

@@ -0,0 +1,10 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_378_210)">
+<path d="M13.1464 11.4548C13.1464 12.2108 13.3615 12.5123 13.924 12.5123C15.1777 12.5123 15.976 10.9148 15.976 8.258C15.976 4.1972 13.0168 2.2532 9.32232 2.2532C5.52162 2.2532 2.06472 4.802 2.06472 9.6188C2.06472 14.2196 5.08872 16.7252 9.73272 16.7252C11.3095 16.7252 12.3679 16.5524 13.987 16.0124L14.3344 17.4587C12.736 17.978 11.0278 18.1283 9.71112 18.1283C3.61992 18.1283 0.357422 14.7803 0.357422 9.6179C0.357422 4.4123 4.13832 0.8699 9.34392 0.8699C14.7655 0.8699 17.6374 4.1099 17.6374 8.0843C17.6374 11.4539 16.5799 14.0243 13.2535 14.0243C11.7406 14.0243 10.7479 13.4195 10.6183 12.0794C10.2295 13.5698 9.19272 14.0243 7.78782 14.0243C5.90862 14.0243 4.33182 12.5762 4.33182 9.6611C4.33182 6.7235 5.71512 4.9091 8.19912 4.9091C9.51672 4.9091 10.3375 5.4275 10.7029 6.2483L11.3302 5.1035H13.1446V11.4548H13.1464V11.4548ZM10.4905 8.6036C10.4905 7.4165 9.60402 6.9188 8.86962 6.9188C8.07042 6.9188 7.18572 7.5659 7.18572 9.4676C7.18572 10.9796 7.85532 11.822 8.86962 11.822C9.58242 11.822 10.4905 11.3684 10.4905 10.1156V8.6036Z" fill="#010409"/>
+</g>
+<defs>
+<clipPath id="clip0_378_210">
+<rect width="18" height="18" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

src/icons/email_filled.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.125 6.366V12.6562C16.125 13.7437 15.2437 14.625 14.1562 14.625H3.84375C3.32161 14.625 2.82085 14.4176 2.45163 14.0484C2.08242 13.6792 1.875 13.1784 1.875 12.6562V6.366L8.77425 10.161C8.91488 10.2383 9.0855 10.2383 9.22575 10.161L16.125 6.36563V6.366ZM14.1562 3.375C14.6702 3.37505 15.1637 3.57606 15.5314 3.93509C15.8992 4.29412 16.1119 4.78272 16.1243 5.2965L9 9.21525L1.87575 5.29613L1.8765 5.26237C1.8975 4.75472 2.11395 4.27484 2.48059 3.92309C2.84723 3.57134 3.33566 3.37495 3.84375 3.375H14.1562Z" />
+</svg>

src/icons/expressjs.svg

@@ -0,0 +1,10 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_355_439)">
+<path d="M20.5 15.49C20.2089 15.6001 19.8876 15.5998 19.5967 15.4893C19.3058 15.3788 19.0654 15.1656 18.9208 14.89L16.0458 10.9141L15.6292 10.3583L12.2933 14.895C12.1575 15.159 11.9301 15.3645 11.6538 15.4731C11.3774 15.5817 11.0709 15.5859 10.7917 15.485L15.09 9.71831L11.0917 4.50915C11.3792 4.40554 11.6936 4.40417 11.982 4.50526C12.2704 4.60634 12.5151 4.80372 12.675 5.06415L15.655 9.08915L18.6517 5.08081C18.7886 4.82147 19.016 4.62147 19.2907 4.51884C19.5654 4.4162 19.8683 4.41809 20.1417 4.52415L18.59 6.58331L16.4883 9.31915C16.43 9.37121 16.3833 9.43502 16.3513 9.5064C16.3193 9.57777 16.3028 9.6551 16.3028 9.73331C16.3028 9.81152 16.3193 9.88885 16.3513 9.96023C16.3833 10.0316 16.43 10.0954 16.4883 10.1475L20.4917 15.4908L20.5 15.49ZM0.501677 9.64665L0.851677 7.91748C1.81334 4.49831 5.73334 3.07581 8.43001 5.19248C10.0092 6.43331 10.4033 8.18998 10.3258 10.17H1.43001C1.28584 13.7058 3.83751 15.8408 7.10001 14.75C7.62889 14.5596 8.10229 14.241 8.47781 13.8227C8.85332 13.4045 9.11922 12.8996 9.25168 12.3533C9.42418 11.7983 9.70834 11.7033 10.23 11.8633C10.1431 12.5403 9.90377 13.1888 9.53007 13.7599C9.15637 14.3311 8.65802 14.81 8.07251 15.1608C7.10536 15.6898 5.9957 15.8995 4.9022 15.7599C3.80869 15.6202 2.78734 15.1384 1.98418 14.3833C1.19003 13.4895 0.710073 12.3604 0.61751 11.1683C0.61751 10.9725 0.550843 10.7891 0.505843 10.6133C0.501787 10.2914 0.499842 9.96943 0.50001 9.64748L0.501677 9.64665ZM1.44084 9.40831H9.48584C9.43584 6.84498 7.81834 5.02665 5.66084 5.00998C3.25918 4.97665 1.54084 6.75498 1.43501 9.39665L1.44084 9.40831Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_355_439">
+<rect width="20" height="20" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

src/icons/gatsbyjs.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.2923 18.3308C5.94145 18.2241 2.41728 14.7833 2.17895 10.4658L2.16895 10.205L10.2923 18.3308ZM10.4998 1.66663C11.8399 1.66566 13.1604 1.98829 14.3491 2.60707C15.5377 3.22585 16.5594 4.1225 17.3273 5.22079L15.9623 6.17746C15.2688 5.18714 14.3192 4.40395 13.215 3.91167C12.1107 3.41938 10.8935 3.23651 9.69334 3.38262C8.49322 3.52873 7.35539 3.99833 6.40154 4.74117C5.4477 5.48402 4.71372 6.47218 4.27811 7.59996L12.8998 16.2216C13.889 15.8389 14.7728 15.2261 15.4782 14.434C16.1836 13.642 16.6903 12.6934 16.9564 11.6666H13.4164V9.99996H18.8331C18.8331 13.9383 16.1006 17.2383 12.4289 18.1083L2.39061 8.07163C3.26145 4.39996 6.56145 1.66663 10.4998 1.66663Z" fill="black"/>
+</svg>

src/icons/git-branch.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.7502 6.24999C16.7504 5.81161 16.6353 5.3809 16.4165 5.00104C16.1977 4.62117 15.8829 4.30552 15.5036 4.08575C15.1243 3.86597 14.6938 3.74979 14.2555 3.74887C13.8171 3.74794 13.3862 3.8623 13.006 4.08047C12.6257 4.29865 12.3096 4.61296 12.0892 4.9919C11.8688 5.37083 11.7519 5.80106 11.7502 6.23943C11.7486 6.6778 11.8622 7.1089 12.0797 7.48948C12.2973 7.87007 12.6111 8.18676 12.9896 8.4078C12.9002 9.54374 12.2053 9.85311 10.06 10.2992C9.36621 10.443 8.65645 10.5902 8.00098 10.8433V5.91366C8.47758 5.63849 8.85007 5.21375 9.06068 4.7053C9.27128 4.19686 9.30823 3.63313 9.16579 3.10155C9.02335 2.56997 8.70949 2.10024 8.27288 1.76521C7.83627 1.43019 7.30131 1.2486 6.75098 1.2486C6.20064 1.2486 5.66568 1.43019 5.22907 1.76521C4.79246 2.10024 4.4786 2.56997 4.33616 3.10155C4.19373 3.63313 4.23067 4.19686 4.44128 4.7053C4.65188 5.21375 5.02437 5.63849 5.50098 5.91366V14.0863C5.0251 14.3611 4.65301 14.785 4.44227 15.2926C4.23154 15.8001 4.19388 16.3629 4.33514 16.8939C4.4764 17.425 4.78869 17.8947 5.22373 18.2304C5.65876 18.5662 6.1923 18.7492 6.74182 18.7513C7.29134 18.7533 7.82622 18.5743 8.26375 18.2418C8.70127 17.9093 9.01706 17.4419 9.16227 16.9119C9.30748 16.3819 9.27402 15.8188 9.06707 15.3098C8.86012 14.8007 8.4912 14.374 8.01738 14.0957C8.11074 13.3926 8.64238 13.1453 10.5666 12.7473C11.6381 12.5258 12.7455 12.2965 13.683 11.6945C14.8158 10.9687 15.4225 9.86718 15.4939 8.41757C15.8755 8.19872 16.1926 7.88308 16.4132 7.50249C16.6338 7.12191 16.75 6.68987 16.7502 6.24999ZM6.7502 2.49999C6.99742 2.49999 7.2391 2.5733 7.44466 2.71065C7.65022 2.848 7.81044 3.04323 7.90505 3.27163C7.99966 3.50004 8.02441 3.75137 7.97618 3.99385C7.92795 4.23633 7.8089 4.45906 7.63408 4.63387C7.45926 4.80869 7.23654 4.92774 6.99406 4.97597C6.75158 5.0242 6.50025 4.99945 6.27184 4.90484C6.04343 4.81023 5.84821 4.65001 5.71086 4.44445C5.57351 4.23889 5.5002 3.99721 5.5002 3.74999C5.5002 3.41847 5.63189 3.10052 5.86631 2.8661C6.10073 2.63168 6.41868 2.49999 6.7502 2.49999ZM6.7502 17.5C6.50297 17.5 6.2613 17.4267 6.05573 17.2893C5.85017 17.152 5.68996 16.9567 5.59535 16.7283C5.50074 16.4999 5.47598 16.2486 5.52421 16.0061C5.57245 15.7636 5.6915 15.5409 5.86631 15.3661C6.04113 15.1913 6.26386 15.0722 6.50633 15.024C6.74881 14.9758 7.00014 15.0005 7.22855 15.0951C7.45696 15.1897 7.65218 15.35 7.78953 15.5555C7.92689 15.7611 8.0002 16.0028 8.0002 16.25C8.0002 16.5815 7.8685 16.8994 7.63408 17.1339C7.39966 17.3683 7.08172 17.5 6.7502 17.5ZM14.2502 7.49999C14.003 7.49999 13.7613 7.42668 13.5557 7.28932C13.3502 7.15197 13.19 6.95675 13.0953 6.72834C13.0007 6.49993 12.976 6.2486 13.0242 6.00612C13.0724 5.76365 13.1915 5.54092 13.3663 5.3661C13.5411 5.19129 13.7639 5.07224 14.0063 5.02401C14.2488 4.97577 14.5001 5.00053 14.7285 5.09514C14.957 5.18975 15.1522 5.34996 15.2895 5.55552C15.4269 5.76109 15.5002 6.00276 15.5002 6.24999C15.5002 6.58151 15.3685 6.89945 15.1341 7.13387C14.8997 7.36829 14.5817 7.49999 14.2502 7.49999Z" fill="black"/>
+</svg>

src/icons/github_filled.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.99297 1.84121C4.6459 1.83945 1.125 5.35859 1.125 9.70215C1.125 13.1369 3.32754 16.0566 6.39492 17.1289C6.80801 17.2326 6.74473 16.9391 6.74473 16.7387V15.3764C4.35938 15.6559 4.2627 14.0773 4.10273 13.8137C3.7793 13.2617 3.01465 13.1211 3.24316 12.8574C3.78633 12.5779 4.34004 12.9277 4.98164 13.8752C5.4457 14.5625 6.35098 14.4465 6.80977 14.3322C6.90996 13.9191 7.12441 13.55 7.41973 13.2635C4.94824 12.8205 3.91816 11.3123 3.91816 9.51933C3.91816 8.64922 4.20469 7.84941 4.76719 7.2043C4.40859 6.14082 4.80059 5.23027 4.85332 5.09492C5.87461 5.00351 6.93633 5.82617 7.01895 5.89121C7.59902 5.73476 8.26172 5.65215 9.00352 5.65215C9.74883 5.65215 10.4133 5.73828 10.9986 5.89648C11.1973 5.74531 12.1816 5.03867 13.1309 5.1248C13.1818 5.26016 13.565 6.14961 13.2275 7.19902C13.7971 7.8459 14.0871 8.65273 14.0871 9.52461C14.0871 11.3211 13.05 12.8311 10.5715 13.267C10.7838 13.4758 10.9523 13.7247 11.0673 13.9994C11.1823 14.274 11.2414 14.5689 11.2412 14.8666V16.8441C11.2553 17.0023 11.2412 17.1588 11.5049 17.1588C14.618 16.1094 16.8592 13.1686 16.8592 9.70391C16.8592 5.35859 13.3365 1.84121 8.99297 1.84121V1.84121Z" fill="#010409"/>
+</svg>

src/icons/graphql.svg

@@ -0,0 +1,10 @@
+<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_381_258)">
+<path d="M12.1251 2.62002L16.8251 5.33336C17.0428 5.10477 17.3108 4.92995 17.6077 4.82271C17.9047 4.71547 18.2225 4.67875 18.536 4.71545C18.8496 4.75215 19.1504 4.86126 19.4145 5.03417C19.6787 5.20708 19.899 5.43904 20.0581 5.71174C20.2172 5.98443 20.3107 6.29039 20.3312 6.60543C20.3518 6.92048 20.2987 7.23598 20.1764 7.52702C20.054 7.81805 19.8657 8.07665 19.6262 8.28238C19.3867 8.4881 19.1027 8.63532 18.7965 8.7124L18.7822 8.71526V14.1438C19.0935 14.2183 19.3829 14.3649 19.627 14.572C19.871 14.7791 20.0629 15.0408 20.187 15.3358C20.3111 15.6308 20.364 15.9509 20.3413 16.2702C20.3187 16.5895 20.2212 16.8989 20.0567 17.1735C19.8922 17.4481 19.6653 17.68 19.3945 17.8506C19.1237 18.0212 18.8165 18.1256 18.4978 18.1553C18.1791 18.1851 17.8579 18.1394 17.5602 18.0219C17.2625 17.9044 16.9966 17.7184 16.7841 17.4791L16.7822 17.4772L12.1108 20.1743C12.2118 20.4784 12.2396 20.8021 12.1921 21.119C12.1446 21.436 12.023 21.7372 11.8372 21.9983C11.6513 22.2594 11.4066 22.473 11.1228 22.6218C10.8389 22.7706 10.524 22.8504 10.2035 22.8546C9.8831 22.8588 9.56617 22.7875 9.27849 22.6462C8.99081 22.505 8.74049 22.298 8.54784 22.0419C8.35519 21.7858 8.22565 21.4878 8.16973 21.1723C8.11382 20.8567 8.1331 20.5324 8.22602 20.2257L8.22221 20.24L3.51649 17.5315C3.29801 17.7595 3.02954 17.9336 2.73226 18.0401C2.43497 18.1465 2.11701 18.1825 1.80345 18.1451C1.48989 18.1077 1.18932 17.9979 0.925442 17.8244C0.661565 17.651 0.441603 17.4186 0.28291 17.1456C0.124217 16.8726 0.0311333 16.5664 0.0110031 16.2513C-0.00912707 15.9361 0.0442467 15.6206 0.166914 15.3296C0.289581 15.0387 0.478185 14.7802 0.717848 14.5745C0.957511 14.3689 1.24167 14.2218 1.54792 14.1448L1.56221 14.1419V8.71431C1.27674 8.64665 1.00924 8.51816 0.777999 8.33762C0.546755 8.15707 0.357213 7.92873 0.222328 7.6682C0.0874427 7.40767 0.0103934 7.12109 -0.00355455 6.82805C-0.0175025 6.53501 0.0319797 6.2424 0.141511 5.97024C0.251041 5.69808 0.418039 5.45277 0.63109 5.25108C0.844142 5.04939 1.09823 4.89607 1.37598 4.8016C1.65373 4.70714 1.9486 4.67375 2.24044 4.70372C2.53228 4.73369 2.81422 4.82631 3.06697 4.97526L3.05745 4.9705C3.23269 5.07145 3.38316 5.1905 3.51364 5.32859L3.51459 5.32955L8.21745 2.61526C8.12673 2.31026 8.10868 1.98826 8.16475 1.67504C8.22083 1.36182 8.34946 1.06607 8.54036 0.811491C8.73125 0.55691 8.97911 0.350564 9.26408 0.208975C9.54904 0.0673863 9.8632 -0.00551085 10.1814 -0.00387946C10.4996 -0.00224807 10.813 0.0738665 11.0965 0.21837C11.38 0.362873 11.6257 0.57175 11.814 0.828275C12.0023 1.0848 12.1279 1.38185 12.1807 1.69563C12.2336 2.00941 12.2122 2.33121 12.1184 2.63526L12.1222 2.62098L12.1251 2.62002ZM11.6346 3.45526C11.6175 3.4743 11.5993 3.49242 11.5803 3.50955L11.5794 3.5105L17.7327 14.1676C17.7574 14.1591 17.786 14.1524 17.8108 14.1457V8.7105C17.5505 8.64542 17.3056 8.52959 17.0902 8.36965C16.8748 8.20972 16.6931 8.00883 16.5555 7.77851C16.4179 7.54818 16.3272 7.29296 16.2884 7.02748C16.2497 6.762 16.2638 6.49148 16.3298 6.23145L16.327 6.24574L16.3451 6.17717L11.6346 3.45526ZM8.76316 3.51145L8.70602 3.45431L3.99554 6.1705C4.14438 6.68663 4.08314 7.24068 3.82516 7.71184C3.56719 8.183 3.13341 8.53308 2.6184 8.68574L2.60411 8.68955L2.53173 8.70955V14.1457L2.61173 14.1676L8.76507 3.5105L8.76316 3.51145ZM10.7403 3.99431C10.3645 4.10209 9.96584 4.10077 9.59078 3.9905L9.60507 3.99431L3.45269 14.6505C3.72507 14.9134 3.92507 15.2495 4.02126 15.6276L4.02411 15.6419H16.3203C16.4174 15.2486 16.6184 14.9105 16.8908 14.6486L16.8917 14.6476L10.7432 3.99431H10.7403ZM11.6794 19.4486L16.3622 16.7457C16.3483 16.7012 16.3362 16.6561 16.326 16.6105H4.02126L4.00126 16.6895L8.70507 19.4057C9.0765 19.0219 9.59649 18.7838 10.1717 18.7838C10.7679 18.7838 11.3041 19.0391 11.6774 19.4467L11.6784 19.4486H11.6794Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_381_258">
+<rect width="20" height="22.8571" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/icons/information.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="19" viewBox="0 0 18 19" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 1.70001C8.04 1.70001 7.2 2.54001 7.2 3.50001C7.2 4.46001 8.04 5.30001 9 5.30001C9.96 5.30001 10.8 4.46001 10.8 3.50001C10.8 2.54001 9.96 1.70001 9 1.70001ZM4.8 6.50001V7.70001C4.8 7.70001 7.2 7.70001 7.2 10.1V12.5C7.2 14.9 4.8 14.9 4.8 14.9V16.1H13.2V14.9C13.2 14.9 10.8 14.9 10.8 12.5V7.70001C10.8 7.10001 10.2 6.50001 9.6 6.50001H4.8Z" />
+</svg>

src/icons/language-c.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8751 13.3084L13.2251 15.3417C13.0085 15.4584 12.6585 15.5667 12.1918 15.6667C11.7168 15.775 11.1585 15.8334 10.5168 15.8334C8.67513 15.8 7.2918 15.25 6.3668 14.2C5.4168 13.1417 4.9668 11.8 4.9668 10.175C5.00013 8.25002 5.5668 6.77502 6.6668 5.74169C7.73346 4.70002 9.10013 4.16669 10.7501 4.16669C11.3751 4.16669 11.9168 4.22502 12.3668 4.32502C12.8168 4.42502 13.1501 4.53335 13.3668 4.65835L12.8668 6.73335L12.0001 6.45002C11.6668 6.36669 11.2751 6.32502 10.8335 6.32502C9.87513 6.31669 9.07513 6.62502 8.45013 7.24169C7.8168 7.85002 7.50013 8.78335 7.4668 10.025C7.47513 11.1584 7.77513 12.0417 8.3668 12.6917C8.95846 13.3334 9.78346 13.6667 10.8585 13.675L11.9668 13.575C12.3251 13.5084 12.6251 13.4167 12.8751 13.3084Z" fill="black"/>
+</svg>

src/icons/mongodb.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.4496 3.52499C10.7496 2.69165 10.1413 1.85832 10.0246 1.67499H9.99964C9.88297 1.84999 9.27464 2.69165 8.57464 3.52499C2.57464 11.1833 9.52464 16.35 9.52464 16.35L9.58297 16.3917C9.63297 17.1833 9.7663 18.3333 9.7663 18.3333H10.283C10.283 18.3333 10.408 17.1917 10.458 16.3917L10.5163 16.3417C10.5163 16.3417 17.4496 11.1833 11.4496 3.52499ZM9.99964 16.2333C9.85359 16.1133 9.71962 15.9794 9.59964 15.8333L9.99964 7.49999L10.3746 15.8333C10.2622 15.9779 10.1367 16.1118 9.99964 16.2333Z" fill="black"/>
+</svg>

src/icons/nodejs.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.4998 18.3208C10.2707 18.3208 10.0565 18.2591 9.8565 18.1525L7.824 16.9458C7.51983 16.7766 7.67233 16.715 7.764 16.6841C8.17733 16.5466 8.254 16.5166 8.6815 16.2733C8.72816 16.2425 8.789 16.2566 8.83566 16.2875L10.394 17.2208C10.4557 17.2508 10.5323 17.2508 10.5782 17.2208L16.6773 13.69C16.739 13.66 16.769 13.5983 16.769 13.5216V6.47331C16.769 6.39748 16.739 6.33581 16.6773 6.30581L10.5782 2.78998C10.5173 2.75914 10.4407 2.75914 10.394 2.78998L4.29316 6.30498C4.23233 6.33498 4.2015 6.41248 4.2015 6.47248V13.52C4.2015 13.5808 4.23233 13.6583 4.29316 13.6883L5.95983 14.6525C6.8615 15.1091 7.42816 14.5733 7.42816 14.04V7.08498C7.42816 6.99331 7.504 6.90081 7.6115 6.90081H8.3915C8.4815 6.90081 8.57483 6.97748 8.57483 7.08498V14.0408C8.57483 15.2483 7.91816 15.9525 6.7715 15.9525C6.41983 15.9525 6.14483 15.9525 5.36483 15.5691L3.76066 14.6533C3.56521 14.5397 3.40301 14.3768 3.29026 14.1808C3.17751 13.9848 3.11817 13.7627 3.11816 13.5366V6.48831C3.11816 6.02998 3.36233 5.60164 3.76066 5.37248L9.85733 1.84164C10.0552 1.7358 10.2762 1.68042 10.5007 1.68042C10.7251 1.68042 10.9461 1.7358 11.144 1.84164L17.2415 5.37248C17.6407 5.60081 17.884 6.02998 17.884 6.48831V13.5366C17.884 13.9941 17.6398 14.4225 17.2415 14.6533L11.144 18.1833C10.9432 18.275 10.714 18.3208 10.4998 18.3208ZM12.3798 13.4741C9.70483 13.4741 9.15483 12.2508 9.15483 11.2125C9.15483 11.1208 9.2315 11.0283 9.33816 11.0283H10.1332C10.2248 11.0283 10.3007 11.0891 10.3007 11.1816C10.4232 11.9908 10.774 12.3891 12.3957 12.3891C13.679 12.3891 14.2307 12.0975 14.2307 11.41C14.2307 11.0125 14.0765 10.7225 12.0748 10.5241C10.409 10.3575 9.36983 9.98831 9.36983 8.65914C9.36983 7.42164 10.409 6.68748 12.1523 6.68748C14.1082 6.68748 15.0715 7.36164 15.1932 8.82748C15.1917 8.87695 15.1755 8.92484 15.1465 8.96498C15.1157 8.99498 15.0707 9.02581 15.0248 9.02581H14.2307C14.1914 9.02498 14.1535 9.01109 14.1231 8.98634C14.0926 8.96159 14.0712 8.92739 14.0623 8.88914C13.8782 8.04581 13.4048 7.77248 12.1523 7.77248C10.7448 7.77248 10.5765 8.26164 10.5765 8.62831C10.5765 9.07081 10.774 9.20831 12.6715 9.45331C14.5515 9.69748 15.4382 10.0491 15.4382 11.365C15.4215 12.7108 14.3223 13.4741 12.3798 13.4741Z" fill="black"/>
+</svg>

src/icons/postgresql.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.95038 10.7417V10.65C9.00038 10.525 9.05038 10.4083 9.10871 10.2917C9.56994 9.31691 9.64729 8.20422 9.32538 7.17501C9.30857 7.02802 9.24668 6.88984 9.1482 6.77943C9.04973 6.66902 8.91949 6.59179 8.77538 6.55834C8.15542 6.51519 7.5405 6.69552 7.04205 7.06668V7.21668C7.09679 7.886 7.08003 8.55924 6.99205 9.22501C6.94476 9.52383 6.96676 9.82952 7.05634 10.1185C7.14592 10.4075 7.30069 10.672 7.50871 10.8917C7.66194 11.0547 7.84642 11.1852 8.05115 11.2754C8.25588 11.3656 8.47668 11.4136 8.70038 11.4167C8.77157 11.1874 8.85503 10.962 8.95038 10.7417ZM8.33371 7.15001C8.28689 7.09696 8.26033 7.02908 8.25871 6.95834C8.26377 6.93746 8.27303 6.91782 8.28593 6.90063C8.29882 6.88344 8.31508 6.86905 8.33371 6.85834C8.45671 6.79451 8.59761 6.77396 8.73371 6.80001C8.94205 6.80001 9.15038 6.93334 9.13371 7.08334C9.10261 7.16589 9.04659 7.23671 8.97342 7.28599C8.90025 7.33526 8.81357 7.36055 8.72538 7.35834H8.67538C8.53845 7.33673 8.41563 7.26184 8.33371 7.15001Z" fill="black"/>
+<path d="M6.56658 9.16667C6.64176 8.53065 6.6585 7.88907 6.61658 7.25V7.01667C6.58374 5.64097 7.0383 4.29796 7.89992 3.225C7.06658 2.95833 5.06658 2.39167 3.84158 3.30833C3.09158 3.84167 2.74158 4.84167 2.81658 6.26667C2.98259 7.51163 3.26152 8.73891 3.64992 9.93333C4.21658 11.7833 4.85825 12.95 5.40825 13.1417C5.49158 13.1417 5.74992 13.25 6.12492 12.8C6.65825 12.1667 7.14992 11.625 7.37492 11.3833L7.21658 11.225C6.95558 10.9561 6.76091 10.6301 6.64807 10.2727C6.53523 9.9154 6.50733 9.53667 6.56658 9.16667ZM9.48325 12C9.34992 11.95 9.28325 11.9167 9.13325 12.0917C9.04407 12.1814 8.96319 12.279 8.89158 12.3833C8.59992 12.7417 8.47492 12.8667 7.63325 13.0417C7.51926 13.0606 7.40755 13.0913 7.29992 13.1333C7.39258 13.1982 7.49749 13.2436 7.60825 13.2667C7.98116 13.3928 8.38468 13.3961 8.75961 13.2761C9.13455 13.1562 9.46118 12.9192 9.69158 12.6C9.71311 12.5544 9.72427 12.5046 9.72427 12.4542C9.72427 12.4037 9.71311 12.3539 9.69158 12.3083C9.66522 12.1822 9.59041 12.0715 9.48325 12ZM14.7249 7.15C14.7636 6.93254 14.7859 6.71247 14.7916 6.49167C14.2416 6.425 13.6083 6.43333 13.3583 6.79167C12.8749 7.48333 13.8249 9.19167 14.1916 9.91667C14.2721 10.0453 14.3445 10.1789 14.4083 10.3167C14.4415 10.4066 14.4834 10.4931 14.5333 10.575C14.7503 10.0091 14.7966 9.39198 14.6666 8.8C14.6267 8.51006 14.6072 8.21767 14.6083 7.925C14.6268 7.66401 14.6658 7.40488 14.7249 7.15ZM14.2583 7.01667C14.1861 7.09024 14.0929 7.13972 13.9916 7.15833H13.9416C13.8624 7.15864 13.7849 7.13491 13.7194 7.09028C13.654 7.04564 13.6036 6.9822 13.5749 6.90833C13.5749 6.79167 13.7416 6.70833 13.9416 6.675C14.1416 6.64167 14.3416 6.675 14.3583 6.8C14.3544 6.8825 14.3186 6.96025 14.2583 7.01667Z" fill="black"/>
+<path d="M14.1663 4.0667C14.7153 4.67717 15.1071 5.41228 15.3079 6.20836C15.3124 6.24991 15.3124 6.29181 15.3079 6.33336C15.3107 6.62951 15.2856 6.92525 15.2329 7.2167C15.1934 7.45384 15.1684 7.69317 15.1579 7.93336C15.1563 8.21222 15.1758 8.4908 15.2163 8.7667C15.3846 9.53135 15.2784 10.3308 14.9163 11.025L14.9746 11.0917C16.8246 8.18336 17.4746 4.80836 16.8829 4.0667C16.5039 3.59022 16.0205 3.20717 15.4701 2.94709C14.9196 2.68702 14.3167 2.55688 13.7079 2.5667C13.2516 2.56033 12.796 2.60505 12.3496 2.70003C13.0496 3.01433 13.6703 3.4813 14.1663 4.0667Z" fill="black"/>
+<path d="M18.0421 11.6666C17.9837 11.5 17.7337 10.9583 16.8171 11.15C16.5427 11.2084 16.264 11.2446 15.9837 11.2583C16.7361 9.98603 17.3135 8.61817 17.7004 7.19164C18.0087 5.98331 18.2504 4.36664 17.6087 3.54164C17.1375 2.9438 16.534 2.46336 15.8457 2.13803C15.1575 1.8127 14.4032 1.65135 13.6421 1.66664C12.9481 1.66219 12.2573 1.76048 11.5921 1.95831C11.1929 1.88816 10.7889 1.84915 10.3837 1.84164C9.66644 1.8269 8.95837 2.00536 8.33374 2.35831C7.8519 2.19952 7.35886 2.07695 6.85874 1.99164C6.26453 1.84014 5.64576 1.81077 5.03986 1.90531C4.43397 1.99984 3.85356 2.21632 3.33374 2.54164C2.30041 3.26664 1.82541 4.53331 1.90874 6.30831C2.06783 7.62814 2.34676 8.93074 2.74208 10.2C2.9772 10.9941 3.28691 11.7642 3.66708 12.5C3.93797 13.1776 4.46058 13.7241 5.12541 14.025C5.36637 14.1034 5.62389 14.1162 5.87144 14.0621C6.119 14.0079 6.34762 13.8886 6.53374 13.7166C6.75679 13.9593 7.04679 14.1304 7.36708 14.2083C8.01482 14.3868 8.70343 14.3458 9.32541 14.0916V14.7666C9.31841 15.4311 9.40538 16.0932 9.58374 16.7333C9.58609 16.7694 9.58609 16.8056 9.58374 16.8416C9.69486 17.2287 9.89784 17.5832 10.1754 17.875C10.5111 18.189 10.9577 18.3569 11.4171 18.3416C11.6135 18.3424 11.8093 18.32 12.0004 18.275C12.3626 18.2309 12.7122 18.1144 13.0286 17.9326C13.345 17.7508 13.6216 17.5074 13.8421 17.2166C14.4065 16.2002 14.6696 15.0439 14.6004 13.8833V13.6666H14.7421C15.4257 13.714 16.1108 13.5998 16.7421 13.3333C17.1171 13.1416 18.3337 12.5 18.0421 11.6666ZM16.5337 12.8916C16.0572 13.0836 15.5475 13.1798 15.0337 13.175C14.8113 13.1809 14.5893 13.1528 14.3754 13.0916C14.2921 13.875 14.1087 15.3333 14.0004 15.9416C13.9684 16.4324 13.7617 16.8956 13.4178 17.2472C13.0739 17.5987 12.6154 17.8155 12.1254 17.8583C11.9446 17.8966 11.7603 17.9161 11.5754 17.9166C11.2126 17.9082 10.8624 17.7815 10.5782 17.5559C10.2939 17.3303 10.091 17.0181 10.0004 16.6666C9.78557 15.5525 9.70722 14.4164 9.76708 13.2833C9.36139 13.65 8.8304 13.8469 8.28374 13.8333C8.01922 13.8289 7.7562 13.7925 7.50041 13.725C7.42541 13.725 6.77541 13.5333 6.78374 13.1166C6.79208 12.7 7.33374 12.625 7.53374 12.5833C8.25041 12.4333 8.30041 12.375 8.52541 12.0916C8.57449 12.0221 8.62734 11.9554 8.68374 11.8916C8.36044 11.8795 8.04413 11.794 7.75874 11.6416C7.56708 11.85 7.04208 12.4166 6.47541 13.0916C6.37242 13.2448 6.23525 13.372 6.07473 13.4631C5.91421 13.5542 5.73472 13.6067 5.55041 13.6166C5.45368 13.6305 5.35547 13.6305 5.25874 13.6166C4.52541 13.3333 3.83374 12.125 3.20041 9.99998C2.8072 8.76993 2.52824 7.50625 2.36708 6.22498C2.28374 4.62498 2.70041 3.49164 3.59208 2.89164C5.19208 1.75831 7.75874 2.63331 8.34208 2.84164C8.93561 2.44855 9.63941 2.25581 10.3504 2.29164C10.7441 2.29206 11.1361 2.34246 11.5171 2.44164C12.1877 2.21343 12.8921 2.10072 13.6004 2.10831C14.2884 2.08939 14.9714 2.23002 15.596 2.51917C16.2206 2.80832 16.7697 3.23815 17.2004 3.77498C17.7754 4.50831 17.3921 6.27498 17.2004 7.01664C16.7728 8.6159 16.095 10.1375 15.1921 11.525C15.3254 11.6166 15.7337 11.7833 16.8587 11.525C17.2421 11.4416 17.4671 11.525 17.5421 11.7333C17.7254 12.1916 16.9587 12.675 16.5337 12.875V12.8916Z" fill="black"/>
+<path d="M14.5251 11.325C14.3128 11.0742 14.1387 10.7934 14.0085 10.4917C14.0085 10.4333 13.9085 10.2917 13.8168 10.1333C13.3335 9.3 12.3251 7.45 12.9835 6.51666C13.2051 6.28099 13.4861 6.10941 13.797 6.01995C14.1079 5.9305 14.4372 5.92648 14.7501 6.00833C14.5359 5.41725 14.2169 4.86961 13.8085 4.39166C13.392 3.8786 12.8678 3.46336 12.2731 3.17535C11.6783 2.88734 11.0276 2.73359 10.3668 2.725C9.97687 2.70042 9.58614 2.75821 9.22002 2.8946C8.8539 3.031 8.5206 3.24295 8.2418 3.51666C7.53227 4.35253 7.1269 5.40415 7.0918 6.5L7.2168 6.43333C7.56326 6.24645 7.94231 6.12764 8.33346 6.08333C8.49533 6.04584 8.6632 6.04213 8.82656 6.07244C8.98993 6.10275 9.14529 6.16643 9.28293 6.2595C9.42058 6.35257 9.53755 6.47302 9.62654 6.61334C9.71553 6.75365 9.77462 6.91081 9.80013 7.075C10.1427 8.20202 10.0567 9.41592 9.55846 10.4833C9.50428 10.5885 9.45696 10.6971 9.4168 10.8083V10.9C9.33346 11.125 9.25846 11.3333 9.20846 11.5083C9.36901 11.4777 9.53509 11.4981 9.68346 11.5667C9.80881 11.6263 9.91984 11.7123 10.009 11.8187C10.0982 11.9251 10.1633 12.0495 10.2001 12.1833V12.3167C10.2042 12.3415 10.2042 12.3668 10.2001 12.3917C10.1104 13.7554 10.1719 15.1248 10.3835 16.475C10.421 16.6514 10.4962 16.8175 10.604 16.9621C10.7118 17.1066 10.8496 17.2261 11.0079 17.3124C11.1662 17.3987 11.3414 17.4497 11.5213 17.462C11.7012 17.4742 11.8816 17.4474 12.0501 17.3833C12.4469 17.3566 12.8195 17.183 13.0953 16.8964C13.3711 16.6099 13.5303 16.2309 13.5418 15.8333C13.6668 15.1 13.9168 13.0417 13.9501 12.6C13.9501 11.7167 14.3835 11.5417 14.6501 11.4667L14.5251 11.325Z" fill="black"/>
+<path d="M14.9999 11.9417L14.9332 11.8917H14.8332C14.6166 11.95 14.4166 12.0083 14.4416 12.5583C14.6875 12.6559 14.9539 12.6903 15.2166 12.6583C15.6106 12.6418 15.9992 12.5601 16.3666 12.4167C16.6075 12.3079 16.8298 12.1617 17.0249 11.9833C16.367 12.214 15.6478 12.1992 14.9999 11.9417Z" fill="black"/>
+</svg>

src/icons/reactjs.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5398 13.5333C12.0936 14.1678 11.6073 14.7732 11.084 15.3458C12.4773 16.6983 13.774 17.3317 14.4923 16.9158C15.2123 16.5008 15.3115 15.0617 14.8373 13.1792C14.1265 13.3375 13.354 13.4575 12.5398 13.5333ZM11.4482 13.6058C10.8162 13.632 10.1834 13.632 9.5515 13.6058C9.86567 14.0158 10.1832 14.3958 10.4998 14.7425C10.8165 14.3958 11.1332 14.0158 11.4482 13.6058ZM15.6482 7.02749C17.869 7.66415 19.319 8.72249 19.319 9.99999C19.319 11.2775 17.869 12.3358 15.6482 12.9725C16.2065 15.2142 16.0157 16.9992 14.9098 17.6375C13.8032 18.2767 12.1615 17.55 10.4998 15.9458C8.83816 17.55 7.1965 18.2767 6.08983 17.6375C4.984 16.9992 4.79233 15.2142 5.3515 12.9725C3.13066 12.3358 1.68066 11.2775 1.68066 9.99999C1.68066 8.72249 3.13066 7.66415 5.3515 7.02749C4.79316 4.78582 4.984 3.00082 6.08983 2.36249C7.1965 1.72332 8.83816 2.44999 10.4998 4.05415C12.1615 2.44999 13.8032 1.72332 14.9098 2.36249C16.0157 3.00082 16.2073 4.78582 15.6482 7.02749ZM14.8373 6.82082C15.3123 4.93749 15.2123 3.49915 14.4932 3.08415C13.774 2.66832 12.4773 3.30165 11.0848 4.65415C11.6076 5.22701 12.0936 5.83239 12.5398 6.46665C13.3548 6.54165 14.1265 6.66165 14.8373 6.82082ZM6.16233 13.1792C5.68733 15.0625 5.78733 16.5008 6.5065 16.9158C7.22566 17.3317 8.52233 16.6983 9.91483 15.3458C9.39177 14.7732 8.90579 14.1678 8.45983 13.5333C7.68724 13.4643 6.91985 13.346 6.16233 13.1792ZM9.5515 6.39415C10.1834 6.36799 10.8162 6.36799 11.4482 6.39415C11.1486 6.00204 10.8322 5.62307 10.4998 5.25832C10.1832 5.60499 9.8665 5.98499 9.5515 6.39499V6.39415ZM8.45983 6.46665C8.90632 5.83211 9.39287 5.22671 9.9165 4.65415C8.52233 3.30165 7.22483 2.66832 6.50733 3.08415C5.78733 3.49915 5.68816 4.93832 6.16233 6.82082C6.87316 6.66249 7.64566 6.54249 8.45983 6.46665ZM12.0782 12.7333C12.6714 11.8628 13.1987 10.9491 13.6557 9.99999C13.1987 9.05084 12.6714 8.13719 12.0782 7.26665C11.0274 7.18798 9.97225 7.18798 8.9215 7.26665C8.3283 8.13719 7.80099 9.05084 7.344 9.99999C7.80099 10.9491 8.3283 11.8628 8.9215 12.7333C9.97225 12.812 11.0274 12.812 12.0782 12.7333ZM13.1482 12.6242C13.6607 12.5575 14.1482 12.4717 14.6065 12.3708C14.4566 11.9006 14.2865 11.4371 14.0965 10.9817C13.8032 11.5417 13.4868 12.0894 13.1482 12.6233V12.6242ZM7.8515 7.37499C7.339 7.44165 6.8515 7.52749 6.39316 7.62832C6.53483 8.07499 6.70483 8.53999 6.90316 9.01749C7.1965 8.45742 7.51289 7.90973 7.8515 7.37582V7.37499ZM6.39316 12.37C6.8515 12.4708 7.339 12.5558 7.8515 12.6233C7.51289 12.0894 7.1965 11.5417 6.90316 10.9817C6.71312 11.4368 6.54296 11.9 6.39316 12.37ZM5.57816 12.1658C5.79566 11.4708 6.07816 10.7425 6.41983 9.99915C6.09373 9.29546 5.81261 8.57178 5.57816 7.83249C3.70983 8.36332 2.514 9.16915 2.514 9.99915C2.514 10.8292 3.70983 11.635 5.57816 12.1658ZM14.6065 7.62832C14.1242 7.52316 13.6377 7.43864 13.1482 7.37499C13.4868 7.9089 13.8032 8.45659 14.0965 9.01665C14.2948 8.53999 14.4648 8.07499 14.6065 7.62832ZM15.4215 7.83249C15.204 8.52749 14.9215 9.25582 14.5798 9.99915C14.9215 10.7425 15.204 11.4708 15.4215 12.1658C17.2898 11.635 18.4857 10.8292 18.4857 9.99915C18.4857 9.16915 17.2898 8.36332 15.4215 7.83249ZM10.4998 11.5667C10.2941 11.5667 10.0904 11.5261 9.90029 11.4474C9.71022 11.3687 9.53751 11.2533 9.39203 11.1078C9.24655 10.9623 9.13115 10.7896 9.05242 10.5995C8.97369 10.4094 8.93316 10.2057 8.93316 9.99999C8.93316 9.79425 8.97369 9.59053 9.05242 9.40045C9.13115 9.21037 9.24655 9.03766 9.39203 8.89219C9.53751 8.74671 9.71022 8.63131 9.90029 8.55258C10.0904 8.47384 10.2941 8.43332 10.4998 8.43332C10.9153 8.43332 11.3138 8.59838 11.6076 8.89219C11.9014 9.18599 12.0665 9.58448 12.0665 9.99999C12.0665 10.4155 11.9014 10.814 11.6076 11.1078C11.3138 11.4016 10.9153 11.5667 10.4998 11.5667Z" fill="black"/>
+</svg>

src/icons/redis.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0724 13.75H15.9999C15.8533 14.1779 15.5729 14.5472 15.2001 14.8034C14.8273 15.0596 14.3819 15.189 13.9299 15.1725C12.0474 15.1725 10.9987 13.75 10.9987 11.235C10.9987 8.73435 12.0474 7.3256 13.9299 7.3256C14.3816 7.30138 14.8288 7.42609 15.2027 7.68058C15.5767 7.93508 15.8567 8.30528 15.9999 8.73435H16.0718V4.3656H17.9112V15H16.0718L16.0724 13.75ZM16.0724 12.4275V10.0419C16.0724 9.30872 15.3968 8.83435 14.5199 8.83435C14.2952 8.83342 14.0728 8.87991 13.8672 8.9708C13.6617 9.06169 13.4776 9.19492 13.3271 9.3618C13.1766 9.52868 13.0629 9.72544 12.9936 9.93923C12.9243 10.153 12.9009 10.379 12.9249 10.6025V11.8962C12.9013 12.1189 12.925 12.344 12.9946 12.5568C13.0642 12.7696 13.1781 12.9653 13.3288 13.1309C13.4795 13.2965 13.6635 13.4283 13.8688 13.5177C14.0741 13.6071 14.296 13.6519 14.5199 13.6494C15.3968 13.6494 16.0724 13.2037 16.0724 12.4275ZM4.09867 15H2.20117V4.96873H6.72867C8.55367 4.96873 9.6893 6.17623 9.6893 8.0731C9.73988 8.68791 9.58342 9.30198 9.24479 9.81762C8.90617 10.3333 8.40483 10.7208 7.82055 10.9187L9.87617 15H7.76367L5.89492 11.1337H4.09867V15ZM6.5418 9.53873C6.69734 9.55745 6.8551 9.54131 7.00363 9.49149C7.15216 9.44167 7.28774 9.35941 7.40054 9.25069C7.51333 9.14196 7.60051 9.00949 7.65576 8.86289C7.711 8.71629 7.73292 8.55923 7.71992 8.4031V7.74185C7.73254 7.58646 7.71023 7.43021 7.65463 7.28456C7.59902 7.13891 7.51153 7.00754 7.39857 6.90009C7.28561 6.79264 7.15003 6.71183 7.00178 6.66358C6.85353 6.61532 6.69636 6.60085 6.5418 6.62123H4.09805V9.53873H6.5418Z" fill="black"/>
+</svg>

src/icons/rss.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.40039 2.40002V4.76702C9.48639 4.76702 15.2304 10.513 15.2304 17.599H17.5994C17.5994 9.20503 10.7944 2.40002 2.40039 2.40002ZM2.40039 7.13702V9.50602C3.46326 9.50602 4.51573 9.71539 5.49768 10.1222C6.47963 10.5289 7.37184 11.1252 8.12336 11.8768C8.87488 12.6284 9.47098 13.5207 9.87763 14.5027C10.2843 15.4847 10.4935 16.5372 10.4934 17.6H12.8614C12.8614 11.822 8.17739 7.13702 2.40039 7.13702ZM4.66939 13.059C4.07547 13.0715 3.51007 13.3162 3.09444 13.7406C2.67881 14.1651 2.44604 14.7355 2.44604 15.3295C2.44604 15.9236 2.67881 16.494 3.09444 16.9184C3.51007 17.3429 4.07547 17.5876 4.66939 17.6C5.92339 17.6 6.93839 16.584 6.93839 15.33C6.93839 14.076 5.92339 13.059 4.66939 13.059Z" fill="#F0883E"/>
+</svg>

src/icons/sass.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5003 1.745C15.102 1.745 18.8337 5.47666 18.8337 10.0783C18.8337 14.68 15.102 18.4117 10.5003 18.4117C5.89866 18.4117 2.16699 14.68 2.16699 10.0783C2.16699 5.47666 5.89866 1.745 10.5003 1.745ZM8.84449 12.855C8.96616 13.3025 8.95283 13.7208 8.82699 14.0992L8.78199 14.2242C8.67672 14.4761 8.52808 14.7077 8.34283 14.9083C7.85783 15.4358 7.18116 15.635 6.89116 15.4675C6.57866 15.285 6.73449 14.5408 7.29699 13.9467C7.90199 13.3092 8.76866 12.8983 8.76866 12.8983V12.8967L8.84449 12.855ZM15.7262 5.3125C15.3495 3.83166 12.8953 3.34416 10.572 4.16999C9.19199 4.66083 7.69449 5.43249 6.61949 6.43916C5.33949 7.63416 5.13616 8.67583 5.21949 9.11083C5.51533 10.6467 7.62033 11.6508 8.48616 12.3958V12.4C8.23033 12.5242 6.36283 13.4617 5.92616 14.4317C5.45699 15.4525 5.99949 16.1825 6.35366 16.275C7.44783 16.5775 8.57199 16.025 9.17699 15.13C9.75949 14.2542 9.70866 13.13 9.45783 12.5775C9.80199 12.4842 10.207 12.4425 10.7278 12.5058C12.187 12.6717 12.4787 13.5892 12.4145 13.9642C12.3528 14.3383 12.0512 14.5567 11.947 14.6192C11.842 14.6825 11.8112 14.7033 11.8212 14.745C11.832 14.8067 11.8845 14.8067 11.967 14.7975C12.082 14.7767 12.7287 14.485 12.7595 13.775C12.7903 12.88 11.9362 11.8808 10.4153 11.9C9.79033 11.9117 9.39366 11.9633 9.11283 12.0783C9.09387 12.0489 9.06887 12.0239 9.03949 12.005C8.10199 10.9942 6.36199 10.2858 6.43533 8.94249C6.45616 8.4525 6.63283 7.16166 9.76866 5.59916C12.342 4.3175 14.3945 4.67249 14.7495 5.45333C15.2578 6.56666 13.6545 8.64083 10.9778 8.94249C9.95699 9.0575 9.42616 8.66166 9.28949 8.51499C9.14449 8.35833 9.12449 8.34833 9.07199 8.38083C8.98783 8.4225 9.04033 8.5575 9.07199 8.64166C9.15533 8.84916 9.47783 9.21499 10.0412 9.40166C10.5303 9.55833 11.7278 9.65083 13.1662 9.08916C14.7803 8.46499 16.0403 6.72416 15.6762 5.26583L15.7262 5.3125Z" fill="black"/>
+</svg>

src/icons/socket-io.svg

@@ -0,0 +1,12 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_355_422)">
+<path d="M8.03531 0.576701C10.5562 -0.0697833 13.3423 0.306935 15.5655 1.67904C18.3655 3.3535 20.1934 6.52092 20.2399 9.78139C20.3423 13.0744 18.6259 16.3395 15.8678 18.1302C12.798 20.1953 8.55156 20.2744 5.41664 18.3116C2.22132 16.4046 0.356169 12.5581 0.835309 8.86506C1.22125 4.96272 4.23531 1.52092 8.03531 0.576779V0.576701Z" fill="#010101"/>
+<path d="M7.64851 2.1721C12.4113 0.26507 18.2532 3.78601 18.7462 8.89304C19.5137 13.4884 15.6997 18.1581 11.0438 18.293C6.61593 18.7349 2.33687 14.9813 2.21133 10.5349C1.88109 6.93491 4.2532 3.3628 7.64851 2.1721Z" fill="white"/>
+<path d="M8.12824 9.50703C10.2632 7.76281 12.3515 5.95812 14.5329 4.26508C13.3887 6.02328 12.212 7.75812 11.0678 9.51625C10.0864 9.52093 9.10504 9.52094 8.12824 9.50695V9.50703ZM9.93293 10.4791C10.9189 10.4791 11.9004 10.4791 12.8818 10.493C10.7329 12.2279 8.65387 14.0465 6.46777 15.7349C7.61199 13.9767 8.78871 12.2373 9.93293 10.4791Z" fill="#010101"/>
+</g>
+<defs>
+<clipPath id="clip0_355_422">
+<rect width="20" height="20" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

src/icons/telegram.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5322 3.24087C15.5322 3.24087 16.9892 2.67275 16.8678 4.05248C16.8273 4.62061 16.4631 6.60905 16.1798 8.75983L15.2085 15.131C15.2085 15.131 15.1275 16.0643 14.399 16.2266C13.6705 16.3889 12.5778 15.6585 12.3754 15.4962C12.2135 15.3745 9.34005 13.5483 8.32822 12.6556C8.04491 12.4121 7.72114 11.9251 8.36869 11.357L12.6183 7.29894C13.1039 6.81196 13.5896 5.67571 11.566 7.05545L5.89991 10.9106C5.89991 10.9106 5.25236 11.3164 4.03823 10.9512L1.40753 10.1396C1.40753 10.1396 0.436204 9.53086 2.09556 8.92213C6.14276 7.01484 11.1208 5.06698 15.5322 3.24087Z" fill="#010409"/>
+</svg>

src/icons/vite.svg

@@ -0,0 +1,10 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_355_521)">
+<path d="M19.8682 2.28529L14.4285 3.27678L15.3738 0L7.82509 1.47914L7.70749 3.46502L1.09392 2.2829C0.638426 2.25639 0.373015 2.58349 0.561093 3.03765L10.1319 19.8213C10.3379 20.1576 10.8122 20.1707 11.0202 19.8213L20.4049 3.03604C20.6167 2.65659 20.2922 2.2118 19.8682 2.28529ZM10.5741 19.3612L1.20078 2.92376L7.67109 4.08027L7.36607 9.23184L10.0183 8.61977L9.27878 12.2411L11.2934 11.629L10.2936 16.4681C10.2438 16.7845 10.656 16.9529 10.8599 16.5L16.7509 4.74341L13.8436 5.30451L14.2392 3.93345L19.7651 2.92624L10.5741 19.3612Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_355_521">
+<rect width="20" height="20.0784" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

src/icons/webpack.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.0134 15.1791L10.7934 19.2447V16.0772L15.2921 13.6128L18.0134 15.1791ZM18.5084 14.7335V6.22783L15.8652 7.74783V13.2135L18.5084 14.7335ZM2.93836 15.1791L10.1584 19.2447V16.0772L5.65961 13.6128L2.93836 15.1791ZM2.44336 14.7335V6.22783L5.08648 7.74783V13.2135L2.44336 14.7335ZM2.75273 5.6772L10.1584 1.5072V4.57033L5.37961 7.18783L2.75273 5.6772ZM18.199 5.6772L10.7934 1.5072V4.57033L15.5721 7.18783L18.199 5.6772ZM10.1584 15.3585L5.72148 12.9266V8.1122L10.1584 10.6641V15.3585ZM10.7934 15.3585L15.2302 12.9266V8.1122L10.7934 10.6641V15.3585ZM6.02086 7.55595L10.4771 5.11783L14.9334 7.55595L10.4771 10.1178L6.02086 7.55595Z" fill="black"/>
+</svg>

src/interfaces/index.ts

@@ -1,6 +1,7 @@
 export interface IArticle {
   title: string;
   description: string;
+  author: string;
   tags: Array<string>;
   published_at: number;
 }

src/pages/about.astro

@@ -0,0 +1,194 @@
+---
+import Page from '@layouts/Page.astro';
+import { Markdown } from 'astro/components';
+import { PageHeading } from '@root/components/PageHeading';
+import { Icon } from 'astro-icon'
+
+// TODO: import content based on user ui language
+import * as aboutContent from '../../content/about/ru/index.md';
+---
+
+<Page title='Обо мне | Sergey Yarkov'>
+  <section class='about container'>
+    <PageHeading heading='Обо мне' />
+    <div class='article-content'>
+      <Markdown content={aboutContent.rawContent()} />
+    </div>
+    <div class='about-skills'>
+      <div class='skills-list'>
+        <div class='skills-list__heading'>
+          <h3>Программирование</h3>
+        </div>
+        <div class='skills-list__content'>
+          <ul>
+            <li>
+              <Icon name='nodejs' width='20' height='20' />
+              Javascript/Typescript
+            </li>
+            <li>
+              <Icon name='language-c' width='20' height='20' />
+              C Language
+            </li>
+            <li>
+              <Icon name='mysql' width='20' height='20' />
+              SQL
+            </li>
+            <li>
+              <Icon name='graphql' width='20' height='20' />
+              GraphQL
+            </li>
+            <li>
+              <Icon name='avr' width='20' height='20' />
+              AVR instruction set
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class='skills-list'>
+        <div class='skills-list__heading'>
+          <h3>Фреймворки</h3>
+        </div>
+        <div class='skills-list__content'>
+          <ul>
+            <li>
+              <Icon name='adonisjs' width='20' height='20' />
+              Adonis.js
+            </li>
+            <li>
+              <Icon name='expressjs' width='20' height='20' />
+              Express.js
+            </li>
+            <li>
+              <Icon name='socket-io' width='20' height='20' />
+              Socket.io
+            </li>
+            <li>
+              <Icon name='reactjs' width='20' height='20' />
+              React.js
+            </li>
+            <li>
+              <Icon name='astro_filled' width='20' height='20' />
+              Astro.js
+            </li>
+            <li>
+              <Icon name='gatsbyjs' width='20' height='20' />
+              Gastby.js
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class='skills-list'>
+        <div class='skills-list__heading'>
+          <h3>Инструменты</h3>
+        </div>
+        <div class='skills-list__content'>
+          <ul>
+            <li>
+              <Icon name='nodejs' width='20' height='20' />
+              Node.js
+            </li>
+            <li>
+              <Icon name='docker' width='20' height='20' />
+              Docker
+            </li>
+            <li>
+              <Icon name='git-branch' width='20' height='20' />
+              Git/gitflow
+            </li>
+            <li>
+              <Icon name='sass' width='20' height='20' />
+              SASS
+            </li>
+            <li>
+              <Icon name='vite' width='20' height='20' />
+              Vite.js
+            </li>
+            <li>
+              <Icon name='webpack' width='20' height='20' />
+              Webpack
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class='skills-list'>
+        <div class='skills-list__heading'>
+          <h3>Базы данных</h3>
+        </div>
+        <div class='skills-list__content'>
+          <ul>
+            <li>
+              <Icon name='postgresql' width='20' height='20' />
+              PostgreSQL
+            </li>
+            <li>
+              <Icon name='mongodb' width='20' height='20' />
+              MongoDB
+            </li>
+            <li>
+              <Icon name='redis' width='20' height='20' />
+              Redis
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class='skills-list'>
+        <div class='skills-list__heading'>
+          <h3>Языки</h3>
+        </div>
+        <div class='skills-list__content'>
+          <ul>
+            <li>Русский (родной)</li>
+            <li>Английский (B1)</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  <style lang='scss'>
+    .about {
+      &-skills {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+        column-gap: 40px;
+        row-gap: 30px;
+        margin-top: 5rem;
+        & .skills-list {
+          & h3 {
+            font-size: var(--font-size-md);
+            color: var(--font-color-grayer);
+            font-weight: 500;
+          }
+          & ul {
+            margin: 0;
+            padding: 0;
+            list-style: none;
+            & li {
+              font-weight: 400;
+              margin-bottom: 10px;
+              font-size: var(--font-size-sm);
+              display: flex;
+              align-items: center;
+              column-gap: 5px;
+            }
+          }
+        }
+      }
+    }
+    @media screen and (max-width: 500px) {
+      .about-skills {
+        display: flex;
+        flex-direction: column;
+        & .skills-list {
+          & h3 {
+            text-align: center;
+          }
+          & ul {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+          }
+        }
+      }
+    }
+  </style>
+</Page>

src/pages/contacts.astro

@@ -0,0 +1,58 @@
+---
+import Page from '@layouts/Page.astro';
+import { PageHeading } from '@root/components/PageHeading';
+import { Icon } from 'astro-icon'
+import { SITE_METADATA } from '@root/config'
+---
+
+<Page title='Контакты | Sergey Yarkov'>
+  <section class="contacts container">
+    <PageHeading heading='Контакты' description='Воспользуйтесь формой обратной связи или напишите мне в социальные сети.' />
+    <div class="contacts-form">
+      <form name="contact" method="POST" data-netlify="true">
+        <div>
+          <input name="name" placeholder="Ваше имя" type="text">
+          <input name="email" placeholder="example@email.com" type="text">
+        </div>
+        <input name="subject" placeholder="Тема сообщения" type="text">
+        <textarea name="message" placeholder="Ваше сообщение..." id="message" cols={30} rows={10}></textarea>
+        <div>
+          <button type="submit">Отправить</button>
+        </div>
+      </form>
+    </div>
+    <div class="contacts-link">
+      <a href={'mailto:' + SITE_METADATA.contacts.email}>Email <Icon name='arrow-up-right' width='15' height='15' /></a>
+      <a href={SITE_METADATA.contacts.githubUrl} target='_blank'>Github <Icon name='arrow-up-right' width='15' height='15' /></a>
+      <a href={SITE_METADATA.contacts.telegramUrl} target='_blank'>Telegram <Icon name='arrow-up-right' width='15' height='15' /></a>
+    </div>
+  </section>
+  <style lang='scss'>
+    .contacts {
+      & form {
+        display: flex;
+        flex-direction: column;
+        row-gap: 7px;
+        margin-bottom: 3.125rem;
+        & div:first-of-type {
+          display: flex;
+          column-gap: 10px;
+        }
+        & div:last-of-type {
+          text-align: center;
+          margin-top: 15px;
+        }
+      }
+      &-link {
+        display: flex;
+        flex-wrap: wrap;
+        column-gap: 40px;
+        row-gap: 30px;
+        & a {
+          display: flex;
+          column-gap: 5px;
+        }
+      }
+    }
+  </style>
+</Page>

src/pages/index.astro

@@ -2,6 +2,7 @@
 import Page from '@layouts/Page.astro';
 import { IArticle } from '@root/interfaces';
 import { ArticleItem } from '@components/ArticleItem';
+import { Icon } from 'astro-icon';
 import * as utils from '@utils/index';
 
 const data = await Astro.glob<IArticle>('../../content/articles/**/*.md');
@@ -22,29 +23,11 @@ const recent = utils.sortArtcilesByDate(utils.transformArticles(data));
     </header>
     <nav class='welcome-links'>
       <div class='welcome-links__link'>
-        <svg
-          width='18'
-          height='19'
-          viewBox='0 0 18 19'
-          xmlns='http://www.w3.org/2000/svg'
-        >
-          <path
-            d='M9 1.70001C8.04 1.70001 7.2 2.54001 7.2 3.50001C7.2 4.46001 8.04 5.30001 9 5.30001C9.96 5.30001 10.8 4.46001 10.8 3.50001C10.8 2.54001 9.96 1.70001 9 1.70001ZM4.8 6.50001V7.70001C4.8 7.70001 7.2 7.70001 7.2 10.1V12.5C7.2 14.9 4.8 14.9 4.8 14.9V16.1H13.2V14.9C13.2 14.9 10.8 14.9 10.8 12.5V7.70001C10.8 7.10001 10.2 6.50001 9.6 6.50001H4.8Z'
-          ></path>
-        </svg>
+        <Icon name='information' width='18' height='18' />
         <a href='/about'> обо мне</a>
       </div>
       <div class='welcome-links__link'>
-        <svg
-          width='18'
-          height='18'
-          viewBox='0 0 18 18'
-          xmlns='http://www.w3.org/2000/svg'
-        >
-          <path
-            d='M16.125 6.366V12.6562C16.125 13.7437 15.2437 14.625 14.1562 14.625H3.84375C3.32161 14.625 2.82085 14.4176 2.45163 14.0484C2.08242 13.6792 1.875 13.1784 1.875 12.6562V6.366L8.77425 10.161C8.91488 10.2383 9.0855 10.2383 9.22575 10.161L16.125 6.36563V6.366ZM14.1562 3.375C14.6702 3.37505 15.1637 3.57606 15.5314 3.93509C15.8992 4.29412 16.1119 4.78272 16.1243 5.2965L9 9.21525L1.87575 5.29613L1.8765 5.26237C1.8975 4.75472 2.11395 4.27484 2.48059 3.92309C2.84723 3.57134 3.33566 3.37495 3.84375 3.375H14.1562Z'
-          ></path>
-        </svg>
+        <Icon name='email_filled' width='18' height='18' />
         <a href='/contacts'> написать мне</a>
       </div>
     </nav>
@@ -96,9 +79,7 @@ const recent = utils.sortArtcilesByDate(utils.transformArticles(data));
           & a {
             color: var(--font-color-gray);
           }
-          & svg {
-            fill: var(--font-color-gray);
-          }
+          
         }
       }
     }
@@ -122,5 +103,13 @@ const recent = utils.sortArtcilesByDate(utils.transformArticles(data));
         max-width: calc(var(--content-width) + (var(--content-padding) * 2));
       }
     }
+
+    [astro-icon="information"] {
+        fill: var(--color-gray-600)
+    }
+
+    [astro-icon="email_filled"] {
+        fill: var(--color-gray-600)
+    }
   </style>
 </Page>

src/pages/projects.astro

@@ -0,0 +1,153 @@
+---
+import Page from '@layouts/Page.astro';
+import { PageHeading } from '@root/components/PageHeading';
+import { SITE_METADATA } from '@root/config';
+---
+
+<Page title='Проекты | Sergey Yarkov'>
+  <section class='projects container'>
+    <PageHeading
+      heading='Проекты'
+      description='Несколько моих основных проектов которые были разработаны и выложены в открытый доступ.'
+    />
+    <div class='projects-heading'>
+      <a href={SITE_METADATA.contacts.githubUrl} target='_blank'
+        >смотреть все
+      </a>
+    </div>
+    <div class='projects-list'>
+      <div class='project-item'>
+        <div class='project-item__heading'>
+          <h2>
+            <svg
+              width='20'
+              height='21'
+              viewBox='0 0 20 21'
+              fill='none'
+              xmlns='http://www.w3.org/2000/svg'
+            >
+              <path
+                d='M9.99983 18.8208C9.77066 18.8208 9.5565 18.7592 9.3565 18.6525L7.324 17.4458C7.01983 17.2767 7.17233 17.215 7.264 17.1842C7.67733 17.0467 7.754 17.0167 8.1815 16.7733C8.22816 16.7425 8.289 16.7567 8.33566 16.7875L9.894 17.7208C9.95566 17.7508 10.0323 17.7508 10.0782 17.7208L16.1773 14.19C16.239 14.16 16.269 14.0983 16.269 14.0217V6.97334C16.269 6.89751 16.239 6.83584 16.1773 6.80584L10.0782 3.29001C10.0173 3.25917 9.94066 3.25917 9.894 3.29001L3.79316 6.80501C3.73233 6.83501 3.7015 6.91251 3.7015 6.97251V14.02C3.7015 14.0808 3.73233 14.1583 3.79316 14.1883L5.45983 15.1525C6.3615 15.6092 6.92816 15.0733 6.92816 14.54V7.58501C6.92816 7.49334 7.004 7.40084 7.1115 7.40084H7.8915C7.9815 7.40084 8.07483 7.47751 8.07483 7.58501V14.5408C8.07483 15.7483 7.41816 16.4525 6.2715 16.4525C5.91983 16.4525 5.64483 16.4525 4.86483 16.0692L3.26066 15.1533C3.06521 15.0397 2.90301 14.8768 2.79026 14.6808C2.67751 14.4849 2.61817 14.2628 2.61816 14.0367V6.98834C2.61816 6.53001 2.86233 6.10167 3.26066 5.87251L9.35733 2.34167C9.55525 2.23583 9.77622 2.18045 10.0007 2.18045C10.2251 2.18045 10.4461 2.23583 10.644 2.34167L16.7415 5.87251C17.1407 6.10084 17.384 6.53001 17.384 6.98834V14.0367C17.384 14.4942 17.1398 14.9225 16.7415 15.1533L10.644 18.6833C10.4432 18.775 10.214 18.8208 9.99983 18.8208ZM11.8798 13.9742C9.20483 13.9742 8.65483 12.7508 8.65483 11.7125C8.65483 11.6208 8.7315 11.5283 8.83816 11.5283H9.63316C9.72483 11.5283 9.80066 11.5892 9.80066 11.6817C9.92316 12.4908 10.274 12.8892 11.8957 12.8892C13.179 12.8892 13.7307 12.5975 13.7307 11.91C13.7307 11.5125 13.5765 11.2225 11.5748 11.0242C9.909 10.8575 8.86983 10.4883 8.86983 9.15917C8.86983 7.92167 9.909 7.18751 11.6523 7.18751C13.6082 7.18751 14.5715 7.86167 14.6932 9.32751C14.6917 9.37698 14.6755 9.42487 14.6465 9.46501C14.6157 9.49501 14.5707 9.52584 14.5248 9.52584H13.7307C13.6914 9.52501 13.6535 9.51112 13.6231 9.48637C13.5926 9.46162 13.5712 9.42742 13.5623 9.38917C13.3782 8.54584 12.9048 8.27251 11.6523 8.27251C10.2448 8.27251 10.0765 8.76167 10.0765 9.12834C10.0765 9.57084 10.274 9.70834 12.1715 9.95334C14.0515 10.1975 14.9382 10.5492 14.9382 11.865C14.9215 13.2108 13.8223 13.9742 11.8798 13.9742Z'
+                fill='black'></path>
+            </svg>
+
+            yarkov.tech
+          </h2>
+          <span>2022</span>
+        </div>
+        <div class='project-item__description'>
+          <p>
+            Мой персональный веб-сайт где находятся информация обо мне и список
+            различных статей, туториалов...
+          </p>
+        </div>
+        <div class='project-item__links'>
+          <a class='btn-link' href='#'
+            >Исходник <svg
+              width='15'
+              height='15'
+              viewBox='0 0 15 15'
+              fill='none'
+              xmlns='http://www.w3.org/2000/svg'
+            >
+              <path
+                d='M8.4375 6.5625L13.125 1.875M10 1.875H13.125V5M13.125 8.75V11.875C13.125 12.2065 12.9933 12.5245 12.7589 12.7589C12.5245 12.9933 12.2065 13.125 11.875 13.125H3.125C2.79348 13.125 2.47554 12.9933 2.24112 12.7589C2.0067 12.5245 1.875 12.2065 1.875 11.875V3.125C1.875 2.79348 2.0067 2.47554 2.24112 2.24112C2.47554 2.0067 2.79348 1.875 3.125 1.875H6.25'
+                stroke='#21262D'
+                stroke-width='2'
+                stroke-linecap='round'
+                stroke-linejoin='round'></path>
+            </svg>
+          </a>
+        </div>
+      </div>
+      <div class='project-item'>
+        <div class='project-item__heading'>
+          <h2>
+            <svg
+              width='20'
+              height='17'
+              viewBox='0 0 20 17'
+              fill='none'
+              xmlns='http://www.w3.org/2000/svg'
+            >
+              <path
+                d='M8.2208 14.5116C8.99268 15.7027 11.0064 15.7032 11.7789 14.5122L18.4977 4.15437C19.2439 3.00368 18.2646 1.59375 16.7183 1.59375L3.2858 1.59375C1.74018 1.59375 0.760803 3.00315 1.50705 4.15384L8.2208 14.5116Z'
+                fill='black'></path>
+            </svg>
+            devthread
+          </h2>
+          <span>2021</span>
+        </div>
+        <div class='project-item__description'>
+          <p>
+            Статический веб-сайт для публикации различных статей, разработанный
+            при помощи Gatsby.js и NetlifyCMS
+          </p>
+        </div>
+        <div class='project-item__links'>
+          <a class='btn-link' href='#'>Статья</a>
+          <a class='btn-link' href='#'
+            >Исходник <svg
+              width='15'
+              height='15'
+              viewBox='0 0 15 15'
+              fill='none'
+              xmlns='http://www.w3.org/2000/svg'
+            >
+              <path
+                d='M8.4375 6.5625L13.125 1.875M10 1.875H13.125V5M13.125 8.75V11.875C13.125 12.2065 12.9933 12.5245 12.7589 12.7589C12.5245 12.9933 12.2065 13.125 11.875 13.125H3.125C2.79348 13.125 2.47554 12.9933 2.24112 12.7589C2.0067 12.5245 1.875 12.2065 1.875 11.875V3.125C1.875 2.79348 2.0067 2.47554 2.24112 2.24112C2.47554 2.0067 2.79348 1.875 3.125 1.875H6.25'
+                stroke='#21262D'
+                stroke-width='2'
+                stroke-linecap='round'
+                stroke-linejoin='round'></path>
+            </svg>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+  <style lang='scss'>
+    .projects {
+      &-heading {
+        text-align: right;
+        margin-bottom: 10px;
+      }
+      & .projects-list {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+        gap: 10px;
+        & .project-item {
+          border: 1px solid var(--border-color);
+          border-radius: var(--border-radius-lg);
+          padding: 15px;
+          &__heading {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 10px;
+            & h2 {
+              display: flex;
+              align-items: center;
+              font-size: 1.2rem;
+              font-weight: 600;
+              column-gap: 10px;
+              margin: 0;
+              padding: 0;
+            }
+            & span {
+              font-size: var(--font-size-sm);
+              color: var(--font-color-gray);
+            }
+          }
+          &__description {
+            margin-bottom: 15px;
+          }
+          &__links {
+            display: flex;
+            column-gap: 5px;
+          }
+        }
+      }
+    }
+  </style>
+</Page>

src/styles/global.scss

@@ -76,6 +76,7 @@
   --border-color: var(--color-gray-100);
   --border-color-hover: var(--color-gray-400);
   --border-radius-md: 3px;
+  --border-radius-lg: 5px;
 
   /* Sizes */
   --content-width: 760px;
@@ -84,20 +85,44 @@
   /* Elements */
   --background-body-color: var(--color-white);
   --background-header-color: var(--color-white);
+  --background-scrollbar-track-color: #EFF1F5;
+  --background-scrollbar-thumb-color: var(--color-gray-100);
 }
 
+/* Text selection */
 ::selection {
   background: var(--color-yellow-100);
   color: var(--color-black);
 }
 
+
+/* Scrollbar */
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--background-scrollbar-track-color);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--background-scrollbar-thumb-color)
+}
+
+
 html,
 body {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
 
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+
 html {
   font-size: 16px;
   font-weight: normal;
@@ -112,6 +137,7 @@ body {
   background-color: var(--background-body-color);
 }
 
+
 .site-content {
   flex: 1 0 auto;
   width: 100%;
@@ -124,6 +150,63 @@ body {
   padding: 0 var(--content-padding);
 }
 
+/* Buttons */
+.btn-link {
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  column-gap: 5px;
+  padding: 3px 10px;
+  border-radius: var(--border-radius-md);
+  border: 1px solid var(--border-color);
+  text-decoration: none;
+  color: var(--font-color);
+  font-size: var(--font-size-sm);
+  font-weight: 400;
+  &:hover {
+    text-decoration: none;
+    color: inherit;
+    border-color: var(--border-color-hover);
+  }
+}
+
+.article-content {
+  & p,
+  em,
+  q {
+    line-height: 1.5;
+    font-size: var(--font-size-lg);
+  }
+
+  q {
+    font-style: italic;
+    quotes: "«" "»";
+  }
+
+  h1,
+  h2,
+  h3,
+  h4 {
+    margin: 3rem 0 1rem 0;
+    padding-bottom: 0.35rem;
+  }
+
+  h1:not(:first-child),
+  h2:not(:first-child),
+  h3:not(:first-child),
+  h4:not(:first-child) {
+    margin-top: 3rem;
+  }
+
+  & h2 {
+    border-bottom: 1px solid var(--border-color);
+  }
+
+  & a {
+    font-weight: 600;
+  }
+}
+
 a {
   color: var(--color-blue-500);
   font-weight: 500;
@@ -139,6 +222,13 @@ p {
   margin-bottom: 1.5rem;
 }
 
+hr {
+  background-color: var(--border-color);
+  margin: 40px 0;
+  border: none;
+  height: 1px;
+}
+
 h1,
 h2,
 h3,
@@ -148,21 +238,32 @@ h5 {
   margin-bottom: 1.5rem;
 }
 
-input {
+input, textarea {
+  font-family: var(--font-family-base);
   padding: 8px 15px;
   border: 1px solid var(--border-color);
   border-radius: var(--border-radius-md);
   font-size: var(--font-size-sm);
   width: 100%;
   outline-color: var(--color-blue-500);
+  resize: vertical;
 }
 
-svg {
-  fill: var(--color-black);
-}
-
-@media screen and (max-width: 700px) {
-  .site-content {
-    margin-top: 1.5rem;
+button {
+  cursor: pointer;
+  font-family: var(--font-family-base);
+  font-weight: 500;
+  font-size: var(--font-size-sm);
+  padding: 4px 15px;
+  border: 1px solid var(--border-color);
+  border-radius: var(--border-radius-md);
+  background: none;
+  &:hover {
+    border: 1px solid var(--border-color-hover);
   }
 }
+
+textarea {
+  max-height: 500px;
+  min-height: 200px;
+}