diff --git a/package.json b/package.json
index b6b840d..53ee611 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "dayjs": "^1.10.5",
     "nprogress": "^0.2.0",
     "prism-theme-vars": "^0.2.2",
+    "v-lazy-image": "^2.1.1",
     "vue": "^3.1.2",
     "vue-router": "^4.0.10"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cfc6cc6..7dee69b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: 5.3
+lockfileVersion: 5.4
 
 specifiers:
   '@antfu/eslint-config': ^0.6.6
@@ -22,6 +22,7 @@ specifiers:
   pnpm: ^6.8.0
   prism-theme-vars: ^0.2.2
   typescript: ^4.3.4
+  v-lazy-image: ^2.1.1
   vite: ^2.3.8
   vite-plugin-components: ^0.11.2
   vite-plugin-icons: ^0.6.3
@@ -42,14 +43,15 @@ dependencies:
   dayjs: 1.10.5
   nprogress: 0.2.0
   prism-theme-vars: 0.2.2
+  v-lazy-image: 2.1.1
   vue: 3.1.2
   vue-router: 4.0.10_vue@3.1.2
 
 devDependencies:
-  '@antfu/eslint-config': 0.6.6_eslint@7.29.0+typescript@4.3.4
+  '@antfu/eslint-config': 0.6.6_wqjfpnccczlfnlf3bizo7y2zx4
   '@iconify/json': 1.1.359
   '@types/nprogress': 0.2.0
-  '@typescript-eslint/eslint-plugin': 4.28.0_eslint@7.29.0+typescript@4.3.4
+  '@typescript-eslint/eslint-plugin': 4.28.0_wqjfpnccczlfnlf3bizo7y2zx4
   '@vitejs/plugin-vue': 1.2.3_@vue+compiler-sfc@3.1.2
   '@vue/compiler-sfc': 3.1.2_vue@3.1.2
   '@vue/server-renderer': 3.1.2_vue@3.1.2
@@ -62,26 +64,26 @@ devDependencies:
   typescript: 4.3.4
   vite: 2.3.8
   vite-plugin-components: 0.11.2_vite@2.3.8
-  vite-plugin-icons: 0.6.3_ea48bed3bf943dac25809d70fe34a700
+  vite-plugin-icons: 0.6.3_5jel5u57sq62yjmatvyp4nfhaa
   vite-plugin-md: 0.6.7_vite@2.3.8
-  vite-plugin-pages: 0.13.2_058d47cd7cb9cc2380f170e9769de20e
+  vite-plugin-pages: 0.13.2_awguptl4xhgchahroduxnhpcby
   vite-plugin-pwa: 0.8.1_vite@2.3.8
-  vite-plugin-vue-layouts: 0.3.1_vite@2.3.8
+  vite-plugin-vue-layouts: 0.3.1_vite@2.3.8+vue@3.1.2
   vite-plugin-windicss: 1.1.0_vite@2.3.8
   vue-tsc: 0.2.0_typescript@4.3.4+vue@3.1.2
 
 packages:
 
-  /@antfu/eslint-config-basic/0.6.6_eslint@7.29.0:
+  /@antfu/eslint-config-basic/0.6.6_p5dnyrz553o2grgnzg6ttmwqyu:
     resolution: {integrity: sha512-cfC575hdK4nzTUcfUr9Z838oxhIaWsyCA8pgarrYf/8iUc7ldg9CtDNgqWVelhTNOjzB41C/T5rzFVT61GhNrQ==}
     peerDependencies:
       eslint: '>=7.4.0'
     dependencies:
       eslint: 7.29.0
-      eslint-config-standard: 16.0.3_9f68ba62c26649bf083b5a39fb78b278
+      eslint-config-standard: 16.0.3_t5uluywcmze36cb3li47w6fspa
       eslint-plugin-eslint-comments: 3.2.0_eslint@7.29.0
       eslint-plugin-html: 6.1.2
-      eslint-plugin-import: 2.23.3_eslint@7.29.0
+      eslint-plugin-import: 2.23.3_p5dnyrz553o2grgnzg6ttmwqyu
       eslint-plugin-jsonc: 1.2.1_eslint@7.29.0
       eslint-plugin-node: 11.1.0_eslint@7.29.0
       eslint-plugin-promise: 4.3.1
@@ -90,59 +92,70 @@ packages:
       jsonc-eslint-parser: 1.0.1
       yaml-eslint-parser: 0.3.2
     transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
       - supports-color
     dev: true
 
-  /@antfu/eslint-config-react/0.6.6_eslint@7.29.0+typescript@4.3.4:
+  /@antfu/eslint-config-react/0.6.6_wqjfpnccczlfnlf3bizo7y2zx4:
     resolution: {integrity: sha512-rZ6HjYqPQ9SBkg7kl2iYEAuy/x57g7HKVsNx1knQFrNUke5kevDspIG/RMDYtAgQOp4TdBIaa4YMtokMKnVeEw==}
     peerDependencies:
       eslint: '>=7.4.0'
     dependencies:
-      '@antfu/eslint-config-ts': 0.6.6_eslint@7.29.0+typescript@4.3.4
+      '@antfu/eslint-config-ts': 0.6.6_wqjfpnccczlfnlf3bizo7y2zx4
       eslint: 7.29.0
       eslint-plugin-react: 7.23.2_eslint@7.29.0
     transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
       - supports-color
       - typescript
     dev: true
 
-  /@antfu/eslint-config-ts/0.6.6_eslint@7.29.0+typescript@4.3.4:
+  /@antfu/eslint-config-ts/0.6.6_wqjfpnccczlfnlf3bizo7y2zx4:
     resolution: {integrity: sha512-qc4yYf48N+Awu372WlYNl44JpCiYJMucNcb586de0aYr1p01VJE/n05i//r/Qpid1EtwKUTu9dkyQ7e2kD0yjA==}
     peerDependencies:
       eslint: '>=7.4.0'
       typescript: '>=3.9'
     dependencies:
-      '@antfu/eslint-config-basic': 0.6.6_eslint@7.29.0
-      '@typescript-eslint/eslint-plugin': 4.26.1_8b9b578004409d595bddca0cef58535c
-      '@typescript-eslint/parser': 4.25.0_eslint@7.29.0+typescript@4.3.4
+      '@antfu/eslint-config-basic': 0.6.6_p5dnyrz553o2grgnzg6ttmwqyu
+      '@typescript-eslint/eslint-plugin': 4.26.1_ronvpaaeicovsw65zigo6wctlq
+      '@typescript-eslint/parser': 4.25.0_wqjfpnccczlfnlf3bizo7y2zx4
       eslint: 7.29.0
       typescript: 4.3.4
     transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
       - supports-color
     dev: true
 
-  /@antfu/eslint-config-vue/0.6.6_eslint@7.29.0+typescript@4.3.4:
+  /@antfu/eslint-config-vue/0.6.6_wqjfpnccczlfnlf3bizo7y2zx4:
     resolution: {integrity: sha512-Y+MchfoDMc5w9iNPBnx5qZusjvdAMrcES6+aF8RCZBQwuVdRrDnFzbUJir+nNaCCo9yw44WrzoBlaormOlHyZg==}
     peerDependencies:
       eslint: '>=7.4.0'
     dependencies:
-      '@antfu/eslint-config-ts': 0.6.6_eslint@7.29.0+typescript@4.3.4
+      '@antfu/eslint-config-ts': 0.6.6_wqjfpnccczlfnlf3bizo7y2zx4
       eslint: 7.29.0
       eslint-plugin-vue: 7.7.0_eslint@7.29.0
     transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
       - supports-color
       - typescript
     dev: true
 
-  /@antfu/eslint-config/0.6.6_eslint@7.29.0+typescript@4.3.4:
+  /@antfu/eslint-config/0.6.6_wqjfpnccczlfnlf3bizo7y2zx4:
     resolution: {integrity: sha512-MAAPqp6SNJdwPZQc/cOIvNTOL67IlLhGcEzTD/TH7SYohlX8RgPMvkU6scIYm1pPd3PXyq8zJ/fofgu6c3c7eA==}
     peerDependencies:
       eslint: '>=7.4.0'
     dependencies:
-      '@antfu/eslint-config-react': 0.6.6_eslint@7.29.0+typescript@4.3.4
-      '@antfu/eslint-config-vue': 0.6.6_eslint@7.29.0+typescript@4.3.4
+      '@antfu/eslint-config-react': 0.6.6_wqjfpnccczlfnlf3bizo7y2zx4
+      '@antfu/eslint-config-vue': 0.6.6_wqjfpnccczlfnlf3bizo7y2zx4
       eslint: 7.29.0
     transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
       - supports-color
       - typescript
     dev: true
@@ -191,7 +204,7 @@ packages:
       '@babel/parser': 7.14.4
       '@babel/template': 7.12.13
       '@babel/traverse': 7.14.2
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
       convert-source-map: 1.7.0
       debug: 4.3.1
       gensync: 1.0.0-beta.2
@@ -225,7 +238,7 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/eslint-parser/7.14.4_@babel+core@7.14.3+eslint@7.29.0:
+  /@babel/eslint-parser/7.14.4_h6fpsts2hs5p3zzhygchwd3fge:
     resolution: {integrity: sha512-7CTckFLPBGEfCKqlrnJq2PIId3UmJ5hW+D4dsv/VvuA5DapgqyZFCttq+8oeRIJMZQizFIe5gel3xm2SbrqlYA==}
     engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
     peerDependencies:
@@ -242,7 +255,7 @@ packages:
   /@babel/generator/7.14.3:
     resolution: {integrity: sha512-bn0S6flG/j0xtQdz3hsjJ624h3W0r3llttBMfyHX3YrZ/KtLYr15bjA0FXkgW7FpvrDuTuElXeVjiKlYRpnOFA==}
     dependencies:
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
       jsesc: 2.5.2
       source-map: 0.5.7
     dev: true
@@ -354,7 +367,7 @@ packages:
     dependencies:
       '@babel/helper-get-function-arity': 7.12.13
       '@babel/template': 7.12.13
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
     dev: true
 
   /@babel/helper-function-name/7.14.5:
@@ -369,7 +382,7 @@ packages:
   /@babel/helper-get-function-arity/7.12.13:
     resolution: {integrity: sha512-DjEVzQNz5LICkzN0REdpD5prGoidvbdYk1BVgRUOINaWJP2t6avB27X1guXK1kXNrX0WMfsrm1A/ZBthYuIMQg==}
     dependencies:
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
     dev: true
 
   /@babel/helper-get-function-arity/7.14.5:
@@ -389,7 +402,7 @@ packages:
   /@babel/helper-member-expression-to-functions/7.13.12:
     resolution: {integrity: sha512-48ql1CLL59aKbU94Y88Xgb2VFy7a95ykGRbJJaaVv+LX5U8wFpLfiGXJJGUozsmA1oEh/o5Bp60Voq7ACyA/Sw==}
     dependencies:
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
     dev: true
 
   /@babel/helper-member-expression-to-functions/7.14.5:
@@ -402,7 +415,7 @@ packages:
   /@babel/helper-module-imports/7.13.12:
     resolution: {integrity: sha512-4cVvR2/1B693IuOvSI20xqqa/+bl7lqAMR59R4iu39R9aOX8/JoYY1sFaNvUMyMBGnHdwvJgUrzNLoUZxXypxA==}
     dependencies:
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
     dev: true
 
   /@babel/helper-module-imports/7.14.5:
@@ -422,7 +435,7 @@ packages:
       '@babel/helper-validator-identifier': 7.14.0
       '@babel/template': 7.12.13
       '@babel/traverse': 7.14.2
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -446,7 +459,7 @@ packages:
   /@babel/helper-optimise-call-expression/7.12.13:
     resolution: {integrity: sha512-BdWQhoVJkp6nVjB7nkFWcn43dkprYauqtk++Py2eaf/GRDFm5BxRqEIZCiHlZUGAVmtwKcsVL1dC68WmzeFmiA==}
     dependencies:
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
     dev: true
 
   /@babel/helper-optimise-call-expression/7.14.5:
@@ -478,7 +491,7 @@ packages:
       '@babel/helper-member-expression-to-functions': 7.13.12
       '@babel/helper-optimise-call-expression': 7.12.13
       '@babel/traverse': 7.14.2
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -498,7 +511,7 @@ packages:
   /@babel/helper-simple-access/7.13.12:
     resolution: {integrity: sha512-7FEjbrx5SL9cWvXioDbnlYTppcZGuCY6ow3/D5vMggb2Ywgu4dMrpTJX0JdQAIcRRUElOIxF3yEooa9gUb9ZbA==}
     dependencies:
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
     dev: true
 
   /@babel/helper-simple-access/7.14.5:
@@ -518,7 +531,7 @@ packages:
   /@babel/helper-split-export-declaration/7.12.13:
     resolution: {integrity: sha512-tCJDltF83htUtXx5NLcaDqRmknv652ZWCHyoTETf1CXYJdPC7nohZohjUgieXhv0hTJdRf2FjDueFehdNucpzg==}
     dependencies:
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
     dev: true
 
   /@babel/helper-split-export-declaration/7.14.5:
@@ -562,7 +575,7 @@ packages:
     dependencies:
       '@babel/template': 7.12.13
       '@babel/traverse': 7.14.2
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -599,12 +612,16 @@ packages:
     resolution: {integrity: sha512-ArliyUsWDUqEGfWcmzpGUzNfLxTdTp6WU4IuP6QFSp9gGfWS6boxFCkJSJ/L4+RG8z/FnIU3WxCk6hPL9SSWeA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
+    dependencies:
+      '@babel/types': 7.14.5
     dev: true
 
   /@babel/parser/7.14.5:
     resolution: {integrity: sha512-TM8C+xtH/9n1qzX+JNHi7AN2zHMTiPUtspO0ZdHflW8KaskkALhMmuMHb4bCmNdv9VAPzJX3/bXqkVLnAvsPfg==}
     engines: {node: '>=6.0.0'}
     hasBin: true
+    dependencies:
+      '@babel/types': 7.14.5
 
   /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/7.14.5_@babel+core@7.14.5:
     resolution: {integrity: sha512-ZoJS2XCKPBfTmL122iP6NM9dOg+d4lc9fFk3zxc8iDjvt8Pk4+TlsHSKhIPf6X+L5ORCdBzqMZDjL/WHj7WknQ==}
@@ -1397,7 +1414,7 @@ packages:
     dependencies:
       '@babel/code-frame': 7.12.13
       '@babel/parser': 7.14.4
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
     dev: true
 
   /@babel/template/7.14.5:
@@ -1417,7 +1434,7 @@ packages:
       '@babel/helper-function-name': 7.14.2
       '@babel/helper-split-export-declaration': 7.12.13
       '@babel/parser': 7.14.4
-      '@babel/types': 7.14.4
+      '@babel/types': 7.14.5
       debug: 4.3.1
       globals: 11.12.0
     transitivePeerDependencies:
@@ -1564,7 +1581,7 @@ packages:
       fastq: 1.11.0
     dev: true
 
-  /@rollup/plugin-babel/5.3.0_@babel+core@7.14.5+rollup@2.51.2:
+  /@rollup/plugin-babel/5.3.0_2qswvj6fpeius2qdoek5zbpr4q:
     resolution: {integrity: sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -1707,6 +1724,8 @@ packages:
       update-notifier: 3.0.1
       vfile: 4.2.1
       vfile-reporter: 6.0.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /@starptech/rehype-minify-whitespace/0.10.0:
@@ -1763,6 +1782,12 @@ packages:
     resolution: {integrity: sha1-7ihweulOEdK4J7y+UnC86n8+ce4=}
     dev: true
 
+  /@types/keyv/3.1.4:
+    resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
+    dependencies:
+      '@types/node': 15.12.2
+    dev: true
+
   /@types/node/15.12.2:
     resolution: {integrity: sha512-zjQ69G564OCIWIOHSXyQEEDpdpGl+G348RAKY0XXy9Z5kU9Vzv1GMNnkar/ZJ8dzXB3COzD9Mo9NtRZ4xfgUww==}
     dev: true
@@ -1781,6 +1806,12 @@ packages:
       '@types/node': 15.12.2
     dev: true
 
+  /@types/responselike/1.0.0:
+    resolution: {integrity: sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==}
+    dependencies:
+      '@types/node': 15.12.2
+    dev: true
+
   /@types/unist/2.0.3:
     resolution: {integrity: sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ==}
     dev: true
@@ -1800,7 +1831,7 @@ packages:
       '@types/vfile-message': 2.0.0
     dev: true
 
-  /@typescript-eslint/eslint-plugin/4.26.1_8b9b578004409d595bddca0cef58535c:
+  /@typescript-eslint/eslint-plugin/4.26.1_ronvpaaeicovsw65zigo6wctlq:
     resolution: {integrity: sha512-aoIusj/8CR+xDWmZxARivZjbMBQTT9dImUtdZ8tVCVRXgBUuuZyM5Of5A9D9arQPxbi/0rlJLcuArclz/rCMJw==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -1811,8 +1842,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/experimental-utils': 4.26.1_eslint@7.29.0+typescript@4.3.4
-      '@typescript-eslint/parser': 4.25.0_eslint@7.29.0+typescript@4.3.4
+      '@typescript-eslint/experimental-utils': 4.26.1_wqjfpnccczlfnlf3bizo7y2zx4
+      '@typescript-eslint/parser': 4.25.0_wqjfpnccczlfnlf3bizo7y2zx4
       '@typescript-eslint/scope-manager': 4.26.1
       debug: 4.3.1
       eslint: 7.29.0
@@ -1826,7 +1857,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/eslint-plugin/4.28.0_eslint@7.29.0+typescript@4.3.4:
+  /@typescript-eslint/eslint-plugin/4.28.0_wqjfpnccczlfnlf3bizo7y2zx4:
     resolution: {integrity: sha512-KcF6p3zWhf1f8xO84tuBailV5cN92vhS+VT7UJsPzGBm9VnQqfI9AsiMUFUCYHTYPg1uCCo+HyiDnpDuvkAMfQ==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -1837,7 +1868,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/experimental-utils': 4.28.0_eslint@7.29.0+typescript@4.3.4
+      '@typescript-eslint/experimental-utils': 4.28.0_wqjfpnccczlfnlf3bizo7y2zx4
       '@typescript-eslint/scope-manager': 4.28.0
       debug: 4.3.1
       eslint: 7.29.0
@@ -1850,7 +1881,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/experimental-utils/4.26.1_eslint@7.29.0+typescript@4.3.4:
+  /@typescript-eslint/experimental-utils/4.26.1_wqjfpnccczlfnlf3bizo7y2zx4:
     resolution: {integrity: sha512-sQHBugRhrXzRCs9PaGg6rowie4i8s/iD/DpTB+EXte8OMDfdCG5TvO73XlO9Wc/zi0uyN4qOmX9hIjQEyhnbmQ==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -1868,7 +1899,7 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/experimental-utils/4.28.0_eslint@7.29.0+typescript@4.3.4:
+  /@typescript-eslint/experimental-utils/4.28.0_wqjfpnccczlfnlf3bizo7y2zx4:
     resolution: {integrity: sha512-9XD9s7mt3QWMk82GoyUpc/Ji03vz4T5AYlHF9DcoFNfJ/y3UAclRsfGiE2gLfXtyC+JRA3trR7cR296TEb1oiQ==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -1886,7 +1917,7 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/parser/4.25.0_eslint@7.29.0+typescript@4.3.4:
+  /@typescript-eslint/parser/4.25.0_wqjfpnccczlfnlf3bizo7y2zx4:
     resolution: {integrity: sha512-OZFa1SKyEJpAhDx8FcbWyX+vLwh7OEtzoo2iQaeWwxucyfbi0mT4DijbOSsTgPKzGHr6GrF2V5p/CEpUH/VBxg==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -2108,7 +2139,7 @@ packages:
       '@vue/compiler-core': 3.1.2
       '@vue/shared': 3.1.2
 
-  /@vue/compiler-sfc/3.0.11_vue@3.0.11:
+  /@vue/compiler-sfc/3.0.11_vue@3.1.2:
     resolution: {integrity: sha512-7fNiZuCecRleiyVGUWNa6pn8fB2fnuJU+3AGjbjl7r1P5wBivfl02H4pG+2aJP5gh2u+0wXov1W38tfWOphsXw==}
     peerDependencies:
       vue: 3.0.11
@@ -2129,7 +2160,61 @@ packages:
       postcss-modules: 4.0.0_postcss@8.3.0
       postcss-selector-parser: 6.0.6
       source-map: 0.6.1
-      vue: 3.0.11
+      vue: 3.1.2
+    transitivePeerDependencies:
+      - arc-templates
+      - atpl
+      - babel-core
+      - bracket-template
+      - coffee-script
+      - dot
+      - dust
+      - dustjs-helpers
+      - dustjs-linkedin
+      - eco
+      - ect
+      - ejs
+      - haml-coffee
+      - hamlet
+      - hamljs
+      - handlebars
+      - hogan.js
+      - htmling
+      - jade
+      - jazz
+      - jqtpl
+      - just
+      - liquid-node
+      - liquor
+      - lodash
+      - marko
+      - mote
+      - mustache
+      - nunjucks
+      - plates
+      - pug
+      - qejs
+      - ractive
+      - razor-tmpl
+      - react
+      - react-dom
+      - slm
+      - squirrelly
+      - swig
+      - swig-templates
+      - teacup
+      - templayed
+      - then-jade
+      - then-pug
+      - tinyliquid
+      - toffee
+      - twig
+      - twing
+      - underscore
+      - vash
+      - velocityjs
+      - walrus
+      - whiskers
     dev: true
 
   /@vue/compiler-sfc/3.1.2_vue@3.1.2:
@@ -2155,6 +2240,60 @@ packages:
       postcss-selector-parser: 6.0.6
       source-map: 0.6.1
       vue: 3.1.2
+    transitivePeerDependencies:
+      - arc-templates
+      - atpl
+      - babel-core
+      - bracket-template
+      - coffee-script
+      - dot
+      - dust
+      - dustjs-helpers
+      - dustjs-linkedin
+      - eco
+      - ect
+      - ejs
+      - haml-coffee
+      - hamlet
+      - hamljs
+      - handlebars
+      - hogan.js
+      - htmling
+      - jade
+      - jazz
+      - jqtpl
+      - just
+      - liquid-node
+      - liquor
+      - lodash
+      - marko
+      - mote
+      - mustache
+      - nunjucks
+      - plates
+      - pug
+      - qejs
+      - ractive
+      - razor-tmpl
+      - react
+      - react-dom
+      - slm
+      - squirrelly
+      - swig
+      - swig-templates
+      - teacup
+      - templayed
+      - then-jade
+      - then-pug
+      - tinyliquid
+      - toffee
+      - twig
+      - twing
+      - underscore
+      - vash
+      - velocityjs
+      - walrus
+      - whiskers
     dev: true
 
   /@vue/compiler-ssr/3.0.11:
@@ -2179,12 +2318,6 @@ packages:
     resolution: {integrity: sha512-44fPrrN1cqcs6bFkT0C+yxTM6PZXLbR+ESh1U1j8UD22yO04gXvxH62HApMjLbS3WqJO/iCNC+CYT+evPQh2EQ==}
     dev: false
 
-  /@vue/reactivity/3.0.11:
-    resolution: {integrity: sha512-SKM3YKxtXHBPMf7yufXeBhCZ4XZDKP9/iXeQSC8bBO3ivBuzAi4aZi0bNoeE2IF2iGfP/AHEt1OU4ARj4ao/Xw==}
-    dependencies:
-      '@vue/shared': 3.0.11
-    dev: true
-
   /@vue/reactivity/3.1.1:
     resolution: {integrity: sha512-DsH5woNVCcPK1M0RRYVgJEU1GJDU2ASOKpAqW3ppHk+XjoFLCbqc/26RTCgTpJYd9z8VN+79Q1u7/QqgQPbuLQ==}
     dependencies:
@@ -2195,29 +2328,12 @@ packages:
     resolution: {integrity: sha512-glJzJoN2xE7I2lRvwKM5u1BHRPTd1yc8iaf//Lai/78/uYAvE5DXp5HzWRFOwMlbRvMGJHIQjOqoxj87cDAaag==}
     dependencies:
       '@vue/shared': 3.1.2
-    dev: false
-
-  /@vue/runtime-core/3.0.11:
-    resolution: {integrity: sha512-87XPNwHfz9JkmOlayBeCCfMh9PT2NBnv795DSbi//C/RaAnc/bGZgECjmkD7oXJ526BZbgk9QZBPdFT8KMxkAg==}
-    dependencies:
-      '@vue/reactivity': 3.0.11
-      '@vue/shared': 3.0.11
-    dev: true
 
   /@vue/runtime-core/3.1.2:
     resolution: {integrity: sha512-gsPZG4dRIkixuuKmoj4P9IHgfT0yaFLcqWOM5F/bCk0nxQn1XtxH8oUehWuET726KhbukvDoJfe9G2CKviy80w==}
     dependencies:
       '@vue/reactivity': 3.1.2
       '@vue/shared': 3.1.2
-    dev: false
-
-  /@vue/runtime-dom/3.0.11:
-    resolution: {integrity: sha512-jm3FVQESY3y2hKZ2wlkcmFDDyqaPyU3p1IdAX92zTNeCH7I8zZ37PtlE1b9NlCtzV53WjB4TZAYh9yDCMIEumA==}
-    dependencies:
-      '@vue/runtime-core': 3.0.11
-      '@vue/shared': 3.0.11
-      csstype: 2.6.17
-    dev: true
 
   /@vue/runtime-dom/3.1.2:
     resolution: {integrity: sha512-QvINxjLucEZFzp5f0NVu7JqWYCv5TKQfkH2FDs/N6QNE4iKcYtKrWdT0HKfABnVXG28Znqv6rIH0dH4ZAOwxpA==}
@@ -2225,7 +2341,6 @@ packages:
       '@vue/runtime-core': 3.1.2
       '@vue/shared': 3.1.2
       csstype: 2.6.17
-    dev: false
 
   /@vue/server-renderer/3.1.2_vue@3.1.2:
     resolution: {integrity: sha512-XDw8KTrz/siiU5p6Zlicvf2KIjSZrqaxATBPM/9FYNnyv4LTS14JC5daTL13rk50d3UPBurRR/3wJupVvtQJ4w==}
@@ -2311,6 +2426,12 @@ packages:
     hasBin: true
     dev: true
 
+  /acorn/8.8.1:
+    resolution: {integrity: sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
   /agent-base/4.3.0:
     resolution: {integrity: sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==}
     engines: {node: '>= 4.0.0'}
@@ -2566,6 +2687,8 @@ packages:
       qs: 6.7.0
       raw-body: 2.4.0
       type-is: 1.6.18
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /boxen/3.2.0:
@@ -2750,6 +2873,7 @@ packages:
 
   /clipboard/2.0.8:
     resolution: {integrity: sha512-Y6WO0unAIQp5bLmk1zdThRhgJt/x3ks6f30s3oE3H1mgIEU33XyQjEf8gsf6DxC7NPX8Y1SsNWjUjL/ywLnnbQ==}
+    requiresBuild: true
     dependencies:
       good-listener: 1.2.2
       select: 1.1.2
@@ -2823,6 +2947,8 @@ packages:
       on-headers: 1.0.2
       safe-buffer: 5.1.2
       vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /concat-map/0.0.1:
@@ -2854,6 +2980,167 @@ packages:
   /consolidate/0.16.0:
     resolution: {integrity: sha512-Nhl1wzCslqXYTJVDyJCu3ODohy9OfBMB5uD2BiBTzd7w+QY0lBzafkR8y8755yMYHAaMD4NuzbAw03/xzfw+eQ==}
     engines: {node: '>= 0.10.0'}
+    peerDependencies:
+      arc-templates: ^0.5.3
+      atpl: '>=0.7.6'
+      babel-core: ^6.26.3
+      bracket-template: ^1.1.5
+      coffee-script: ^1.12.7
+      dot: ^1.1.3
+      dust: ^0.3.0
+      dustjs-helpers: ^1.7.4
+      dustjs-linkedin: ^2.7.5
+      eco: ^1.1.0-rc-3
+      ect: ^0.5.9
+      ejs: ^3.1.5
+      haml-coffee: ^1.14.1
+      hamlet: ^0.3.3
+      hamljs: ^0.6.2
+      handlebars: ^4.7.6
+      hogan.js: ^3.0.2
+      htmling: ^0.0.8
+      jade: ^1.11.0
+      jazz: ^0.0.18
+      jqtpl: ~1.1.0
+      just: ^0.1.8
+      liquid-node: ^3.0.1
+      liquor: ^0.0.5
+      lodash: ^4.17.20
+      marko: ^3.14.4
+      mote: ^0.2.0
+      mustache: ^4.0.1
+      nunjucks: ^3.2.2
+      plates: ~0.4.11
+      pug: ^3.0.0
+      qejs: ^3.0.5
+      ractive: ^1.3.12
+      razor-tmpl: ^1.3.1
+      react: ^16.13.1
+      react-dom: ^16.13.1
+      slm: ^2.0.0
+      squirrelly: ^5.1.0
+      swig: ^1.4.2
+      swig-templates: ^2.0.3
+      teacup: ^2.0.0
+      templayed: '>=0.2.3'
+      then-jade: '*'
+      then-pug: '*'
+      tinyliquid: ^0.2.34
+      toffee: ^0.3.6
+      twig: ^1.15.2
+      twing: ^5.0.2
+      underscore: ^1.11.0
+      vash: ^0.13.0
+      velocityjs: ^2.0.1
+      walrus: ^0.10.1
+      whiskers: ^0.4.0
+    peerDependenciesMeta:
+      arc-templates:
+        optional: true
+      atpl:
+        optional: true
+      babel-core:
+        optional: true
+      bracket-template:
+        optional: true
+      coffee-script:
+        optional: true
+      dot:
+        optional: true
+      dust:
+        optional: true
+      dustjs-helpers:
+        optional: true
+      dustjs-linkedin:
+        optional: true
+      eco:
+        optional: true
+      ect:
+        optional: true
+      ejs:
+        optional: true
+      haml-coffee:
+        optional: true
+      hamlet:
+        optional: true
+      hamljs:
+        optional: true
+      handlebars:
+        optional: true
+      hogan.js:
+        optional: true
+      htmling:
+        optional: true
+      jade:
+        optional: true
+      jazz:
+        optional: true
+      jqtpl:
+        optional: true
+      just:
+        optional: true
+      liquid-node:
+        optional: true
+      liquor:
+        optional: true
+      lodash:
+        optional: true
+      marko:
+        optional: true
+      mote:
+        optional: true
+      mustache:
+        optional: true
+      nunjucks:
+        optional: true
+      plates:
+        optional: true
+      pug:
+        optional: true
+      qejs:
+        optional: true
+      ractive:
+        optional: true
+      razor-tmpl:
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+      slm:
+        optional: true
+      squirrelly:
+        optional: true
+      swig:
+        optional: true
+      swig-templates:
+        optional: true
+      teacup:
+        optional: true
+      templayed:
+        optional: true
+      then-jade:
+        optional: true
+      then-pug:
+        optional: true
+      tinyliquid:
+        optional: true
+      toffee:
+        optional: true
+      twig:
+        optional: true
+      twing:
+        optional: true
+      underscore:
+        optional: true
+      vash:
+        optional: true
+      velocityjs:
+        optional: true
+      walrus:
+        optional: true
+      whiskers:
+        optional: true
     dependencies:
       bluebird: 3.7.2
     dev: true
@@ -2962,33 +3249,39 @@ packages:
       array-find-index: 1.0.2
     dev: true
 
-  /data-urls/2.0.0:
-    resolution: {integrity: sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==}
-    engines: {node: '>=10'}
-    dependencies:
-      abab: 2.0.5
-      whatwg-mimetype: 2.3.0
-      whatwg-url: 8.5.0
-    dev: true
-
   /dayjs/1.10.5:
     resolution: {integrity: sha512-BUFis41ikLz+65iH6LHQCDm4YPMj5r1YFLdupPIyM4SGcXMmtiLQ7U37i+hGS8urIuqe7I/ou3IS1jVc4nbN4g==}
     dev: false
 
   /debug/2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
     dependencies:
       ms: 2.0.0
     dev: true
 
   /debug/3.1.0:
     resolution: {integrity: sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
     dependencies:
       ms: 2.0.0
     dev: true
 
   /debug/3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
     dependencies:
       ms: 2.1.3
     dev: true
@@ -3308,7 +3601,7 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /eslint-config-standard/16.0.3_9f68ba62c26649bf083b5a39fb78b278:
+  /eslint-config-standard/16.0.3_t5uluywcmze36cb3li47w6fspa:
     resolution: {integrity: sha512-x4fmJL5hGqNJKGHSjnLdgA6U6h1YW/G2dW9fA+cyVur4SK6lyue8+UgNKWlZtUDTXvgKDD/Oa3GQjmB5kjtVvg==}
     peerDependencies:
       eslint: ^7.12.1
@@ -3317,7 +3610,7 @@ packages:
       eslint-plugin-promise: ^4.2.1 || ^5.0.0
     dependencies:
       eslint: 7.29.0
-      eslint-plugin-import: 2.23.3_eslint@7.29.0
+      eslint-plugin-import: 2.23.3_p5dnyrz553o2grgnzg6ttmwqyu
       eslint-plugin-node: 11.1.0_eslint@7.29.0
       eslint-plugin-promise: 4.3.1
     dev: true
@@ -3327,14 +3620,34 @@ packages:
     dependencies:
       debug: 2.6.9
       resolve: 1.20.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
-  /eslint-module-utils/2.6.1:
+  /eslint-module-utils/2.6.1_iqy4ga6yusfxa7hlpj6nclbun4:
     resolution: {integrity: sha512-ZXI9B8cxAJIH4nfkhTwcRTEAnrVfobYqwjWy/QMCZ8rHkZHFjf9yO4BzpiF9kCSfNlMG54eKigISHpX0+AaT4A==}
     engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
     dependencies:
+      '@typescript-eslint/parser': 4.25.0_wqjfpnccczlfnlf3bizo7y2zx4
       debug: 3.2.7
+      eslint-import-resolver-node: 0.3.4
       pkg-dir: 2.0.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /eslint-plugin-es/3.0.1_eslint@7.29.0:
@@ -3365,19 +3678,24 @@ packages:
       htmlparser2: 6.1.0
     dev: true
 
-  /eslint-plugin-import/2.23.3_eslint@7.29.0:
+  /eslint-plugin-import/2.23.3_p5dnyrz553o2grgnzg6ttmwqyu:
     resolution: {integrity: sha512-wDxdYbSB55F7T5CC7ucDjY641VvKmlRwT0Vxh7PkY1mI4rclVRFWYfsrjDgZvwYYDZ5ee0ZtfFKXowWjqvEoRQ==}
     engines: {node: '>=4'}
     peerDependencies:
+      '@typescript-eslint/parser': '*'
       eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
     dependencies:
+      '@typescript-eslint/parser': 4.25.0_wqjfpnccczlfnlf3bizo7y2zx4
       array-includes: 3.1.3
       array.prototype.flat: 1.2.4
       debug: 2.6.9
       doctrine: 2.1.0
       eslint: 7.29.0
       eslint-import-resolver-node: 0.3.4
-      eslint-module-utils: 2.6.1
+      eslint-module-utils: 2.6.1_iqy4ga6yusfxa7hlpj6nclbun4
       find-up: 2.1.0
       has: 1.0.3
       is-core-module: 2.4.0
@@ -3387,6 +3705,10 @@ packages:
       read-pkg-up: 3.0.0
       resolve: 1.20.0
       tsconfig-paths: 3.9.0
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
     dev: true
 
   /eslint-plugin-jsonc/1.2.1_eslint@7.29.0:
@@ -3508,7 +3830,7 @@ packages:
       eslint: '>=7.0.0'
     dependencies:
       '@babel/core': 7.14.3
-      '@babel/eslint-parser': 7.14.4_@babel+core@7.14.3+eslint@7.29.0
+      '@babel/eslint-parser': 7.14.4_h6fpsts2hs5p3zzhygchwd3fge
       eslint: 7.29.0
       eslint-visitor-keys: 2.1.0
       esquery: 1.4.0
@@ -3713,6 +4035,8 @@ packages:
       type-is: 1.6.18
       utils-merge: 1.0.1
       vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /extend-shallow/2.0.1:
@@ -3787,6 +4111,8 @@ packages:
       parseurl: 1.3.3
       statuses: 1.5.0
       unpipe: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /find-up/2.1.0:
@@ -3868,6 +4194,7 @@ packages:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -3983,6 +4310,8 @@ packages:
     dependencies:
       '@sindresorhus/is': 0.14.0
       '@szmarczak/http-timer': 1.1.2
+      '@types/keyv': 3.1.4
+      '@types/responselike': 1.0.0
       cacheable-request: 6.1.0
       decompress-response: 3.3.0
       duplexer3: 0.1.4
@@ -4146,6 +4475,8 @@ packages:
     dependencies:
       agent-base: 4.3.0
       debug: 3.1.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /https-localhost/4.6.5:
@@ -4168,6 +4499,8 @@ packages:
     dependencies:
       agent-base: 4.3.0
       debug: 3.2.7
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /iconv-lite/0.4.24:
@@ -5838,6 +6171,8 @@ packages:
       http-proxy-agent: 2.1.0
       https-proxy-agent: 2.2.4
       vscode-nls: 4.1.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /require-from-string/2.0.2:
@@ -5999,6 +6334,8 @@ packages:
       on-finished: 2.3.0
       range-parser: 1.2.1
       statuses: 1.5.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /serialize-javascript/4.0.0:
@@ -6015,6 +6352,8 @@ packages:
       escape-html: 1.0.3
       parseurl: 1.3.3
       send: 0.17.1
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /setprototypeof/1.1.1:
@@ -6381,6 +6720,7 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
+      acorn: 8.8.1
       commander: 2.20.3
       source-map: 0.7.3
       source-map-support: 0.5.19
@@ -6590,6 +6930,8 @@ packages:
       vfile-statistics: 1.1.4
       x-is-string: 0.1.0
       xtend: 4.0.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /unified/7.1.0:
@@ -6741,6 +7083,10 @@ packages:
     engines: {node: '>= 0.4.0'}
     dev: true
 
+  /v-lazy-image/2.1.1:
+    resolution: {integrity: sha512-QC6Jcok99CRhhsO7svfI3hcBaT945dSuaHk3jr7WHm+QJMzbB/f32xKkdF45qL5ezd5KeoqHKh4gD92mQtjfXQ==}
+    dev: false
+
   /v8-compile-cache/2.3.0:
     resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==}
     dev: true
@@ -6840,7 +7186,7 @@ packages:
       - supports-color
     dev: true
 
-  /vite-plugin-icons/0.6.3_ea48bed3bf943dac25809d70fe34a700:
+  /vite-plugin-icons/0.6.3_5jel5u57sq62yjmatvyp4nfhaa:
     resolution: {integrity: sha512-h+DNh9xMBhISNBZ/broslVRk/DbgDXV71u2Ienoz8G0W81+tzbtPHsE6imnwqW93h0qtS1VnVyOQlqsKcheLtw==}
     peerDependencies:
       '@iconify/json': '*'
@@ -6868,7 +7214,7 @@ packages:
       vite: 2.3.8
     dev: true
 
-  /vite-plugin-pages/0.13.2_058d47cd7cb9cc2380f170e9769de20e:
+  /vite-plugin-pages/0.13.2_awguptl4xhgchahroduxnhpcby:
     resolution: {integrity: sha512-29UqxaahZu8RNCfCmoJJBL5nSx5iYoI+yesjyEqtqeqiUFJh8Z/cHeFCj9m66gmCDTQoaXCI+impvoSeS56usw==}
     peerDependencies:
       '@vue/compiler-sfc': ^3.0.0
@@ -6904,19 +7250,73 @@ packages:
       - supports-color
     dev: true
 
-  /vite-plugin-vue-layouts/0.3.1_vite@2.3.8:
+  /vite-plugin-vue-layouts/0.3.1_vite@2.3.8+vue@3.1.2:
     resolution: {integrity: sha512-Chw+gEJX51+vwikWIp2R3GbBIkSQFi0CdOBKTqAktn+thVWn4mleE2pbdr2jM2Ylc0lL2bm/NpOHE0Pe6YUGqg==}
     peerDependencies:
       vite: ^2.2.3
+      vue: ^3.0.11
     dependencies:
-      '@vue/compiler-sfc': 3.0.11_vue@3.0.11
+      '@vue/compiler-sfc': 3.0.11_vue@3.1.2
       debug: 4.3.2
       fast-glob: 3.2.5
       vite: 2.3.8
-      vue: 3.0.11
-      vue-router: 4.0.8_vue@3.0.11
+      vue: 3.1.2
+      vue-router: 4.0.8_vue@3.1.2
     transitivePeerDependencies:
+      - arc-templates
+      - atpl
+      - babel-core
+      - bracket-template
+      - coffee-script
+      - dot
+      - dust
+      - dustjs-helpers
+      - dustjs-linkedin
+      - eco
+      - ect
+      - ejs
+      - haml-coffee
+      - hamlet
+      - hamljs
+      - handlebars
+      - hogan.js
+      - htmling
+      - jade
+      - jazz
+      - jqtpl
+      - just
+      - liquid-node
+      - liquor
+      - lodash
+      - marko
+      - mote
+      - mustache
+      - nunjucks
+      - plates
+      - pug
+      - qejs
+      - ractive
+      - razor-tmpl
+      - react
+      - react-dom
+      - slm
+      - squirrelly
       - supports-color
+      - swig
+      - swig-templates
+      - teacup
+      - templayed
+      - then-jade
+      - then-pug
+      - tinyliquid
+      - toffee
+      - twig
+      - twing
+      - underscore
+      - vash
+      - velocityjs
+      - walrus
+      - whiskers
     dev: true
 
   /vite-plugin-windicss/1.1.0_vite@2.3.8:
@@ -7088,7 +7488,61 @@ packages:
       vscode-pug-languageservice: 0.25.22
       vscode-typescript-languageservice: 0.25.22
     transitivePeerDependencies:
+      - arc-templates
+      - atpl
+      - babel-core
+      - bracket-template
+      - coffee-script
+      - dot
+      - dust
+      - dustjs-helpers
+      - dustjs-linkedin
+      - eco
+      - ect
+      - ejs
+      - haml-coffee
+      - hamlet
+      - hamljs
+      - handlebars
+      - hogan.js
+      - htmling
+      - jade
+      - jazz
+      - jqtpl
+      - just
+      - liquid-node
+      - liquor
+      - lodash
+      - marko
+      - mote
+      - mustache
+      - nunjucks
+      - plates
+      - pug
+      - qejs
+      - ractive
+      - razor-tmpl
+      - react
+      - react-dom
+      - slm
+      - squirrelly
+      - supports-color
+      - swig
+      - swig-templates
+      - teacup
+      - templayed
+      - then-jade
+      - then-pug
+      - tinyliquid
+      - toffee
+      - twig
+      - twing
+      - underscore
+      - vash
+      - velocityjs
       - vue
+      - walrus
+      - whiskers
     dev: true
 
   /vue-demi/0.9.1_vue@3.1.2:
@@ -7131,13 +7585,13 @@ packages:
       vue: 3.1.2
     dev: false
 
-  /vue-router/4.0.8_vue@3.0.11:
+  /vue-router/4.0.8_vue@3.1.2:
     resolution: {integrity: sha512-42mWSQaH7CCBQDspQTHv63f34VEnZC20g9QNK4WJ/zW8SdIUeT6TQ2i/78fjF/pVBUPLBWrGhvB7uDnaz7O/pA==}
     peerDependencies:
       vue: ^3.0.0
     dependencies:
       '@vue/devtools-api': 6.0.0-beta.12
-      vue: 3.0.11
+      vue: 3.1.2
     dev: true
 
   /vue-template-es2015-compiler/1.9.1:
@@ -7153,15 +7607,61 @@ packages:
       typescript: 4.3.4
       vscode-vue-languageservice: 0.25.22_vue@3.1.2
     transitivePeerDependencies:
+      - arc-templates
+      - atpl
+      - babel-core
+      - bracket-template
+      - coffee-script
+      - dot
+      - dust
+      - dustjs-helpers
+      - dustjs-linkedin
+      - eco
+      - ect
+      - ejs
+      - haml-coffee
+      - hamlet
+      - hamljs
+      - handlebars
+      - hogan.js
+      - htmling
+      - jade
+      - jazz
+      - jqtpl
+      - just
+      - liquid-node
+      - liquor
+      - lodash
+      - marko
+      - mote
+      - mustache
+      - nunjucks
+      - plates
+      - pug
+      - qejs
+      - ractive
+      - razor-tmpl
+      - react
+      - react-dom
+      - slm
+      - squirrelly
+      - supports-color
+      - swig
+      - swig-templates
+      - teacup
+      - templayed
+      - then-jade
+      - then-pug
+      - tinyliquid
+      - toffee
+      - twig
+      - twing
+      - underscore
+      - vash
+      - velocityjs
       - vue
-    dev: true
-
-  /vue/3.0.11:
-    resolution: {integrity: sha512-3/eUi4InQz8MPzruHYSTQPxtM3LdZ1/S/BvaU021zBnZi0laRUyH6pfuE4wtUeLvI8wmUNwj5wrZFvbHUXL9dw==}
-    dependencies:
-      '@vue/compiler-dom': 3.0.11
-      '@vue/runtime-dom': 3.0.11
-      '@vue/shared': 3.0.11
+      - walrus
+      - whiskers
     dev: true
 
   /vue/3.1.2:
@@ -7170,7 +7670,6 @@ packages:
       '@vue/compiler-dom': 3.1.2
       '@vue/runtime-dom': 3.1.2
       '@vue/shared': 3.1.2
-    dev: false
 
   /wbuf/1.7.3:
     resolution: {integrity: sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==}
@@ -7285,7 +7784,7 @@ packages:
       '@babel/preset-env': 7.14.5_@babel+core@7.14.5
       '@babel/runtime': 7.14.5
       '@hapi/joi': 16.1.8
-      '@rollup/plugin-babel': 5.3.0_@babel+core@7.14.5+rollup@2.51.2
+      '@rollup/plugin-babel': 5.3.0_2qswvj6fpeius2qdoek5zbpr4q
       '@rollup/plugin-node-resolve': 11.2.1_rollup@2.51.2
       '@rollup/plugin-replace': 2.4.2_rollup@2.51.2
       '@surma/rollup-plugin-off-main-thread': 1.4.2
diff --git a/public/gallery/20221217_104135.jpg b/public/gallery/20221217_104135.jpg
new file mode 100644
index 0000000..27d4832
Binary files /dev/null and b/public/gallery/20221217_104135.jpg differ
diff --git a/public/gallery/20221217_104138.jpg b/public/gallery/20221217_104138.jpg
new file mode 100644
index 0000000..c893f18
Binary files /dev/null and b/public/gallery/20221217_104138.jpg differ
diff --git a/public/gallery/20221217_112111.jpg b/public/gallery/20221217_112111.jpg
new file mode 100644
index 0000000..8601758
Binary files /dev/null and b/public/gallery/20221217_112111.jpg differ
diff --git a/public/gallery/20221217_114826.jpg b/public/gallery/20221217_114826.jpg
new file mode 100644
index 0000000..bee97f7
Binary files /dev/null and b/public/gallery/20221217_114826.jpg differ
diff --git a/public/gallery/20221217_114856.jpg b/public/gallery/20221217_114856.jpg
new file mode 100644
index 0000000..89ea217
Binary files /dev/null and b/public/gallery/20221217_114856.jpg differ
diff --git a/public/gallery/20221217_115216.jpg b/public/gallery/20221217_115216.jpg
new file mode 100644
index 0000000..76b6c6d
Binary files /dev/null and b/public/gallery/20221217_115216.jpg differ
diff --git a/public/gallery/20221217_115540.jpg b/public/gallery/20221217_115540.jpg
new file mode 100644
index 0000000..aaadc77
Binary files /dev/null and b/public/gallery/20221217_115540.jpg differ
diff --git a/public/gallery/20221217_115546.jpg b/public/gallery/20221217_115546.jpg
new file mode 100644
index 0000000..f1c464f
Binary files /dev/null and b/public/gallery/20221217_115546.jpg differ
diff --git a/public/gallery/20221217_120836.jpg b/public/gallery/20221217_120836.jpg
new file mode 100644
index 0000000..52580ab
Binary files /dev/null and b/public/gallery/20221217_120836.jpg differ
diff --git a/public/gallery/20221217_121456.jpg b/public/gallery/20221217_121456.jpg
new file mode 100644
index 0000000..8aa7ae3
Binary files /dev/null and b/public/gallery/20221217_121456.jpg differ
diff --git a/public/gallery/20221217_121503.jpg b/public/gallery/20221217_121503.jpg
new file mode 100644
index 0000000..10bfc6f
Binary files /dev/null and b/public/gallery/20221217_121503.jpg differ
diff --git a/public/gallery/20221217_121947.jpg b/public/gallery/20221217_121947.jpg
new file mode 100644
index 0000000..fa3ad3e
Binary files /dev/null and b/public/gallery/20221217_121947.jpg differ
diff --git a/public/gallery/20221217_122604.jpg b/public/gallery/20221217_122604.jpg
new file mode 100644
index 0000000..00e484f
Binary files /dev/null and b/public/gallery/20221217_122604.jpg differ
diff --git a/public/gallery/20221217_122654.jpg b/public/gallery/20221217_122654.jpg
new file mode 100644
index 0000000..e57247d
Binary files /dev/null and b/public/gallery/20221217_122654.jpg differ
diff --git a/public/gallery/20221217_124504.jpg b/public/gallery/20221217_124504.jpg
new file mode 100644
index 0000000..f1910f8
Binary files /dev/null and b/public/gallery/20221217_124504.jpg differ
diff --git a/public/gallery/20221217_124507.jpg b/public/gallery/20221217_124507.jpg
new file mode 100644
index 0000000..c776247
Binary files /dev/null and b/public/gallery/20221217_124507.jpg differ
diff --git a/public/gallery/20221217_124627.jpg b/public/gallery/20221217_124627.jpg
new file mode 100644
index 0000000..57ca3d7
Binary files /dev/null and b/public/gallery/20221217_124627.jpg differ
diff --git a/public/gallery/20221217_124631.jpg b/public/gallery/20221217_124631.jpg
new file mode 100644
index 0000000..5ae3cd3
Binary files /dev/null and b/public/gallery/20221217_124631.jpg differ
diff --git a/public/gallery/20221217_125455.jpg b/public/gallery/20221217_125455.jpg
new file mode 100644
index 0000000..26ed248
Binary files /dev/null and b/public/gallery/20221217_125455.jpg differ
diff --git a/public/gallery/20221217_125803.jpg b/public/gallery/20221217_125803.jpg
new file mode 100644
index 0000000..baec54c
Binary files /dev/null and b/public/gallery/20221217_125803.jpg differ
diff --git a/public/gallery/20221217_125944.jpg b/public/gallery/20221217_125944.jpg
new file mode 100644
index 0000000..0ff9ec6
Binary files /dev/null and b/public/gallery/20221217_125944.jpg differ
diff --git a/public/gallery/20221217_130032.jpg b/public/gallery/20221217_130032.jpg
new file mode 100644
index 0000000..82bb79a
Binary files /dev/null and b/public/gallery/20221217_130032.jpg differ
diff --git a/public/gallery/20221217_130048.jpg b/public/gallery/20221217_130048.jpg
new file mode 100644
index 0000000..7717534
Binary files /dev/null and b/public/gallery/20221217_130048.jpg differ
diff --git a/public/gallery/20221217_130322.jpg b/public/gallery/20221217_130322.jpg
new file mode 100644
index 0000000..9f15dd7
Binary files /dev/null and b/public/gallery/20221217_130322.jpg differ
diff --git a/public/gallery/20221217_130328.jpg b/public/gallery/20221217_130328.jpg
new file mode 100644
index 0000000..725ebdf
Binary files /dev/null and b/public/gallery/20221217_130328.jpg differ
diff --git a/public/gallery/20221217_130810.jpg b/public/gallery/20221217_130810.jpg
new file mode 100644
index 0000000..54166fb
Binary files /dev/null and b/public/gallery/20221217_130810.jpg differ
diff --git a/public/gallery/20221217_130813.jpg b/public/gallery/20221217_130813.jpg
new file mode 100644
index 0000000..89ea132
Binary files /dev/null and b/public/gallery/20221217_130813.jpg differ
diff --git a/public/gallery/20221217_130850.jpg b/public/gallery/20221217_130850.jpg
new file mode 100644
index 0000000..a2d0d4b
Binary files /dev/null and b/public/gallery/20221217_130850.jpg differ
diff --git a/public/gallery/20221217_131339.jpg b/public/gallery/20221217_131339.jpg
new file mode 100644
index 0000000..656bb5a
Binary files /dev/null and b/public/gallery/20221217_131339.jpg differ
diff --git a/public/gallery/20221217_131349.jpg b/public/gallery/20221217_131349.jpg
new file mode 100644
index 0000000..ae64f66
Binary files /dev/null and b/public/gallery/20221217_131349.jpg differ
diff --git a/public/gallery/20221217_131352.jpg b/public/gallery/20221217_131352.jpg
new file mode 100644
index 0000000..3da088f
Binary files /dev/null and b/public/gallery/20221217_131352.jpg differ
diff --git a/public/gallery/20221217_131535.jpg b/public/gallery/20221217_131535.jpg
new file mode 100644
index 0000000..cf4b5bb
Binary files /dev/null and b/public/gallery/20221217_131535.jpg differ
diff --git a/public/gallery/20221217_131853.jpg b/public/gallery/20221217_131853.jpg
new file mode 100644
index 0000000..d1bb905
Binary files /dev/null and b/public/gallery/20221217_131853.jpg differ
diff --git a/public/gallery/DSC_0014.JPG b/public/gallery/DSC_0014.JPG
new file mode 100644
index 0000000..66438b3
Binary files /dev/null and b/public/gallery/DSC_0014.JPG differ
diff --git a/public/gallery/DSC_0017.JPG b/public/gallery/DSC_0017.JPG
new file mode 100644
index 0000000..274dce4
Binary files /dev/null and b/public/gallery/DSC_0017.JPG differ
diff --git a/public/gallery/DSC_0018.JPG b/public/gallery/DSC_0018.JPG
new file mode 100644
index 0000000..c5161b5
Binary files /dev/null and b/public/gallery/DSC_0018.JPG differ
diff --git a/public/gallery/DSC_0020.JPG b/public/gallery/DSC_0020.JPG
new file mode 100644
index 0000000..0c0b47b
Binary files /dev/null and b/public/gallery/DSC_0020.JPG differ
diff --git a/public/gallery/DSC_0033.JPG b/public/gallery/DSC_0033.JPG
new file mode 100644
index 0000000..176082a
Binary files /dev/null and b/public/gallery/DSC_0033.JPG differ
diff --git a/public/gallery/DSC_0034.JPG b/public/gallery/DSC_0034.JPG
new file mode 100644
index 0000000..7c42c00
Binary files /dev/null and b/public/gallery/DSC_0034.JPG differ
diff --git a/public/gallery/DSC_0036.JPG b/public/gallery/DSC_0036.JPG
new file mode 100644
index 0000000..ecbdc4d
Binary files /dev/null and b/public/gallery/DSC_0036.JPG differ
diff --git a/public/gallery/DSC_0037.JPG b/public/gallery/DSC_0037.JPG
new file mode 100644
index 0000000..f1ef666
Binary files /dev/null and b/public/gallery/DSC_0037.JPG differ
diff --git a/public/gallery/DSC_0039.JPG b/public/gallery/DSC_0039.JPG
new file mode 100644
index 0000000..56016e5
Binary files /dev/null and b/public/gallery/DSC_0039.JPG differ
diff --git a/public/gallery/DSC_0040.JPG b/public/gallery/DSC_0040.JPG
new file mode 100644
index 0000000..c87e9b5
Binary files /dev/null and b/public/gallery/DSC_0040.JPG differ
diff --git a/public/gallery/DSC_0042.JPG b/public/gallery/DSC_0042.JPG
new file mode 100644
index 0000000..121ce2f
Binary files /dev/null and b/public/gallery/DSC_0042.JPG differ
diff --git a/public/gallery/DSC_0050.JPG b/public/gallery/DSC_0050.JPG
new file mode 100644
index 0000000..b9cf58b
Binary files /dev/null and b/public/gallery/DSC_0050.JPG differ
diff --git a/public/gallery/DSC_0052.JPG b/public/gallery/DSC_0052.JPG
new file mode 100644
index 0000000..13c169e
Binary files /dev/null and b/public/gallery/DSC_0052.JPG differ
diff --git a/public/gallery/DSC_0054.JPG b/public/gallery/DSC_0054.JPG
new file mode 100644
index 0000000..e479da6
Binary files /dev/null and b/public/gallery/DSC_0054.JPG differ
diff --git a/public/gallery/DSC_0055.JPG b/public/gallery/DSC_0055.JPG
new file mode 100644
index 0000000..4051462
Binary files /dev/null and b/public/gallery/DSC_0055.JPG differ
diff --git a/public/gallery/DSC_0056.JPG b/public/gallery/DSC_0056.JPG
new file mode 100644
index 0000000..c4c983b
Binary files /dev/null and b/public/gallery/DSC_0056.JPG differ
diff --git a/public/gallery/DSC_0057.JPG b/public/gallery/DSC_0057.JPG
new file mode 100644
index 0000000..83ff6e3
Binary files /dev/null and b/public/gallery/DSC_0057.JPG differ
diff --git a/public/gallery/DSC_0058.JPG b/public/gallery/DSC_0058.JPG
new file mode 100644
index 0000000..202e225
Binary files /dev/null and b/public/gallery/DSC_0058.JPG differ
diff --git a/public/gallery/DSC_0087.JPG b/public/gallery/DSC_0087.JPG
new file mode 100644
index 0000000..29858e2
Binary files /dev/null and b/public/gallery/DSC_0087.JPG differ
diff --git a/public/gallery/DSC_0088.JPG b/public/gallery/DSC_0088.JPG
new file mode 100644
index 0000000..430b844
Binary files /dev/null and b/public/gallery/DSC_0088.JPG differ
diff --git a/public/gallery/DSC_0089.JPG b/public/gallery/DSC_0089.JPG
new file mode 100644
index 0000000..36c5471
Binary files /dev/null and b/public/gallery/DSC_0089.JPG differ
diff --git a/public/gallery/DSC_0098.JPG b/public/gallery/DSC_0098.JPG
new file mode 100644
index 0000000..5b2d0fe
Binary files /dev/null and b/public/gallery/DSC_0098.JPG differ
diff --git a/public/gallery/DSC_0108.JPG b/public/gallery/DSC_0108.JPG
new file mode 100644
index 0000000..992866e
Binary files /dev/null and b/public/gallery/DSC_0108.JPG differ
diff --git a/public/gallery/DSC_0109.JPG b/public/gallery/DSC_0109.JPG
new file mode 100644
index 0000000..fbba6e9
Binary files /dev/null and b/public/gallery/DSC_0109.JPG differ
diff --git a/public/gallery/DSC_0110.JPG b/public/gallery/DSC_0110.JPG
new file mode 100644
index 0000000..6bf0855
Binary files /dev/null and b/public/gallery/DSC_0110.JPG differ
diff --git a/public/gallery/DSC_0115.JPG b/public/gallery/DSC_0115.JPG
new file mode 100644
index 0000000..0d77153
Binary files /dev/null and b/public/gallery/DSC_0115.JPG differ
diff --git a/public/gallery/DSC_0118.JPG b/public/gallery/DSC_0118.JPG
new file mode 100644
index 0000000..4ecf0f2
Binary files /dev/null and b/public/gallery/DSC_0118.JPG differ
diff --git a/public/gallery/DSC_0119.JPG b/public/gallery/DSC_0119.JPG
new file mode 100644
index 0000000..ebfcdf0
Binary files /dev/null and b/public/gallery/DSC_0119.JPG differ
diff --git a/public/gallery/DSC_0120.JPG b/public/gallery/DSC_0120.JPG
new file mode 100644
index 0000000..3dd6e76
Binary files /dev/null and b/public/gallery/DSC_0120.JPG differ
diff --git a/public/gallery/DSC_0121.JPG b/public/gallery/DSC_0121.JPG
new file mode 100644
index 0000000..6df4e92
Binary files /dev/null and b/public/gallery/DSC_0121.JPG differ
diff --git a/public/gallery/DSC_0122.JPG b/public/gallery/DSC_0122.JPG
new file mode 100644
index 0000000..30efbc0
Binary files /dev/null and b/public/gallery/DSC_0122.JPG differ
diff --git a/public/gallery/DSC_0123.JPG b/public/gallery/DSC_0123.JPG
new file mode 100644
index 0000000..f2dec1f
Binary files /dev/null and b/public/gallery/DSC_0123.JPG differ
diff --git a/public/gallery/DSC_0124.JPG b/public/gallery/DSC_0124.JPG
new file mode 100644
index 0000000..0944303
Binary files /dev/null and b/public/gallery/DSC_0124.JPG differ
diff --git a/public/gallery/DSC_0125.JPG b/public/gallery/DSC_0125.JPG
new file mode 100644
index 0000000..490d2b0
Binary files /dev/null and b/public/gallery/DSC_0125.JPG differ
diff --git a/public/gallery/DSC_0127.JPG b/public/gallery/DSC_0127.JPG
new file mode 100644
index 0000000..2dea52c
Binary files /dev/null and b/public/gallery/DSC_0127.JPG differ
diff --git a/public/gallery/DSC_0128.JPG b/public/gallery/DSC_0128.JPG
new file mode 100644
index 0000000..9c7e976
Binary files /dev/null and b/public/gallery/DSC_0128.JPG differ
diff --git a/public/gallery/DSC_0129.JPG b/public/gallery/DSC_0129.JPG
new file mode 100644
index 0000000..f723856
Binary files /dev/null and b/public/gallery/DSC_0129.JPG differ
diff --git a/public/gallery/DSC_0130.JPG b/public/gallery/DSC_0130.JPG
new file mode 100644
index 0000000..90f9df6
Binary files /dev/null and b/public/gallery/DSC_0130.JPG differ
diff --git a/public/gallery/DSC_0131.JPG b/public/gallery/DSC_0131.JPG
new file mode 100644
index 0000000..2b3fdc3
Binary files /dev/null and b/public/gallery/DSC_0131.JPG differ
diff --git a/public/gallery/DSC_0132.JPG b/public/gallery/DSC_0132.JPG
new file mode 100644
index 0000000..456742d
Binary files /dev/null and b/public/gallery/DSC_0132.JPG differ
diff --git a/public/gallery/DSC_0137.JPG b/public/gallery/DSC_0137.JPG
new file mode 100644
index 0000000..b12bafd
Binary files /dev/null and b/public/gallery/DSC_0137.JPG differ
diff --git a/public/gallery/DSC_0138.JPG b/public/gallery/DSC_0138.JPG
new file mode 100644
index 0000000..24cd091
Binary files /dev/null and b/public/gallery/DSC_0138.JPG differ
diff --git a/public/gallery/DSC_0139.JPG b/public/gallery/DSC_0139.JPG
new file mode 100644
index 0000000..6771ca9
Binary files /dev/null and b/public/gallery/DSC_0139.JPG differ
diff --git a/public/gallery/DSC_0140.JPG b/public/gallery/DSC_0140.JPG
new file mode 100644
index 0000000..d139dcc
Binary files /dev/null and b/public/gallery/DSC_0140.JPG differ
diff --git a/public/gallery/DSC_0141.JPG b/public/gallery/DSC_0141.JPG
new file mode 100644
index 0000000..e0f6345
Binary files /dev/null and b/public/gallery/DSC_0141.JPG differ
diff --git a/public/gallery/DSC_0142.JPG b/public/gallery/DSC_0142.JPG
new file mode 100644
index 0000000..068c8dd
Binary files /dev/null and b/public/gallery/DSC_0142.JPG differ
diff --git a/public/gallery/DSC_0143.JPG b/public/gallery/DSC_0143.JPG
new file mode 100644
index 0000000..bcc3149
Binary files /dev/null and b/public/gallery/DSC_0143.JPG differ
diff --git a/public/gallery/DSC_0149.JPG b/public/gallery/DSC_0149.JPG
new file mode 100644
index 0000000..f901b9b
Binary files /dev/null and b/public/gallery/DSC_0149.JPG differ
diff --git a/public/gallery/DSC_0150.JPG b/public/gallery/DSC_0150.JPG
new file mode 100644
index 0000000..090504f
Binary files /dev/null and b/public/gallery/DSC_0150.JPG differ
diff --git a/public/gallery/DSC_0151.JPG b/public/gallery/DSC_0151.JPG
new file mode 100644
index 0000000..105a6af
Binary files /dev/null and b/public/gallery/DSC_0151.JPG differ
diff --git a/public/gallery/DSC_0152.JPG b/public/gallery/DSC_0152.JPG
new file mode 100644
index 0000000..202a719
Binary files /dev/null and b/public/gallery/DSC_0152.JPG differ
diff --git a/public/gallery/DSC_0153.JPG b/public/gallery/DSC_0153.JPG
new file mode 100644
index 0000000..299c48c
Binary files /dev/null and b/public/gallery/DSC_0153.JPG differ
diff --git a/public/gallery/DSC_0154.JPG b/public/gallery/DSC_0154.JPG
new file mode 100644
index 0000000..8e8acd9
Binary files /dev/null and b/public/gallery/DSC_0154.JPG differ
diff --git a/public/gallery/DSC_0166.JPG b/public/gallery/DSC_0166.JPG
new file mode 100644
index 0000000..5d60dac
Binary files /dev/null and b/public/gallery/DSC_0166.JPG differ
diff --git a/public/gallery/DSC_0167.JPG b/public/gallery/DSC_0167.JPG
new file mode 100644
index 0000000..b217728
Binary files /dev/null and b/public/gallery/DSC_0167.JPG differ
diff --git a/public/gallery/DSC_0169.JPG b/public/gallery/DSC_0169.JPG
new file mode 100644
index 0000000..d8bc949
Binary files /dev/null and b/public/gallery/DSC_0169.JPG differ
diff --git a/public/gallery/DSC_0170.JPG b/public/gallery/DSC_0170.JPG
new file mode 100644
index 0000000..2012e2f
Binary files /dev/null and b/public/gallery/DSC_0170.JPG differ
diff --git a/public/gallery/DSC_0172.JPG b/public/gallery/DSC_0172.JPG
new file mode 100644
index 0000000..6b538bb
Binary files /dev/null and b/public/gallery/DSC_0172.JPG differ
diff --git a/public/gallery/DSC_0173.JPG b/public/gallery/DSC_0173.JPG
new file mode 100644
index 0000000..c263faa
Binary files /dev/null and b/public/gallery/DSC_0173.JPG differ
diff --git a/public/gallery/DSC_0177.JPG b/public/gallery/DSC_0177.JPG
new file mode 100644
index 0000000..68caa52
Binary files /dev/null and b/public/gallery/DSC_0177.JPG differ
diff --git a/public/gallery/DSC_0180.JPG b/public/gallery/DSC_0180.JPG
new file mode 100644
index 0000000..4352b71
Binary files /dev/null and b/public/gallery/DSC_0180.JPG differ
diff --git a/public/gallery/DSC_0181.JPG b/public/gallery/DSC_0181.JPG
new file mode 100644
index 0000000..ea87877
Binary files /dev/null and b/public/gallery/DSC_0181.JPG differ
diff --git a/public/gallery/DSC_0182.JPG b/public/gallery/DSC_0182.JPG
new file mode 100644
index 0000000..e7cb3c2
Binary files /dev/null and b/public/gallery/DSC_0182.JPG differ
diff --git a/public/gallery/DSC_0188.JPG b/public/gallery/DSC_0188.JPG
new file mode 100644
index 0000000..ffa02c4
Binary files /dev/null and b/public/gallery/DSC_0188.JPG differ
diff --git a/public/gallery/DSC_0191.JPG b/public/gallery/DSC_0191.JPG
new file mode 100644
index 0000000..d7de18b
Binary files /dev/null and b/public/gallery/DSC_0191.JPG differ
diff --git a/public/gallery/DSC_0193.JPG b/public/gallery/DSC_0193.JPG
new file mode 100644
index 0000000..d857acf
Binary files /dev/null and b/public/gallery/DSC_0193.JPG differ
diff --git a/public/gallery/DSC_0194.JPG b/public/gallery/DSC_0194.JPG
new file mode 100644
index 0000000..38cf0ba
Binary files /dev/null and b/public/gallery/DSC_0194.JPG differ
diff --git a/public/gallery/DSC_0195.JPG b/public/gallery/DSC_0195.JPG
new file mode 100644
index 0000000..5ef03b5
Binary files /dev/null and b/public/gallery/DSC_0195.JPG differ
diff --git a/public/gallery/DSC_0196.JPG b/public/gallery/DSC_0196.JPG
new file mode 100644
index 0000000..fc0f1e3
Binary files /dev/null and b/public/gallery/DSC_0196.JPG differ
diff --git a/public/gallery/DSC_0201.JPG b/public/gallery/DSC_0201.JPG
new file mode 100644
index 0000000..48dd137
Binary files /dev/null and b/public/gallery/DSC_0201.JPG differ
diff --git a/public/gallery/DSC_0205.JPG b/public/gallery/DSC_0205.JPG
new file mode 100644
index 0000000..c6e0f1b
Binary files /dev/null and b/public/gallery/DSC_0205.JPG differ
diff --git a/public/gallery/DSC_0207.JPG b/public/gallery/DSC_0207.JPG
new file mode 100644
index 0000000..d3e9f39
Binary files /dev/null and b/public/gallery/DSC_0207.JPG differ
diff --git a/public/gallery/DSC_0209.JPG b/public/gallery/DSC_0209.JPG
new file mode 100644
index 0000000..7819f63
Binary files /dev/null and b/public/gallery/DSC_0209.JPG differ
diff --git a/public/gallery/DSC_0213.JPG b/public/gallery/DSC_0213.JPG
new file mode 100644
index 0000000..c6f21da
Binary files /dev/null and b/public/gallery/DSC_0213.JPG differ
diff --git a/public/gallery/DSC_0215.JPG b/public/gallery/DSC_0215.JPG
new file mode 100644
index 0000000..7800747
Binary files /dev/null and b/public/gallery/DSC_0215.JPG differ
diff --git a/public/gallery/DSC_0216.JPG b/public/gallery/DSC_0216.JPG
new file mode 100644
index 0000000..67f256d
Binary files /dev/null and b/public/gallery/DSC_0216.JPG differ
diff --git a/public/gallery/DSC_0217.JPG b/public/gallery/DSC_0217.JPG
new file mode 100644
index 0000000..6f35082
Binary files /dev/null and b/public/gallery/DSC_0217.JPG differ
diff --git a/public/gallery/DSC_0223.JPG b/public/gallery/DSC_0223.JPG
new file mode 100644
index 0000000..25015d5
Binary files /dev/null and b/public/gallery/DSC_0223.JPG differ
diff --git a/public/gallery/DSC_0227.JPG b/public/gallery/DSC_0227.JPG
new file mode 100644
index 0000000..554b4e8
Binary files /dev/null and b/public/gallery/DSC_0227.JPG differ
diff --git a/public/gallery/PXL_20221217_133151426.jpg b/public/gallery/PXL_20221217_133151426.jpg
new file mode 100644
index 0000000..a47edd0
Binary files /dev/null and b/public/gallery/PXL_20221217_133151426.jpg differ
diff --git a/public/gallery/PXL_20221217_140427619.jpg b/public/gallery/PXL_20221217_140427619.jpg
new file mode 100644
index 0000000..b2f5dee
Binary files /dev/null and b/public/gallery/PXL_20221217_140427619.jpg differ
diff --git a/public/gallery/PXL_20221217_141251271.jpg b/public/gallery/PXL_20221217_141251271.jpg
new file mode 100644
index 0000000..f4c8f86
Binary files /dev/null and b/public/gallery/PXL_20221217_141251271.jpg differ
diff --git a/public/gallery/PXL_20221217_141253794.jpg b/public/gallery/PXL_20221217_141253794.jpg
new file mode 100644
index 0000000..cd58421
Binary files /dev/null and b/public/gallery/PXL_20221217_141253794.jpg differ
diff --git a/public/gallery/PXL_20221217_141309467.jpg b/public/gallery/PXL_20221217_141309467.jpg
new file mode 100644
index 0000000..f87732c
Binary files /dev/null and b/public/gallery/PXL_20221217_141309467.jpg differ
diff --git a/public/gallery/PXL_20221217_141312798.jpg b/public/gallery/PXL_20221217_141312798.jpg
new file mode 100644
index 0000000..3dd2b73
Binary files /dev/null and b/public/gallery/PXL_20221217_141312798.jpg differ
diff --git a/public/gallery/PXL_20221217_141322542.jpg b/public/gallery/PXL_20221217_141322542.jpg
new file mode 100644
index 0000000..a5ab2ec
Binary files /dev/null and b/public/gallery/PXL_20221217_141322542.jpg differ
diff --git a/public/gallery/PXL_20221217_141334762.jpg b/public/gallery/PXL_20221217_141334762.jpg
new file mode 100644
index 0000000..75984df
Binary files /dev/null and b/public/gallery/PXL_20221217_141334762.jpg differ
diff --git a/public/gallery/PXL_20221217_141413496.jpg b/public/gallery/PXL_20221217_141413496.jpg
new file mode 100644
index 0000000..588b3e9
Binary files /dev/null and b/public/gallery/PXL_20221217_141413496.jpg differ
diff --git a/public/gallery/PXL_20221217_141541689.jpg b/public/gallery/PXL_20221217_141541689.jpg
new file mode 100644
index 0000000..eebc45b
Binary files /dev/null and b/public/gallery/PXL_20221217_141541689.jpg differ
diff --git a/public/gallery/PXL_20221217_141546032.jpg b/public/gallery/PXL_20221217_141546032.jpg
new file mode 100644
index 0000000..f39aa12
Binary files /dev/null and b/public/gallery/PXL_20221217_141546032.jpg differ
diff --git a/public/gallery/PXL_20221217_141600365.jpg b/public/gallery/PXL_20221217_141600365.jpg
new file mode 100644
index 0000000..b8d375c
Binary files /dev/null and b/public/gallery/PXL_20221217_141600365.jpg differ
diff --git a/public/gallery/PXL_20221217_141614830.jpg b/public/gallery/PXL_20221217_141614830.jpg
new file mode 100644
index 0000000..7edf0f4
Binary files /dev/null and b/public/gallery/PXL_20221217_141614830.jpg differ
diff --git a/public/gallery/PXL_20221217_141626079.jpg b/public/gallery/PXL_20221217_141626079.jpg
new file mode 100644
index 0000000..2d622d2
Binary files /dev/null and b/public/gallery/PXL_20221217_141626079.jpg differ
diff --git a/public/gallery/PXL_20221217_142007529.jpg b/public/gallery/PXL_20221217_142007529.jpg
new file mode 100644
index 0000000..0986e4c
Binary files /dev/null and b/public/gallery/PXL_20221217_142007529.jpg differ
diff --git a/public/gallery/gdsc-induction.jpeg b/public/gallery/gdsc-induction.jpeg
new file mode 100644
index 0000000..05e62df
Binary files /dev/null and b/public/gallery/gdsc-induction.jpeg differ
diff --git a/public/gallery/git.jpeg b/public/gallery/git.jpeg
new file mode 100644
index 0000000..ccd67e1
Binary files /dev/null and b/public/gallery/git.jpeg differ
diff --git a/public/gallery/ml-session.jpeg b/public/gallery/ml-session.jpeg
new file mode 100644
index 0000000..c93f02a
Binary files /dev/null and b/public/gallery/ml-session.jpeg differ
diff --git a/src/components/Gallery.vue b/src/components/Gallery.vue
new file mode 100644
index 0000000..1f1f847
--- /dev/null
+++ b/src/components/Gallery.vue
@@ -0,0 +1,95 @@
+<template>
+    <ImageModal ref="imageModal" :image="selectedImage" :next="gotoNextImage" :prev="gotoPrevImage" />
+    <div class="gallery-container">
+        <div class="gallery-item" v-for="(image, index) in galleryImages" :key="index">
+            <v-lazy-image :src="image" alt="random image" @click="openModal(image)" />
+        </div>
+    </div>
+</template>
+
+<style>
+.v-lazy-image {
+    filter: blur(20px);
+    transition: filter 0.7s;
+}
+
+.v-lazy-image-loaded {
+    filter: blur(0);
+}
+
+.gallery-container {
+    column-gap: 1em;
+}
+
+.gallery-item {
+    display: inline-block;
+    margin: 0 0 1em;
+    width: 100%;
+    cursor: zoom-in;
+}
+
+.gallery-item>img {
+    width: inherit;
+    border-radius: 15px;
+}
+
+@media only screen and (min-width: 1024px) {
+    .gallery-container {
+        column-count: 4;
+    }
+}
+
+@media only screen and (max-width: 1023px) and (min-width: 768px) {
+    .gallery-container {
+        column-count: 3;
+    }
+}
+
+@media only screen and (max-width: 767px) and (min-width: 540px) {
+    .gallery-container {
+        column-count: 2;
+    }
+}
+</style>
+
+<script>
+import VLazyImage from "v-lazy-image";
+import ImageModal from "./ImageModal.vue";
+import { galleryImages } from "~/logic"
+
+export default {
+    name: 'Gallery',
+    components: {
+        "v-lazy-image": VLazyImage,
+        ImageModal,
+    },
+    data() {
+        return {
+            galleryImages,
+            selectedImage: '',
+        }
+    },
+    methods: {
+        openModal(image) {
+            this.selectedImage = image;
+            this.$refs.imageModal.toggleModal();
+        },
+        gotoNextImage() {
+            const index = this.galleryImages.indexOf(this.selectedImage);
+            if (index === this.galleryImages.length - 1) {
+                this.selectedImage = this.galleryImages[0];
+            } else {
+                this.selectedImage = this.galleryImages[index + 1];
+            }
+        },
+        gotoPrevImage() {
+            const index = this.galleryImages.indexOf(this.selectedImage);
+            if (index === 0) {
+                this.selectedImage = this.galleryImages[this.galleryImages.length - 1];
+            } else {
+                this.selectedImage = this.galleryImages[index - 1];
+            }
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/components/Header.vue b/src/components/Header.vue
index dc16113..0105cbb 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,7 +1,8 @@
 <template>
   <Popover open="true" class="relative bg-white dark:bg-dark-900 mb-10 z-50">
     <div class="max-w-7xl mx-auto px-4 sm:px-6">
-      <div class="flex justify-between items-center border-b-2 border-gray-100 dark:border-gray-800 py-6 md:justify-start md:space-x-5">
+      <div
+        class="flex justify-between items-center border-b-2 border-gray-100 dark:border-gray-800 py-6 md:justify-start md:space-x-5">
         <div class="flex justify-start lg:flex-1">
           <a href="https://www.iiests.ac.in/" target="_blank" rel="noreferrer" class="flex-none">
             <img src="/iiest-logo.png" width="80" height="80" />
@@ -13,31 +14,33 @@
           </router-link>
         </div>
         <div class="-mr-2 -my-2 md:hidden">
-          <PopoverButton class="bg-white dark:bg-dark-700 rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-red-500  dark:text-gray-300 dark:hover:text-gray-100 dark:hover:bg-dark-800">
+          <PopoverButton
+            class="bg-white dark:bg-dark-700 rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-red-500  dark:text-gray-300 dark:hover:text-gray-100 dark:hover:bg-dark-800">
             <span class="sr-only">Open menu</span>
             <gridicons-menu class="h-6 w-6" aria-hidden="true" />
           </PopoverButton>
         </div>
         <PopoverGroup as="nav" class="hidden md:flex space-x-5">
           <Popover v-slot="{ open }" class="relative">
-            <PopoverButton :class="[open ? 'text-gray-900 dark:text-gray-400' : 'text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100', 'p-1 group bg-white dark:bg-dark-900 rounded-md inline-flex items-center text-base font-medium focus:outline-none focus:ring-2 focus:ring-red-500']">
+            <PopoverButton
+              :class="[open ? 'text-gray-900 dark:text-gray-400' : 'text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100', 'p-1 group bg-white dark:bg-dark-900 rounded-md inline-flex items-center text-base font-medium focus:outline-none focus:ring-2 focus:ring-red-500']">
               <span>Chapters</span>
-              <carbon-chevron-down :class="[open ? 'text-gray-600 dark:text-gray-400' : 'text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100', 'ml-2 h-5 w-5 group-hover:text-gray-500 dark:group-hover:text-gray-100']" aria-hidden="true" />
+              <carbon-chevron-down
+                :class="[open ? 'text-gray-600 dark:text-gray-400' : 'text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100', 'ml-2 h-5 w-5 group-hover:text-gray-500 dark:group-hover:text-gray-100']"
+                aria-hidden="true" />
             </PopoverButton>
 
-            <transition
-              enter-active-class="transition ease-out duration-200"
-              enter-from-class="opacity-0 translate-y-1"
-              enter-to-class="opacity-100 translate-y-0"
-              leave-active-class="transition ease-in duration-150"
-              leave-from-class="opacity-100 translate-y-0"
-              leave-to-class="opacity-0 translate-y-1"
-            >
-              <PopoverPanel class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md sm:px-0 lg:ml-0 lg:left-1/2 lg:-translate-x-1/2">
-                <div class="rounded-lg shadow-xl shadow-red-700 dark:shadow-red-200 ring-1 ring-black ring-opacity-5 overflow-hidden">
+            <transition enter-active-class="transition ease-out duration-200" enter-from-class="opacity-0 translate-y-1"
+              enter-to-class="opacity-100 translate-y-0" leave-active-class="transition ease-in duration-150"
+              leave-from-class="opacity-100 translate-y-0" leave-to-class="opacity-0 translate-y-1">
+              <PopoverPanel
+                class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md sm:px-0 lg:ml-0 lg:left-1/2 lg:-translate-x-1/2">
+                <div
+                  class="rounded-lg shadow-xl shadow-red-700 dark:shadow-red-200 ring-1 ring-black ring-opacity-5 overflow-hidden">
                   <div class="relative grid gap-6 bg-white dark:bg-dark-800 px-5 py-6 sm:gap-8 sm:p-8">
                     <PopoverButton v-for="item in chapters" :key="item.name">
-                      <router-link :to="item.route" class="-m-3 p-3 flex items-start rounded-lg hover:bg-gray-100 dark:hover:bg-gray-500">
+                      <router-link :to="item.route"
+                        class="-m-3 p-3 flex items-start rounded-lg hover:bg-gray-100 dark:hover:bg-gray-500">
                         <div class="ml-4">
                           <p class="text-base font-medium text-gray-900 dark:text-gray-200">
                             {{ item.name }}
@@ -51,13 +54,20 @@
             </transition>
           </Popover>
 
-          <router-link to="/events" class="p-1 text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100">
+          <router-link to="/events"
+            class="p-1 text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100">
             Events
           </router-link>
-          <router-link to="/team" class="p-1 text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100">
+          <router-link to="/gallery"
+            class="p-1 text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100">
+            Gallery
+          </router-link>
+          <router-link to="/team"
+            class="p-1 text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100">
             Team
           </router-link>
-          <router-link to="/alumni" class="p-1 text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100">
+          <router-link to="/alumni"
+            class="p-1 text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100">
             Alumni
           </router-link>
         </PopoverGroup>
@@ -70,16 +80,12 @@
       </div>
     </div>
 
-    <transition
-      enter-active-class="duration-200 ease-out"
-      enter-from-class="opacity-0 scale-95"
-      enter-to-class="opacity-100 scale-100"
-      leave-active-class="duration-100 ease-in"
-      leave-from-class="opacity-100 scale-100"
-      leave-to-class="opacity-0 scale-95"
-    >
+    <transition enter-active-class="duration-200 ease-out" enter-from-class="opacity-0 scale-95"
+      enter-to-class="opacity-100 scale-100" leave-active-class="duration-100 ease-in"
+      leave-from-class="opacity-100 scale-100" leave-to-class="opacity-0 scale-95">
       <PopoverPanel focus class="absolute top-0 inset-x-0 p-2 transition transform origin-top-right md:hidden">
-        <div class="rounded-lg shadow-lg shadow-red-700 dark:shadow-red-200 ring-1 ring-black ring-opacity-5 bg-white dark:bg-dark-800 divide-y-2 divide-gray-50 dark:divide-dark-200">
+        <div
+          class="rounded-lg shadow-lg shadow-red-700 dark:shadow-red-200 ring-1 ring-black ring-opacity-5 bg-white dark:bg-dark-800 divide-y-2 divide-gray-50 dark:divide-dark-200">
           <div class="pt-5 pb-6 px-5">
             <div class="flex items-center justify-between">
               <div>
@@ -87,7 +93,8 @@
                 <Brand v-else width="80" height="80" />
               </div>
               <div class="-mr-2">
-                <PopoverButton class="bg-white dark:bg-dark-900 rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 dark:text-gray-300 dark:hover:text-gray-100 dark:hover:bg-dark-800 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-red-500">
+                <PopoverButton
+                  class="bg-white dark:bg-dark-900 rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 dark:text-gray-300 dark:hover:text-gray-100 dark:hover:bg-dark-800 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-red-500">
                   <span class="sr-only">Close menu</span>
                   <bi-x class="h-6 w-6" aria-hidden="true" />
                 </PopoverButton>
@@ -96,7 +103,8 @@
             <div class="mt-6">
               <nav class="grid gap-y-8">
                 <PopoverButton v-for="chapter in chapters" :key="chapter.name">
-                  <router-link :to="chapter.route" :aria-label="chapter.name + ' chapter'" class="-m-3 p-3 flex chapters-center rounded-md hover:bg-gray-50 dark:hover:bg-gray-500">
+                  <router-link :to="chapter.route" :aria-label="chapter.name + ' chapter'"
+                    class="-m-3 p-3 flex chapters-center rounded-md hover:bg-gray-50 dark:hover:bg-gray-500">
                     <!-- <component :is="chapter.icon" class="flex-shrink-0 h-6 w-6 text-red-600" aria-hidden="true" /> -->
                     <!-- not used right now -->
                     <span class="ml-3 text-base font-medium text-gray-900 dark:text-gray-200">
@@ -108,27 +116,38 @@
             </div>
           </div>
           <div class="py-6 px-5 space-y-6">
-            <div class="grid grid-cols-3 gap-y-4 gap-x-8">
+            <div class="grid grid-cols-4 gap-y-4 gap-x-8">
               <PopoverButton>
-                <router-link to="/events" class="text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-100">
+                <router-link to="/events"
+                  class="text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-100">
                   Events
                 </router-link>
               </PopoverButton>
 
               <PopoverButton>
-                <router-link to="/team" class="text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-100">
+                <router-link to="/gallery"
+                  class="text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-100">
+                  Gallery
+                </router-link>
+              </PopoverButton>
+
+              <PopoverButton>
+                <router-link to="/team"
+                  class="text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-100">
                   Team
                 </router-link>
               </PopoverButton>
 
               <PopoverButton>
-                <router-link to="/alumni" class="text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-100">
+                <router-link to="/alumni"
+                  class="text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-100">
                   Alumni
                 </router-link>
               </PopoverButton>
             </div>
             <div>
-              <PopoverButton class="icon-btn mx-2 flex-none !outline-none" title="Toggle Theme" aria-label="Dark Theme Switcher" @click="toggleDark">
+              <PopoverButton class="icon-btn mx-2 flex-none !outline-none" title="Toggle Theme"
+                aria-label="Dark Theme Switcher" @click="toggleDark">
                 <carbon-moon v-if="isDark" />
                 <carbon-sun v-else />
               </PopoverButton>
diff --git a/src/components/ImageModal.vue b/src/components/ImageModal.vue
new file mode 100644
index 0000000..1dad090
--- /dev/null
+++ b/src/components/ImageModal.vue
@@ -0,0 +1,102 @@
+<template>
+    <div id="defaultModal" tabindex="-1" aria-hidden="true"
+        class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-modal md:h-full backdrop-blur-lg bg-white/30 dark:bg-black/70">
+        <div class="relative mx-auto top-50 w-full h-full max-w-5xl md:h-auto ">
+            <div class="absolute top-0 right-0 z-50 p-4">
+                <button @click="toggleModal">
+                    <carbon-close class="text-4xl text-white hover:text-white-500 hover:text-5xl ease-in duration-100"
+                        aria-hidden="true" />
+                </button>
+            </div>
+            <!-- Left and Right image buttons -->
+            <div class="absolute bottom-0 left-0 z-50 p-4">
+                <button @click="prev">
+                    <carbon-chevron-left
+                        class="text-4xl text-white hover:text-white-500 hover:text-5xl ease-in duration-100"
+                        aria-hidden="true" />
+                </button>
+
+            </div>
+
+            <div class="absolute bottom-0 right-0 z-50 p-4">
+                <button @click="next">
+                    <carbon-chevron-right
+                        class="text-4xl text-white hover:text-white-500 hover:text-5xl ease-in duration-100"
+                        aria-hidden="true" />
+                </button>
+            </div>
+
+            <div class="relative w-full h-full">
+                <img :src="image" class="object-cover" />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { onBeforeUnmount } from 'vue';
+
+export default {
+    name: 'ImageModal',
+    props: {
+        image: {
+            type: String,
+            required: true,
+        },
+        prev: {
+            type: Function,
+            required: true,
+        },
+        next: {
+            type: Function,
+            required: true,
+        },
+    },
+    setup(props) {
+        // toggle modal
+        const toggleModal = () => {
+            const modal = document.getElementById('defaultModal');
+            modal.classList.toggle('hidden');
+        };
+
+        // close modal on escape key
+        const closeModal = (e) => {
+            if (e.key === 'Escape' && !document.getElementById('defaultModal').classList.contains('hidden')) {
+                toggleModal();
+            }
+        };
+
+        // close modal on click outside
+        const closeOnClick = (e) => {
+            if (e.target.id === 'defaultModal') {
+                toggleModal();
+            }
+        };
+
+        // shift to next image on right arrow key
+        const imageShift = (e) => {
+            if (e.key === 'ArrowRight') {
+                props.next();
+            } else if (e.key === 'ArrowLeft') {
+                props.prev();
+            }
+        };
+
+        // add event listeners
+        window.addEventListener('keydown', closeModal);
+        window.addEventListener('click', closeOnClick);
+        window.addEventListener('keydown', imageShift);
+
+
+        // remove event listeners
+        onBeforeUnmount(() => {
+            window.removeEventListener('keydown', closeModal);
+            window.removeEventListener('click', closeOnClick);
+        });
+
+        return {
+            toggleModal,
+        };
+    },
+};
+</script>
\ No newline at end of file
diff --git a/src/logic/gallery.ts b/src/logic/gallery.ts
new file mode 100644
index 0000000..c466ba1
--- /dev/null
+++ b/src/logic/gallery.ts
@@ -0,0 +1,131 @@
+export const galleryImages = [
+    '/gallery/20221217_104138.jpg',
+    '/gallery/20221217_112111.jpg',
+    '/gallery/20221217_114826.jpg',
+    '/gallery/20221217_114856.jpg',
+    '/gallery/20221217_115216.jpg',
+    '/gallery/20221217_115540.jpg',
+    '/gallery/20221217_115546.jpg',
+    '/gallery/20221217_120836.jpg',
+    '/gallery/20221217_121456.jpg',
+    '/gallery/20221217_121503.jpg',
+    '/gallery/20221217_121947.jpg',
+    '/gallery/20221217_122604.jpg',
+    '/gallery/20221217_122654.jpg',
+    '/gallery/20221217_124504.jpg',
+    '/gallery/20221217_124507.jpg',
+    '/gallery/20221217_124627.jpg',
+    '/gallery/20221217_124631.jpg',
+    '/gallery/20221217_125455.jpg',
+    '/gallery/20221217_125803.jpg',
+    '/gallery/20221217_125944.jpg',
+    '/gallery/20221217_130032.jpg',
+    '/gallery/20221217_130048.jpg',
+    '/gallery/20221217_130322.jpg',
+    '/gallery/20221217_130328.jpg',
+    '/gallery/20221217_130810.jpg',
+    '/gallery/20221217_130813.jpg',
+    '/gallery/20221217_130850.jpg',
+    '/gallery/20221217_131339.jpg',
+    '/gallery/20221217_131349.jpg',
+    '/gallery/20221217_131352.jpg',
+    '/gallery/20221217_131535.jpg',
+    '/gallery/20221217_131853.jpg',
+    '/gallery/DSC_0014.JPG',
+    '/gallery/DSC_0017.JPG',
+    '/gallery/DSC_0018.JPG',
+    '/gallery/DSC_0020.JPG',
+    '/gallery/DSC_0033.JPG',
+    '/gallery/DSC_0034.JPG',
+    '/gallery/DSC_0036.JPG',
+    '/gallery/DSC_0037.JPG',
+    '/gallery/DSC_0039.JPG',
+    '/gallery/DSC_0040.JPG',
+    '/gallery/DSC_0042.JPG',
+    '/gallery/DSC_0050.JPG',
+    '/gallery/DSC_0052.JPG',
+    '/gallery/DSC_0054.JPG',
+    '/gallery/DSC_0055.JPG',
+    '/gallery/DSC_0056.JPG',
+    '/gallery/DSC_0057.JPG',
+    '/gallery/DSC_0058.JPG',
+    '/gallery/DSC_0087.JPG',
+    '/gallery/DSC_0088.JPG',
+    '/gallery/DSC_0089.JPG',
+    '/gallery/DSC_0098.JPG',
+    '/gallery/DSC_0108.JPG',
+    '/gallery/DSC_0109.JPG',
+    '/gallery/DSC_0110.JPG',
+    '/gallery/DSC_0115.JPG',
+    '/gallery/DSC_0118.JPG',
+    '/gallery/DSC_0119.JPG',
+    '/gallery/DSC_0120.JPG',
+    '/gallery/DSC_0121.JPG',
+    '/gallery/DSC_0122.JPG',
+    '/gallery/DSC_0123.JPG',
+    '/gallery/DSC_0124.JPG',
+    '/gallery/DSC_0125.JPG',
+    '/gallery/DSC_0127.JPG',
+    '/gallery/DSC_0128.JPG',
+    '/gallery/DSC_0129.JPG',
+    '/gallery/DSC_0130.JPG',
+    '/gallery/DSC_0131.JPG',
+    '/gallery/DSC_0132.JPG',
+    '/gallery/DSC_0137.JPG',
+    '/gallery/DSC_0138.JPG',
+    '/gallery/DSC_0139.JPG',
+    '/gallery/DSC_0140.JPG',
+    '/gallery/DSC_0141.JPG',
+    '/gallery/DSC_0142.JPG',
+    '/gallery/DSC_0143.JPG',
+    '/gallery/DSC_0149.JPG',
+    '/gallery/DSC_0150.JPG',
+    '/gallery/DSC_0151.JPG',
+    '/gallery/DSC_0152.JPG',
+    '/gallery/DSC_0153.JPG',
+    '/gallery/DSC_0154.JPG',
+    '/gallery/DSC_0166.JPG',
+    '/gallery/DSC_0167.JPG',
+    '/gallery/DSC_0169.JPG',
+    '/gallery/DSC_0170.JPG',
+    '/gallery/DSC_0172.JPG',
+    '/gallery/DSC_0173.JPG',
+    '/gallery/DSC_0177.JPG',
+    '/gallery/DSC_0180.JPG',
+    '/gallery/DSC_0181.JPG',
+    '/gallery/DSC_0182.JPG',
+    '/gallery/DSC_0188.JPG',
+    '/gallery/DSC_0191.JPG',
+    '/gallery/DSC_0193.JPG',
+    '/gallery/DSC_0194.JPG',
+    '/gallery/DSC_0195.JPG',
+    '/gallery/DSC_0196.JPG',
+    '/gallery/DSC_0201.JPG',
+    '/gallery/DSC_0205.JPG',
+    '/gallery/DSC_0207.JPG',
+    '/gallery/DSC_0209.JPG',
+    '/gallery/DSC_0213.JPG',
+    '/gallery/DSC_0215.JPG',
+    '/gallery/DSC_0216.JPG',
+    '/gallery/DSC_0217.JPG',
+    '/gallery/DSC_0223.JPG',
+    '/gallery/DSC_0227.JPG',
+    '/gallery/gdsc-induction.jpeg',
+    '/gallery/git.jpeg',
+    '/gallery/ml-session.jpeg',
+    '/gallery/PXL_20221217_133151426.jpg',
+    '/gallery/PXL_20221217_140427619.jpg',
+    '/gallery/PXL_20221217_141251271.jpg',
+    '/gallery/PXL_20221217_141253794.jpg',
+    '/gallery/PXL_20221217_141309467.jpg',
+    '/gallery/PXL_20221217_141312798.jpg',
+    '/gallery/PXL_20221217_141322542.jpg',
+    '/gallery/PXL_20221217_141334762.jpg',
+    '/gallery/PXL_20221217_141413496.jpg',
+    '/gallery/PXL_20221217_141541689.jpg',
+    '/gallery/PXL_20221217_141546032.jpg',
+    '/gallery/PXL_20221217_141600365.jpg',
+    '/gallery/PXL_20221217_141614830.jpg',
+    '/gallery/PXL_20221217_141626079.jpg',
+    '/gallery/PXL_20221217_142007529.jpg'
+]
\ No newline at end of file
diff --git a/src/logic/index.ts b/src/logic/index.ts
index 3b64369..9c8b59c 100644
--- a/src/logic/index.ts
+++ b/src/logic/index.ts
@@ -4,3 +4,4 @@ export * from './team'
 export * from './events'
 export * from './images'
 export * from './alumni'
+export * from './gallery'
\ No newline at end of file
diff --git a/src/pages/gallery.vue b/src/pages/gallery.vue
new file mode 100644
index 0000000..d58b15b
--- /dev/null
+++ b/src/pages/gallery.vue
@@ -0,0 +1,33 @@
+<script setup>
+import Gallery from '~/components/Gallery.vue';
+import { useHead } from '@vueuse/head'
+useHead({
+    title: 'Gallery | CodeIIEST',
+    meta: [
+        {
+            name: 'description',
+            content: 'Snapshots of our events!',
+        },
+    ],
+});
+
+</script>
+
+<template>
+    <div>
+        <div class="max-w-7xl mx-auto py-12 px-4 text-center sm:px-6 lg:px-8 lg:py-24">
+            <div class="space-y-12">
+                <div class="space-y-5 sm:mx-auto sm:max-w-xl sm:space-y-4 lg:max-w-5xl">
+                    <h2 class="text-3xl font-extrabold tracking-tight sm:text-4xl">
+                        Gallery
+                    </h2>
+                </div>
+                <div>
+                    <Gallery />
+                </div>
+
+            </div>
+        </div>
+
+    </div>
+</template>