diff --git a/.eslintrc b/.eslintrc
index 806e1f2..cc81a2c 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,6 +1,6 @@
 {
   "rules": {
     "semi": ["error", "always"],
-    "quotes": ["error", "single"]
+    "quotes": ["error", "single"
   }
 }
diff --git a/cypress/e2e/basic.cy.ts b/cypress/e2e/basic.cy.ts
index 9a54035..0745624 100644
--- a/cypress/e2e/basic.cy.ts
+++ b/cypress/e2e/basic.cy.ts
@@ -3,7 +3,7 @@ describe('Basic specs', () => {
     cy.visit('/')
   })
 
-  it('Check for jokes link', () => {
-    cy.get('.jokes-link').should('have.attr', 'href').and('include', 'api/joke')
+  it('Check buttons', () => {
+    cy.get('.bttns a').should('have.attr', 'href')
   })
 })
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 71bd8a7..73e268d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,22 +31,20 @@
       }
     },
     "node_modules/@astrojs/compiler": {
-      "version": "0.23.5",
-      "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-0.23.5.tgz",
-      "integrity": "sha512-vBMPy9ok4iLapSyCCT1qsZ9dK7LkVFl9mObtLEmWiec9myGHS9h2kQY2xzPeFNJiWXUf9O6tSyQpQTy5As/p3g==",
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-0.23.1.tgz",
+      "integrity": "sha512-KsoDrASGwTKZoWXbjy8SlIeoDv7y1OfBJtHVLuPuzhConA8e0SZpGzFqIuVRfG4bhisSTptZLDQZ7oxwgPv2jA==",
       "dev": true
     },
     "node_modules/@astrojs/language-server": {
-      "version": "0.26.2",
-      "resolved": "https://registry.npmjs.org/@astrojs/language-server/-/language-server-0.26.2.tgz",
-      "integrity": "sha512-9nkfdd6CMXLDIJojnwbYu5XrYfOI+g63JlktOlpFCwFjFNpm1u0e/+pXXmj6Zs+PkSTo0kV1UM77dRKRS5OC1Q==",
+      "version": "0.20.1",
+      "resolved": "https://registry.npmjs.org/@astrojs/language-server/-/language-server-0.20.1.tgz",
+      "integrity": "sha512-RPuN+3k3QCak0q5dW+ZrqTT2wE/sm9arKy27pvA7LzfVbuKLvEDswjUpJa2faan92BbfEiYSHW+OY/BZjY+C5w==",
       "dev": true,
       "dependencies": {
         "@vscode/emmet-helper": "^2.8.4",
-        "events": "^3.3.0",
-        "prettier": "^2.7.1",
-        "prettier-plugin-astro": "^0.5.3",
         "source-map": "^0.7.3",
+        "typescript": "~4.6.4",
         "vscode-css-languageservice": "^6.0.1",
         "vscode-html-languageservice": "^5.0.0",
         "vscode-languageserver": "^8.0.1",
@@ -60,9 +58,9 @@
       }
     },
     "node_modules/@astrojs/markdown-remark": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-1.1.2.tgz",
-      "integrity": "sha512-afZWKRX7HFq1DdXq1jsUiqYee67Ln0Qan0yNgjNP2Nht0dxYD6JAK40+uiptKiRmP73cQjAVLGh54sgrruBDwA==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-1.0.0.tgz",
+      "integrity": "sha512-yQIMvVjSMs4ZQHffT2nBgXiqVHKOwIgd6xC0o5XkcbXxyspxjRGpHyiAp/WKEdKsUeXwjVuL8b+6lhAYByd+lw==",
       "dev": true,
       "dependencies": {
         "@astrojs/micromark-extension-mdx-jsx": "^1.0.3",
@@ -70,7 +68,6 @@
         "acorn": "^8.7.1",
         "acorn-jsx": "^5.3.2",
         "github-slugger": "^1.4.0",
-        "hast-util-to-html": "^8.0.3",
         "mdast-util-mdx-expression": "^1.2.1",
         "mdast-util-mdx-jsx": "^1.2.0",
         "micromark-extension-mdx-expression": "^1.0.3",
@@ -82,7 +79,7 @@
         "remark-parse": "^10.0.1",
         "remark-rehype": "^10.1.0",
         "remark-smartypants": "^2.0.0",
-        "shiki": "^0.11.1",
+        "shiki": "^0.10.1",
         "unified": "^10.1.2",
         "unist-util-map": "^3.1.1",
         "unist-util-visit": "^4.1.0",
@@ -589,50 +586,15 @@
       "integrity": "sha512-8HqW8EVqjnCmWXVpqAOZf+EGESdkR27odcMMMGefgKXtar00SoYNSryGv//TELI4T3QFsECo78p+0lmalk/CFA==",
       "dev": true
     },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.8.tgz",
-      "integrity": "sha512-CyEWALmn+no/lbgbAJsbuuhT8s2J19EJGHkeyAwjbFJMrj80KJ9zuYsoAvidPTU7BgBf87r/sgae8Tw0dbOc4Q==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "dependencies": {
-        "esbuild-wasm": "0.15.8"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.8.tgz",
-      "integrity": "sha512-pE5RQsOTSERCtfZdfCT25wzo7dfhOSlhAXcsZmuvRYhendOv7djcdvtINdnDp2DAjP17WXlBB4nBO6sHLczmsg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/@eslint/eslintrc": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.2.tgz",
-      "integrity": "sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.0.tgz",
+      "integrity": "sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw==",
       "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
-        "espree": "^9.4.0",
+        "espree": "^9.3.2",
         "globals": "^13.15.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
@@ -642,9 +604,6 @@
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/@eslint/eslintrc/node_modules/argparse": {
@@ -693,9 +652,9 @@
       }
     },
     "node_modules/@humanwhocodes/config-array": {
-      "version": "0.10.5",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.10.5.tgz",
-      "integrity": "sha512-XVVDtp+dVvRxMoxSiSfasYaG02VEe1qH5cKgMQJWhol6HwzbcqoCMJi8dAGoYAO57jhUyhI6cWuRiTcRaDaYug==",
+      "version": "0.10.4",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.10.4.tgz",
+      "integrity": "sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==",
       "dev": true,
       "dependencies": {
         "@humanwhocodes/object-schema": "^1.2.1",
@@ -716,19 +675,6 @@
         "url": "https://github.com/sponsors/nzakas"
       }
     },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
     "node_modules/@humanwhocodes/object-schema": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
@@ -850,9 +796,9 @@
       "dev": true
     },
     "node_modules/@proload/core": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@proload/core/-/core-0.3.3.tgz",
-      "integrity": "sha512-7dAFWsIK84C90AMl24+N/ProHKm4iw0akcnoKjRvbfHifJZBLhaDsDus1QJmhG12lXj4e/uB/8mB/0aduCW+NQ==",
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@proload/core/-/core-0.3.2.tgz",
+      "integrity": "sha512-4ga4HpS0ieVYWVMS+F62W++6SNACBu0lkw8snw3tEdH6AeqZu8i8262n3I81jWAWXVcg3sMfhb+kBexrfGrTUQ==",
       "dev": true,
       "dependencies": {
         "deepmerge": "^4.2.2",
@@ -880,47 +826,6 @@
         "@types/estree": "*"
       }
     },
-    "node_modules/@types/babel__core": {
-      "version": "7.1.19",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.19.tgz",
-      "integrity": "sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/parser": "^7.1.0",
-        "@babel/types": "^7.0.0",
-        "@types/babel__generator": "*",
-        "@types/babel__template": "*",
-        "@types/babel__traverse": "*"
-      }
-    },
-    "node_modules/@types/babel__generator": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.4.tgz",
-      "integrity": "sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "node_modules/@types/babel__template": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.1.tgz",
-      "integrity": "sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/parser": "^7.1.0",
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "node_modules/@types/babel__traverse": {
-      "version": "7.18.1",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.18.1.tgz",
-      "integrity": "sha512-FSdLaZh2UxaMuLp9lixWaHq/golWTRWOnRsAXzDTDSDOQLuZb1nsdCt6pJSPWSEQt2eFZ2YVk3oYhn+1kLMeMA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.3.0"
-      }
-    },
     "node_modules/@types/debug": {
       "version": "4.1.7",
       "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.7.tgz",
@@ -954,12 +859,6 @@
         "@types/unist": "*"
       }
     },
-    "node_modules/@types/html-escaper": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@types/html-escaper/-/html-escaper-3.0.0.tgz",
-      "integrity": "sha512-OcJcvP3Yk8mjYwf/IdXZtTE1tb/u0WF0qa29ER07ZHCYUBZXSN29Z1mBS+/96+kNMGTFUAbSz9X+pHmHpZrTCw==",
-      "dev": true
-    },
     "node_modules/@types/json5": {
       "version": "0.0.30",
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.30.tgz",
@@ -1029,12 +928,6 @@
       "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==",
       "dev": true
     },
-    "node_modules/@types/yargs-parser": {
-      "version": "21.0.0",
-      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz",
-      "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==",
-      "dev": true
-    },
     "node_modules/@types/yauzl": {
       "version": "2.10.0",
       "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz",
@@ -1304,14 +1197,14 @@
       }
     },
     "node_modules/astro": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/astro/-/astro-1.3.0.tgz",
-      "integrity": "sha512-cWBtLkkUcj38J0knrTaZvyoVFJxjOAWPRbECIXFxvGZ/ASNr+FNumeUk/u3uAGIF0pbqEgc+5zAvmPoe0pCd9w==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/astro/-/astro-1.0.2.tgz",
+      "integrity": "sha512-7Bmw8wGQnh/rRpybc6owYbAyr6SXKm7kX56gg82ABJbqnTQhbgOPtg8+k+KKkJekMU/gPe3LfMIh0+Ie+F9xUw==",
       "dev": true,
       "dependencies": {
-        "@astrojs/compiler": "^0.24.0",
-        "@astrojs/language-server": "^0.26.2",
-        "@astrojs/markdown-remark": "^1.1.2",
+        "@astrojs/compiler": "^0.23.1",
+        "@astrojs/language-server": "^0.20.0",
+        "@astrojs/markdown-remark": "^1.0.0",
         "@astrojs/telemetry": "^1.0.0",
         "@astrojs/webapi": "^1.0.0",
         "@babel/core": "^7.18.2",
@@ -1320,11 +1213,9 @@
         "@babel/plugin-transform-react-jsx": "^7.17.12",
         "@babel/traverse": "^7.18.2",
         "@babel/types": "^7.18.4",
-        "@proload/core": "^0.3.3",
+        "@proload/core": "^0.3.2",
         "@proload/plugin-tsm": "^0.2.1",
-        "@types/babel__core": "^7.1.19",
-        "@types/html-escaper": "^3.0.0",
-        "@types/yargs-parser": "^21.0.0",
+        "ast-types": "^0.14.2",
         "boxen": "^6.2.1",
         "ci-info": "^3.3.1",
         "common-ancestor-path": "^1.0.1",
@@ -1352,19 +1243,18 @@
         "recast": "^0.20.5",
         "rehype": "^12.0.1",
         "resolve": "^1.22.0",
-        "rollup": "~2.78.0",
+        "rollup": "^2.75.6",
         "semver": "^7.3.7",
-        "shiki": "^0.11.1",
+        "shiki": "^0.10.1",
         "sirv": "^2.0.2",
         "slash": "^4.0.0",
         "string-width": "^5.1.2",
         "strip-ansi": "^7.0.1",
         "supports-esm": "^1.0.0",
         "tsconfig-resolver": "^3.0.1",
-        "typescript": "*",
         "unist-util-visit": "^4.1.0",
         "vfile": "^5.3.2",
-        "vite": "~3.1.3",
+        "vite": "3.0.5",
         "yargs-parser": "^21.0.1",
         "zod": "^3.17.3"
       },
@@ -1376,12 +1266,6 @@
         "npm": ">=6.14.0"
       }
     },
-    "node_modules/astro/node_modules/@astrojs/compiler": {
-      "version": "0.24.0",
-      "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-0.24.0.tgz",
-      "integrity": "sha512-xZ81C/oMfExdF18I1Tyd2BKKzBqO+qYYctSy4iCwH4UWSo/4Y8A8MAzV1hG67uuE7hFRourSl6H5KUbhyChv/A==",
-      "dev": true
-    },
     "node_modules/async": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
@@ -2032,9 +1916,9 @@
       }
     },
     "node_modules/cypress": {
-      "version": "10.8.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-10.8.0.tgz",
-      "integrity": "sha512-QVse0dnLm018hgti2enKMVZR9qbIO488YGX06nH5j3Dg1isL38DwrBtyrax02CANU6y8F4EJUuyW6HJKw1jsFA==",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-10.4.0.tgz",
+      "integrity": "sha512-OM7F8MRE01SHQRVVzunid1ZK1m90XTxYnl+7uZfIrB4CYqUDCrZEeSyCXzIbsS6qcaijVCAhqDL60SxG8N6hew==",
       "hasInstallScript": true,
       "dependencies": {
         "@cypress/request": "^2.88.10",
@@ -2056,7 +1940,7 @@
         "dayjs": "^1.10.4",
         "debug": "^4.3.2",
         "enquirer": "^2.3.6",
-        "eventemitter2": "6.4.7",
+        "eventemitter2": "^6.4.3",
         "execa": "4.1.0",
         "executable": "^4.1.1",
         "extract-zip": "2.0.1",
@@ -2860,19 +2744,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/esbuild-wasm": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.15.8.tgz",
-      "integrity": "sha512-Y7uCl5RNO4URjlemjdx++ukVHEMt5s5AfMWYUnMiK4Sry+pPCvQIctzXq6r6FKCyGKjX6/NGMCqR2OX6aLxj0w==",
-      "dev": true,
-      "optional": true,
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/esbuild-windows-32": {
       "version": "0.14.51",
       "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.51.tgz",
@@ -2939,15 +2810,14 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.24.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.24.0.tgz",
-      "integrity": "sha512-dWFaPhGhTAiPcCgm3f6LI2MBWbogMnTJzFBbhXVRQDJPkr9pGZvVjlVfXd+vyDcWPA2Ic9L2AXPIQM0+vk/cSQ==",
+      "version": "8.21.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.21.0.tgz",
+      "integrity": "sha512-/XJ1+Qurf1T9G2M5IHrsjp+xrGT73RZf23xA1z5wB1ZzzEAWSZKvRwhWxTFp1rvkvCfwcvAUNAP31bhKTTGfDA==",
       "dev": true,
       "dependencies": {
-        "@eslint/eslintrc": "^1.3.2",
-        "@humanwhocodes/config-array": "^0.10.5",
+        "@eslint/eslintrc": "^1.3.0",
+        "@humanwhocodes/config-array": "^0.10.4",
         "@humanwhocodes/gitignore-to-minimatch": "^1.0.2",
-        "@humanwhocodes/module-importer": "^1.0.1",
         "ajv": "^6.10.0",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.2",
@@ -2957,12 +2827,13 @@
         "eslint-scope": "^7.1.1",
         "eslint-utils": "^3.0.0",
         "eslint-visitor-keys": "^3.3.0",
-        "espree": "^9.4.0",
+        "espree": "^9.3.3",
         "esquery": "^1.4.0",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
         "file-entry-cache": "^6.0.1",
         "find-up": "^5.0.0",
+        "functional-red-black-tree": "^1.0.1",
         "glob-parent": "^6.0.1",
         "globals": "^13.15.0",
         "globby": "^11.1.0",
@@ -2971,7 +2842,6 @@
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
-        "js-sdsl": "^4.1.4",
         "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "levn": "^0.4.1",
@@ -2982,7 +2852,8 @@
         "regexpp": "^3.2.0",
         "strip-ansi": "^6.0.1",
         "strip-json-comments": "^3.1.0",
-        "text-table": "^0.2.0"
+        "text-table": "^0.2.0",
+        "v8-compile-cache": "^2.0.3"
       },
       "bin": {
         "eslint": "bin/eslint.js"
@@ -3204,9 +3075,9 @@
       }
     },
     "node_modules/espree": {
-      "version": "9.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.0.tgz",
-      "integrity": "sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==",
+      "version": "9.3.3",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.3.3.tgz",
+      "integrity": "sha512-ORs1Rt/uQTqUKjDdGCyrtYxbazf5umATSf/K4qxjmZHORR6HJk+2s/2Pqe+Kk49HHINC/xNIrGfgh8sZcll0ng==",
       "dev": true,
       "dependencies": {
         "acorn": "^8.8.0",
@@ -3300,18 +3171,9 @@
       }
     },
     "node_modules/eventemitter2": {
-      "version": "6.4.7",
-      "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz",
-      "integrity": "sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg=="
-    },
-    "node_modules/events": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.x"
-      }
+      "version": "6.4.5",
+      "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.5.tgz",
+      "integrity": "sha512-bXE7Dyc1i6oQElDG0jMRZJrRAn9QR2xyyFGmBdZleNmyQX0FqGYmhZIrIrpPfm/w//LTo4tVQGOGQcGCb5q9uw=="
     },
     "node_modules/execa": {
       "version": "6.1.0",
@@ -3642,6 +3504,12 @@
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
       "dev": true
     },
+    "node_modules/functional-red-black-tree": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
+      "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==",
+      "dev": true
+    },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -4393,12 +4261,6 @@
       "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
       "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g=="
     },
-    "node_modules/js-sdsl": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.4.tgz",
-      "integrity": "sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==",
-      "dev": true
-    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -6526,14 +6388,14 @@
       }
     },
     "node_modules/prettier-plugin-astro": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-astro/-/prettier-plugin-astro-0.5.4.tgz",
-      "integrity": "sha512-ILs/WgUYtKBOn3Zh217/PwjCFtUWEKQjcCFJDevri0hGEBwEnnda9aqSLL0/nhCOmQn/UE7M9zLQvThu970ZHw==",
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-astro/-/prettier-plugin-astro-0.5.0.tgz",
+      "integrity": "sha512-wBDZs0hlPWQDc7P7VmGe8pImci6F434Wd/otfLJwvCSXRb9J7AhmAigXhm5WPgCJuBA509Ovo/Ed+LAgZy4KWg==",
       "dev": true,
       "dependencies": {
-        "@astrojs/compiler": "^0.23.4",
+        "@astrojs/compiler": "^0.19.0",
         "prettier": "^2.7.1",
-        "sass-formatter": "^0.7.5",
+        "sass-formatter": "^0.7.2",
         "synckit": "^0.7.0"
       },
       "engines": {
@@ -6541,6 +6403,12 @@
         "npm": ">=6.14.0"
       }
     },
+    "node_modules/prettier-plugin-astro/node_modules/@astrojs/compiler": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-0.19.0.tgz",
+      "integrity": "sha512-8nvyxZTfCXLyRmYfTttpJT6EPhfBRg0/q4J/Jj3/pNPLzp+vs05ZdktsY6QxAREaOMAnNEtSqcrB4S5DsXOfRg==",
+      "dev": true
+    },
     "node_modules/pretty-bytes": {
       "version": "5.6.0",
       "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
@@ -7014,9 +6882,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "2.78.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.78.1.tgz",
-      "integrity": "sha512-VeeCgtGi4P+o9hIg+xz4qQpRl6R401LWEXBmxYKOV4zlF82lyhgh2hTZnheFUbANE8l2A41F458iwj2vEYaXJg==",
+      "version": "2.75.6",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.75.6.tgz",
+      "integrity": "sha512-OEf0TgpC9vU6WGROJIk1JA3LR5vk/yvqlzxqdrE2CzzXnqKXNzbAwlWUXis8RS3ZPe7LAq+YUxsRa0l3r27MLA==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -7088,9 +6956,9 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "node_modules/sass-formatter": {
-      "version": "0.7.5",
-      "resolved": "https://registry.npmjs.org/sass-formatter/-/sass-formatter-0.7.5.tgz",
-      "integrity": "sha512-NKFP8ddjhUYi6A/iD1cEtzkEs91U61kzqe3lY9SVNuvX7LGc88xnEN0mmsWL7Ol//YTi2GL/ol7b9XZ2+hgXuA==",
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/sass-formatter/-/sass-formatter-0.7.4.tgz",
+      "integrity": "sha512-8UMMSv/P5FREyca67k6PP6DsfL5c3XGbt72OKSDsfy9qaEvQPGDtA+v/9ep3An1GF8YV0C8UtgVB/haePza2nA==",
       "dev": true,
       "dependencies": {
         "suf-log": "^2.5.3"
@@ -7143,20 +7011,20 @@
       }
     },
     "node_modules/shiki": {
-      "version": "0.11.1",
-      "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.11.1.tgz",
-      "integrity": "sha512-EugY9VASFuDqOexOgXR18ZV+TbFrQHeCpEYaXamO+SZlsnT/2LxuLBX25GGtIrwaEVFXUAbUQ601SWE2rMwWHA==",
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.10.1.tgz",
+      "integrity": "sha512-VsY7QJVzU51j5o1+DguUd+6vmCmZ5v/6gYu4vyYAhzjuNQU6P/vmSy4uQaOhvje031qQMiW0d2BwgMH52vqMng==",
       "dev": true,
       "dependencies": {
         "jsonc-parser": "^3.0.0",
         "vscode-oniguruma": "^1.6.1",
-        "vscode-textmate": "^6.0.0"
+        "vscode-textmate": "5.2.0"
       }
     },
     "node_modules/shiki/node_modules/jsonc-parser": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
-      "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.1.0.tgz",
+      "integrity": "sha512-DRf0QjnNeCUds3xTjKlQQ3DpJD51GvDjJfnxUVWg6PZTo2otSm+slzNAxU/35hF8/oJIKoG9slq30JYOsF2azg==",
       "dev": true
     },
     "node_modules/signal-exit": {
@@ -7925,6 +7793,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/v8-compile-cache": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
+      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
+      "dev": true
+    },
     "node_modules/verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
@@ -7983,15 +7857,15 @@
       }
     },
     "node_modules/vite": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.3.tgz",
-      "integrity": "sha512-/3XWiktaopByM5bd8dqvHxRt5EEgRikevnnrpND0gRfNkrMrPaGGexhtLCzv15RcCMtV2CLw+BPas8YFeSG0KA==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-3.0.5.tgz",
+      "integrity": "sha512-bRvrt9Tw8EGW4jj64aYFTnVg134E8hgDxyl/eEHnxiGqYk7/pTPss6CWlurqPOUzqvEoZkZ58Ws+Iu8MB87iMA==",
       "dev": true,
       "dependencies": {
-        "esbuild": "^0.15.6",
+        "esbuild": "^0.14.47",
         "postcss": "^8.4.16",
         "resolve": "^1.22.1",
-        "rollup": "~2.78.0"
+        "rollup": "^2.75.6"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -8023,366 +7897,6 @@
         }
       }
     },
-    "node_modules/vite/node_modules/esbuild": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.8.tgz",
-      "integrity": "sha512-Remsk2dmr1Ia65sU+QasE6svJbsHe62lzR+CnjpUvbZ+uSYo1SitiOWPRfZQkCu82YWZBBKXiD/j0i//XWMZ+Q==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "optionalDependencies": {
-        "@esbuild/android-arm": "0.15.8",
-        "@esbuild/linux-loong64": "0.15.8",
-        "esbuild-android-64": "0.15.8",
-        "esbuild-android-arm64": "0.15.8",
-        "esbuild-darwin-64": "0.15.8",
-        "esbuild-darwin-arm64": "0.15.8",
-        "esbuild-freebsd-64": "0.15.8",
-        "esbuild-freebsd-arm64": "0.15.8",
-        "esbuild-linux-32": "0.15.8",
-        "esbuild-linux-64": "0.15.8",
-        "esbuild-linux-arm": "0.15.8",
-        "esbuild-linux-arm64": "0.15.8",
-        "esbuild-linux-mips64le": "0.15.8",
-        "esbuild-linux-ppc64le": "0.15.8",
-        "esbuild-linux-riscv64": "0.15.8",
-        "esbuild-linux-s390x": "0.15.8",
-        "esbuild-netbsd-64": "0.15.8",
-        "esbuild-openbsd-64": "0.15.8",
-        "esbuild-sunos-64": "0.15.8",
-        "esbuild-windows-32": "0.15.8",
-        "esbuild-windows-64": "0.15.8",
-        "esbuild-windows-arm64": "0.15.8"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-android-64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.8.tgz",
-      "integrity": "sha512-bVh8FIKOolF7/d4AMzt7xHlL0Ljr+mYKSHI39TJWDkybVWHdn6+4ODL3xZGHOxPpdRpitemXA1WwMKYBsw8dGw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "dependencies": {
-        "esbuild-wasm": "0.15.8"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-android-arm64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.8.tgz",
-      "integrity": "sha512-ReAMDAHuo0H1h9LxRabI6gwYPn8k6WiUeyxuMvx17yTrJO+SCnIfNc/TSPFvDwtK9MiyiKG/2dBYHouT/M0BXQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-darwin-64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.8.tgz",
-      "integrity": "sha512-KaKcGfJ+yto7Fo5gAj3xwxHMd1fBIKatpCHK8znTJLVv+9+NN2/tIPBqA4w5rBwjX0UqXDeIE2v1xJP+nGEXgA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-darwin-arm64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.8.tgz",
-      "integrity": "sha512-8tjEaBgAKnXCkP7bhEJmEqdG9HEV6oLkF36BrMzpfW2rgaw0c48Zrxe+9RlfeGvs6gDF4w+agXyTjikzsS3izw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-freebsd-64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.8.tgz",
-      "integrity": "sha512-jaxcsGHYzn2L0/lffON2WfH4Nc+d/EwozVTP5K2v016zxMb5UQMhLoJzvLgBqHT1SG0B/mO+a+THnJCMVg15zw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-freebsd-arm64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.8.tgz",
-      "integrity": "sha512-2xp2UlljMvX8HExtcg7VHaeQk8OBU0CSl1j18B5CcZmSDkLF9p3utuMXIopG3a08fr9Hv+Dz6+seSXUow/G51w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-32": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.8.tgz",
-      "integrity": "sha512-9u1E54BRz1FQMl86iaHK146+4ID2KYNxL3trLZT4QLLx3M7Q9n4lGG3lrzqUatGR2cKy8c33b0iaCzsItZWkFg==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.8.tgz",
-      "integrity": "sha512-4HxrsN9eUzJXdVGMTYA5Xler82FuZUu21bXKN42zcLHHNKCAMPUzD62I+GwDhsdgUBAUj0tRXDdsQHgaP6v0HA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-arm": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.8.tgz",
-      "integrity": "sha512-7DVBU9SFjX4+vBwt8tHsUCbE6Vvl6y6FQWHAgyw1lybC5gULqn/WnjHYHN2/LJaZRsDBvxWT4msEgwLGq1Wd3Q==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-arm64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.8.tgz",
-      "integrity": "sha512-1OCm7Aq0tEJT70PbxmHSGYDLYP8DKH8r4Nk7/XbVzWaduo9beCjGBB+tGZIHK6DdTQ3h00/4Tb/70YMH/bOtKg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-mips64le": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.8.tgz",
-      "integrity": "sha512-yeFoNPVFPEzZvFYBfUQNG2TjGRaCyV1E27OcOg4LOtnGrxb2wA+mkW3luckyv1CEyd00mpAg7UdHx8nlx3ghgA==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-ppc64le": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.8.tgz",
-      "integrity": "sha512-CEyMMUUNabXibw8OSNmBXhOIGhnjNVl5Lpseiuf00iKN0V47oqDrbo4dsHz1wH62m49AR8iG8wpDlTqfYgKbtg==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-riscv64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.8.tgz",
-      "integrity": "sha512-OCGSOaspMUjexSCU8ZiA0UnV/NiRU+s2vIfEcAQWQ6u32R+2luyfh/4ZaY6jFbylJE07Esc/yRvb9Q5fXuClXA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-s390x": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.8.tgz",
-      "integrity": "sha512-RHdpdfxRTSrZXZJlFSLazFU4YwXLB5Rgf6Zr5rffqSsO4y9JybgtKO38bFwxZNlDXliYISXN/YROKrG9s7mZQA==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-netbsd-64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.8.tgz",
-      "integrity": "sha512-VolFFRatBH09T5QMWhiohAWCOien1R1Uz9K0BRVVTBgBaVBt7eArsXTKxVhUgRf2vwu2c2SXkuP0r7HLG0eozw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-openbsd-64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.8.tgz",
-      "integrity": "sha512-HTAPlg+n4kUeE/isQxlCfsOz0xJGNoT5LJ9oYZWFKABfVf4Ycu7Zlf5ITgOnrdheTkz8JeL/gISIOCFAoOXrSA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-sunos-64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.8.tgz",
-      "integrity": "sha512-qMP/jR/FzcIOwKj+W+Lb+8Cfr8GZHbHUJxAPi7DUhNZMQ/6y7sOgRzlOSpRrbbUntrRZh0MqOyDhJ3Gpo6L1QA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-windows-32": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.8.tgz",
-      "integrity": "sha512-RKR1QHh4iWzjUhkP8Yqi75PPz/KS+b8zw3wUrzw6oAkj+iU5Qtyj61ZDaSG3Qf2vc6hTIUiPqVTqBH0NpXFNwg==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-windows-64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.8.tgz",
-      "integrity": "sha512-ag9ptYrsizgsR+PQE8QKeMqnosLvAMonQREpLw4evA4FFgOBMLEat/dY/9txbpozTw9eEOYyD3a4cE9yTu20FA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-windows-arm64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.8.tgz",
-      "integrity": "sha512-dbpAb0VyPaUs9mgw65KRfQ9rqiWCHpNzrJusoPu+LpEoswosjt/tFxN7cd2l68AT4qWdBkzAjDLRon7uqMeWcg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/vscode-css-languageservice": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/vscode-css-languageservice/-/vscode-css-languageservice-6.0.1.tgz",
@@ -8463,9 +7977,9 @@
       "dev": true
     },
     "node_modules/vscode-textmate": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-6.0.0.tgz",
-      "integrity": "sha512-gu73tuZfJgu+mvCSy4UZwd2JXykjK9zAZsfmDeut5dx/1a7FeTk0XwJsSuqQn+cuMCGVbIBfl+s53X4T19DnzQ==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-5.2.0.tgz",
+      "integrity": "sha512-Uw5ooOQxRASHgu6C7GVvUxisKXfSgW4oFlO+aa+PAkgmH89O3CXxEEzNRNtHSqtXFTl0nAC1uYj0GMSH27uwtQ==",
       "dev": true
     },
     "node_modules/vscode-uri": {
@@ -8672,22 +8186,20 @@
       }
     },
     "@astrojs/compiler": {
-      "version": "0.23.5",
-      "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-0.23.5.tgz",
-      "integrity": "sha512-vBMPy9ok4iLapSyCCT1qsZ9dK7LkVFl9mObtLEmWiec9myGHS9h2kQY2xzPeFNJiWXUf9O6tSyQpQTy5As/p3g==",
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-0.23.1.tgz",
+      "integrity": "sha512-KsoDrASGwTKZoWXbjy8SlIeoDv7y1OfBJtHVLuPuzhConA8e0SZpGzFqIuVRfG4bhisSTptZLDQZ7oxwgPv2jA==",
       "dev": true
     },
     "@astrojs/language-server": {
-      "version": "0.26.2",
-      "resolved": "https://registry.npmjs.org/@astrojs/language-server/-/language-server-0.26.2.tgz",
-      "integrity": "sha512-9nkfdd6CMXLDIJojnwbYu5XrYfOI+g63JlktOlpFCwFjFNpm1u0e/+pXXmj6Zs+PkSTo0kV1UM77dRKRS5OC1Q==",
+      "version": "0.20.1",
+      "resolved": "https://registry.npmjs.org/@astrojs/language-server/-/language-server-0.20.1.tgz",
+      "integrity": "sha512-RPuN+3k3QCak0q5dW+ZrqTT2wE/sm9arKy27pvA7LzfVbuKLvEDswjUpJa2faan92BbfEiYSHW+OY/BZjY+C5w==",
       "dev": true,
       "requires": {
         "@vscode/emmet-helper": "^2.8.4",
-        "events": "^3.3.0",
-        "prettier": "^2.7.1",
-        "prettier-plugin-astro": "^0.5.3",
         "source-map": "^0.7.3",
+        "typescript": "~4.6.4",
         "vscode-css-languageservice": "^6.0.1",
         "vscode-html-languageservice": "^5.0.0",
         "vscode-languageserver": "^8.0.1",
@@ -8698,9 +8210,9 @@
       }
     },
     "@astrojs/markdown-remark": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-1.1.2.tgz",
-      "integrity": "sha512-afZWKRX7HFq1DdXq1jsUiqYee67Ln0Qan0yNgjNP2Nht0dxYD6JAK40+uiptKiRmP73cQjAVLGh54sgrruBDwA==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-1.0.0.tgz",
+      "integrity": "sha512-yQIMvVjSMs4ZQHffT2nBgXiqVHKOwIgd6xC0o5XkcbXxyspxjRGpHyiAp/WKEdKsUeXwjVuL8b+6lhAYByd+lw==",
       "dev": true,
       "requires": {
         "@astrojs/micromark-extension-mdx-jsx": "^1.0.3",
@@ -8708,7 +8220,6 @@
         "acorn": "^8.7.1",
         "acorn-jsx": "^5.3.2",
         "github-slugger": "^1.4.0",
-        "hast-util-to-html": "^8.0.3",
         "mdast-util-mdx-expression": "^1.2.1",
         "mdast-util-mdx-jsx": "^1.2.0",
         "micromark-extension-mdx-expression": "^1.0.3",
@@ -8720,7 +8231,7 @@
         "remark-parse": "^10.0.1",
         "remark-rehype": "^10.1.0",
         "remark-smartypants": "^2.0.0",
-        "shiki": "^0.11.1",
+        "shiki": "^0.10.1",
         "unified": "^10.1.2",
         "unist-util-map": "^3.1.1",
         "unist-util-visit": "^4.1.0",
@@ -9126,32 +8637,15 @@
       "integrity": "sha512-8HqW8EVqjnCmWXVpqAOZf+EGESdkR27odcMMMGefgKXtar00SoYNSryGv//TELI4T3QFsECo78p+0lmalk/CFA==",
       "dev": true
     },
-    "@esbuild/android-arm": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.8.tgz",
-      "integrity": "sha512-CyEWALmn+no/lbgbAJsbuuhT8s2J19EJGHkeyAwjbFJMrj80KJ9zuYsoAvidPTU7BgBf87r/sgae8Tw0dbOc4Q==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "esbuild-wasm": "0.15.8"
-      }
-    },
-    "@esbuild/linux-loong64": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.8.tgz",
-      "integrity": "sha512-pE5RQsOTSERCtfZdfCT25wzo7dfhOSlhAXcsZmuvRYhendOv7djcdvtINdnDp2DAjP17WXlBB4nBO6sHLczmsg==",
-      "dev": true,
-      "optional": true
-    },
     "@eslint/eslintrc": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.2.tgz",
-      "integrity": "sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.0.tgz",
+      "integrity": "sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw==",
       "dev": true,
       "requires": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
-        "espree": "^9.4.0",
+        "espree": "^9.3.2",
         "globals": "^13.15.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
@@ -9193,9 +8687,9 @@
       }
     },
     "@humanwhocodes/config-array": {
-      "version": "0.10.5",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.10.5.tgz",
-      "integrity": "sha512-XVVDtp+dVvRxMoxSiSfasYaG02VEe1qH5cKgMQJWhol6HwzbcqoCMJi8dAGoYAO57jhUyhI6cWuRiTcRaDaYug==",
+      "version": "0.10.4",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.10.4.tgz",
+      "integrity": "sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==",
       "dev": true,
       "requires": {
         "@humanwhocodes/object-schema": "^1.2.1",
@@ -9209,12 +8703,6 @@
       "integrity": "sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==",
       "dev": true
     },
-    "@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true
-    },
     "@humanwhocodes/object-schema": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
@@ -9312,9 +8800,9 @@
       "dev": true
     },
     "@proload/core": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@proload/core/-/core-0.3.3.tgz",
-      "integrity": "sha512-7dAFWsIK84C90AMl24+N/ProHKm4iw0akcnoKjRvbfHifJZBLhaDsDus1QJmhG12lXj4e/uB/8mB/0aduCW+NQ==",
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@proload/core/-/core-0.3.2.tgz",
+      "integrity": "sha512-4ga4HpS0ieVYWVMS+F62W++6SNACBu0lkw8snw3tEdH6AeqZu8i8262n3I81jWAWXVcg3sMfhb+kBexrfGrTUQ==",
       "dev": true,
       "requires": {
         "deepmerge": "^4.2.2",
@@ -9339,47 +8827,6 @@
         "@types/estree": "*"
       }
     },
-    "@types/babel__core": {
-      "version": "7.1.19",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.19.tgz",
-      "integrity": "sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw==",
-      "dev": true,
-      "requires": {
-        "@babel/parser": "^7.1.0",
-        "@babel/types": "^7.0.0",
-        "@types/babel__generator": "*",
-        "@types/babel__template": "*",
-        "@types/babel__traverse": "*"
-      }
-    },
-    "@types/babel__generator": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.4.tgz",
-      "integrity": "sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==",
-      "dev": true,
-      "requires": {
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "@types/babel__template": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.1.tgz",
-      "integrity": "sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==",
-      "dev": true,
-      "requires": {
-        "@babel/parser": "^7.1.0",
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "@types/babel__traverse": {
-      "version": "7.18.1",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.18.1.tgz",
-      "integrity": "sha512-FSdLaZh2UxaMuLp9lixWaHq/golWTRWOnRsAXzDTDSDOQLuZb1nsdCt6pJSPWSEQt2eFZ2YVk3oYhn+1kLMeMA==",
-      "dev": true,
-      "requires": {
-        "@babel/types": "^7.3.0"
-      }
-    },
     "@types/debug": {
       "version": "4.1.7",
       "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.7.tgz",
@@ -9413,12 +8860,6 @@
         "@types/unist": "*"
       }
     },
-    "@types/html-escaper": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@types/html-escaper/-/html-escaper-3.0.0.tgz",
-      "integrity": "sha512-OcJcvP3Yk8mjYwf/IdXZtTE1tb/u0WF0qa29ER07ZHCYUBZXSN29Z1mBS+/96+kNMGTFUAbSz9X+pHmHpZrTCw==",
-      "dev": true
-    },
     "@types/json5": {
       "version": "0.0.30",
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.30.tgz",
@@ -9488,12 +8929,6 @@
       "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==",
       "dev": true
     },
-    "@types/yargs-parser": {
-      "version": "21.0.0",
-      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz",
-      "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==",
-      "dev": true
-    },
     "@types/yauzl": {
       "version": "2.10.0",
       "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz",
@@ -9691,14 +9126,14 @@
       "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ=="
     },
     "astro": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/astro/-/astro-1.3.0.tgz",
-      "integrity": "sha512-cWBtLkkUcj38J0knrTaZvyoVFJxjOAWPRbECIXFxvGZ/ASNr+FNumeUk/u3uAGIF0pbqEgc+5zAvmPoe0pCd9w==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/astro/-/astro-1.0.2.tgz",
+      "integrity": "sha512-7Bmw8wGQnh/rRpybc6owYbAyr6SXKm7kX56gg82ABJbqnTQhbgOPtg8+k+KKkJekMU/gPe3LfMIh0+Ie+F9xUw==",
       "dev": true,
       "requires": {
-        "@astrojs/compiler": "^0.24.0",
-        "@astrojs/language-server": "^0.26.2",
-        "@astrojs/markdown-remark": "^1.1.2",
+        "@astrojs/compiler": "^0.23.1",
+        "@astrojs/language-server": "^0.20.0",
+        "@astrojs/markdown-remark": "^1.0.0",
         "@astrojs/telemetry": "^1.0.0",
         "@astrojs/webapi": "^1.0.0",
         "@babel/core": "^7.18.2",
@@ -9707,11 +9142,9 @@
         "@babel/plugin-transform-react-jsx": "^7.17.12",
         "@babel/traverse": "^7.18.2",
         "@babel/types": "^7.18.4",
-        "@proload/core": "^0.3.3",
+        "@proload/core": "^0.3.2",
         "@proload/plugin-tsm": "^0.2.1",
-        "@types/babel__core": "^7.1.19",
-        "@types/html-escaper": "^3.0.0",
-        "@types/yargs-parser": "^21.0.0",
+        "ast-types": "^0.14.2",
         "boxen": "^6.2.1",
         "ci-info": "^3.3.1",
         "common-ancestor-path": "^1.0.1",
@@ -9739,29 +9172,20 @@
         "recast": "^0.20.5",
         "rehype": "^12.0.1",
         "resolve": "^1.22.0",
-        "rollup": "~2.78.0",
+        "rollup": "^2.75.6",
         "semver": "^7.3.7",
-        "shiki": "^0.11.1",
+        "shiki": "^0.10.1",
         "sirv": "^2.0.2",
         "slash": "^4.0.0",
         "string-width": "^5.1.2",
         "strip-ansi": "^7.0.1",
         "supports-esm": "^1.0.0",
         "tsconfig-resolver": "^3.0.1",
-        "typescript": "*",
         "unist-util-visit": "^4.1.0",
         "vfile": "^5.3.2",
-        "vite": "~3.1.3",
+        "vite": "3.0.5",
         "yargs-parser": "^21.0.1",
         "zod": "^3.17.3"
-      },
-      "dependencies": {
-        "@astrojs/compiler": {
-          "version": "0.24.0",
-          "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-0.24.0.tgz",
-          "integrity": "sha512-xZ81C/oMfExdF18I1Tyd2BKKzBqO+qYYctSy4iCwH4UWSo/4Y8A8MAzV1hG67uuE7hFRourSl6H5KUbhyChv/A==",
-          "dev": true
-        }
       }
     },
     "async": {
@@ -10216,9 +9640,9 @@
       }
     },
     "cypress": {
-      "version": "10.8.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-10.8.0.tgz",
-      "integrity": "sha512-QVse0dnLm018hgti2enKMVZR9qbIO488YGX06nH5j3Dg1isL38DwrBtyrax02CANU6y8F4EJUuyW6HJKw1jsFA==",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-10.4.0.tgz",
+      "integrity": "sha512-OM7F8MRE01SHQRVVzunid1ZK1m90XTxYnl+7uZfIrB4CYqUDCrZEeSyCXzIbsS6qcaijVCAhqDL60SxG8N6hew==",
       "requires": {
         "@cypress/request": "^2.88.10",
         "@cypress/xvfb": "^1.2.4",
@@ -10239,7 +9663,7 @@
         "dayjs": "^1.10.4",
         "debug": "^4.3.2",
         "enquirer": "^2.3.6",
-        "eventemitter2": "6.4.7",
+        "eventemitter2": "^6.4.3",
         "execa": "4.1.0",
         "executable": "^4.1.1",
         "extract-zip": "2.0.1",
@@ -10741,13 +10165,6 @@
       "dev": true,
       "optional": true
     },
-    "esbuild-wasm": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.15.8.tgz",
-      "integrity": "sha512-Y7uCl5RNO4URjlemjdx++ukVHEMt5s5AfMWYUnMiK4Sry+pPCvQIctzXq6r6FKCyGKjX6/NGMCqR2OX6aLxj0w==",
-      "dev": true,
-      "optional": true
-    },
     "esbuild-windows-32": {
       "version": "0.14.51",
       "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.51.tgz",
@@ -10781,15 +10198,14 @@
       "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
     },
     "eslint": {
-      "version": "8.24.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.24.0.tgz",
-      "integrity": "sha512-dWFaPhGhTAiPcCgm3f6LI2MBWbogMnTJzFBbhXVRQDJPkr9pGZvVjlVfXd+vyDcWPA2Ic9L2AXPIQM0+vk/cSQ==",
+      "version": "8.21.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.21.0.tgz",
+      "integrity": "sha512-/XJ1+Qurf1T9G2M5IHrsjp+xrGT73RZf23xA1z5wB1ZzzEAWSZKvRwhWxTFp1rvkvCfwcvAUNAP31bhKTTGfDA==",
       "dev": true,
       "requires": {
-        "@eslint/eslintrc": "^1.3.2",
-        "@humanwhocodes/config-array": "^0.10.5",
+        "@eslint/eslintrc": "^1.3.0",
+        "@humanwhocodes/config-array": "^0.10.4",
         "@humanwhocodes/gitignore-to-minimatch": "^1.0.2",
-        "@humanwhocodes/module-importer": "^1.0.1",
         "ajv": "^6.10.0",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.2",
@@ -10799,12 +10215,13 @@
         "eslint-scope": "^7.1.1",
         "eslint-utils": "^3.0.0",
         "eslint-visitor-keys": "^3.3.0",
-        "espree": "^9.4.0",
+        "espree": "^9.3.3",
         "esquery": "^1.4.0",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
         "file-entry-cache": "^6.0.1",
         "find-up": "^5.0.0",
+        "functional-red-black-tree": "^1.0.1",
         "glob-parent": "^6.0.1",
         "globals": "^13.15.0",
         "globby": "^11.1.0",
@@ -10813,7 +10230,6 @@
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
-        "js-sdsl": "^4.1.4",
         "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "levn": "^0.4.1",
@@ -10824,7 +10240,8 @@
         "regexpp": "^3.2.0",
         "strip-ansi": "^6.0.1",
         "strip-json-comments": "^3.1.0",
-        "text-table": "^0.2.0"
+        "text-table": "^0.2.0",
+        "v8-compile-cache": "^2.0.3"
       },
       "dependencies": {
         "ansi-regex": {
@@ -10972,9 +10389,9 @@
       "dev": true
     },
     "espree": {
-      "version": "9.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.0.tgz",
-      "integrity": "sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==",
+      "version": "9.3.3",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.3.3.tgz",
+      "integrity": "sha512-ORs1Rt/uQTqUKjDdGCyrtYxbazf5umATSf/K4qxjmZHORR6HJk+2s/2Pqe+Kk49HHINC/xNIrGfgh8sZcll0ng==",
       "dev": true,
       "requires": {
         "acorn": "^8.8.0",
@@ -11035,15 +10452,9 @@
       "dev": true
     },
     "eventemitter2": {
-      "version": "6.4.7",
-      "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz",
-      "integrity": "sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg=="
-    },
-    "events": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "dev": true
+      "version": "6.4.5",
+      "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.5.tgz",
+      "integrity": "sha512-bXE7Dyc1i6oQElDG0jMRZJrRAn9QR2xyyFGmBdZleNmyQX0FqGYmhZIrIrpPfm/w//LTo4tVQGOGQcGCb5q9uw=="
     },
     "execa": {
       "version": "6.1.0",
@@ -11290,6 +10701,12 @@
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
       "dev": true
     },
+    "functional-red-black-tree": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
+      "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==",
+      "dev": true
+    },
     "gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -11811,12 +11228,6 @@
       "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
       "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g=="
     },
-    "js-sdsl": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.4.tgz",
-      "integrity": "sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==",
-      "dev": true
-    },
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -13248,15 +12659,23 @@
       "dev": true
     },
     "prettier-plugin-astro": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-astro/-/prettier-plugin-astro-0.5.4.tgz",
-      "integrity": "sha512-ILs/WgUYtKBOn3Zh217/PwjCFtUWEKQjcCFJDevri0hGEBwEnnda9aqSLL0/nhCOmQn/UE7M9zLQvThu970ZHw==",
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-astro/-/prettier-plugin-astro-0.5.0.tgz",
+      "integrity": "sha512-wBDZs0hlPWQDc7P7VmGe8pImci6F434Wd/otfLJwvCSXRb9J7AhmAigXhm5WPgCJuBA509Ovo/Ed+LAgZy4KWg==",
       "dev": true,
       "requires": {
-        "@astrojs/compiler": "^0.23.4",
+        "@astrojs/compiler": "^0.19.0",
         "prettier": "^2.7.1",
-        "sass-formatter": "^0.7.5",
+        "sass-formatter": "^0.7.2",
         "synckit": "^0.7.0"
+      },
+      "dependencies": {
+        "@astrojs/compiler": {
+          "version": "0.19.0",
+          "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-0.19.0.tgz",
+          "integrity": "sha512-8nvyxZTfCXLyRmYfTttpJT6EPhfBRg0/q4J/Jj3/pNPLzp+vs05ZdktsY6QxAREaOMAnNEtSqcrB4S5DsXOfRg==",
+          "dev": true
+        }
       }
     },
     "pretty-bytes": {
@@ -13599,9 +13018,9 @@
       }
     },
     "rollup": {
-      "version": "2.78.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.78.1.tgz",
-      "integrity": "sha512-VeeCgtGi4P+o9hIg+xz4qQpRl6R401LWEXBmxYKOV4zlF82lyhgh2hTZnheFUbANE8l2A41F458iwj2vEYaXJg==",
+      "version": "2.75.6",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.75.6.tgz",
+      "integrity": "sha512-OEf0TgpC9vU6WGROJIk1JA3LR5vk/yvqlzxqdrE2CzzXnqKXNzbAwlWUXis8RS3ZPe7LAq+YUxsRa0l3r27MLA==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.2"
@@ -13650,9 +13069,9 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "sass-formatter": {
-      "version": "0.7.5",
-      "resolved": "https://registry.npmjs.org/sass-formatter/-/sass-formatter-0.7.5.tgz",
-      "integrity": "sha512-NKFP8ddjhUYi6A/iD1cEtzkEs91U61kzqe3lY9SVNuvX7LGc88xnEN0mmsWL7Ol//YTi2GL/ol7b9XZ2+hgXuA==",
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/sass-formatter/-/sass-formatter-0.7.4.tgz",
+      "integrity": "sha512-8UMMSv/P5FREyca67k6PP6DsfL5c3XGbt72OKSDsfy9qaEvQPGDtA+v/9ep3An1GF8YV0C8UtgVB/haePza2nA==",
       "dev": true,
       "requires": {
         "suf-log": "^2.5.3"
@@ -13690,20 +13109,20 @@
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
     },
     "shiki": {
-      "version": "0.11.1",
-      "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.11.1.tgz",
-      "integrity": "sha512-EugY9VASFuDqOexOgXR18ZV+TbFrQHeCpEYaXamO+SZlsnT/2LxuLBX25GGtIrwaEVFXUAbUQ601SWE2rMwWHA==",
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.10.1.tgz",
+      "integrity": "sha512-VsY7QJVzU51j5o1+DguUd+6vmCmZ5v/6gYu4vyYAhzjuNQU6P/vmSy4uQaOhvje031qQMiW0d2BwgMH52vqMng==",
       "dev": true,
       "requires": {
         "jsonc-parser": "^3.0.0",
         "vscode-oniguruma": "^1.6.1",
-        "vscode-textmate": "^6.0.0"
+        "vscode-textmate": "5.2.0"
       },
       "dependencies": {
         "jsonc-parser": {
-          "version": "3.2.0",
-          "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
-          "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.1.0.tgz",
+          "integrity": "sha512-DRf0QjnNeCUds3xTjKlQQ3DpJD51GvDjJfnxUVWg6PZTo2otSm+slzNAxU/35hF8/oJIKoG9slq30JYOsF2azg==",
           "dev": true
         }
       }
@@ -14250,6 +13669,12 @@
         "sade": "^1.7.3"
       }
     },
+    "v8-compile-cache": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
+      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
+      "dev": true
+    },
     "verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
@@ -14293,191 +13718,16 @@
       }
     },
     "vite": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.3.tgz",
-      "integrity": "sha512-/3XWiktaopByM5bd8dqvHxRt5EEgRikevnnrpND0gRfNkrMrPaGGexhtLCzv15RcCMtV2CLw+BPas8YFeSG0KA==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-3.0.5.tgz",
+      "integrity": "sha512-bRvrt9Tw8EGW4jj64aYFTnVg134E8hgDxyl/eEHnxiGqYk7/pTPss6CWlurqPOUzqvEoZkZ58Ws+Iu8MB87iMA==",
       "dev": true,
       "requires": {
-        "esbuild": "^0.15.6",
+        "esbuild": "^0.14.47",
         "fsevents": "~2.3.2",
         "postcss": "^8.4.16",
         "resolve": "^1.22.1",
-        "rollup": "~2.78.0"
-      },
-      "dependencies": {
-        "esbuild": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.8.tgz",
-          "integrity": "sha512-Remsk2dmr1Ia65sU+QasE6svJbsHe62lzR+CnjpUvbZ+uSYo1SitiOWPRfZQkCu82YWZBBKXiD/j0i//XWMZ+Q==",
-          "dev": true,
-          "requires": {
-            "@esbuild/android-arm": "0.15.8",
-            "@esbuild/linux-loong64": "0.15.8",
-            "esbuild-android-64": "0.15.8",
-            "esbuild-android-arm64": "0.15.8",
-            "esbuild-darwin-64": "0.15.8",
-            "esbuild-darwin-arm64": "0.15.8",
-            "esbuild-freebsd-64": "0.15.8",
-            "esbuild-freebsd-arm64": "0.15.8",
-            "esbuild-linux-32": "0.15.8",
-            "esbuild-linux-64": "0.15.8",
-            "esbuild-linux-arm": "0.15.8",
-            "esbuild-linux-arm64": "0.15.8",
-            "esbuild-linux-mips64le": "0.15.8",
-            "esbuild-linux-ppc64le": "0.15.8",
-            "esbuild-linux-riscv64": "0.15.8",
-            "esbuild-linux-s390x": "0.15.8",
-            "esbuild-netbsd-64": "0.15.8",
-            "esbuild-openbsd-64": "0.15.8",
-            "esbuild-sunos-64": "0.15.8",
-            "esbuild-windows-32": "0.15.8",
-            "esbuild-windows-64": "0.15.8",
-            "esbuild-windows-arm64": "0.15.8"
-          }
-        },
-        "esbuild-android-64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.8.tgz",
-          "integrity": "sha512-bVh8FIKOolF7/d4AMzt7xHlL0Ljr+mYKSHI39TJWDkybVWHdn6+4ODL3xZGHOxPpdRpitemXA1WwMKYBsw8dGw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "esbuild-wasm": "0.15.8"
-          }
-        },
-        "esbuild-android-arm64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.8.tgz",
-          "integrity": "sha512-ReAMDAHuo0H1h9LxRabI6gwYPn8k6WiUeyxuMvx17yTrJO+SCnIfNc/TSPFvDwtK9MiyiKG/2dBYHouT/M0BXQ==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-darwin-64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.8.tgz",
-          "integrity": "sha512-KaKcGfJ+yto7Fo5gAj3xwxHMd1fBIKatpCHK8znTJLVv+9+NN2/tIPBqA4w5rBwjX0UqXDeIE2v1xJP+nGEXgA==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-darwin-arm64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.8.tgz",
-          "integrity": "sha512-8tjEaBgAKnXCkP7bhEJmEqdG9HEV6oLkF36BrMzpfW2rgaw0c48Zrxe+9RlfeGvs6gDF4w+agXyTjikzsS3izw==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-freebsd-64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.8.tgz",
-          "integrity": "sha512-jaxcsGHYzn2L0/lffON2WfH4Nc+d/EwozVTP5K2v016zxMb5UQMhLoJzvLgBqHT1SG0B/mO+a+THnJCMVg15zw==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-freebsd-arm64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.8.tgz",
-          "integrity": "sha512-2xp2UlljMvX8HExtcg7VHaeQk8OBU0CSl1j18B5CcZmSDkLF9p3utuMXIopG3a08fr9Hv+Dz6+seSXUow/G51w==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-linux-32": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.8.tgz",
-          "integrity": "sha512-9u1E54BRz1FQMl86iaHK146+4ID2KYNxL3trLZT4QLLx3M7Q9n4lGG3lrzqUatGR2cKy8c33b0iaCzsItZWkFg==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-linux-64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.8.tgz",
-          "integrity": "sha512-4HxrsN9eUzJXdVGMTYA5Xler82FuZUu21bXKN42zcLHHNKCAMPUzD62I+GwDhsdgUBAUj0tRXDdsQHgaP6v0HA==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-linux-arm": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.8.tgz",
-          "integrity": "sha512-7DVBU9SFjX4+vBwt8tHsUCbE6Vvl6y6FQWHAgyw1lybC5gULqn/WnjHYHN2/LJaZRsDBvxWT4msEgwLGq1Wd3Q==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-linux-arm64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.8.tgz",
-          "integrity": "sha512-1OCm7Aq0tEJT70PbxmHSGYDLYP8DKH8r4Nk7/XbVzWaduo9beCjGBB+tGZIHK6DdTQ3h00/4Tb/70YMH/bOtKg==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-linux-mips64le": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.8.tgz",
-          "integrity": "sha512-yeFoNPVFPEzZvFYBfUQNG2TjGRaCyV1E27OcOg4LOtnGrxb2wA+mkW3luckyv1CEyd00mpAg7UdHx8nlx3ghgA==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-linux-ppc64le": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.8.tgz",
-          "integrity": "sha512-CEyMMUUNabXibw8OSNmBXhOIGhnjNVl5Lpseiuf00iKN0V47oqDrbo4dsHz1wH62m49AR8iG8wpDlTqfYgKbtg==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-linux-riscv64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.8.tgz",
-          "integrity": "sha512-OCGSOaspMUjexSCU8ZiA0UnV/NiRU+s2vIfEcAQWQ6u32R+2luyfh/4ZaY6jFbylJE07Esc/yRvb9Q5fXuClXA==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-linux-s390x": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.8.tgz",
-          "integrity": "sha512-RHdpdfxRTSrZXZJlFSLazFU4YwXLB5Rgf6Zr5rffqSsO4y9JybgtKO38bFwxZNlDXliYISXN/YROKrG9s7mZQA==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-netbsd-64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.8.tgz",
-          "integrity": "sha512-VolFFRatBH09T5QMWhiohAWCOien1R1Uz9K0BRVVTBgBaVBt7eArsXTKxVhUgRf2vwu2c2SXkuP0r7HLG0eozw==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-openbsd-64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.8.tgz",
-          "integrity": "sha512-HTAPlg+n4kUeE/isQxlCfsOz0xJGNoT5LJ9oYZWFKABfVf4Ycu7Zlf5ITgOnrdheTkz8JeL/gISIOCFAoOXrSA==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-sunos-64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.8.tgz",
-          "integrity": "sha512-qMP/jR/FzcIOwKj+W+Lb+8Cfr8GZHbHUJxAPi7DUhNZMQ/6y7sOgRzlOSpRrbbUntrRZh0MqOyDhJ3Gpo6L1QA==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-windows-32": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.8.tgz",
-          "integrity": "sha512-RKR1QHh4iWzjUhkP8Yqi75PPz/KS+b8zw3wUrzw6oAkj+iU5Qtyj61ZDaSG3Qf2vc6hTIUiPqVTqBH0NpXFNwg==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-windows-64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.8.tgz",
-          "integrity": "sha512-ag9ptYrsizgsR+PQE8QKeMqnosLvAMonQREpLw4evA4FFgOBMLEat/dY/9txbpozTw9eEOYyD3a4cE9yTu20FA==",
-          "dev": true,
-          "optional": true
-        },
-        "esbuild-windows-arm64": {
-          "version": "0.15.8",
-          "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.8.tgz",
-          "integrity": "sha512-dbpAb0VyPaUs9mgw65KRfQ9rqiWCHpNzrJusoPu+LpEoswosjt/tFxN7cd2l68AT4qWdBkzAjDLRon7uqMeWcg==",
-          "dev": true,
-          "optional": true
-        }
+        "rollup": "^2.75.6"
       }
     },
     "vscode-css-languageservice": {
@@ -14554,9 +13804,9 @@
       "dev": true
     },
     "vscode-textmate": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-6.0.0.tgz",
-      "integrity": "sha512-gu73tuZfJgu+mvCSy4UZwd2JXykjK9zAZsfmDeut5dx/1a7FeTk0XwJsSuqQn+cuMCGVbIBfl+s53X4T19DnzQ==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-5.2.0.tgz",
+      "integrity": "sha512-Uw5ooOQxRASHgu6C7GVvUxisKXfSgW4oFlO+aa+PAkgmH89O3CXxEEzNRNtHSqtXFTl0nAC1uYj0GMSH27uwtQ==",
       "dev": true
     },
     "vscode-uri": {
diff --git a/src/components/Buttons.astro b/src/components/Buttons.astro
new file mode 100644
index 0000000..30cfd2a
--- /dev/null
+++ b/src/components/Buttons.astro
@@ -0,0 +1,64 @@
+---
+---
+
+<script>
+    const bttns = document.querySelectorAll('.content-bttn')
+    bttns.forEach(bttn => {
+        bttn.onclick = function(event) {bttnFunction(event)}
+    })
+
+    function bttnFunction(event){
+        let id = event.target.id
+        let body = document.querySelector('body')
+        if(!body.classList.contains(id)){
+            body.removeAttribute("class")
+            body.classList.add(`${id}`)
+        }else{
+            body.classList.remove(`${id}`)
+            body.classList.add('sum')
+        }
+    }
+</script>
+
+<div class='content-bttns'>
+    <button type="button" class="content-bttn bttn" id="func"> Netlify Functions</button>
+    <button type="button" class="content-bttn bttn" id="form"> Netlify Forms</button>
+    <button type="button" class="content-bttn bttn" id="redirect"> Netlify Redirects</button>
+</div>
+
+<style>
+    .content-bttns{
+        display:flex;
+        justify-content: center;
+    }
+
+    button{
+        margin: 2% 2%;
+        padding: 1%;
+        border: 2px solid #093C4F;
+        background: none;
+        border-radius: 5px;
+        font-weight: 600;
+        cursor: pointer;
+    }
+
+    button:hover{
+        background: black;
+        color: white;
+    }
+
+    body.func button#func{
+        background: black;
+        color: white;
+    }
+
+    body.form button#form {
+        background: black;
+        color: white;
+    }
+    
+    body.redirect button#redirect{
+        background: black;
+        color: white;
+    }
+</style>
\ No newline at end of file
diff --git a/src/components/FeedbackForm.astro b/src/components/FeedbackForm.astro
index 803c196..6cb909b 100644
--- a/src/components/FeedbackForm.astro
+++ b/src/components/FeedbackForm.astro
@@ -1,8 +1,8 @@
 ---
 ---
 
-  <p>Here's an example of a Netlify Form! When you fill this out, the submissions can be found in the Netlify Admin site.</p>
   <div class="feedback-form">
+    <p>Here's an example of a Netlify Form! When you fill this out, the submissions can be found in the Netlify Admin site.</p>
       <form
         netlify
         netlify-honeypot
@@ -27,33 +27,50 @@
   </div>
 
 <style>
+
+  form{
+    display: flex;
+    flex-flow: column;
+    margin: 2% 0;
+    align-items: center;
+    flex-basis: 60%;
+  }
   .feedback-form {
-  margin: 40px 40px;
-  min-width: 250px;
-  width: 45%;
-}
-input,
-textarea,
-button {
-  font-size: inherit;
-  margin: 15px 0;
-  padding: 12px 20px;
-  width: 100%;
-}
-button {
-  background-color: teal;
-  border: 1px solid black;
-  color: white;
-  width: 50%;
-}
-.hidden {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
+    min-width: 250px;
+  }
+  p{
+    display: flex;
+    align-items: center;
+    flex-basis: 40%;
+  }
+  input,
+  textarea,
+  button {
+    font-size: inherit;
+    margin: 15px 0;
+    display: flex;
+    padding: 6px 3px;
+    width: 65%;
+    justify-content: center;
+    align-items: center;
+    border-radius: 10px;
+    border: 1px solid #b4b4b4;
+    background: #ffffff99;
+  }
+  button {
+    background-color: teal;
+    border: 1px solid black;
+    color: white;
+    width: 50%;
+  }
+  .hidden {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
 </style>
 
diff --git a/src/components/Intro.astro b/src/components/Intro.astro
new file mode 100644
index 0000000..3712fcc
--- /dev/null
+++ b/src/components/Intro.astro
@@ -0,0 +1,15 @@
+---
+
+---
+
+<div class="intro">
+    <p>
+      Hi 👋! This template gives you an
+      <a href="https://astro.build/">Astro</a> app with the scaffolding for
+      <a href="https://ntl.fyi/3upc4Qo"
+        >Netlify Functions</a
+      >, <a href="https://ntl.fyi/3bICRk6">Forms</a>, and
+    <a href="https://ntl.fyi/3PcY8RH">Redirects</a>.
+  </p>
+  <p>Select one of the above buttons to view an example</p>
+  </div>
\ No newline at end of file
diff --git a/src/components/Layout.astro b/src/components/Layout.astro
index a8e39d1..73a8057 100644
--- a/src/components/Layout.astro
+++ b/src/components/Layout.astro
@@ -1,4 +1,5 @@
 ---
+import '../styles/demo-styling.css'
 export interface Props {
   title: string;
 }
@@ -14,7 +15,7 @@ const { title } = Astro.props as Props;
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <title>{title}</title>
   </head>
-  <body>
+  <body class="sum">
     <slot />
   </body>
 </html>
diff --git a/src/components/Redirects.astro b/src/components/Redirects.astro
new file mode 100644
index 0000000..22094f5
--- /dev/null
+++ b/src/components/Redirects.astro
@@ -0,0 +1,44 @@
+---
+
+---
+
+<div class="redirect-wrapper">
+  <p>Within this template we used redirects to shorten the Jokes API endpoint created using Netlify Functions from <a href={`${process.env.URL}/.netlify/functions/joke`}>/.netlify/functions/joke</a> to <a href={`${process.env.URL}/api/joke`}>/api/joke</a> using the below snippet in the netlify.toml file</p>
+    <p class="code-snippet">
+      [[redirects]]<br>
+      &nbsp; from = "/api/*"<br>
+      &nbsp; to = "/.netlify/functions/:splat"<br>
+      &nbsp; status = 200<br>
+      &nbsp; force = true<br>
+    </p>
+    <p class="redirect-res">Redirect Resources</p>
+    <ul>
+      <li><a href="https://docs.netlify.com/routing/redirects/#syntax-for-the-netlify-configuration-file">Redirect syntax and configuration</a></li>
+      <li><a href="https://docs.netlify.com/routing/redirects/redirect-options/">Redirect options</a></li>
+      <li><a href="https://www.netlify.com/blog/2020/04/07/creating-better-more-predictable-redirect-rules-for-spas/">Creating better, more predicatable redirect rules for SPAs</a></li>
+      <li><a href="https://docs.netlify.com/routing/redirects/redirect-options/#redirect-by-country-or-language">Redirect by country or language</a></li>
+      <li><a href="https://docs.netlify.com/configure-builds/on-demand-builders/">On-Demand Builders</a></li>
+    </ul>
+ </div>
+
+ <style>
+  .redirect-wrapper a{
+    color: black;
+  }
+
+  .redirect-wrapper ul{
+    text-align: left;
+  }
+  .code-snippet{
+    font-family: Consolas,"courier new";
+    color: white;
+    background-color: #1a1b32;
+    padding: 2px;
+    font-size: 105%;
+    text-align: left;
+  }
+
+  .redirect-res{
+    font-weight: bold;
+  }
+ </style>
\ No newline at end of file
diff --git a/src/components/jokes.astro b/src/components/jokes.astro
new file mode 100644
index 0000000..c6b2bdb
--- /dev/null
+++ b/src/components/jokes.astro
@@ -0,0 +1,25 @@
+---
+const context = process.env.CONTEXT
+let baseURL = context == "deploy-preview" ? process.env.DEPLOY_PRIME_URL : context == 'production' ? process.env.URL : "http://localhost:8888"
+let jokesEndpoint = new URL(`${baseURL}/api/joke`)
+let data = ''
+---
+
+<script define:vars={{ data, jokesEndpoint }}>
+  (async() => {
+    try {
+      let response = await fetch(jokesEndpoint)
+      data = await response.text()
+      document.querySelector('.jokes-link').insertAdjacentText('beforeend', data)
+    } catch {}
+    })()
+</script>
+<div class="jokes-wrapper">
+  <span>Dad Jokes:</span><p class="jokes-link"/>
+</div>
+
+<style>
+  .jokes-wrapper{
+    margin: 20% 0;
+  }
+</style>
diff --git a/src/components/svg.astro b/src/components/svg.astro
new file mode 100644
index 0000000..7fe3be6
--- /dev/null
+++ b/src/components/svg.astro
@@ -0,0 +1,67 @@
+---
+
+---
+
+<svg id="background" width="1728" height="1871" viewBox="0 0 1728 1871" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.75" filter="url(#filter0_f_89_76)">
+        <circle cx="115" cy="913" r="215" fill="url(#paint0_linear_89_76)"/>
+    </g>
+    <g opacity="0.65" filter="url(#filter1_df_89_76)">
+        <circle cx="1516.5" cy="188.5" r="271.5" fill="url(#paint1_linear_89_76)"/>
+    </g>
+    <g opacity="0.75" filter="url(#filter2_f_89_76)">
+        <circle cx="1365" cy="1012" r="214" fill="url(#paint2_linear_89_76)"/>
+    </g>
+    <g opacity="0.65" filter="url(#filter3_df_89_76)">
+        <circle cx="567.5" cy="1453.5" r="196.5" fill="url(#paint3_linear_89_76)"/>
+    </g>
+    <defs>
+        <filter id="filter0_f_89_76" x="-321" y="477" width="872" height="872" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+            <feGaussianBlur stdDeviation="110.5" result="effect1_foregroundBlur_89_76"/>
+        </filter>
+        <filter id="filter1_df_89_76" x="1024" y="-304" width="985" height="985" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dx="11" dy="22"/>
+            <feComposite in2="hardAlpha" operator="out"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_89_76"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_89_76" result="shape"/>
+            <feGaussianBlur stdDeviation="110.5" result="effect2_foregroundBlur_89_76"/>
+        </filter>
+        <filter id="filter2_f_89_76" x="930" y="577" width="870" height="870" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+            <feGaussianBlur stdDeviation="110.5" result="effect1_foregroundBlur_89_76"/>
+        </filter>
+        <filter id="filter3_df_89_76" x="150" y="1036" width="835" height="835" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dx="11" dy="22"/>
+            <feComposite in2="hardAlpha" operator="out"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_89_76"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_89_76" result="shape"/>
+            <feGaussianBlur stdDeviation="110.5" result="effect2_foregroundBlur_89_76"/>
+        </filter>
+        <linearGradient id="paint0_linear_89_76" x1="275.028" y1="833.189" x2="115" y2="1128" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF5C02"/>
+            <stop offset="1" stop-color="#FFCDB1"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_89_76" x1="1516.5" y1="-83" x2="1516.5" y2="460" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#20C6B7"/>
+            <stop offset="1" stop-color="#4D9ABF"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_89_76" x1="1524.28" y1="932.561" x2="1365" y2="1226" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF5C02"/>
+            <stop offset="1" stop-color="#FFCDB1"/>
+        </linearGradient>
+        <linearGradient id="paint3_linear_89_76" x1="567.5" y1="1257" x2="567.5" y2="1650" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#20C6B7"/>
+            <stop offset="1" stop-color="#4D9ABF"/>
+        </linearGradient>
+    </defs>
+</svg>
+    
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 84e0b99..304ae58 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,61 +1,52 @@
 ---
 import Layout from '../components/Layout.astro';
 import FeedbackForm from '../components/FeedbackForm.astro';
+import Jokes from '../components/jokes.astro';
+import SVG from '../components/svg.astro';
+import Buttons from '../components/Buttons.astro';
+import Intro from '../components/Intro.astro';
+import Redirect from '../components/Redirects.astro'
 ---
 
 <Layout title="Astro Toolbox">
   <main>
-    <div class="header">
-      <div class="logo">
-        <img
-          src="https://res.cloudinary.com/dzkoxrsdj/image/upload/v1652291187/astro_1_c1yk5a.png"
-        />
+    <SVG/>
+    <div id="content">
+      <div class="header">
+        <h1>Toolbox Template</h1>
+        <div class="logo">
+          <img
+            src="https://res.cloudinary.com/dzkoxrsdj/image/upload/v1652291187/astro_1_c1yk5a.png"
+          />
+        </div>
+        <div class="bttns">
+          <a href="https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/astro-toolbox?utm_campaign=template-team&utm_source=dtn-button&utm_medium=dtn-button&utm_term=astro-tt-dtn-button&utm_content=astro-tt-dtn-button" class="bttn primary">Deploy to Netlify</a>
+          <a href="https://github.com/netlify-templates/astro-toolbox" class="bttn secondary">View Repo</a>
+        </div>
       </div>
+    <div id="right-content">
+      <Buttons />
+      <Intro />
+      <FeedbackForm />
+      <Jokes />
+      <Redirect/>
     </div>
-    <div class="intro">
-      <p>
-        Hi 👋! This template gives you an
-        <a href="https://astro.build/">Astro</a> app with the scaffolding for
-        <a href="https://ntl.fyi/3upc4Qo"
-          >Netlify Functions</a
-        >, <a href="https://ntl.fyi/3bICRk6">Forms</a>, and
-      <a href="https://ntl.fyi/3PcY8RH">Redirects</a>. Our
-      aim was to give you the code you would need to hit the ground running
-      with a few fun features.
-    </p>
-
-    <p>
-      You can find the code for this project on GitHub at
-      <a href="https://github.com/netlify-templates/astro-toolbox"
-        >https://github.com/netlify-templates/astro-toolbox</a
-      >! Happy coding!
-    </p>
-    </div>
-    <FeedbackForm />
-    <a class="jokes-link" href="/api/joke">
-    <h3>
-      Click here for function-loaded jokes!
-    </h3>
-    </a>
-    <footer class="footer">
-      Made with <a href="https://ntl.fyi/3P0dwBi"
-        ><img
-          src="https://res.cloudinary.com/dzkoxrsdj/image/upload/v1646714899/netliheart_ezlkim.svg"
-          alt="Netlify Logo"
-        /></a
-      > for you!
-    </footer>
+  </div>
   </main>
+  <footer class="footer">
+    Made with <a href="https://ntl.fyi/3P0dwBi"
+      ><img
+        src="https://res.cloudinary.com/dzkoxrsdj/image/upload/v1646714899/netliheart_ezlkim.svg"
+        alt="Netlify Logo"
+      /></a
+    > for you!
+  </footer>
 </Layout>
 
 <style>
   :root {
     text-align: center;
   }
-  .logo img {
-    padding: 30px 0;
-    width: 100%;
-  }
 
   main {
     padding: 2rem 20px;
@@ -63,7 +54,7 @@ import FeedbackForm from '../components/FeedbackForm.astro';
     flex-direction: column;
     justify-content: center;
     margin: 0 auto;
-    max-width: 60ch;
+    /* height: 90vh; */
     align-items: center;
   } 
 
diff --git a/src/styles/demo-styling.css b/src/styles/demo-styling.css
new file mode 100644
index 0000000..b251c74
--- /dev/null
+++ b/src/styles/demo-styling.css
@@ -0,0 +1,175 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
+
+:root {
+  --main-family: 'Poppins', sans-serif;
+  --color-bg: linear-gradient(180deg, #FFFFFF 0%, #AEC6DC 100%);
+
+  /* Controls the blob blur gradient colors within the main tag's svg */
+  --top-right-blur-1: #20C6B7;
+  --top-right-blur-2: #4D9ABF;
+  --bttm-left-blur-1: #FF5C02;
+  --bttm-left-blur-2: #FFCDB1;
+}
+
+html {
+    background: var(--color-bg);
+    font-family: var(--main-family);
+    min-height: 100%;
+}
+
+.jokes-wrapper, .feedback-form, .redirect-wrapper{
+    display: none;
+}
+
+body.func .jokes-wrapper{
+    display: block;
+}
+
+body.form .feedback-form{
+  display: flex;
+  flex: 0 1 auto;
+  flex-flow: column;
+  padding: 4%;
+}
+
+body.redirect .redirect-wrapper{
+  display: block;
+}
+
+#background {
+    position: fixed;
+    left: 0;
+    width: 100%;
+    z-index: -1;
+}
+
+#content {
+  display: flex;
+  align-items: center;
+  margin: 2%;
+  height: auto;
+}
+
+@media only screen and (max-width: 650px) {
+  #content {
+    flex-direction: column;
+  }
+}
+
+#right-content {
+    padding: 3%;
+    min-height: 65vh;
+    height: auto;
+    width: 70%;
+    box-shadow: -7px -3px 10px rgb(255 255 255 / 29%), 9px 7px 10px rgb(0 0 0 / 10%);
+    border-radius: 15px;
+    background: rgb(255 255 255 / 17%);
+    flex: 2 0 45%;
+  }
+
+.header{
+    text-align: center;
+    padding: 2%;
+    display: flex;
+    flex-flow: column;
+    flex: 2 0 45%;
+    justify-content: center;
+}
+
+.header h1 {
+  padding-top:2%;
+  margin: 0;
+}
+
+.header .logo img {
+  padding: 30px 0;
+  width: 100%;
+}
+
+.intro {
+    display: none;
+}
+
+body.sum .intro {
+  display: block;
+  line-height: 34px;
+  font-weight: 500;
+  margin: 20% 7%;
+}
+  
+  @media only screen and (max-width: 450px) {
+    .header .intro {
+      width: 90%;
+      padding: 5%;
+    }
+  }
+
+.bttn{
+  padding: 15px;
+  border-radius: 5px;
+  width: 150px;
+  margin: 0 1%;
+  text-decoration: none;
+}
+
+.bttn.primary{
+  display: inline-block;
+  width: max-content;
+  background: #21A69A;
+  border: none;
+  color: white;
+  box-shadow: -3px 3px 5px rgb(35 33 33 / 23%);
+}
+
+.bttn.primary:hover {
+  background: #21a69a;
+  box-shadow: inset 3px 4px 10px rgb(35 33 33 / 40%);
+  /* -webkit-box-shadow: inset 3px 4px 10px rgb(35 33 33 / 40%); */
+}
+
+.bttn.secondary{
+  background: transparent;
+  border: #093C4F 2px solid;
+  color: #0D1D24;
+}
+
+.bttn.secondary:hover {
+  background: #05171f;
+  color: white;
+}
+
+.resource-list {
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: larger;
+  text-align: center;
+  width: 100%;
+}
+
+.resource-list ul {
+  text-align: left;
+  margin: 0 auto;
+  list-style: none;
+  display: flex;
+  justify-content: center;
+  padding: 2%;
+}
+
+.resource-list li {
+  padding: 2%;
+  font-weight: bold;
+}
+
+.resource-list a {
+  color: black;
+  line-height: 30px;
+}
+
+footer {
+  margin: 0 auto;
+  width: 100%;
+  text-align: center;
+}
+
+footer img {
+  width: 20px;
+}