new format

2023-07-25 12:17:45 +03:00 · 2023-07-25 12:17:45 +03:00 · d834b15959
commit d834b15959
parent 344dc7452a
24 changed files with 413 additions and 181 deletions
--- a/docs/about/_category_.yml
+++ b/docs/about/_category_.yml
@ -1,7 +1,7 @@
 position: 1 # float position is supported
-label: About
+label: Про Мережу
 collapsible: true # make the category collapsible
 link:
  type: generated-index
-  title: About Dead Network
+  title: Про Мережу
  slug: /about
--- a/docs/about/introduction.mdx
+++ b/docs/about/introduction.mdx
@ -1,6 +1,6 @@
 ---
-title: Introduction
-sidebar_label: Introduction
+title: Знайомство
+sidebar_label: Знайомство
 slug: /introduction
 sidebar_position: 1
 ---
--- a/docs/about/overview/index.mdx
+++ b/docs/about/overview/index.mdx
@ -1,6 +1,6 @@
 ---
-title: Overview
-sidebar_label: Overview
+title: Огляд
+sidebar_label: Огляд
 slug: /overview
 sidebar_position: 2
 ---
--- a/docs/blocks/_lora-regions.mdx
+++ b/docs/blocks/_lora-regions.mdx
@ -1,22 +0,0 @@
-| Region Code |       Description       |
-| :---------: | :---------------------: |
-|   `UNSET`   |          Unset          |
-|    `US`     |      United States      |
-|  `EU_433`   |  European Union 433MHz  |
-|  `EU_868`   |  European Union 868MHz  |
-|    `CN`     |          China          |
-|    `JP`     |          Japan          |
-|    `ANZ`    | Australia & New Zealand |
-|    `KR`     |          Korea          |
-|    `TW`     |         Taiwan          |
-|    `RU`     |         Russia          |
-|    `IN`     |          India          |
-|  `NZ_865`   |   New Zealand 865MHz    |
-|  `UA_433`   |     Ukraine 433MHz      |
-|  `UA_868`   |     Ukraine 868MHz      |
-|    `TH`     |        Thailand         |
-|  `LORA_24`  | 2.4 GHz band worldwide  |
-
-:::info
-EU_433 and EU_868 have to adhere to an hourly duty cycle limitation of 10%. Your device will stop transmitting if you reach it, until it is allowed again.
-:::
--- a/docs/getting-started/index.mdx
+++ b/docs/getting-started/index.mdx
@ -1,7 +1,7 @@
 ---
 id: getting-started
-title: Getting Started
-sidebar_label: Getting Started
+title: Початок
+sidebar_label: Початок
 slug: /getting-started
 sidebar_position: 2
 ---
--- a/docs/legal/index.mdx
+++ b/docs/legal/index.mdx
@ -1,6 +1,6 @@
 ---
-title: Legal
-sidebar_label: Legal
+title: Правова інформація
+sidebar_label: Правова інформація
 slug: /legal
 sidebar_position: 9
 ---
--- a/docs/legal/licensing.mdx
+++ b/docs/legal/licensing.mdx
@ -1,7 +1,7 @@
 ---
 id: licensing
-title: Licensing & Commercial Projects Usage
-sidebar_label: Licensing
+title: Ліцензія & Використання
+sidebar_label: Ліцензія
 ---

 ## TBA
--- a/docs/legal/privacy.mdx
+++ b/docs/legal/privacy.mdx
@ -1,7 +1,7 @@
 ---
 id: privacy
-title: Dead privacy policy
-sidebar_label: Privacy
+title: Приватність
+sidebar_label: Приватність
 custom_edit_url: null
 ---

--- a/docs/services/_category_.yml
+++ b/docs/services/_category_.yml
@ -0,0 +1,7 @@
+label: Сервіси
+collapsible: true
+position: 6
+link:
+  type: generated-index
+  title: Сервіси
+  slug: /services
--- a/docs/services/games/_category_.yml
+++ b/docs/services/games/_category_.yml
@ -1,7 +1,7 @@
-label: Software
+label: Ігри
 collapsible: true
 position: 6
 link:
  type: generated-index
-  title: Software
-  slug: /software
+  title: Ігри
+  slug: /services/games
--- a/docs/services/games/minecraft.mdx
+++ b/docs/services/games/minecraft.mdx
@ -0,0 +1,9 @@
+---
+id: game-minecraft
+title: Minecrfat
+sidebar_label: Minecrfat
+slug: /services/games/minecraft
+sidebar_position: 2
+---
+
+## Minecrfat
--- a/docs/services/index.mdx
+++ b/docs/services/index.mdx
@ -0,0 +1,21 @@
+---
+id: service-list
+title: Доступні сервіси
+sidebar_label: Доступні сервіси
+slug: /services/list
+sidebar_position: 2
+---
+
+* irc.dead.guru
+* mine.dead.guru
+* xmpp.dead.guru
+* pi.dead.guru
+* cs.dead.guru:27015
+* candyclick.art
+* deada.ch
+* up1.dead.guru
+* kyiv.dead.guru
+* mtrx.hypogea.org
+* bookhouse.hypogea.org
+* ut3ums.radio:62031
+* git.dead.guru
--- a/docs/services/irc.mdx
+++ b/docs/services/irc.mdx
@ -0,0 +1,9 @@
+---
+id: service-irc
+title: IRC
+sidebar_label: IRC
+slug: /services/irc
+sidebar_position: 2
+---
+
+## IRC
--- a/docs/services/matrix.mdx
+++ b/docs/services/matrix.mdx
@ -0,0 +1,9 @@
+---
+id: service-matrix
+title: Matrix
+sidebar_label: Matrix
+slug: /services/matrix
+sidebar_position: 2
+---
+
+## Matrix
--- a/docs/services/pixelfed.mdx
+++ b/docs/services/pixelfed.mdx
@ -0,0 +1,9 @@
+---
+id: service-pixelfed
+title: Pixelfed
+sidebar_label: Pixelfed
+slug: /services/pixelfed
+sidebar_position: 2
+---
+
+## Pixelfed
--- a/docs/services/xmpp.mdx
+++ b/docs/services/xmpp.mdx
@ -0,0 +1,9 @@
+---
+id: service-xmpp
+title: XMPP
+sidebar_label: XMPP
+slug: /services/xmpp
+sidebar_position: 2
+---
+
+## XMPP
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@ -14,6 +14,11 @@ const config = {
 	favicon: "design/web/favicon.ico",
 	organizationName: "dead",
 	projectName: "dead",
+	i18n: {
+		defaultLocale: 'uk',
+    	locales: ['uk'],
+	},
+	
 	themeConfig: /** @type {import('@docusaurus/preset-classic').ThemeConfig} */ {
 		announcementBar: {
 			id: "2_0",
@ -69,10 +74,12 @@ const config = {
 			],
 		},
 		footer: {
-			copyright: `<a href="https://vercel.com/?utm_source=meshtastic&utm_campaign=oss">Powered by ▲ Vercel</a>.`,
+			copyright: `<a href="https://docusaurus.io/">Працює на docusaurus</a>.`,
 		},
 		colorMode: {
-			respectPrefersColorScheme: true,
+			respectPrefersColorScheme: false,
+			defaultMode: 'dark',
+      		disableSwitch: false,
 		},
 		mermaid: {
 			theme: { light: "base", dark: "base" },
@ -107,7 +114,7 @@ const config = {
 			{
 				docs: {
 					sidebarPath: require.resolve("./sidebars.js"),
-					editUrl: "https://github.com/dead/dead/edit/master/",
+					editUrl: "https://git.dead.guru/DeadGuru/network/_edit/master/",
 					breadcrumbs: false,
 					showLastUpdateAuthor: true,
 				},
--- a/package.json
+++ b/package.json
@ -33,6 +33,7 @@
    "react-responsive-carousel": "^3.2.23",
    "swr": "^2.1.5",
    "tailwindcss": "^3.3.2",
+    "tailwindcss-dark-mode": "^1.1.7",
    "url-search-params-polyfill": "^8.1.1",
    "use-breakpoint": "^3.0.7"
  },
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -1,5 +1,9 @@
 lockfileVersion: '6.0'

+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
 dependencies:
  '@algolia/client-search':
    specifier: ^4.17.0
@ -64,6 +68,9 @@ dependencies:
  tailwindcss:
    specifier: ^3.3.2
    version: 3.3.2
+  tailwindcss-dark-mode:
+    specifier: ^1.1.7
+    version: 1.1.7
  url-search-params-polyfill:
    specifier: ^8.1.1
    version: 8.1.1
@ -1593,7 +1600,7 @@ packages:
    dev: false

  /@buf/meshtastic_protobufs.bufbuild_es@1.2.0-20230417204104-5e504ea6e3e3.1(@bufbuild/protobuf@1.2.0):
-    resolution: {registry: https://buf.build/gen/npm/v1/, tarball: https://buf.build/gen/npm/v1/@buf/meshtastic_protobufs.bufbuild_es/-/meshtastic_protobufs.bufbuild_es-1.2.0-20230417204104-5e504ea6e3e3.1.tgz}
+    resolution: {registry: https://registry.npmjs.org/, tarball: https://buf.build/gen/npm/v1/@buf/meshtastic_protobufs.bufbuild_es/-/meshtastic_protobufs.bufbuild_es-1.2.0-20230417204104-5e504ea6e3e3.1.tgz}
    peerDependencies:
      '@bufbuild/protobuf': ^1.2.0
    dependencies:
@ -2439,9 +2446,17 @@ packages:

  /@emotion/memoize@0.7.4:
    resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
+    requiresBuild: true
    dev: false
    optional: true

+  /@fullhuman/postcss-purgecss@2.3.0:
+    resolution: {integrity: sha512-qnKm5dIOyPGJ70kPZ5jiz0I9foVOic0j+cOzNDoo8KoCf6HjicIZ99UfO2OmE7vCYSKAAepEwJtNzpiiZAh9xw==}
+    dependencies:
+      postcss: 7.0.32
+      purgecss: 2.3.0
+    dev: false
+
  /@hapi/hoek@9.3.0:
    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}

@ -3257,11 +3272,30 @@ packages:
    dependencies:
      acorn: 8.8.2

+  /acorn-node@1.8.2:
+    resolution: {integrity: sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==}
+    dependencies:
+      acorn: 7.4.1
+      acorn-walk: 7.2.0
+      xtend: 4.0.2
+    dev: false
+
+  /acorn-walk@7.2.0:
+    resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
+    engines: {node: '>=0.4.0'}
+    dev: false
+
  /acorn-walk@8.2.0:
    resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
    engines: {node: '>=0.4.0'}
    dev: false

+  /acorn@7.4.1:
+    resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: false
+
  /acorn@8.8.2:
    resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==}
    engines: {node: '>=0.4.0'}
@ -3454,6 +3488,19 @@ packages:
      postcss-value-parser: 4.2.0
    dev: false

+  /autoprefixer@9.8.8:
+    resolution: {integrity: sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==}
+    hasBin: true
+    dependencies:
+      browserslist: 4.21.5
+      caniuse-lite: 1.0.30001487
+      normalize-range: 0.1.2
+      num2fraction: 1.2.2
+      picocolors: 0.2.1
+      postcss: 7.0.39
+      postcss-value-parser: 4.2.0
+    dev: false
+
  /axios@0.25.0:
    resolution: {integrity: sha512-cD8FOb0tRH3uuEe6+evtAbgJtfxr7ly3fQjYcMcuPlgkwVS9xboaVIpcDV+cYQe+yGykgwZCs1pzjntcGa6l5g==}
    dependencies:
@ -3640,7 +3687,7 @@ packages:
    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
    hasBin: true
    dependencies:
-      caniuse-lite: 1.0.30001472
+      caniuse-lite: 1.0.30001487
      electron-to-chromium: 1.4.341
      node-releases: 2.0.10
      update-browserslist-db: 1.0.10(browserslist@4.21.5)
@ -3710,10 +3757,10 @@ packages:

  /caniuse-lite@1.0.30001472:
    resolution: {integrity: sha512-xWC/0+hHHQgj3/vrKYY0AAzeIUgr7L9wlELIcAvZdDUHlhL/kNxMdnQLOSOQfP8R51ZzPhmHdyMkI0MMpmxCfg==}
+    dev: false

  /caniuse-lite@1.0.30001487:
    resolution: {integrity: sha512-83564Z3yWGqXsh2vaH/mhXfEM0wX+NlBCm1jYHOb97TrTWJEmPTccZgeLTPBUUb0PNVo+oomb7wkimZBIERClA==}
-    dev: false

  /ccount@1.1.0:
    resolution: {integrity: sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg==}
@ -3882,6 +3929,20 @@ packages:
    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
    dev: false

+  /color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+    dependencies:
+      color-name: 1.1.4
+      simple-swizzle: 0.2.2
+    dev: false
+
+  /color@3.2.1:
+    resolution: {integrity: sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==}
+    dependencies:
+      color-convert: 1.9.3
+      color-string: 1.9.1
+    dev: false
+
  /colord@2.9.3:
    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
    dev: false
@ -4205,6 +4266,10 @@ packages:
      source-map: 0.6.1
    dev: false

+  /css-unit-converter@1.1.2:
+    resolution: {integrity: sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==}
+    dev: false
+
  /css-what@6.1.0:
    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
    engines: {node: '>= 6'}
@ -4648,6 +4713,10 @@ packages:
      object-keys: 1.1.1
    dev: false

+  /defined@1.0.1:
+    resolution: {integrity: sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==}
+    dev: false
+
  /del@6.1.1:
    resolution: {integrity: sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==}
    engines: {node: '>=10'}
@ -4714,6 +4783,16 @@ packages:
      - supports-color
    dev: false

+  /detective@5.2.1:
+    resolution: {integrity: sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==}
+    engines: {node: '>=0.8.0'}
+    hasBin: true
+    dependencies:
+      acorn-node: 1.8.2
+      defined: 1.0.1
+      minimist: 1.2.8
+    dev: false
+
  /didyoumean@1.2.2:
    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}

@ -5275,6 +5354,15 @@ packages:
      universalify: 2.0.0
    dev: false

+  /fs-extra@8.1.0:
+    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
+    engines: {node: '>=6 <7 || >=8'}
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 4.0.0
+      universalify: 0.1.2
+    dev: false
+
  /fs-extra@9.1.0:
    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
    engines: {node: '>=10'}
@ -5871,6 +5959,10 @@ packages:
    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
    dev: false

+  /is-arrayish@0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+    dev: false
+
  /is-binary-path@2.1.0:
    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
    engines: {node: '>=8'}
@ -6127,6 +6219,12 @@ packages:
    hasBin: true
    dev: false

+  /jsonfile@4.0.0:
+    resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
+    optionalDependencies:
+      graceful-fs: 4.2.11
+    dev: false
+
  /jsonfile@6.1.0:
    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
    dependencies:
@ -6574,6 +6672,10 @@ packages:
    engines: {node: '>=10'}
    dev: false

+  /normalize.css@8.0.1:
+    resolution: {integrity: sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==}
+    dev: false
+
  /npm-run-path@4.0.1:
    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
    engines: {node: '>=8'}
@ -6591,10 +6693,19 @@ packages:
      boolbase: 1.0.0
    dev: false

+  /num2fraction@1.2.2:
+    resolution: {integrity: sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==}
+    dev: false
+
  /object-assign@4.1.1:
    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
    engines: {node: '>=0.10.0'}

+  /object-hash@2.2.0:
+    resolution: {integrity: sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==}
+    engines: {node: '>= 6'}
+    dev: false
+
  /object-hash@3.0.0:
    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
    engines: {node: '>= 6'}
@ -6843,6 +6954,10 @@ packages:
    engines: {node: '>=8'}
    dev: false

+  /picocolors@0.2.1:
+    resolution: {integrity: sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==}
+    dev: false
+
  /picocolors@1.0.0:
    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}

@ -6961,6 +7076,15 @@ packages:
      postcss-selector-parser: 6.0.13
    dev: false

+  /postcss-functions@3.0.0:
+    resolution: {integrity: sha512-N5yWXWKA+uhpLQ9ZhBRl2bIAdM6oVJYpDojuI1nF2SzXBimJcdjFwiAouBVbO5VuOF3qA6BSFWFc3wXbbj72XQ==}
+    dependencies:
+      glob: 7.2.3
+      object-assign: 4.1.1
+      postcss: 6.0.23
+      postcss-value-parser: 3.3.1
+    dev: false
+
  /postcss-import@15.1.0(postcss@8.4.23):
    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
    engines: {node: '>=14.0.0'}
@ -6972,6 +7096,13 @@ packages:
      read-cache: 1.0.0
      resolve: 1.22.2

+  /postcss-js@2.0.3:
+    resolution: {integrity: sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==}
+    dependencies:
+      camelcase-css: 2.0.1
+      postcss: 7.0.39
+    dev: false
+
  /postcss-js@4.0.1(postcss@8.4.23):
    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
    engines: {node: ^12 || ^14 || >= 16}
@ -7132,6 +7263,13 @@ packages:
      postcss: 8.4.23
    dev: false

+  /postcss-nested@4.2.3:
+    resolution: {integrity: sha512-rOv0W1HquRCamWy2kFl3QazJMMe1ku6rCFoAAH+9AcxdbpDeBr6k968MLWuLjvjMcGEip01ak09hKOEgpK9hvw==}
+    dependencies:
+      postcss: 7.0.39
+      postcss-selector-parser: 6.0.13
+    dev: false
+
  /postcss-nested@6.0.1(postcss@8.4.23):
    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
    engines: {node: '>=12.0'}
@ -7139,7 +7277,7 @@ packages:
      postcss: ^8.2.14
    dependencies:
      postcss: 8.4.23
-      postcss-selector-parser: 6.0.12
+      postcss-selector-parser: 6.0.13

  /postcss-normalize-charset@5.1.0(postcss@8.4.23):
    resolution: {integrity: sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==}
@ -7295,7 +7433,6 @@ packages:
    dependencies:
      cssesc: 3.0.0
      util-deprecate: 1.0.2
-    dev: false

  /postcss-sort-media-queries@4.4.1(postcss@8.4.23):
    resolution: {integrity: sha512-QDESFzDDGKgpiIh4GYXsSy6sek2yAwQx1JASl5AxBtU1Lq2JfKBljIPNdil989NcSKRQX1ToiaKphImtBuhXWw==}
@ -7328,6 +7465,10 @@ packages:
      postcss-selector-parser: 6.0.13
    dev: false

+  /postcss-value-parser@3.3.1:
+    resolution: {integrity: sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==}
+    dev: false
+
  /postcss-value-parser@4.2.0:
    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}

@ -7340,6 +7481,32 @@ packages:
      postcss: 8.4.23
    dev: false

+  /postcss@6.0.23:
+    resolution: {integrity: sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==}
+    engines: {node: '>=4.0.0'}
+    dependencies:
+      chalk: 2.4.2
+      source-map: 0.6.1
+      supports-color: 5.5.0
+    dev: false
+
+  /postcss@7.0.32:
+    resolution: {integrity: sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      chalk: 2.4.2
+      source-map: 0.6.1
+      supports-color: 6.1.0
+    dev: false
+
+  /postcss@7.0.39:
+    resolution: {integrity: sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      picocolors: 0.2.1
+      source-map: 0.6.1
+    dev: false
+
  /postcss@8.4.23:
    resolution: {integrity: sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==}
    engines: {node: ^10 || ^12 || >=14}
@ -7360,6 +7527,11 @@ packages:
      renderkid: 3.0.0
    dev: false

+  /pretty-hrtime@1.0.3:
+    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
+    engines: {node: '>= 0.8'}
+    dev: false
+
  /pretty-time@1.1.0:
    resolution: {integrity: sha512-28iF6xPQrP8Oa6uxE6a1biz+lWeTOAPKggvjB8HAs6nVMKZwf5bG++632Dx614hIWgUPkgivRfG+a8uAXGTIbA==}
    engines: {node: '>=4'}
@ -7443,6 +7615,16 @@ packages:
    resolution: {integrity: sha512-QFADYnsVoBMw1srW7OVKEYjG+MbIa49s54w1MA1EDY6r2r/sTcKKYqRX1f4GYvnXP7eN/Pe9HFcX+hwzmrXRHA==}
    dev: false

+  /purgecss@2.3.0:
+    resolution: {integrity: sha512-BE5CROfVGsx2XIhxGuZAT7rTH9lLeQx/6M0P7DTXQH4IUc3BBzs9JUzt4yzGf3JrH9enkeq6YJBe9CTtkm1WmQ==}
+    hasBin: true
+    dependencies:
+      commander: 5.1.0
+      glob: 7.2.3
+      postcss: 7.0.32
+      postcss-selector-parser: 6.0.13
+    dev: false
+
  /qs@6.11.0:
    resolution: {integrity: sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==}
    engines: {node: '>=0.6'}
@ -7749,6 +7931,13 @@ packages:
      minimatch: 3.1.2
    dev: false

+  /reduce-css-calc@2.1.8:
+    resolution: {integrity: sha512-8liAVezDmUcH+tdzoEGrhfbGcP7nOV4NkGE3a74+qqvE7nt9i4sKLGBuZNOnpI4WiGksiNPklZxva80061QiPg==}
+    dependencies:
+      css-unit-converter: 1.1.2
+      postcss-value-parser: 3.3.1
+    dev: false
+
  /regenerate-unicode-properties@10.1.0:
    resolution: {integrity: sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==}
    engines: {node: '>=4'}
@ -8201,6 +8390,12 @@ packages:
    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
    dev: false

+  /simple-swizzle@0.2.2:
+    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+    dependencies:
+      is-arrayish: 0.3.2
+    dev: false
+
  /sirv@1.0.19:
    resolution: {integrity: sha512-JuLThK3TnZG1TAKDwNIqNq6QA2afLOCcm+iE8D1Kj3GA40pSPsxQjjJl0J8X3tsR7T+CP1GavpzLwYkgVLWrZQ==}
    engines: {node: '>= 10'}
@ -8450,6 +8645,13 @@ packages:
      has-flag: 3.0.0
    dev: false

+  /supports-color@6.1.0:
+    resolution: {integrity: sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==}
+    engines: {node: '>=6'}
+    dependencies:
+      has-flag: 3.0.0
+    dev: false
+
  /supports-color@7.2.0:
    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
    engines: {node: '>=8'}
@ -8494,6 +8696,42 @@ packages:
      use-sync-external-store: 1.2.0(react@17.0.2)
    dev: false

+  /tailwindcss-dark-mode@1.1.7:
+    resolution: {integrity: sha512-RGYAlOJq4VynCy7LRAIJPHHvV1E3wivMD+K2njVlqIJsegqAZSGIOYnlQwNnkYrQCdFcNZj/ygzplB4y4mYITg==}
+    dependencies:
+      postcss-selector-parser: 6.0.13
+      tailwindcss: 1.9.6
+    dev: false
+
+  /tailwindcss@1.9.6:
+    resolution: {integrity: sha512-nY8WYM/RLPqGsPEGEV2z63riyQPcHYZUJpAwdyBzVpxQHOHqHE+F/fvbCeXhdF1+TA5l72vSkZrtYCB9hRcwkQ==}
+    engines: {node: '>=8.9.0'}
+    hasBin: true
+    dependencies:
+      '@fullhuman/postcss-purgecss': 2.3.0
+      autoprefixer: 9.8.8
+      browserslist: 4.21.5
+      bytes: 3.1.2
+      chalk: 4.1.2
+      color: 3.2.1
+      detective: 5.2.1
+      fs-extra: 8.1.0
+      html-tags: 3.3.1
+      lodash: 4.17.21
+      node-emoji: 1.11.0
+      normalize.css: 8.0.1
+      object-hash: 2.2.0
+      postcss: 7.0.39
+      postcss-functions: 3.0.0
+      postcss-js: 2.0.3
+      postcss-nested: 4.2.3
+      postcss-selector-parser: 6.0.13
+      postcss-value-parser: 4.2.0
+      pretty-hrtime: 1.0.3
+      reduce-css-calc: 2.1.8
+      resolve: 1.22.2
+    dev: false
+
  /tailwindcss@3.3.2:
    resolution: {integrity: sha512-9jPkMiIBXvPc2KywkraqsUfbfj+dHDb+JPWtSJa9MLFdrPyazI7q6WX2sUrm7R9eVR7qqv3Pas7EvQFzxKnI6w==}
    engines: {node: '>=14.0.0'}
@ -8797,6 +9035,11 @@ packages:
      unist-util-visit-parents: 3.1.1
    dev: false

+  /universalify@0.1.2:
+    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
+    engines: {node: '>= 4.0.0'}
+    dev: false
+
  /universalify@2.0.0:
    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
    engines: {node: '>= 10.0.0'}
--- a/src/css/custom.css
+++ b/src/css/custom.css
@ -4,17 +4,17 @@

 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #eab167;
-  --ifm-color-primary-dark: rgb(175, 102, 33);
-  --ifm-color-primary-darker: rgb(165, 85, 31);
-  --ifm-color-primary-darkest: rgb(136, 75, 26);
-  --ifm-color-primary-light: rgb(203, 130, 70);
-  --ifm-color-primary-lighter: rgb(212, 164, 102);
-  --ifm-color-primary-lightest: rgb(224, 199, 146);
+  --ifm-color-primary: #ecf59a;
+  --ifm-color-primary-dark: rgb(179, 189, 92);
+  --ifm-color-primary-darker: rgb(152, 165, 31);
+  --ifm-color-primary-darkest: rgb(125, 136, 26);
+  --ifm-color-primary-light: rgb(237, 245, 194);
+  --ifm-color-primary-lighter: rgb(248, 248, 213);
+  --ifm-color-primary-lightest: rgb(230, 225, 202);
  --ifm-list-item-margin: 0;
  --ifm-code-font-size: 95%;
  --ifm-z-index-fixed: 1;
-  --accent: #eab167;
+  --accent: #eae167;
  --base: #f3f4f6;
  --primary: #ffffff;
  --secondary: #e5e7eb;
@ -112,13 +112,12 @@ html[data-theme="dark"] .header-github-link:before {
 }

 .indexCtas a {
-  color: var(--ifm-font-color-base-inverse);
+
  --ifm-button-border-color: var(--ifm-font-color-base-inverse);
 }

 .indexCtas a:hover {
-  color: rgb(77, 77, 77);
-  --ifm-button-border-color: rgb(77, 77, 77);
+
 }

 .indexCtas a:last-of-type {
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@ -9,6 +9,7 @@ import Link from "@docusaurus/Link";
 import useBaseUrl from "@docusaurus/useBaseUrl";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
+import Heading from '@theme/Heading';

 import { SocialCard, SocialCardProps } from "../components/homepage/SocialCard";

@ -141,7 +142,7 @@ function Home() {
 				<meta property="og:title" content="Dead Network" />
 				<meta
 					property="og:image"
-					content="https://assada.dead.guru/storage/images/1688850203_o_g.jpg"
+					content="https://network.dead.guru/img/social-preview-1200x630.png"
 				/>
 				<meta
 					property="og:description"
@ -150,46 +151,18 @@ function Home() {
 				<meta property="og:url" content="https://network.dead.guru/" />
 				<meta name="twitter:card" content="summary_large_image" />
 			</Head>
-			<header style={{ textAlign: "center" }} className="hero hero--primary">
+			<header style={{ textAlign: "center" }} className="hero bg-transparent">
 				<div className="container">
-					<h1 className="hero__title">
-						<img
-							style={{ paddingTop: "2rem", paddingBottom: "2rem" }}
-							alt="Dead Logo"
-							className="header__logo"
-							src={useBaseUrl("img/dead-banner.png")}
-						/>
-					</h1>
+					<img src="/img/banner.gif" className="mx-auto" alt="" />
 					<p className="hero__subtitle">{siteConfig.tagline}</p>
 					<div className="indexCtas">
-						<Link className="button button--lg" to="/docs/introduction">
+						<Link className="button button--lg text-gray-900 bg-gradient-to-r from-teal-200 to-lime-200 hover:bg-gradient-to-l hover:from-teal-200 hover:to-lime-200 focus:ring-4 focus:outline-none focus:ring-lime-200 dark:focus:ring-teal-700 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2" to="/docs/introduction">
 							Дізнатися більше
 						</Link>
-						<Link className="button button--lg" to="/docs/getting-started">
-							Розпочати
-						</Link>
 					</div>
 				</div>
 			</header>
 			<main className="flex flex-col gap-4">
-				<Carousel autoPlay infiniteLoop showStatus={false} showThumbs={false}>
-					{features.map((feature) => (
-						<div key={feature.title} className="flex p-12">
-							<div className="w-1/2">
-								<img
-									className="my-auto h-40"
-									src={feature.imageUrl}
-									alt={feature.title}
-								/>
-							</div>
-							<div className="my-auto w-1/2">
-								<h3 className="text-xl font-medium">{feature.title}</h3>
-								<p>{feature.description}</p>
-							</div>
-						</div>
-					))}
-				</Carousel>
-
 				<div className="bg-primaryDark mx-auto flex w-full lg:w-auto flex-col gap-4 p-4 shadow-inner">
 					<h3 className="text-xl font-bold">Приєднуйтесь до нас.</h3>
 					<div className="flex w-full overflow-x-auto">
@ -200,98 +173,56 @@ function Home() {
 						))}
 					</div>
 				</div>
-
-				<div className="container mx-auto flex w-auto flex-col">
-					<h2 className="mb-2 text-xl font-medium">
-						Доєднайтеся до "Мертвої" мережі в 3 кроки.
-					</h2>
-					<ul
-						className="mx-auto"
-						style={{
-							position: "relative",
-							display: "grid",
-							gap: "1.5rem",
-							gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
-							paddingLeft: "0",
-						}}
-					>
-						<div className="card">
-							<div
-								className="card__header"
-								style={{ display: "flex", justifyContent: "space-between" }}
-							>
-								<h3>1. Оберіть платформу</h3>
+				<section className="">
+					<div className="py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6">
+						<h2 className="mb-8 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">Основні положення</h2>
+						<div className="grid pt-8 text-left border-t border-gray-200 md:gap-16 dark:border-gray-700 md:grid-cols-2">
+							<div>
+								<div className="mb-10">
+									<h3 className="flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white">
+										<svg className="flex-shrink-0 mr-2 w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>
+										Основа мережі — Спілкування
+									</h3>
+									<p className="text-gray-500 dark:text-gray-400">Мережу в першу чергу, створюють люди, а не технології. Спілкування
+				дозволяє нам зберігати зв'язок з друзями та родиною, а також будувати
+				новий, цікавий і вільний світ.</p>
+								</div>
+								<div className="mb-10">                        
+									<h3 className="flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white">
+										<svg className="flex-shrink-0 mr-2 w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>
+										Захист
+									</h3>
+									<p className="text-gray-500 dark:text-gray-400">Ми намагаємося захистити вашу приватність, використовуючи шифрування де
+				це можливо та необхідно. Ви можете використовувати власні ключі
+				шифрування, щоб забезпечити максимальний рівень захисту. Ми також
+				відкриті для аудиту та вдосконалення наших методів шифрування та
+				захисту.</p>
+								</div>
+								
 							</div>
-							<div
-								className="card__body"
-								style={{ display: "flex", justifyContent: "center" }}
-							>
-								<p>
-									Для старту почніть з вибору платформи:
-									<ul>
-										<li>IRC</li>
-										<li>XMPP</li>
-										<li>Matrix</li>
-										<li>
-											Або взагалі проігноруйте сервіси повідомлень і почніть з{" "}
-											<a href="">
-												<strong>ігрових серверів</strong>
-											</a>
-											!
-										</li>
-									</ul>
-								</p>
+							<div>
+							<div className="mb-10">
+									<h3 className="flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white">
+										<svg className="flex-shrink-0 mr-2 w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>
+										Незалежність
+									</h3>
+									<p className="text-gray-500 dark:text-gray-400">Свобода спілкування не повинна бути обмежена. Ми намагаємося
+				підтримувати якомога більше платформ, щоб ви могли спілкуватися з
+				друзями та родиною, незалежно від того, який пристрій ви використовуєте.</p>
+								</div>
+								<div className="mb-10">
+									<h3 className="flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white">
+										<svg className="flex-shrink-0 mr-2 w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>
+										Open Source
+									</h3>
+									<p className="text-gray-500 dark:text-gray-400">Мережа побудована на основі відкритих проектів, що дозволяє вам приймати
+				участь в розвитку та вдосконаленні мережі. Ми намагаємося публікувати всі наші розробки на загал одразу.</p>
+									<p className="text-gray-500 dark:text-gray-400">Знайти наші відкриті проекти ви можете <a href="#" className="font-medium underline text-primary-600 dark:text-primary-500 hover:no-underline">на GitHub</a>, або на DeadTea.</p>
+								</div>
 							</div>
 						</div>
-						<div className="card">
-							<div
-								className="card__header"
-								style={{ display: "flex", justifyContent: "space-between" }}
-							>
-								<h3>2. Завантажте і зареєструйтесь!</h3>
-							</div>
-							<div
-								className="card__body"
-								style={{ display: "flex", justifyContent: "center" }}
-							>
-								<p>
-									<a href="/downloads">
-										<strong>Завантажте</strong>
-									</a>{" "}
-									додаток для обраної платформи, перегляньте наш{" "}
-									<a href="">
-										<strong>мануал по налаштуванню</strong>
-									</a>{" "}
-									і зареєструйтесь в сервісі мережі.
-								</p>
-							</div>
-						</div>
-						<div className="card">
-							<div
-								className="card__header"
-								style={{ display: "flex", justifyContent: "space-between" }}
-							>
-								<h3>3. Приєднайтесь до чату</h3>
-							</div>
-							<div
-								className="card__body"
-								style={{ display: "flex", justifyContent: "center" }}
-							>
-								<p>
-									В залежності від ваших інтересів і обраної платформи, ви
-									можете приєднатися до:
-									<ul>
-										<li>Загальний чат</li>
-										<li>ADHD Lab</li>
-										<li>Ігрові чати</li>
-										<li>HAM загальний чат</li>
-									</ul>
-								</p>
-							</div>
-						</div>
-					</ul>
-				</div>
-				<br />
+					</div>
+				</section>
 			</main>
 		</Layout>
 	);
--- a/static/img/banner.gif
+++ b/static/img/banner.gif
--- a/static/img/social-preview-1200x630.png
+++ b/static/img/social-preview-1200x630.png
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@ -3,7 +3,7 @@ import typography from "@tailwindcss/typography";

 export default {
 	content: ["./src/**/*.{js,jsx,ts,tsx}"],
-	darkMode: "class",
+	darkMode: ['class', '[data-theme="dark"]'],
 	theme: {
 		extend: {
 			colors: {
@ -19,5 +19,5 @@ export default {
 			},
 		},
 	},
-	plugins: [typography()],
+	plugins: [typography(), require('tailwindcss-dark-mode')()],
 } satisfies Config;