Initial

2023-07-24 23:46:18 +03:00 · 2023-07-24 23:46:18 +03:00 · 6051ed0b82
commit 6051ed0b82
121 changed files with 14058 additions and 0 deletions
--- a/.gitattributes
+++ b/.gitattributes
@ -0,0 +1,3 @@
+* text=auto eol=lf
+*.{cmd,[cC][mM][dD]} text eol=crlf
+*.{bat,[bB][aA][tT]} text eol=crlf
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,28 @@
+# Project specific
+node_modules/
+*.Identifier
+.docusaurus
+build
+.vercel
+.env
+.pnpm-debug.log
+
+# macOS
+.DS_Store
+
+# IntelliJ
+.idea
+*.iml
+out
+gen
+
+# VS Code
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+!.vscode/*.code-snippets
+.history/
+*.vsix
+*.code-workspace
--- a/.trunk/.gitignore
+++ b/.trunk/.gitignore
@ -0,0 +1,7 @@
+*out
+*logs
+*actions
+*notifications
+plugins
+user_trunk.yaml
+user.yaml
--- a/.trunk/configs/.markdownlint.yaml
+++ b/.trunk/configs/.markdownlint.yaml
@ -0,0 +1,10 @@
+# Autoformatter friendly markdownlint config (all formatting rules disabled)
+default: true
+blank_lines: false
+bullet: false
+html: false
+indentation: false
+line_length: false
+spaces: false
+url: false
+whitespace: false
--- a/.trunk/configs/.shellcheckrc
+++ b/.trunk/configs/.shellcheckrc
@ -0,0 +1,7 @@
+enable=all
+source-path=SCRIPTDIR
+disable=SC2154
+
+# If you're having issues with shellcheck following source, disable the errors via:
+# disable=SC1090
+# disable=SC1091
--- a/.trunk/configs/rome.json
+++ b/.trunk/configs/rome.json
@ -0,0 +1,17 @@
+{
+  "$schema": "../../node_modules/rome/configuration_schema.json",
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentSize": 2
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  },
+  "organizeImports": {
+    "enabled": true
+  }
+}
--- a/.trunk/configs/svgo.config.js
+++ b/.trunk/configs/svgo.config.js
@ -0,0 +1,14 @@
+module.exports = {
+	plugins: [
+		{
+			name: "preset-default",
+			params: {
+				overrides: {
+					removeViewBox: false, // https://github.com/svg/svgo/issues/1128
+					sortAttrs: true,
+					removeOffCanvasPaths: true,
+				},
+			},
+		},
+	],
+};
--- a/.trunk/trunk.yaml
+++ b/.trunk/trunk.yaml
@ -0,0 +1,25 @@
+version: 0.1
+cli:
+  version: 1.3.1
+plugins:
+  sources:
+    - id: trunk
+      ref: v0.0.8
+      uri: https://github.com/trunk-io/plugins
+lint:
+  disabled:
+    - eslint
+    - prettier
+  enabled:
+    - rome@12.0.0
+    - markdownlint@0.33.0
+    - actionlint@1.6.22
+    - gitleaks@8.15.2
+    - git-diff-check
+    - shellcheck@0.9.0
+    - shfmt@3.5.0
+    - svgo@3.0.2
+runtimes:
+  enabled:
+    - go@1.18.3
+    - node@18.12.1
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@ -0,0 +1,3 @@
+{
+  "recommendations": ["trunk.io"]
+}
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -0,0 +1,7 @@
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "trunk.io",
+  "files.associations": {
+    "*.mdx": "markdown"
+  }
+}
--- a/674
+++ b/674
@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<https://www.gnu.org/licenses/>.
+
+  The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.
--- a/README.md
+++ b/README.md
@ -0,0 +1,28 @@
+# network
+
+## Overview
+
+Website and documentation source for the Dead Network project.
+
+
+## Development & Building
+
+nodejs is required in your dev. environment. The method for installing nodejs depends on your operating system. This software is built using [Docusaurus](https://docusaurus.io).
+
+Go to the root directory of your repository and install dependencies:
+
+```shell
+pnpm install
+```
+
+Build the project with the following command
+
+```shell
+pnpm build
+```
+
+Start a local dev. instance with the following command
+
+```shell
+pnpm start
+```
--- a/config.toml
+++ b/config.toml
@ -0,0 +1,119 @@
+[general]
+
+#### Address & Root dir
+host = "::"
+port = 80
+root = "/app"
+
+#### Logging
+log-level = "error"
+
+#### Cache Control headers
+cache-control-headers = true
+
+#### Auto Compression
+compression = true
+
+#### Error pages
+page404 = "/app/404.html"
+page50x = "/app/404.html"
+
+#### HTTP/2 + TLS
+http2 = false
+http2-tls-cert = ""
+http2-tls-key = ""
+https-redirect = false
+https-redirect-host = "localhost"
+https-redirect-from-port = 80
+https-redirect-from-hosts = "localhost"
+
+#### CORS & Security headers
+# security-headers = true
+# cors-allow-origins = ""
+
+#### Directory listing
+directory-listing = false
+
+#### Directory listing sorting code
+directory-listing-order = 1
+
+#### Directory listing content format
+directory-listing-format = "html"
+
+#### Basic Authentication
+# basic-auth = ""
+
+#### File descriptor binding
+# fd = ""
+
+#### Worker threads
+threads-multiplier = 1
+
+#### Grace period after a graceful shutdown
+grace-period = 0
+
+#### Page fallback for 404s
+# page-fallback = ""
+
+#### Log request Remote Address if available
+log-remote-address = false
+
+#### Redirect to trailing slash in the requested directory uri
+redirect-trailing-slash = true
+
+#### Check for existing pre-compressed files
+compression-static = true
+
+#### Health-check endpoint (GET or HEAD `/health`)
+health = false
+
+### Windows Only
+
+#### Run the web server as a Windows Service
+# windows-service = false
+
+
+[advanced]
+
+#### HTTP Headers customization (examples only)
+
+#### a. Oneline version
+# [[advanced.headers]]
+# source = "**/*.{js,css}"
+# headers = { Access-Control-Allow-Origin = "*" }
+
+#### b. Multiline version
+# [[advanced.headers]]
+# source = "/index.html"
+# [advanced.headers.headers]
+# Cache-Control = "public, max-age=36000"
+# Content-Security-Policy = "frame-ancestors 'self'"
+# Strict-Transport-Security = "max-age=63072000; includeSubDomains; preload"
+
+#### c. Multiline version with explicit key (dotted)
+# [[advanced.headers]]
+# source = "**/*.{jpg,jpeg,png,ico,gif}"
+# headers.Strict-Transport-Security = "max-age=63072000; includeSubDomains; preload"
+
+
+### URL Redirects (examples only)
+
+# [[advanced.redirects]]
+# source = "**/*.{jpg,jpeg}"
+# destination = "/images/generic1.png"
+# kind = 301
+
+# [[advanced.redirects]]
+# source = "/index.html"
+# destination = "https://static-web-server.net"
+# kind = 302
+
+### URL Rewrites (examples only)
+
+# [[advanced.rewrites]]
+# source = "**/*.{png,ico,gif}"
+# destination = "/assets/favicon.ico"
+
+# [[advanced.rewrites]]
+# source = "**/*.{jpg,jpeg}"
+# destination = "/images/sws.png"
--- a/docker-compose.yml
+++ b/docker-compose.yml
@ -0,0 +1,22 @@
+version: "3.9"
+
+services:
+    dead_net:
+        image: joseluisq/static-web-server:2
+        restart: always
+        environment:
+          # Note: those envs are customizable but also optional
+          - SERVER_HOST=127.0.0.1
+          - SERVER_PORT=80
+          - SERVER_ROOT=/app
+        volumes:
+          - ./build:/app
+        networks:
+          - caddy
+        labels:
+          caddy.address: "https://network.dead.guru"
+          caddy.tls: "assada.ua@gmail.com"
+networks:
+  caddy:
+    external:
+      name: assada-services
--- a/docs/about/_category_.yml
+++ b/docs/about/_category_.yml
@ -0,0 +1,7 @@
+position: 1 # float position is supported
+label: About
+collapsible: true # make the category collapsible
+link:
+  type: generated-index
+  title: About Dead Network
+  slug: /about
--- a/docs/about/faq.mdx
+++ b/docs/about/faq.mdx
@ -0,0 +1,10 @@
+---
+id: faq
+title: FAQs
+slug: /faq
+sidebar_position: 3
+---
+
+## TBA
+
+...
--- a/docs/about/introduction.mdx
+++ b/docs/about/introduction.mdx
@ -0,0 +1,8 @@
+---
+title: Introduction
+sidebar_label: Introduction
+slug: /introduction
+sidebar_position: 1
+---
+
+## TBA
--- a/docs/about/overview/index.mdx
+++ b/docs/about/overview/index.mdx
@ -0,0 +1,8 @@
+---
+title: Overview
+sidebar_label: Overview
+slug: /overview
+sidebar_position: 2
+---
+
+## TBA
--- a/docs/blocks/_lora-regions.mdx
+++ b/docs/blocks/_lora-regions.mdx
@ -0,0 +1,22 @@
+| 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
@ -0,0 +1,9 @@
+---
+id: getting-started
+title: Getting Started
+sidebar_label: Getting Started
+slug: /getting-started
+sidebar_position: 2
+---
+
+## TBA
--- a/docs/legal/index.mdx
+++ b/docs/legal/index.mdx
@ -0,0 +1,8 @@
+---
+title: Legal
+sidebar_label: Legal
+slug: /legal
+sidebar_position: 9
+---
+
+## TBA
--- a/docs/legal/licensing.mdx
+++ b/docs/legal/licensing.mdx
@ -0,0 +1,7 @@
+---
+id: licensing
+title: Licensing & Commercial Projects Usage
+sidebar_label: Licensing
+---
+
+## TBA
--- a/docs/legal/privacy.mdx
+++ b/docs/legal/privacy.mdx
@ -0,0 +1,8 @@
+---
+id: privacy
+title: Dead privacy policy
+sidebar_label: Privacy
+custom_edit_url: null
+---
+
+## TBA
--- a/docs/software/_category_.yml
+++ b/docs/software/_category_.yml
@ -0,0 +1,7 @@
+label: Software
+collapsible: true
+position: 6
+link:
+  type: generated-index
+  title: Software
+  slug: /software
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@ -0,0 +1,129 @@
+// @ts-check
+
+require("dotenv").config();
+
+/** @type {import('@docusaurus/types').Config} */
+const config = {
+	title: "Dead Network",
+	tagline:
+		"Мережа сервісів і платформ, які дають змогу окремим особам і спільнотам спілкуватися, ділитися та розвиватися разом.",
+	url: "https://dead.guru",
+	baseUrl: "/",
+	onBrokenLinks: "throw",
+	onBrokenMarkdownLinks: "warn",
+	favicon: "design/web/favicon.ico",
+	organizationName: "dead",
+	projectName: "dead",
+	themeConfig: /** @type {import('@docusaurus/preset-classic').ThemeConfig} */ {
+		announcementBar: {
+			id: "2_0",
+			content:
+				'🎉 Зя`вився XMPP сервер доєднатися можна <a href="/doc/xmpp">тут</a> 🎉',
+		},
+		docs: {
+			sidebar: {
+				autoCollapseCategories: true,
+			},
+		},
+		navbar: {
+			title: "Dead Network",
+			hideOnScroll: true,
+			logo: {
+				alt: "Dead Logo",
+				src: "img/logo.svg",
+				srcDark: "img/logo-white.svg",
+			},
+			items: [
+				{
+					label: "Документація",
+					to: "docs/introduction",
+				},
+				{
+					label: "Клієнти",
+					to: "downloads",
+				},
+				{
+					label: "Інформація",
+					position: "right",
+					items: [
+						{
+							label: "Вступ",
+							to: "docs/introduction",
+						},
+						{
+							label: "Як почати",
+							to: "docs/getting-started",
+						},
+						{
+							label: "ЗІВі",
+							to: "docs/faq",
+						},
+					],
+				},
+				{
+					href: "https://git.dead.guru/DeadGuru/network",
+					position: "right",
+					className: "header-github-link",
+					"aria-label": "GitHub Репозиторій",
+				},
+			],
+		},
+		footer: {
+			copyright: `<a href="https://vercel.com/?utm_source=meshtastic&utm_campaign=oss">Powered by ▲ Vercel</a>.`,
+		},
+		colorMode: {
+			respectPrefersColorScheme: true,
+		},
+		mermaid: {
+			theme: { light: "base", dark: "base" },
+			options: {
+				themeVariables: {
+					primaryColor: "#f03131",
+					primaryTextColor: "var(--tw-prose-headings)",
+					primaryBorderColor: "#4D4D4D",
+					lineColor: "#EAD667",
+					secondaryColor: "#EA67BD",
+					tertiaryColor: "#677CEA",
+				},
+			},
+		},
+	},
+	plugins: [
+		() => {
+			return {
+				name: "docusaurus-tailwindcss",
+				configurePostCss(postcssOptions) {
+					postcssOptions.plugins.push(require("tailwindcss"));
+					postcssOptions.plugins.push(require("autoprefixer"));
+					return postcssOptions;
+				},
+			};
+		},
+	],
+	presets: [
+		[
+			"@docusaurus/preset-classic",
+			/** @type {import('@docusaurus/preset-classic').Options} */
+			{
+				docs: {
+					sidebarPath: require.resolve("./sidebars.js"),
+					editUrl: "https://github.com/dead/dead/edit/master/",
+					breadcrumbs: false,
+					showLastUpdateAuthor: true,
+				},
+				theme: {
+					customCss: require.resolve("./src/css/custom.css"),
+				},
+			},
+		],
+	],
+	customFields: {
+		API_URL: process.env.API_URL,
+	},
+	markdown: {
+		mermaid: true,
+	},
+	themes: ["@docusaurus/theme-mermaid"],
+};
+
+module.exports = config;
--- a/package.json
+++ b/package.json
@ -0,0 +1,49 @@
+{
+  "name": "dead",
+  "version": "0.0.0",
+  "private": true,
+  "license": "GPL-3.0-only",
+  "scripts": {
+    "docusaurus": "docusaurus",
+    "start": "docusaurus start",
+    "build": "docusaurus build",
+    "swizzle": "docusaurus swizzle",
+    "serve": "docusaurus serve",
+    "clear": "docusaurus clear"
+  },
+  "dependencies": {
+    "@algolia/client-search": "^4.17.0",
+    "@docusaurus/core": "2.4.1",
+    "@docusaurus/plugin-content-docs": "2.4.1",
+    "@docusaurus/preset-classic": "2.4.1",
+    "@docusaurus/theme-common": "^2.4.1",
+    "@docusaurus/theme-mermaid": "^2.4.1",
+    "@headlessui/react": "^1.7.14",
+    "@heroicons/react": "^2.0.18",
+    "@mdx-js/react": "^1.6.22",
+    "@meshtastic/meshtasticjs": "2.1.9-0",
+    "autoprefixer": "^10.4.14",
+    "base64-js": "^1.5.1",
+    "dotenv": "^16.0.3",
+    "framer-motion": "^6.5.1",
+    "postcss": "^8.4.23",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-icons": "^4.8.0",
+    "react-responsive-carousel": "^3.2.23",
+    "swr": "^2.1.5",
+    "tailwindcss": "^3.3.2",
+    "url-search-params-polyfill": "^8.1.1",
+    "use-breakpoint": "^3.0.7"
+  },
+  "devDependencies": {
+    "@docusaurus/module-type-aliases": "2.4.1",
+    "@tailwindcss/typography": "^0.5.9",
+    "@tsconfig/docusaurus": "^1.0.7",
+    "@types/node": "^20.1.7",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.2.4",
+    "rome": "^12.1.0",
+    "typescript": "^5.0.4"
+  }
+}
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/sidebars.js
+++ b/sidebars.js
@ -0,0 +1,11 @@
+// @ts-check
+
+/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
+module.exports = {
+	Sidebar: [
+		{
+			type: "autogenerated",
+			dirName: ".",
+		},
+	],
+};
--- a/src/components/BatteryCalculator.tsx
+++ b/src/components/BatteryCalculator.tsx
@ -0,0 +1,27 @@
+import React from "react";
+
+export const BatteryCalculator = (): JSX.Element => {
+	return (
+		<div className="card">
+			<div className="card__header">
+				<h3>Battery Calculator</h3>
+			</div>
+			<div className="card__body" style={{ display: "flex", gap: "2rem" }}>
+				<div>
+					<input placeholder="Search" />
+					<input placeholder="Search" />
+					<input placeholder="Search" />
+					<input placeholder="Search" />
+				</div>
+			</div>
+			<div className="card__footer">
+				<button
+					type="button"
+					className="button button--secondary button--block"
+				>
+					See All
+				</button>
+			</div>
+		</div>
+	);
+};
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@ -0,0 +1,16 @@
+import React from "react";
+
+import { HTMLMotionProps, motion } from "framer-motion";
+
+export const Button = ({ children, ...props }: HTMLMotionProps<"div">) => {
+	return (
+		<motion.div
+			{...props}
+			whileHover={{ scale: 1.1, backgroundColor: "var(--tertiary)" }}
+			whileTap={{ scale: 1.0 }}
+			className="m-auto flex cursor-pointer rounded-full bg-secondary p-3 shadow-md"
+		>
+			<div className="m-auto">{children}</div>
+		</motion.div>
+	);
+};
--- a/src/components/ColorMode.tsx
+++ b/src/components/ColorMode.tsx
@ -0,0 +1,13 @@
+import React from "react";
+
+export interface ColorModeProps {
+	children: React.ReactNode;
+}
+
+export const Dark = ({ children }: ColorModeProps): JSX.Element => {
+	return <div className="hideLight">{children}</div>;
+};
+
+export const Light = ({ children }: ColorModeProps): JSX.Element => {
+	return <div className="hideDark">{children}</div>;
+};
--- a/src/components/HardwareComponents.tsx
+++ b/src/components/HardwareComponents.tsx
@ -0,0 +1,274 @@
+// import React from 'react';
+// import data from '/docs/hardware/supported/devices.json'
+
+// function checkVersionOverrides(selectedDevice, version, value) {
+
+//   var versionOverride = selectedDevice.versionOverrides[version]
+//   var device = selectedDevice
+//   var objectSegment = value.split('.')
+
+//   while (objectSegment.length > 1) {
+//     console.log(objectSegment)
+//     let test = objectSegment.shift()
+//     console.log('test', test, 'og objectSegment', objectSegment)
+//     versionOverride = versionOverride[test]
+//     device = device[test]
+//   }
+//   if (versionOverride) {
+//     return versionOverride
+//   } else return device
+
+//   // if (selectedDevice.versionOverrides[version][value]) {
+//   //   return selectedDevice.versionOverrides[version][value]
+//   // } else {
+//   //   console.log("no", selectedDevice, value, selectedDevice[value])
+//   //   return selectedDevice[value]
+//   // }
+// }
+
+// export const MeshtasticFeatures = ({device, version}): JSX.Element => {
+
+//   const selectedDevice = data[device]
+
+//   return (
+//     <table>
+//       <thead>
+//         <th style={{align: "center"}}>
+//           Meshtastic Feature
+//         </th>
+//         <th style={{align: "center"}}>
+//           Device Support
+//         </th>
+//       </thead>
+//       <tbody>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Support Status
+//           </td>
+//           <td style={{align: "center"}}>
+//             {checkVersionOverrides(selectedDevice, version, 'supportStatus')}
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Bluetooth
+//           </td>
+//           <td style={{align: "center"}}>
+//             {checkVersionOverrides(selectedDevice, version, "features.bluetoothCapable")}
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Module - Canned Message
+//           </td>
+//           <td style={{align: "center"}}>
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Module - External Notification
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Module - Range Test
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Module - Rotary Encoder
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Module - Store and Forward
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Module - Telemetry (aka Environmental Measurement)
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Router - Always Powered
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Router - Solar Powered
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             WiFi
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//       </tbody>
+//     </table>
+//   );
+// };
+
+// export const HardwareSpecifications = ({device, version}): JSX.Element => {
+
+//   const selectedDevice = data[device]
+
+//   return (
+//     <table>
+//       <thead>
+//         <th style={{align: "center"}}>
+//           Specification
+//         </th>
+//         <th style={{align: "center"}}>
+//           Value
+//         </th>
+//       </thead>
+//       <tbody>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Bluetooth
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Bluetooth Antenna
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Chipset
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Driver
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             GPS
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Flash
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Frequency - 433MHz
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Frequency - 868MHz
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Frequency - 915MHz
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             Frequency - 923MHz
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             LoRa Transceiver
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             PSRAM
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             RAM
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             WiFi
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//         <tr>
+//           <td style={{align: "center"}}>
+//             WiFi Antenna
+//           </td>
+//           <td style={{align: "center"}}>
+//             VALUE
+//           </td>
+//         </tr>
+//       </tbody>
+//     </table>
+//   );
+// };
--- a/src/components/Modal.tsx
+++ b/src/components/Modal.tsx
@ -0,0 +1,49 @@
+import React from "react";
+
+import { AnimatePresence, motion } from "framer-motion";
+
+import { Dialog } from "@headlessui/react";
+
+export interface ModalProps {
+	open: boolean;
+	onClose: () => void;
+	children: React.ReactNode;
+}
+
+export const Modal = ({ open, onClose, children }: ModalProps): JSX.Element => {
+	return (
+		<AnimatePresence initial={false} exitBeforeEnter={true}>
+			<Dialog
+				as="div"
+				className="fixed inset-0 z-10 overflow-y-auto"
+				open={open}
+				onClose={onClose}
+			>
+				<div className="min-h-screen px-0.5 text-center md:px-4">
+					<motion.div
+						initial={{ opacity: 0 }}
+						animate={{ opacity: 1 }}
+						exit={{ opacity: 0 }}
+					>
+						<Dialog.Overlay className="fixed inset-0 backdrop-blur-md" />
+					</motion.div>
+
+					<span
+						className="inline-block h-screen align-middle"
+						aria-hidden="true"
+					>
+						&#8203;
+					</span>
+					<div className="inline-block w-full transform text-left align-middle transition-all 2xl:max-w-7xl">
+						<div className="group relative">
+							<div className="animate-tilt absolute -inset-0.5 rotate-2 rounded-lg bg-accent shadow-md transition duration-1000 group-hover:opacity-100 group-hover:duration-200" />
+							<div className="relative flex flex-col overflow-hidden rounded-2xl bg-base shadow-md md:aspect-[2/1] md:flex-row md:bg-primary">
+								{children}
+							</div>
+						</div>
+					</div>
+				</div>
+			</Dialog>
+		</AnimatePresence>
+	);
+};
--- a/src/components/PageLayout.tsx
+++ b/src/components/PageLayout.tsx
@ -0,0 +1,25 @@
+import React from "react";
+
+import Layout from "@theme/Layout";
+
+export interface PageLayoutProps {
+	title: string;
+	description: string;
+	children: React.ReactNode;
+}
+
+export const PageLayout = ({
+	title,
+	description,
+	children,
+}: PageLayoutProps): JSX.Element => {
+	return (
+		<Layout title={title} description={description}>
+			{children}
+		</Layout>
+	);
+};
+
+export interface ColorModeProps {
+	children: React.ReactNode;
+}
--- a/src/components/homepage/SocialCard.tsx
+++ b/src/components/homepage/SocialCard.tsx
@ -0,0 +1,31 @@
+import React from "react";
+
+import { FiExternalLink } from "react-icons/fi";
+
+export interface SocialCardProps {
+	children: React.ReactNode;
+	color: string;
+	link: string;
+}
+
+export const SocialCard = ({
+	children,
+	color,
+	link,
+}: SocialCardProps): JSX.Element => {
+	return (
+		<div
+			className={`group relative flex h-24 w-36 min-w-max flex-shrink-0 rounded-xl shadow-xl ${color} m-2`}
+		>
+			{children}
+			<a
+				className="absolute top-0 left-0 right-0 bottom-0 hidden rounded-xl border border-accent bg-secondary bg-opacity-95 text-2xl shadow-xl group-hover:flex"
+				href={link}
+				rel="noreferrer"
+				target="_blank"
+			>
+				<FiExternalLink className="m-auto" />
+			</a>
+		</div>
+	);
+};
--- a/src/components/tools/FrequencyCalculator.tsx
+++ b/src/components/tools/FrequencyCalculator.tsx
@ -0,0 +1,345 @@
+import React, { useEffect } from "react";
+import { Protobuf, Types } from "@meshtastic/meshtasticjs";
+
+interface Region {
+	freq_start: number;
+	freq_end: number;
+	duty_cycle: number;
+	spacing: number;
+	power_limit: number;
+}
+
+interface Modem {
+	bw: number;
+	cr: number;
+	sf: number;
+}
+
+const RegionData = new Map<Protobuf.Config_LoRaConfig_RegionCode, Region>([
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.US,
+		{
+			freq_start: 902.0,
+			freq_end: 928.0,
+			duty_cycle: 100,
+			spacing: 0,
+			power_limit: 30,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.EU_433,
+		{
+			freq_start: 433.0,
+			freq_end: 434.0,
+			duty_cycle: 10,
+			spacing: 0,
+			power_limit: 12,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.EU_868,
+		{
+			freq_start: 869.4,
+			freq_end: 869.65,
+			duty_cycle: 10,
+			spacing: 0,
+			power_limit: 27,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.CN,
+		{
+			freq_start: 470.0,
+			freq_end: 510.0,
+			duty_cycle: 100,
+			spacing: 0,
+			power_limit: 19,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.JP,
+		{
+			freq_start: 920.8,
+			freq_end: 927.8,
+			duty_cycle: 100,
+			spacing: 0,
+			power_limit: 16,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.ANZ,
+		{
+			freq_start: 915.0,
+			freq_end: 928.0,
+			duty_cycle: 100,
+			spacing: 0,
+			power_limit: 30,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.RU,
+		{
+			freq_start: 868.7,
+			freq_end: 869.2,
+			duty_cycle: 100,
+			spacing: 0,
+			power_limit: 20,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.KR,
+		{
+			freq_start: 920.0,
+			freq_end: 923.0,
+			duty_cycle: 100,
+			spacing: 0,
+			power_limit: 0,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.TW,
+		{
+			freq_start: 920.0,
+			freq_end: 925.0,
+			duty_cycle: 100,
+			spacing: 0,
+			power_limit: 0,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.IN,
+		{
+			freq_start: 865.0,
+			freq_end: 867.0,
+			duty_cycle: 100,
+			spacing: 0,
+			power_limit: 30,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.NZ_865,
+		{
+			freq_start: 864.0,
+			freq_end: 868.0,
+			duty_cycle: 100,
+			spacing: 0,
+			power_limit: 36,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.TH,
+		{
+			freq_start: 920.0,
+			freq_end: 925.0,
+			duty_cycle: 100,
+			spacing: 0,
+			power_limit: 16,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.UA_433,
+		{
+			freq_start: 433.0,
+			freq_end: 434.7,
+			duty_cycle: 10,
+			spacing: 0,
+			power_limit: 10,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.UA_868,
+		{
+			freq_start: 868.0,
+			freq_end: 868.6,
+			duty_cycle: 1,
+			spacing: 0,
+			power_limit: 14,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.LORA_24,
+		{
+			freq_start: 2400.0,
+			freq_end: 2483.5,
+			duty_cycle: 100,
+			spacing: 0,
+			power_limit: 10,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_RegionCode.UNSET,
+		{
+			freq_start: 902.0,
+			freq_end: 928.0,
+			duty_cycle: 100,
+			spacing: 0,
+			power_limit: 30,
+		},
+	],
+]);
+
+const modemPresets = new Map<Protobuf.Config_LoRaConfig_ModemPreset, Modem>([
+	[
+		Protobuf.Config_LoRaConfig_ModemPreset.SHORT_FAST,
+		{
+			bw: 250,
+			cr: 8,
+			sf: 7,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_ModemPreset.SHORT_SLOW,
+		{
+			bw: 250,
+			cr: 8,
+			sf: 8,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_ModemPreset.MEDIUM_FAST,
+		{
+			bw: 250,
+			cr: 8,
+			sf: 9,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_ModemPreset.MEDIUM_SLOW,
+		{
+			bw: 250,
+			cr: 8,
+			sf: 10,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_ModemPreset.LONG_FAST,
+		{
+			bw: 250,
+			cr: 8,
+			sf: 11,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_ModemPreset.LONG_MODERATE,
+		{
+			bw: 125,
+			cr: 8,
+			sf: 11,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_ModemPreset.LONG_SLOW,
+		{
+			bw: 125,
+			cr: 8,
+			sf: 12,
+		},
+	],
+	[
+		Protobuf.Config_LoRaConfig_ModemPreset.VERY_LONG_SLOW,
+		{
+			bw: 62.5,
+			cr: 8,
+			sf: 12,
+		},
+	],
+]);
+
+export const FrequencyCalculator = (): JSX.Element => {
+	const [modemPreset, setModemPreset] =
+		React.useState<Protobuf.Config_LoRaConfig_ModemPreset>(
+			Protobuf.Config_LoRaConfig_ModemPreset.LONG_FAST,
+		);
+	const [region, setRegion] =
+		React.useState<Protobuf.Config_LoRaConfig_RegionCode>(
+			Protobuf.Config_LoRaConfig_RegionCode.US,
+		);
+	const [channel, setChannel] = React.useState<Types.ChannelNumber>(
+		Types.ChannelNumber.PRIMARY,
+	);
+	const [numChannels, setNumChannels] = React.useState<number>(0);
+	const [channelFrequency, setChannelFrequency] = React.useState<number>(0);
+
+	useEffect(() => {
+		const selectedRegion = RegionData.get(region);
+		const selectedModemPreset = modemPresets.get(modemPreset);
+		const calculatedNumChannels = Math.floor(
+			(selectedRegion.freq_end - selectedRegion.freq_start) /
+				(selectedRegion.spacing + selectedModemPreset.bw / 1000),
+		);
+
+		setNumChannels(calculatedNumChannels);
+
+		let updatedChannel = channel;
+		if (updatedChannel >= calculatedNumChannels) {
+			updatedChannel = 0;
+		}
+
+		setChannel(updatedChannel);
+
+		setChannelFrequency(
+			selectedRegion.freq_start +
+				selectedModemPreset.bw / 2000 +
+				updatedChannel * (selectedModemPreset.bw / 1000),
+		);
+	}, [modemPreset, region, channel]);
+
+	return (
+		<div className="flex flex-col border-l-[5px] shadow-md my-4 border-accent rounded-lg p-4 bg-secondary gap-2">
+			<div className="flex gap-2">
+				<label>Modem Preset:</label>
+				<select
+					value={modemPreset}
+					onChange={(e) =>
+						setModemPreset(
+							parseInt(
+								e.target.value,
+							) as Protobuf.Config_LoRaConfig_ModemPreset,
+						)
+					}
+				>
+					{Array.from(modemPresets.keys()).map((key) => (
+						<option key={key} value={key}>
+							{Protobuf.Config_LoRaConfig_ModemPreset[key]}
+						</option>
+					))}
+				</select>
+			</div>
+			<div className="flex gap-2">
+				<label>Region:</label>
+				<select
+					value={region}
+					onChange={(e) => setRegion(parseInt(e.target.value))}
+				>
+					{Array.from(RegionData.keys()).map((key) => (
+						<option key={key} value={key}>
+							{Protobuf.Config_LoRaConfig_RegionCode[key]}
+						</option>
+					))}
+				</select>
+			</div>
+			<div className="flex gap-2">
+				<label>Channel:</label>
+				<select
+					value={channel}
+					onChange={(e) => setChannel(parseInt(e.target.value))}
+				>
+					{Array.from(Array(numChannels).keys()).map((key) => (
+						<option key={key} value={key}>
+							{key + 1}
+						</option>
+					))}
+				</select>
+			</div>
+
+			<div className="flex gap-2">
+				<label className="font-semibold">Number of channels:</label>
+				<input type="number" disabled value={numChannels} />
+			</div>
+			<div className="flex gap-2">
+				<label className="font-semibold">Channel Frequency:</label>
+				<input type="number" disabled value={channelFrequency} />
+			</div>
+		</div>
+	);
+};
--- a/src/css/custom.css
+++ b/src/css/custom.css
@ -0,0 +1,208 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* 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-list-item-margin: 0;
+  --ifm-code-font-size: 95%;
+  --ifm-z-index-fixed: 1;
+  --accent: #eab167;
+  --base: #f3f4f6;
+  --primary: #ffffff;
+  --secondary: #e5e7eb;
+  --tertiary: #d1d5db;
+  --mute: #6b7280;
+  --primaryInv: #242526;
+  --secondaryInv: #18191a;
+  --tertiaryInv: #4c4e50;
+}
+
+[data-theme="dark"] {
+  --base: #38393b;
+  --primary: #242526;
+  --secondary: #18191a;
+  --tertiary: #4c4e50;
+  --mute: #9ca3af;
+  --primaryInv: #ffffff;
+  --secondaryInv: #e5e7eb;
+  --tertiaryInv: #d1d5db;
+}
+
+.docusaurus-highlight-code-line {
+  background-color: rgb(72, 77, 91);
+  display: block;
+  margin: 0 calc(-1 * var(--ifm-pre-padding));
+  padding: 0 var(--ifm-pre-padding);
+}
+
+.header-github-link:hover {
+  opacity: 0.6;
+}
+
+.header-github-link:before {
+  content: "";
+  width: 24px;
+  height: 24px;
+  display: flex;
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+    no-repeat;
+}
+
+html[data-theme="dark"] .header-github-link:before {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+    no-repeat;
+}
+@keyframes pulse {
+  0% {
+    transform: scale(0.98);
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
+  }
+
+  70% {
+    transform: scale(1);
+    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
+  }
+
+  100% {
+    transform: scale(0.98);
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+  }
+}
+
+.cta--button {
+  --ifm-button-border-color: var(--ifm-link-color);
+  color: var(--ifm-link-color);
+}
+
+.split-container {
+  display: flex;
+}
+.split-item {
+  flex: 1;
+}
+
+.indexCtasBody {
+  --ifm-button-size-multiplier: 1.6;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  margin-top: 24px;
+}
+
+.indexCtasBody a:last-of-type {
+  margin: 20px 36px;
+}
+
+.indexCtas {
+  --ifm-button-size-multiplier: 1.6;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  margin-top: 24px;
+}
+
+.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 {
+  margin: 20px 36px;
+}
+
+.theme-doc-markdown {
+  max-width: none;
+}
+
+a + .navbar__link {
+  display: flex;
+  gap: 2px;
+}
+
+a + .navbar__link > svg {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+@layer base {
+  .markdown {
+    @apply prose prose-lg;
+  }
+  .markdown img {
+    @apply rounded-lg mx-auto;
+  }
+  [data-theme="dark"] .markdown {
+    @apply prose-invert;
+  }
+  [data-theme="dark"] .hideDark {
+    @apply hidden;
+  }
+  [data-theme="dark"] .hideLight {
+    @apply block;
+  }
+  .hideLight {
+    @apply hidden;
+  }
+  .hideDark {
+    @apply block;
+  }
+}
+
+.markdown :where(li):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.markdown
+  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: var(--ifm-heading-font-weight);
+}
+
+h1 {
+  font-size: var(--ifm-h1-font-size);
+}
+
+h2 {
+  font-size: var(--ifm-h2-font-size);
+}
+
+h3 {
+  font-size: var(--ifm-h3-font-size);
+}
+
+h4 {
+  font-size: var(--ifm-h4-font-size);
+}
+
+h5 {
+  font-size: var(--ifm-h5-font-size);
+}
+
+h6 {
+  font-size: var(--ifm-h6-font-size);
+}
--- a/src/hooks/useFilteredNetworks.tsx
+++ b/src/hooks/useFilteredNetworks.tsx
@ -0,0 +1,29 @@
+import React from "react";
+
+import { Showcase } from "../utils/apiTypes";
+import { useSelectedTags } from "./useSelectedTags";
+
+const filterNetworks = (
+	showcaseNetworks: Showcase[],
+	selectedTags: string[],
+) => {
+	if (selectedTags.length === 0) {
+		return showcaseNetworks;
+	}
+	return showcaseNetworks.filter((showcaseNetwork) => {
+		if (showcaseNetwork.tags.length === 0) {
+			return false;
+		}
+		return selectedTags.every((queryTag) =>
+			showcaseNetwork.tags.find((searchTag) => searchTag.label === queryTag),
+		);
+	});
+};
+
+export const useFilteredNetworks = (networks: Showcase[]) => {
+	const selectedTags = useSelectedTags();
+	return React.useMemo(
+		() => filterNetworks(networks, selectedTags),
+		[selectedTags],
+	);
+};
--- a/src/hooks/useSelectedTags.tsx
+++ b/src/hooks/useSelectedTags.tsx
@ -0,0 +1,16 @@
+import React from "react";
+
+import { useLocation } from "@docusaurus/router";
+
+import { readSearchTags } from "../pages/showcase/_components/TagSelect";
+
+export const useSelectedTags = () => {
+	const location = useLocation();
+	const [selectedTags, setSelectedTags] = React.useState<string[]>([]);
+	React.useEffect(() => {
+		const tags = readSearchTags(location.search);
+		setSelectedTags(tags);
+	}, [location]);
+
+	return selectedTags;
+};
--- a/src/pages/credits/_components/Avatar.tsx
+++ b/src/pages/credits/_components/Avatar.tsx
@ -0,0 +1,44 @@
+import React from "react";
+
+export interface avatarProps {
+	imgUrl: string;
+	name?: string;
+	userName?: string;
+	description?: string;
+}
+
+export interface avatarLayoutProps {
+	list: list[];
+}
+
+export const Avatar = ({
+	imgUrl,
+	name,
+	description,
+}: avatarProps): JSX.Element => {
+	return (
+		<div className="card m-4 border-2 border-secondary">
+			<div className="card__body">
+				<div className="avatar">
+					<img className="avatar__photo avatar__photo--sm" src={imgUrl} />
+					<div className="avatar__intro">
+						<div className="avatar__name">{name}</div>
+						<small className="avatar__subtitle">{description}</small>
+					</div>
+				</div>
+			</div>
+		</div>
+	);
+};
+
+export const AvatarLayout = ({ list }: avatarLayoutProps): JSX.Element => {
+	return (
+		<div className="container">
+			<div className="flex flex-wrap justify-center bg-primary">
+				{list.map(() => {
+					return <Avatar />;
+				})}
+			</div>
+		</div>
+	);
+};
--- a/src/pages/credits/index.tsx
+++ b/src/pages/credits/index.tsx
@ -0,0 +1,165 @@
+import React from "react";
+import Layout from "@theme/Layout";
+import Link from "@docusaurus/Link";
+
+import { AvatarLayout } from "./_components/Avatar";
+
+const Credits = (): JSX.Element => {
+	const partnerLogos = [
+		{
+			name: "Vercel",
+			url: "/2.0/vercel-logotype-dark.svg",
+		},
+		{
+			name: "Cloudflare",
+			url: "/2.0/CF_logo_horizontal_blktype.svg",
+		},
+		{
+			name: "RAK Wireless",
+			url: "/2.0/RAK-blue-main.svg",
+		},
+		{
+			name: "Open Collective",
+			url: "/2.0/opencollectivelogo.svg",
+		},
+		{
+			name: "LILYGO",
+			url: "/2.0/LILYGO.png",
+		},
+		{
+			name: "Discord",
+			url: "/2.0/discord.svg",
+		},
+	];
+	return (
+		<Layout
+			title="Credits"
+			description="Meshtastic is made possible by the following people & organizations."
+		>
+			<main className="relative mt-20">
+				<div className="container mx-auto p-6 leading-normal space-y-4">
+					<h1>Credits</h1>
+					<p>
+						Meshtastic is community driven. Thousands of hours have been donated
+						by volunteers who want to develop this amazing project. Whether
+						you've submitted a pull request or triaged a bug in our
+						Discord/Forum. You've made Meshtastic possible. Thank you for your
+						contributions.
+					</p>
+					<p>
+						We would also like to recognize those who have donated financially
+						to the project. As Meshtastic has grown, we've aquired some ongoing
+						costs to keep the project running. Thank you for your generous
+						donations.
+					</p>
+				</div>
+				<div className="container mx-auto p-6 leading-normal space-y-4">
+					<h2>Fiscal Sponsors</h2>
+					<p>
+						We have partnered with both the{" "}
+						<a
+							className="underline"
+							href="https://opencollective.com"
+							target="_blank"
+						>
+							Open Collective
+						</a>{" "}
+						and the{" "}
+						<a
+							className="underline"
+							href="https://www.oscollective.org"
+							target="_blank"
+						>
+							Open Source Collective
+						</a>{" "}
+						to help us with a fiscal management framework and banking needs.
+						They help support over three thousand open source projects including
+						the PHP Foundation, F-Droid, Sonarr, LinuxServer and DarkReader. We
+						are in good hands and good company.
+					</p>
+					<p>
+						As with everything we do here, Open Collective provides a fully
+						transparent framework for our budget and expenses. You can see what
+						we’re bringing in, who is spending money and where that money is
+						going{" "}
+						<a
+							className="underline"
+							href="https://opencollective.com/meshtastic"
+							target="_blank"
+						>
+							here
+						</a>
+						.
+					</p>
+					<p>
+						In addition to our partnership with Open Collective and Open Source
+						Collective, we have also been approved into the{" "}
+						<a
+							className="underline"
+							href="https://github.com/sponsors"
+							target="_blank"
+						>
+							GitHub Sponsors
+						</a>{" "}
+						program where we can set fundraising goals with GitHub.
+					</p>
+					<p>
+						All donations made through GitHub will be deposited to our account
+						with the Open Source Collective and managed by the Open Collective.
+						This means we have a single place to monitor and maintain
+						transparency of our finances.
+					</p>
+					<p>If you are able, please contribute to this amazing project.</p>
+					<div className="indexCtasBody">
+						<Link
+							className={"button button--outline  button--lg cta--button"}
+							to={"https://opencollective.com/meshtastic/donate"}
+						>
+							Sponsor Meshtastic
+						</Link>
+					</div>
+					<h3>
+						Open Collective Donations
+						{/*Open Collective Donations*/}
+						<AvatarLayout list={[]} />
+					</h3>
+					<h3>
+						GitHub Sponsor Donations
+						{/*GitHub Sponsor Donations*/}
+						<AvatarLayout list={[]} />
+					</h3>
+				</div>
+				<div className="container mx-auto p-6 leading-normal space-y-4">
+					<h2>Partnerships</h2>
+					<div className="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2">
+						{partnerLogos.map((logo) => (
+							<div
+								key={logo.name}
+								className="col-span-1 flex justify-center bg-gray-50 py-8 px-8"
+							>
+								<img className="max-h-12" src={logo.url} alt={logo.name} />
+							</div>
+						))}
+					</div>
+				</div>
+				<div className="container mx-auto p-6 leading-normal space-y-4">
+					<h2>Contributors</h2>
+					<p>
+						Literally thousands of hours have gone into creating, maintaining,
+						and improving Meshtastic. Without our contributors none of this
+						would be possible. Thank you for donating the time for each and
+						every commit, issue, and pull request.
+					</p>
+					{/*GitHub Organization Contributors*/}
+					<AvatarLayout list={[]} />
+				</div>
+				{/*Admin Bios*/}
+				<div className="container mx-auto p-6 leading-normal space-y-4">
+					<AvatarLayout list={[]} />
+				</div>
+			</main>
+		</Layout>
+	);
+};
+
+export default Credits;
--- a/src/pages/downloads/_components/DownloadCard.tsx
+++ b/src/pages/downloads/_components/DownloadCard.tsx
@ -0,0 +1,146 @@
+import React from "react";
+
+export interface downloadCardProps {
+	client: string;
+	imgUrl: string;
+	url: string;
+	imgUrl2: string;
+	url2: string;
+	notes: string;
+	buttonText: string;
+}
+
+export const DownloadCard = ({
+	client,
+	imgUrl,
+	url,
+	imgUrl2,
+	url2,
+	notes,
+	buttonText,
+}: downloadCardProps): JSX.Element => {
+	return (
+		<div className="card">
+			<div
+				className="card__header"
+				style={{ display: "flex", justifyContent: "space-between" }}
+			>
+				<h3>{client}</h3>
+			</div>
+			<div
+				className="card__body"
+				style={{ display: "flex", justifyContent: "center" }}
+			>
+				{buttonText ? (
+					<a href={url} className="button button--secondary button--block">
+						{buttonText}
+					</a>
+				) : (
+					<div>
+						<a href={url}>
+							<img alt="img1" style={{ height: "4rem" }} src={imgUrl} />
+						</a>
+						<a href={url2}>
+							<img alt="img2" style={{ height: "4rem" }} src={imgUrl2} />
+						</a>
+					</div>
+				)}
+			</div>
+			<div className="card__footer">{notes ? notes : null}</div>
+		</div>
+	);
+};
+
+export const PlaceholderCard = (): JSX.Element => {
+	return (
+		<div
+			className="card"
+			style={{
+				width: "100%",
+				animation: "pulse 2s infinite",
+				transform: "scale(1)",
+				display: "flex",
+				gap: "1rem",
+				padding: "1rem",
+			}}
+		>
+			<div
+				style={{
+					display: "flex",
+					justifyContent: "space-between",
+					marginBottom: "1rem",
+				}}
+			>
+				<div
+					style={{
+						borderRadius: "0.4rem",
+						backgroundColor: "gray",
+						height: "2rem",
+						width: "8rem",
+					}}
+				/>
+				<div
+					style={{
+						borderRadius: "0.4rem",
+						backgroundColor: "gray",
+						marginTop: "1rem",
+						height: "1rem",
+						width: "8rem",
+					}}
+				/>
+			</div>
+			<div
+				className="card__body"
+				style={{
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					height: "3rem",
+					display: "flex",
+					justifyContent: "center",
+					alignItems: "center",
+				}}
+			/>
+			<a className="button disabled button--primary button--block">&nbsp;</a>
+			<div
+				style={{
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					width: "8rem",
+					height: "2rem",
+				}}
+			/>
+			<div
+				style={{
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					width: "11rem",
+					height: "1rem",
+				}}
+			/>
+			<div
+				style={{
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					width: "9rem",
+					height: "1rem",
+				}}
+			/>
+			<div
+				style={{
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					width: "13rem",
+					height: "1rem",
+				}}
+			/>
+			<div
+				style={{
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					width: "11rem",
+					height: "1rem",
+				}}
+			/>
+		</div>
+	);
+};
--- a/src/pages/downloads/_components/FirmwareCard.tsx
+++ b/src/pages/downloads/_components/FirmwareCard.tsx
@ -0,0 +1,151 @@
+import React from "react";
+
+import { DeviceFirmwareResource } from "../../../utils/apiTypes";
+
+export interface releaseCardProps {
+	variant: string;
+	description: string;
+	release?: DeviceFirmwareResource[];
+}
+
+export const FirmwareCard = ({
+	variant,
+	description,
+	release,
+}: releaseCardProps): JSX.Element => {
+	return (
+		<div className="card m-4 border-2 border-secondary">
+			<div
+				className="card__header"
+				style={{ display: "flex", justifyContent: "space-between" }}
+			>
+				<h3>{variant}</h3>
+				{release?.length && (
+					<a href={release[0].page_url}>{release[0].title}</a>
+				)}
+			</div>
+			<div className="card__body">
+				<p>{description}</p>
+			</div>
+			<div className="card__footer mt-auto">
+				<div className="margin-top--sm">
+					<details>
+						<summary>Older Versions</summary>
+						{release.slice(1, 6).map((release) => {
+							return (
+								<div key={release.id}>
+									<a href={release.zip_url}>{release.title}</a>
+								</div>
+							);
+						})}
+					</details>
+				</div>
+				{release?.length ? (
+					<>
+						<a
+							href={release[0].zip_url}
+							className="button button--secondary button--block margin-top--sm"
+						>
+							Download {variant}
+						</a>
+					</>
+				) : (
+					<button disabled className="button button--secondary button--block">
+						Loading...
+					</button>
+				)}
+			</div>
+		</div>
+	);
+};
+
+export const PlaceholderFirmwareCard = (): JSX.Element => {
+	return (
+		<div
+			className="card"
+			style={{
+				width: "100%",
+				animation: "pulse 2s infinite",
+				transform: "scale(1)",
+				display: "flex",
+				gap: "1rem",
+				padding: "1rem",
+			}}
+		>
+			<div
+				style={{
+					display: "flex",
+					justifyContent: "space-between",
+					marginBottom: "1rem",
+				}}
+			>
+				<div
+					style={{
+						borderRadius: "0.4rem",
+						backgroundColor: "gray",
+						height: "2rem",
+						width: "8rem",
+					}}
+				/>
+				<div
+					style={{
+						borderRadius: "0.4rem",
+						backgroundColor: "gray",
+						marginTop: "1rem",
+						height: "1rem",
+						width: "8rem",
+					}}
+				/>
+			</div>
+			<div
+				className="card__body"
+				style={{
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					height: "3rem",
+				}}
+			/>
+			<a className="button disabled button--primary button--block">&nbsp;</a>
+			<div
+				style={{
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					width: "8rem",
+					height: "2rem",
+				}}
+			/>
+			<div
+				style={{
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					width: "11rem",
+					height: "1rem",
+				}}
+			/>
+			<div
+				style={{
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					width: "9rem",
+					height: "1rem",
+				}}
+			/>
+			<div
+				style={{
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					width: "13rem",
+					height: "1rem",
+				}}
+			/>
+			<div
+				style={{
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					width: "11rem",
+					height: "1rem",
+				}}
+			/>
+		</div>
+	);
+};
--- a/src/pages/downloads/_components/HeaderText.tsx
+++ b/src/pages/downloads/_components/HeaderText.tsx
@ -0,0 +1,18 @@
+import React from "react";
+
+export const HeaderText = ({ type, text, link }): JSX.Element => {
+	const Header = type;
+
+	return (
+		<Header className="anchor anchorWithHideOnScrollNavbar_node_modules-@docusaurus-theme-classic-lib-next-theme-Heading-styles-module">
+			{text}
+			{link && (
+				<a
+					className="hash-link"
+					href={`#${link}`}
+					title="Direct link to heading"
+				/>
+			)}
+		</Header>
+	);
+};
--- a/src/pages/downloads/index.tsx
+++ b/src/pages/downloads/index.tsx
@ -0,0 +1,288 @@
+import React from "react";
+
+import { FaAndroid, FaApple } from "react-icons/fa";
+
+import useBaseUrl from "@docusaurus/useBaseUrl";
+
+import {
+	ArrowTopRightOnSquareIcon,
+	ComputerDesktopIcon,
+	GlobeAltIcon,
+} from "@heroicons/react/24/solid";
+import Layout from "@theme/Layout";
+
+const Firmware = (): JSX.Element => {
+	return (
+		<Layout
+			title="Завантаження"
+			description="Клієнти для наших сервісів для різних платформ."
+		>
+			<div className="container mt-8 flex flex-col gap-3">
+				<div className="flex w-full overflow-hidden rounded-xl">
+					<div className="flex w-1/5 bg-gradient-to-r from-rose-500 to-primary">
+						<span className="m-auto h-20 text-4xl font-black">#IRC</span>
+					</div>
+					<div className="flex w-full columns-3 flex-col bg-primary lg:flex-row">
+						<div className="card m-4 border-2 border-secondary">
+							<div className="card__header">
+								<h3>Apple</h3>
+							</div>
+							<div className="card__body flex items-center">
+								<div className="m-auto">
+									<FaApple className="h-20 w-20" />
+								</div>
+							</div>
+							<div className="card__body">
+								Available on MacOS & iOS. Requires MacOS Ventura or iOS 16+.
+							</div>
+							<div className="card__footer mt-auto">
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href="#"
+									className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+								>
+									App Store
+									<ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+								</a>
+							</div>
+						</div>
+						<div className="card m-4 border-2 border-secondary">
+							<div className="card__header">
+								<h3>Android</h3>
+							</div>
+							<div className="card__body flex items-center">
+								<div className="m-auto">
+									<FaAndroid className="h-20 w-20" />
+								</div>
+							</div>
+							<div className="card__body">Sideloading also available.</div>
+							<div className="card__footer mt-auto">
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href="#"
+									className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+								>
+									F-Droid
+									<ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+								</a>
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href="#"
+									className="mt-4 flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+								>
+									Play Store
+									<ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+								</a>
+							</div>
+						</div>
+						<div className="card m-4 border-2 border-secondary">
+							<div className="card__header">
+								<h3>Web</h3>
+							</div>
+							<div className="card__body flex items-center">
+								<div className="m-auto">
+									<GlobeAltIcon className="h-20 w-20" />
+								</div>
+							</div>
+							<div className="card__body">
+								<a href="https://sr.ht/~emersion/gamja/">gamja</a> веб клієнт
+								для IRC.
+							</div>
+							<div className="card__footer mt-auto">
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href="https://irc.dead.guru"
+									className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+								>
+									irc.dead.guru
+									<ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+								</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				{/*  */}
+				<div className="flex w-full overflow-hidden rounded-xl">
+					<div className="flex w-1/5 bg-gradient-to-r from-green-500 to-primary">
+						<span className="m-auto h-20 text-4xl font-black">#MATRIX</span>
+					</div>
+					<div className="flex w-full columns-3 flex-col bg-primary lg:flex-row">
+						<div className="card m-4 border-2 border-secondary">
+							<div className="card__header">
+								<h3>Apple</h3>
+							</div>
+							<div className="card__body flex items-center">
+								<div className="m-auto">
+									<FaApple className="h-20 w-20" />
+								</div>
+							</div>
+							<div className="card__body">
+								Available on MacOS & iOS. Requires MacOS Ventura or iOS 16+.
+							</div>
+							<div className="card__footer mt-auto">
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href="#"
+									className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+								>
+									App Store
+									<ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+								</a>
+							</div>
+						</div>
+						<div className="card m-4 border-2 border-secondary">
+							<div className="card__header">
+								<h3>Android</h3>
+							</div>
+							<div className="card__body flex items-center">
+								<div className="m-auto">
+									<FaAndroid className="h-20 w-20" />
+								</div>
+							</div>
+							<div className="card__body">Sideloading also available.</div>
+							<div className="card__footer mt-auto">
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href="#"
+									className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+								>
+									F-Droid
+									<ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+								</a>
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href="#"
+									className="mt-4 flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+								>
+									Play Store
+									<ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+								</a>
+							</div>
+						</div>
+						<div className="card m-4 border-2 border-secondary">
+							<div className="card__header">
+								<h3>Web</h3>
+							</div>
+							<div className="card__body flex items-center">
+								<div className="m-auto">
+									<GlobeAltIcon className="h-20 w-20" />
+								</div>
+							</div>
+							<div className="card__body">
+								fluffychat веб клієнт для matrix.
+							</div>
+							<div className="card__footer mt-auto">
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href="https://xmpp.dead.guru:5281/conversejs"
+									className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+								>
+									https://fluffychat.im/
+									<ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+								</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				{/*  */}
+				<div className="flex w-full overflow-hidden rounded-xl">
+					<div className="flex w-1/5 bg-gradient-to-r from-yellow-500 to-primary">
+						<span className="m-auto h-20 text-4xl font-black">#XMPP</span>
+					</div>
+					<div className="flex w-full columns-3 flex-col bg-primary lg:flex-row">
+						<div className="card m-4 border-2 border-secondary">
+							<div className="card__header">
+								<h3>Apple</h3>
+							</div>
+							<div className="card__body flex items-center">
+								<div className="m-auto">
+									<FaApple className="h-20 w-20" />
+								</div>
+							</div>
+							<div className="card__body">
+								Available on MacOS & iOS. Requires MacOS Ventura or iOS 16+.
+							</div>
+							<div className="card__footer mt-auto">
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href="#"
+									className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+								>
+									App Store
+									<ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+								</a>
+							</div>
+						</div>
+						<div className="card m-4 border-2 border-secondary">
+							<div className="card__header">
+								<h3>Android</h3>
+							</div>
+							<div className="card__body flex items-center">
+								<div className="m-auto">
+									<FaAndroid className="h-20 w-20" />
+								</div>
+							</div>
+							<div className="card__body">Sideloading also available.</div>
+							<div className="card__footer mt-auto">
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href="#"
+									className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+								>
+									F-Droid
+									<ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+								</a>
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href="#"
+									className="mt-4 flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+								>
+									Play Store
+									<ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+								</a>
+							</div>
+						</div>
+						<div className="card m-4 border-2 border-secondary">
+							<div className="card__header">
+								<h3>Web</h3>
+							</div>
+							<div className="card__body flex items-center">
+								<div className="m-auto">
+									<GlobeAltIcon className="h-20 w-20" />
+								</div>
+							</div>
+							<div className="card__body">
+								<a href="https://conversejs.org/">Converse.js</a> веб клієнт для
+								XMPP.
+							</div>
+							<div className="card__footer mt-auto">
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href="https://xmpp.dead.guru:5281/conversejs"
+									className="m-auto flex rounded-lg border-4 border-transparent bg-accent p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+								>
+									https://xmpp.dead.guru:5281/conversejs
+									<ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+								</a>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</Layout>
+	);
+};
+
+export default Firmware;
--- a/src/pages/e/index.md
+++ b/src/pages/e/index.md
@ -0,0 +1,7 @@
+---
+id: e
+title: Dead Channel Settings
+sidebar_label: e
+---
+
+## TBD
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@ -0,0 +1,300 @@
+import "react-responsive-carousel/lib/styles/carousel.min.css"; // requires a loader
+
+import React from "react";
+
+import { Carousel } from "react-responsive-carousel";
+
+import Head from "@docusaurus/Head";
+import Link from "@docusaurus/Link";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import Layout from "@theme/Layout";
+
+import { SocialCard, SocialCardProps } from "../components/homepage/SocialCard";
+
+const features = [
+	{
+		title: "Основа мережі — Спілкування",
+		imageUrl: "img/homepage/messages.svg",
+		description: (
+			<>
+				Мережу в першу чергу, створюють люди, а не технології. Спілкування
+				дозволяє нам зберігати зв'язок з друзями та родиною, а також будувати
+				новий, цікавий і вільний світ.
+			</>
+		),
+	},
+	{
+		title: "Захист",
+		imageUrl: "img/homepage/encryption.svg",
+		description: (
+			<>
+				Ми намагаємося захистити вашу приватність, використовуючи шифрування де
+				це можливо та необхідно. Ви можете використовувати власні ключі
+				шифрування, щоб забезпечити максимальний рівень захисту. Ми також
+				відкриті для аудиту та вдосконалення наших методів шифрування та
+				захисту.
+			</>
+		),
+	},
+	{
+		title: "Незалежність",
+		imageUrl: "img/homepage/platforms.svg",
+		description: (
+			<>
+				Свобода спілкування не повинна бути обмежена. Ми намагаємося
+				підтримувати якомога більше платформ, щоб ви могли спілкуватися з
+				друзями та родиною, незалежно від того, який пристрій ви використовуєте.
+			</>
+		),
+	},
+	{
+		title: "Open Source",
+		imageUrl: "img/homepage/opensource.svg",
+		description: (
+			<>
+				Мережа побудована на основі відкритих проектів, що дозволяє вам приймати
+				участь в розвитку та вдосконаленні мережі.
+			</>
+		),
+	},
+];
+
+const SocialCards: SocialCardProps[] = [
+	{
+		color: "bg-[#3875EA]",
+		link: "https://irc.dead.guru",
+		children: (
+			<img alt="irc" className="m-auto h-10" src="/img/services/irc.svg" />
+		),
+	},
+	{
+		color: "bg-[#FFFFFF]",
+		link: "https://matrix.to/#/#adhd_lab:hypogea.org",
+		children: (
+			<img
+				alt="matrix"
+				className="m-auto h-14"
+				src="/img/services/Matrix_logo.svg"
+			/>
+		),
+	},
+	{
+		color: "bg-[#95c0d9]",
+		link: "https://xmpp.dead.guru:5281/",
+		children: (
+			<img
+				alt="xmpp"
+				className="m-auto h-14"
+				src="/img/services/XMPP_logo.svg"
+			/>
+		),
+	},
+	{
+		color: "bg-[#f05539]",
+		link: "https://git.dead.guru/",
+		children: (
+			<img alt="git" className="m-auto h-14" src="/img/services/git_logo.svg" />
+		),
+	},
+	{
+		color: "bg-[#9e9b9a]",
+		link: "https://mine.dead.guru",
+		children: (
+			<img
+				alt="minecraft"
+				className="m-auto h-16"
+				src="/img/services/minecraft_logo.svg"
+			/>
+		),
+	},
+	{
+		color: "bg-[#39322b]",
+		link: "https://bookhouse.hypogea.org/",
+		children: (
+			<img
+				alt="Calibre"
+				className="m-auto h-12"
+				src="/img/services/Calibre_logo.png"
+			/>
+		),
+	},
+	{
+		color: "bg-[#6366f1]",
+		link: "https://pi.dead.guru",
+		children: (
+			<img
+				alt="reddit"
+				className="m-auto h-20"
+				src="/img/services/Pixelfed_logo.svg"
+			/>
+		),
+	},
+];
+
+function Home() {
+	const context = useDocusaurusContext();
+	const { siteConfig } = context;
+	return (
+		<Layout>
+			<Head>
+				<meta property="og:title" content="Dead Network" />
+				<meta
+					property="og:image"
+					content="https://meshtastic.org/design/web/social-preview-1200x630.png"
+				/>
+				<meta
+					property="og:description"
+					content="Надаємо різноманітні сервіси-платформи, які дають змогу окремим особам і спільнотам спілкуватися, ділитися та розвиватися разом."
+				/>
+				<meta property="og:url" content="https://dead.guru/" />
+				<meta name="twitter:card" content="summary_large_image" />
+			</Head>
+			<header style={{ textAlign: "center" }} className="hero hero--primary">
+				<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>
+					<p className="hero__subtitle">{siteConfig.tagline}</p>
+					<div className="indexCtas">
+						<Link className="button button--lg" 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">
+						{SocialCards.map((card) => (
+							<SocialCard key={card.link} color={card.color} link={card.link}>
+								{card.children}
+							</SocialCard>
+						))}
+					</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>
+							</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>
+						<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 />
+			</main>
+		</Layout>
+	);
+}
+
+export default Home;
--- a/src/pages/showcase/_components/Card.tsx
+++ b/src/pages/showcase/_components/Card.tsx
@ -0,0 +1,110 @@
+import React from "react";
+
+import { Showcase } from "../../../utils/apiTypes";
+import { mapUrl } from "../../../utils/map";
+import { CardTags } from "./CardTags";
+
+export interface CardProps {
+	network: Showcase;
+}
+
+export const Card = React.memo(({ network }: CardProps) => (
+	<div className="card">
+		<div className="card__image">
+			<div style={{ height: "140px" }}>
+				<img src={mapUrl(network.nodes ?? [])} alt={network.title} />
+			</div>
+		</div>
+		<div className="card__body">
+			<h4>{network.title}</h4>
+			<small>{network.summary}</small>
+		</div>
+		<div className="card__footer">
+			<a
+				href={`?id=${network.id}`}
+				className="button button--primary button--block"
+				style={{ marginBottom: "0.5rem" }}
+			>
+				Read more
+			</a>
+			<CardTags tags={network.tags} />
+		</div>
+	</div>
+));
+
+export const PlaceholderCard = (): JSX.Element => (
+	<div
+		className="card"
+		style={{
+			animation: "pulse 2s infinite",
+			transform: "scale(1)",
+		}}
+	>
+		<div className="card__image">
+			<div
+				style={{
+					height: "140px",
+				}}
+			/>
+		</div>
+		<div className="card__body">
+			<div
+				style={{
+					width: "30%",
+					height: "2rem",
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					marginBottom: "1rem",
+				}}
+			/>
+			<div
+				style={{
+					width: "100%",
+					height: "1rem",
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+					marginBottom: "0.5rem",
+				}}
+			/>
+			<div
+				style={{
+					width: "100%",
+					height: "1rem",
+					borderRadius: "0.4rem",
+					backgroundColor: "gray",
+				}}
+			/>
+		</div>
+		<div className="card__footer">
+			<button
+				className="button disabled button--primary button--block"
+				style={{ marginBottom: "0.5rem" }}
+			>
+				&nbsp;
+			</button>
+			<div
+				style={{
+					display: "flex",
+					gap: "0.5rem",
+				}}
+			>
+				<div
+					style={{
+						width: "4rem",
+						height: "1.5rem",
+						borderRadius: "0.4rem",
+						backgroundColor: "gray",
+					}}
+				/>
+				<div
+					style={{
+						width: "4rem",
+						height: "1.5rem",
+						borderRadius: "0.4rem",
+						backgroundColor: "gray",
+					}}
+				/>
+			</div>
+		</div>
+	</div>
+);
--- a/src/pages/showcase/_components/CardTags.tsx
+++ b/src/pages/showcase/_components/CardTags.tsx
@ -0,0 +1,29 @@
+import React from "react";
+
+import { ShowcaseTag } from "../../../utils/apiTypes";
+
+export interface CardTagsProps {
+	tags: ShowcaseTag[];
+}
+
+export const CardTags = ({ tags }: CardTagsProps) => {
+	return (
+		<div>
+			{tags.map(({ color, label }) => {
+				return (
+					<span
+						className="badge"
+						key={label}
+						style={{
+							backgroundColor: color,
+							marginRight: "0.3rem",
+							userSelect: "none",
+						}}
+					>
+						{label}
+					</span>
+				);
+			})}
+		</div>
+	);
+};
--- a/src/pages/showcase/_components/Filters.tsx
+++ b/src/pages/showcase/_components/Filters.tsx
@ -0,0 +1,90 @@
+import React from "react";
+
+import { FiHeart } from "react-icons/fi";
+import useSWR from "swr";
+
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import { fetcher } from "../../../utils/swr";
+
+import { ShowcaseTag } from "../../../utils/apiTypes";
+// import { TagList, Tags } from '../../../utils/showcase';
+import { PlaceholderTagSelect, TagSelect } from "./TagSelect";
+
+export const Filters = (): JSX.Element => {
+	const { siteConfig } = useDocusaurusContext();
+
+	const { data, error } = useSWR<ShowcaseTag[]>(
+		`${siteConfig.customFields.API_URL}/showcase/tags`,
+		fetcher,
+	);
+
+	return (
+		<section className="margin-top--l margin-bottom--lg container">
+			{data && !error ? (
+				<ul
+					style={{
+						padding: "0",
+						display: "flex",
+						alignItems: "center",
+						flexWrap: "wrap",
+					}}
+				>
+					{data.map((tag) => {
+						const { label, color } = tag;
+						const id = `showcase_checkbox_id_${tag};`;
+
+						return (
+							<div
+								key={tag.id}
+								style={{
+									boxSizing: "border-box",
+									position: "relative",
+									display: "inline-flex",
+									alignItems: "center",
+									height: "2rem",
+									marginTop: "0.5rem",
+									marginRight: "0.5rem",
+									fontSize: "0.875rem",
+									lineHeight: "1.25rem",
+									verticalAlign: "middle",
+									userSelect: "none",
+								}}
+							>
+								<TagSelect
+									tag={tag}
+									id={id}
+									label={label}
+									icon={
+										tag.label === "Favorite" ? (
+											<span
+												style={{
+													display: "flex",
+													marginLeft: "0.5rem",
+													color: "rgb(190 24 93)",
+												}}
+											>
+												<FiHeart />
+											</span>
+										) : (
+											<span
+												style={{
+													backgroundColor: color,
+													width: 10,
+													height: 10,
+													borderRadius: "50%",
+													marginLeft: 8,
+												}}
+											/>
+										)
+									}
+								/>
+							</div>
+						);
+					})}
+				</ul>
+			) : (
+				<PlaceholderTagSelect />
+			)}
+		</section>
+	);
+};
--- a/src/pages/showcase/_components/Network.tsx
+++ b/src/pages/showcase/_components/Network.tsx
@ -0,0 +1,318 @@
+import React from "react";
+
+import useSWR from "swr";
+
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import { Showcase } from "../../../utils/apiTypes";
+import { fetcher } from "../../../utils/swr";
+
+interface NetworkProps {
+	id: string;
+}
+
+export const Network = ({ id }: NetworkProps): JSX.Element => {
+	const { siteConfig } = useDocusaurusContext();
+
+	const { data, error } = useSWR<Showcase>(
+		`${siteConfig.customFields.API_URL}/showcase/${id}`,
+		fetcher,
+	);
+
+	const githubData = useSWR(
+		`https://api.github.com/users/${data?.author?.githubUsername}`,
+		fetcher,
+	).data;
+
+	return (
+		<div>
+			{data && !error ? (
+				<div className="container">
+					<h1>{data.title}</h1>
+					<p>{data.summary}</p>
+					{githubData && (
+						<div className="avatar">
+							<img
+								src={githubData.avatar_url}
+								alt={githubData.name}
+								className="avatar__photo"
+							/>
+							<div className="avatar__intro">
+								<div className="avatar__name">{githubData.name}</div>
+								<div className="avatar__subtitle">{githubData.bio}</div>
+							</div>
+						</div>
+					)}
+					<div className="markdown">{data.body}</div>
+
+					<div
+						className="card"
+						style={{
+							marginLeft: "auto",
+							marginRight: "auto",
+							maxWidth: "900px",
+						}}
+					>
+						<div
+							className="card__header"
+							style={{
+								margin: "8px",
+							}}
+						>
+							<h2>Bill of Materials</h2>
+						</div>
+						<div className="card__body">
+							{data.materials?.map((material) => (
+								<div
+									key={material.id}
+									style={{
+										borderTop: "2px solid gray",
+										display: "flex",
+									}}
+								>
+									<div
+										style={{
+											width: "4rem",
+											display: "flex",
+										}}
+									>
+										<img
+											src={material.image}
+											height="auto"
+											width="100%"
+											style={{
+												margin: "auto",
+												padding: "4px",
+												display: "block",
+												maxWidth: "60px",
+												maxHeight: "60px",
+												width: "auto",
+												height: "auto",
+											}}
+										/>
+									</div>
+									<div className="avatar__intro">
+										<div className="avatar__name">{material.name}</div>
+										<small className="avatar__subtitle">
+											{material.details}
+										</small>
+									</div>
+									<a
+										target="_blank"
+										rel="noreferrer"
+										href={material.url}
+										className="button button--outline button--secondary"
+										style={{
+											marginTop: "auto",
+											marginBottom: "auto",
+										}}
+									>
+										View
+									</a>
+								</div>
+							))}
+						</div>
+					</div>
+				</div>
+			) : (
+				<div>
+					{error && <div>{JSON.stringify(error)}</div>}
+					{!data && <PlaceholderNetwork />}
+				</div>
+			)}
+		</div>
+	);
+};
+
+export const PlaceholderNetwork = (): JSX.Element => {
+	return (
+		<div
+			className="container"
+			style={{
+				display: "flex",
+				flexDirection: window.innerWidth > 768 ? "row" : "column",
+				gap: "2rem",
+			}}
+		>
+			<div
+				style={{
+					width: window.innerWidth > 768 ? "60%" : "100%",
+				}}
+			>
+				<div
+					className="card"
+					style={{
+						width: "100%",
+						animation: "pulse 2s infinite",
+						transform: "scale(1)",
+						display: "flex",
+						flexDirection: "column",
+						gap: "2rem",
+						padding: "2rem",
+					}}
+				>
+					<div
+						style={{
+							borderRadius: "0.4rem",
+							backgroundColor: "gray",
+							height: "4rem",
+						}}
+					/>
+					<div
+						style={{
+							borderRadius: "0.4rem",
+							backgroundColor: "gray",
+							height: "12rem",
+						}}
+					/>
+					<div style={{ display: "flex", gap: "1rem" }}>
+						<div
+							style={{
+								borderRadius: "999px",
+								backgroundColor: "gray",
+								height: "4rem",
+								width: "4rem",
+								minWidth: "4rem",
+							}}
+						/>
+						<div
+							style={{
+								display: "flex",
+								flexDirection: "column",
+								gap: "1rem",
+								width: "100%",
+							}}
+						>
+							<div
+								style={{
+									width: "100%",
+									borderRadius: "0.4rem",
+									backgroundColor: "gray",
+									height: "1rem",
+								}}
+							/>
+							<div
+								style={{
+									width: "100%",
+									borderRadius: "0.4rem",
+									backgroundColor: "gray",
+									height: "2rem",
+								}}
+							/>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div
+				style={{
+					width: window.innerWidth > 768 ? "40%" : "100%",
+				}}
+			>
+				<div
+					className="card"
+					style={{
+						width: "100%",
+						animation: "pulse 2s infinite",
+						transform: "scale(1)",
+						display: "flex",
+						flexDirection: "column",
+						gap: "2rem",
+						padding: "2rem",
+					}}
+				>
+					<div
+						style={{
+							borderRadius: "0.4rem",
+							backgroundColor: "gray",
+							height: "12rem",
+						}}
+					/>
+					<div
+						style={{
+							borderRadius: "0.4rem",
+							backgroundColor: "gray",
+							height: "2rem",
+						}}
+					/>
+					<div style={{ display: "flex", gap: "0.5rem" }}>
+						<div
+							style={{
+								width: "7rem",
+								height: "1.8rem",
+								borderRadius: "0.4rem",
+								backgroundColor: "gray",
+							}}
+						/>
+						<div
+							style={{
+								width: "7rem",
+								height: "1.8rem",
+								borderRadius: "0.4rem",
+								backgroundColor: "gray",
+							}}
+						/>
+						<div
+							style={{
+								width: "7rem",
+								height: "1.8rem",
+								borderRadius: "0.4rem",
+								backgroundColor: "gray",
+							}}
+						/>
+					</div>
+					<div
+						style={{ display: "flex", flexDirection: "column", gap: "1rem" }}
+					>
+						<div style={{ display: "flex", gap: "1rem" }}>
+							<div
+								style={{
+									borderRadius: "0.4rem",
+									backgroundColor: "gray",
+									height: "2.5rem",
+									width: "20%",
+								}}
+							/>
+							<div
+								style={{
+									borderRadius: "0.4rem",
+									backgroundColor: "gray",
+									height: "2.5rem",
+									width: "60%",
+								}}
+							/>
+							<a
+								className="button disabled button--primary button--block"
+								style={{ width: "20%" }}
+							>
+								&nbsp;
+							</a>
+						</div>
+						<div style={{ display: "flex", gap: "1rem" }}>
+							<div
+								style={{
+									borderRadius: "0.4rem",
+									backgroundColor: "gray",
+									height: "2.5rem",
+									width: "20%",
+								}}
+							/>
+							<div
+								style={{
+									borderRadius: "0.4rem",
+									backgroundColor: "gray",
+									height: "2.5rem",
+									width: "60%",
+								}}
+							/>
+							<a
+								className="button disabled button--primary button--block"
+								style={{ width: "20%" }}
+							>
+								&nbsp;
+							</a>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	);
+};
--- a/src/pages/showcase/_components/NetworkSection.tsx
+++ b/src/pages/showcase/_components/NetworkSection.tsx
@ -0,0 +1,67 @@
+import React from "react";
+
+import { Showcase } from "../../../utils/apiTypes";
+import { Card, PlaceholderCard } from "./Card";
+
+interface NetworkSectionProps {
+	title: string;
+	icon?: JSX.Element;
+	iconColor?: string;
+	networks?: Showcase[];
+}
+
+export const NetworkSection = ({
+	title,
+	icon,
+	iconColor,
+	networks,
+}: NetworkSectionProps): JSX.Element => {
+	return (
+		<div className="margin-top--lg container">
+			<div
+				className="margin-bottom--sm"
+				style={{
+					display: "flex",
+					alignItems: "center",
+				}}
+			>
+				<h2>{title}</h2>
+				{icon && (
+					<span
+						style={{
+							marginBottom: "0.5rem",
+							marginLeft: "0.5rem",
+							fontSize: "1.25rem",
+							lineHeight: "1.75rem",
+							color: iconColor,
+						}}
+					>
+						{icon}
+					</span>
+				)}
+			</div>
+			<ul
+				style={{
+					position: "relative",
+					display: "grid",
+					gap: "1.5rem",
+					gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
+					paddingLeft: "0",
+				}}
+			>
+				{networks ? (
+					<>
+						{networks.map((network) => (
+							<Card key={network.title} network={network} />
+						))}
+						{networks.length === 0 && <h2>No result</h2>}
+					</>
+				) : (
+					<div>
+						<PlaceholderCard />
+					</div>
+				)}
+			</ul>
+		</div>
+	);
+};
--- a/src/pages/showcase/_components/Networks.tsx
+++ b/src/pages/showcase/_components/Networks.tsx
@ -0,0 +1,52 @@
+import React from "react";
+
+import { FiHeart, FiSearch } from "react-icons/fi";
+import useSWR from "swr";
+
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import { useSelectedTags } from "../../../hooks/useSelectedTags";
+
+import { useFilteredNetworks } from "../../../hooks/useFilteredNetworks";
+import { Showcase } from "../../../utils/apiTypes";
+import { fetcher } from "../../../utils/swr";
+import { NetworkSection } from "./NetworkSection";
+
+export const Networks = (): JSX.Element => {
+	const { siteConfig } = useDocusaurusContext();
+
+	const { data, error } = useSWR<Showcase[]>(
+		`${siteConfig.customFields.API_URL}/showcase`,
+		fetcher,
+	);
+
+	const selectedTags = useSelectedTags();
+	const filteredNetworks = useFilteredNetworks(data ?? []);
+
+	return (
+		<section className="margin-top--lg margin-bottom--xl">
+			{!error ? (
+				selectedTags.length === 0 ? (
+					<>
+						<NetworkSection
+							title="Our favorites"
+							icon={<FiHeart />}
+							iconColor="rgb(190 24 93)"
+							networks={data?.filter((network) =>
+								network.tags.find((tag) => tag.label === "Favorite"),
+							)}
+						/>
+						<NetworkSection title="All networks" networks={data} />
+					</>
+				) : (
+					<NetworkSection
+						title="Results"
+						icon={<FiSearch />}
+						networks={filteredNetworks}
+					/>
+				)
+			) : (
+				<div>{JSON.stringify(error)}</div>
+			)}
+		</section>
+	);
+};
--- a/src/pages/showcase/_components/TagSelect.tsx
+++ b/src/pages/showcase/_components/TagSelect.tsx
@ -0,0 +1,111 @@
+import "url-search-params-polyfill";
+
+import React from "react";
+
+import { useHistory, useLocation } from "@docusaurus/router";
+import { ShowcaseTag } from "../../../utils/apiTypes";
+
+import { toggleListItem } from "../../../utils/showcase";
+
+interface Props extends React.ComponentProps<"input"> {
+	icon: React.ReactElement<React.ComponentProps<"svg">>;
+	label: React.ReactNode;
+	tag: ShowcaseTag;
+}
+
+export function readSearchTags(search: string): string[] {
+	return new URLSearchParams(search).getAll("tags");
+}
+
+function replaceSearchTags(search: string, newTags: string[]) {
+	const searchParams = new URLSearchParams(search);
+	searchParams.delete("tags");
+	newTags.forEach((tag) => searchParams.append("tags", tag));
+	return searchParams.toString();
+}
+
+export const TagSelect = React.forwardRef<HTMLLabelElement, Props>(
+	({ icon, label, tag }) => {
+		const location = useLocation();
+		const history = useHistory();
+		const [selected, setSelected] = React.useState(false);
+		React.useEffect(() => {
+			const tags = readSearchTags(location.search);
+			setSelected(tags.includes(tag.label));
+		}, [tag, location]);
+		const toggleTag = React.useCallback(() => {
+			const tags = readSearchTags(location.search);
+			const newTags = toggleListItem(tags, tag.label);
+			const newSearch = replaceSearchTags(location.search, newTags);
+			history.push({ ...location, search: newSearch });
+		}, [tag, location, history]);
+		return (
+			<button
+				style={{
+					display: "flex",
+					alignItems: "center",
+				}}
+				className={`button button--sm button--outline button--secondary ${
+					selected ? "button--active" : ""
+				}`}
+				onClick={() => {
+					toggleTag();
+				}}
+			>
+				{label}
+				{icon}
+			</button>
+		);
+	},
+);
+
+export const PlaceholderTagSelect = (): JSX.Element => (
+	<div
+		style={{
+			boxSizing: "border-box",
+			position: "relative",
+			display: "inline-flex",
+			alignItems: "center",
+			height: "2rem",
+			marginTop: "0.5rem",
+			marginRight: "0.5rem",
+			fontSize: "0.875rem",
+			lineHeight: "1.25rem",
+			verticalAlign: "middle",
+			userSelect: "none",
+		}}
+	>
+		<div
+			style={{
+				width: "7rem",
+				height: "1.8rem",
+				borderRadius: "0.4rem",
+				backgroundColor: "gray",
+				animation: "pulse 2s infinite",
+				transform: "scale(1)",
+			}}
+		/>
+		<div
+			style={{
+				width: "7rem",
+				height: "1.8rem",
+				borderRadius: "0.4rem",
+				backgroundColor: "gray",
+				animation: "pulse 2s infinite",
+				transform: "scale(1)",
+				marginLeft: 8,
+			}}
+		/>
+		<div
+			style={{
+				width: "7rem",
+				height: "1.8rem",
+				borderRadius: "0.4rem",
+				backgroundColor: "gray",
+				animation: "pulse 2s infinite",
+				transform: "scale(1)",
+				marginLeft: 8,
+			}}
+		/>
+	</div>
+);
--- a/src/pages/showcase/index.tsx
+++ b/src/pages/showcase/index.tsx
@ -0,0 +1,35 @@
+import "url-search-params-polyfill";
+
+import React from "react";
+
+import { useLocation } from "@docusaurus/router";
+import Layout from "@theme/Layout";
+
+import { Filters } from "./_components/Filters";
+import { Network } from "./_components/Network";
+import { Networks } from "./_components/Networks";
+
+const Showcase = (): JSX.Element => {
+	const location = useLocation();
+	const id = new URLSearchParams(location.search).get("id");
+
+	return (
+		<Layout
+			title="Showcase"
+			description="Portfolio of projects from the Dead community"
+		>
+			<main className="margin-vert--lg">
+				{id ? (
+					<Network id={id} />
+				) : (
+					<>
+						<Filters />
+						<Networks />
+					</>
+				)}
+			</main>
+		</Layout>
+	);
+};
+
+export default Showcase;
--- a/src/pages/tools/OEM.tsx
+++ b/src/pages/tools/OEM.tsx
@ -0,0 +1,151 @@
+import React, { useEffect, useState } from "react";
+
+import { fromByteArray, toByteArray } from "base64-js";
+
+import { Protobuf } from "@meshtastic/meshtasticjs";
+import Layout from "@theme/Layout";
+
+const OEM = (): JSX.Element => {
+	const [oemAesKey, setOemAesKey] = useState<Uint8Array>(new Uint8Array());
+	const [oemFont, setOemFont] = useState<Protobuf.ScreenFonts>(
+		Protobuf.ScreenFonts.FONT_MEDIUM,
+	);
+	const [oemIconBits, setOemIconBits] = useState<Uint8Array>(new Uint8Array());
+	const [oemIconHeight, setOemIconHeight] = useState<number>(0);
+	const [oemIconWidth, setOemIconWidth] = useState<number>(0);
+	const [oemText, setOemText] = useState<string>("");
+	const [oemBytes, setOemBytes] = useState<Uint8Array>(new Uint8Array());
+
+	useEffect(() => {
+		setOemBytes(
+			Protobuf.OEMStore.toBinary({
+				oemAesKey,
+				oemFont,
+				oemIconBits,
+				oemIconHeight,
+				oemIconWidth,
+				oemText,
+			}),
+		);
+	}, [oemAesKey, oemFont, oemIconBits, oemIconHeight, oemIconWidth, oemText]);
+
+	const enumOptions = Protobuf.ScreenFonts
+		? Object.entries(Protobuf.ScreenFonts).filter(
+				(value) => typeof value[1] === "number",
+		  )
+		: [];
+
+	const readFile = (file: File) => {
+		return new Promise((resolve: (value: string) => void, reject) => {
+			const reader = new FileReader();
+
+			reader.onload = (res) => {
+				resolve(res.target.result as string);
+			};
+			reader.onerror = (err) => reject(err);
+
+			reader.readAsText(file);
+		});
+	};
+
+	return (
+		<Layout title="OEM Generator" description="OEM Bin Generator">
+			<div className="container mt-8 flex flex-col gap-3">
+				<span>AES Key</span>
+				<div className="flex gap-2">
+					<button
+						onClick={() => {
+							const key = new Uint8Array(128 / 8);
+							setOemAesKey(crypto.getRandomValues(key));
+						}}
+						className="cursor-pointer rounded-md bg-tertiary p-2 hover:brightness-90"
+					>
+						Generate 128bit
+					</button>
+					<button
+						onClick={() => {
+							const key = new Uint8Array(256 / 8);
+							setOemAesKey(crypto.getRandomValues(key));
+						}}
+						className="mr-auto cursor-pointer rounded-md bg-tertiary p-2 hover:brightness-90"
+					>
+						Generate 256bit
+					</button>
+				</div>
+				<input
+					type="text"
+					name="oemAesKey"
+					value={fromByteArray(oemAesKey)}
+					onChange={(e) => {
+						setOemAesKey(toByteArray(e.target.value));
+					}}
+				/>
+				<span>Font</span>
+				<select
+					onChange={(e) => {
+						setOemFont(parseInt(e.target.value));
+					}}
+				>
+					{enumOptions.map(([name, value]) => (
+						<option key={name} value={value}>
+							{name}
+						</option>
+					))}
+				</select>
+				<span>Logo XBM</span>
+				<input
+					type="file"
+					name="file"
+					onChange={(e) => {
+						readFile(e.target.files[0]).then((data) => {
+							setOemIconBits(
+								new Uint8Array(
+									data.split(",").map((s) => parseInt(s.trim(), 16)),
+								),
+							);
+						});
+					}}
+				/>
+				<span>Logo Height</span>
+				<input
+					type="number"
+					name="oemIconHeight"
+					onChange={(e) => {
+						setOemIconHeight(parseInt(e.target.value));
+					}}
+				/>
+				<span>Logo Width</span>
+				<input
+					type="number"
+					name="oemIconWidth"
+					onChange={(e) => {
+						setOemIconWidth(parseInt(e.target.value));
+					}}
+				/>
+				<span>Boot Text</span>
+				<input
+					type="text"
+					name="oemText"
+					onChange={(e) => {
+						setOemText(e.target.value);
+					}}
+				/>
+				<a
+					className="cursor-pointer rounded-md bg-tertiary p-2 hover:brightness-90"
+					download="OEM.bin"
+					onClick={() => {
+						const blob = new Blob([oemBytes], {
+							type: "application/octet-stream",
+						});
+						window.open(URL.createObjectURL(blob));
+					}}
+				>
+					Download
+				</a>
+				{oemBytes.toString()}
+			</div>
+		</Layout>
+	);
+};
+
+export default OEM;
--- a/src/theme/NotFound.d.ts
+++ b/src/theme/NotFound.d.ts
@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function NotFound(): JSX.Element;
--- a/src/theme/NotFound.js
+++ b/src/theme/NotFound.js
@ -0,0 +1,33 @@
+import React from "react";
+import Translate, { translate } from "@docusaurus/Translate";
+import { PageMetadata } from "@docusaurus/theme-common";
+import Layout from "@theme/Layout";
+export default function NotFound() {
+	return (
+		<>
+			<PageMetadata
+				title={translate({
+					id: "theme.NotFound.title",
+					message: "Page Not Found",
+				})}
+			/>
+			<Layout>
+				<main className="container margin-vert--xl">
+					<div className="row">
+						<div className="col col--6 col--offset-3">
+							<h1 className="hero__title">
+								<Translate
+									id="theme.NotFound.title"
+									description="The title of the 404 page"
+								>
+									404 - Page Not Found
+								</Translate>
+							</h1>
+							<img src="/design/chirpy.png" alt='Chirpy' />
+						</div>
+					</div>
+				</main>
+			</Layout>
+		</>
+	);
+}
--- a/src/utils/apiTypes.ts
+++ b/src/utils/apiTypes.ts
@ -0,0 +1,65 @@
+export interface Showcase {
+	id: string;
+	title: string;
+	summary: string;
+	body: string;
+	createdAt: Date;
+	updatedAt: Date;
+
+	tags: ShowcaseTag[];
+	nodes?: Node[];
+	materials?: Material[];
+	author?: Author;
+	authorId?: string;
+}
+
+export interface ShowcaseTag {
+	id: string;
+	label: string;
+	description: string;
+	color: string;
+
+	showcases?: Showcase[];
+}
+
+export interface Node {
+	id: string;
+	latitude: string;
+	longitude: string;
+
+	showcase?: Showcase;
+	showcaseId?: string;
+}
+
+export interface Material {
+	id: string;
+	name: string;
+	details: string;
+	image: string;
+	url: string;
+
+	showcases?: Showcase[];
+}
+
+export interface Author {
+	id: string;
+	githubUsername: string;
+	bio: string;
+
+	showcase?: Showcase[];
+}
+
+export interface DeviceFirmwareResource {
+	id: string;
+	title: string;
+	page_url?: string;
+	zip_url?: string;
+}
+
+export interface FirmwareReleases {
+	releases: {
+		stable: DeviceFirmwareResource[];
+		alpha: DeviceFirmwareResource[];
+	};
+	pullRequests: DeviceFirmwareResource[];
+}
--- a/src/utils/breakpoints.ts
+++ b/src/utils/breakpoints.ts
@ -0,0 +1 @@
+export const BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 };
--- a/src/utils/calculateADC.ts
+++ b/src/utils/calculateADC.ts
@ -0,0 +1,23 @@
+export default function calculateADC() {
+	//const variables
+	const BAT_MILLIVOLTS_FULL = 4.2;
+	const BAT_MILLIVOLTS_EMPTY = 3.27;
+	const BAT_FULL_PERCENT = 1;
+	//variable
+	const batteryChargePercent =
+		parseFloat(
+			(<HTMLInputElement>document.getElementById("batteryChargePercent")).value,
+		) / 100;
+	const operativeAdcMultiplier = parseFloat(
+		(<HTMLInputElement>document.getElementById("operativeAdcMultiplier")).value,
+	);
+	const result =
+		(operativeAdcMultiplier *
+			((BAT_FULL_PERCENT - 1) * BAT_MILLIVOLTS_EMPTY -
+				BAT_FULL_PERCENT * BAT_MILLIVOLTS_FULL)) /
+		((batteryChargePercent - 1) * BAT_MILLIVOLTS_EMPTY -
+			batteryChargePercent * BAT_MILLIVOLTS_FULL);
+	(<HTMLInputElement>(
+		document.getElementById("newOperativeAdcMultiplier")
+	)).value = result.toFixed(4);
+}
--- a/src/utils/map.ts
+++ b/src/utils/map.ts
@ -0,0 +1,13 @@
+import { Node } from "./apiTypes";
+
+export const mapUrl = (nodes: Node[]): string => {
+	const width = 900;
+	const height = 400;
+	const access_token =
+		"pk.eyJ1Ijoic2FjaGF3IiwiYSI6ImNrNW9meXozZjBsdW0zbHBjM2FnNnV6cmsifQ.3E4n8eFGD9ZOFo-XDVeZnQ";
+	const nodeCoords = nodes.map(
+		({ latitude, longitude }) => `pin-l+67ea94(${longitude},${latitude})`,
+	);
+
+	return `https://api.mapbox.com/styles/v1/mapbox/satellite-v9/static/${nodeCoords}/auto/${width}x${height}@2x?access_token=${access_token}`;
+};
--- a/src/utils/showcase.ts
+++ b/src/utils/showcase.ts
@ -0,0 +1,22 @@
+export const sortBy = <T>(array: T[], getter: (item: T) => unknown): T[] => {
+	const sortedArray = [...array];
+	sortedArray.sort((a, b) =>
+		getter(a) > getter(b) ? 1 : getter(b) > getter(a) ? -1 : 0,
+	);
+	return sortedArray;
+};
+
+export const difference = <T>(...arrays: T[][]): T[] => {
+	return arrays.reduce((a, b) => a.filter((c) => !b.includes(c)));
+};
+
+export const toggleListItem = <T>(list: T[], item: T): T[] => {
+	const itemIndex = list.indexOf(item);
+	if (itemIndex === -1) {
+		return list.concat(item);
+	} else {
+		const newList = [...list];
+		newList.splice(itemIndex, 1);
+		return newList;
+	}
+};
--- a/src/utils/swr.ts
+++ b/src/utils/swr.ts
@ -0,0 +1 @@
+export const fetcher = (url: string) => fetch(url).then((res) => res.json());
--- a/static/2.0/CF_logo_horizontal_blktype.svg
+++ b/static/2.0/CF_logo_horizontal_blktype.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 651.29 94.76"><path d="m143.05 93.42 1.07-3.71c1.27-4.41.8-8.48-1.34-11.48-2-2.76-5.26-4.38-9.25-4.57L58 72.7a1.47 1.47 0 0 1-1.35-2 2 2 0 0 1 1.75-1.34l76.26-1c9-.41 18.84-7.75 22.27-16.71l4.34-11.36a2.68 2.68 0 0 0 .18-1 3.31 3.31 0 0 0-.06-.54 49.67 49.67 0 0 0-95.49-5.14 22.35 22.35 0 0 0-35 23.42A31.73 31.73 0 0 0 .34 93.45a1.47 1.47 0 0 0 1.45 1.27h139.49a1.83 1.83 0 0 0 1.77-1.3Z" style="fill:#f78100"/><path d="M168.22 41.15q-1 0-2.1.06a.88.88 0 0 0-.32.07 1.17 1.17 0 0 0-.76.8l-3 10.26c-1.28 4.41-.81 8.48 1.34 11.48a11.65 11.65 0 0 0 9.24 4.57l16.11 1a1.44 1.44 0 0 1 1.14.62 1.5 1.5 0 0 1 .17 1.37 2 2 0 0 1-1.75 1.34l-16.73 1c-9.09.42-18.88 7.75-22.31 16.7l-1.21 3.16a.9.9 0 0 0 .79 1.22h57.63a1.55 1.55 0 0 0 1.54-1.17 41.34 41.34 0 0 0-39.76-52.48Z" style="fill:#fcad32"/><path d="M273.03 59.66h9.53v26.06h16.67v8.35h-26.2V59.66zM309.11 77v-.09c0-9.88 8-17.9 18.58-17.9s18.48 7.92 18.48 17.8v.1c0 9.88-8 17.89-18.58 17.89s-18.48-7.95-18.48-17.8m27.33 0v-.09c0-5-3.59-9.29-8.85-9.29s-8.7 4.22-8.7 9.19v.1c0 5 3.59 9.29 8.8 9.29s8.75-4.23 8.75-9.2m21.4 2V59.66h9.69v19.12c0 5 2.5 7.33 6.34 7.33s6.34-2.26 6.34-7.08V59.66h9.68v19.07c0 11.11-6.34 16-16.12 16s-15.93-5-15.93-15.73m46.65-19.34h13.27c12.29 0 19.42 7.08 19.42 17v.1c0 9.93-7.23 17.3-19.61 17.3h-13.08Zm13.42 26c5.7 0 9.49-3.15 9.49-8.71v-.09c0-5.51-3.79-8.71-9.49-8.71H414v17.47Zm33.13-26h27.52v8.36h-17.98v5.85h16.27v7.91h-16.27v12.29h-9.54V59.66zm40.8 0h9.53v26.06h16.67v8.35h-26.2V59.66zm51.16-.24h9.19l14.61 34.65h-10.22l-2.51-6.14h-13.28l-2.45 6.14h-10Zm8.35 21.08-3.83-9.78-3.92 9.78Zm27.73-20.84h16.27c5.27 0 8.9 1.38 11.21 3.74a10.64 10.64 0 0 1 3.05 8v.1a10.88 10.88 0 0 1-7.08 10.57l8.21 12h-11l-6.94-10.42h-4.18v10.42h-9.54Zm15.83 16.52c3.25 0 5.12-1.58 5.12-4.08V72c0-2.71-2-4.08-5.17-4.08h-6.24v8.26Zm28.46-16.52h27.68v8.11h-18.24v5.21h16.52v7.52h-16.52v5.46h18.48v8.11h-27.92V59.66zM252.15 81a8.44 8.44 0 0 1-7.88 5.16c-5.22 0-8.8-4.33-8.8-9.29v-.1c0-5 3.49-9.2 8.7-9.2a8.64 8.64 0 0 1 8.18 5.71h10C260.79 65.09 253.6 59 244.27 59c-10.62 0-18.58 8-18.58 17.9v.1c0 9.88 7.86 17.8 18.48 17.8 9.08 0 16.18-5.88 18.05-13.76Z"/></svg>
--- a/static/2.0/LILYGO.png
+++ b/static/2.0/LILYGO.png
--- a/static/2.0/RAK-blue-main.svg
+++ b/static/2.0/RAK-blue-main.svg
--- a/static/2.0/android.jpg
+++ b/static/2.0/android.jpg
--- a/static/2.0/background.png
+++ b/static/2.0/background.png
--- a/static/2.0/discord.svg
+++ b/static/2.0/discord.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="292" height="80" fill="none" viewBox="0 0 292 80"><g clip-path="url(#a)"><g fill="#5865F2" clip-path="url(#b)"><path d="M61.796 16.494a59.415 59.415 0 0 0-15.05-4.73 44.128 44.128 0 0 0-1.928 4.003c-5.612-.844-11.172-.844-16.68 0a42.783 42.783 0 0 0-1.95-4.002 59.218 59.218 0 0 0-15.062 4.74C1.6 30.9-.981 44.936.31 58.772c6.317 4.717 12.44 7.583 18.458 9.458a45.906 45.906 0 0 0 3.953-6.51 38.872 38.872 0 0 1-6.225-3.03 30.957 30.957 0 0 0 1.526-1.208c12.004 5.615 25.046 5.615 36.906 0 .499.416 1.01.82 1.526 1.208a38.775 38.775 0 0 1-6.237 3.035 45.704 45.704 0 0 0 3.953 6.511c6.025-1.875 12.153-4.74 18.47-9.464 1.515-16.04-2.588-29.947-10.844-42.277Zm-37.44 33.767c-3.603 0-6.558-3.363-6.558-7.46 0-4.096 2.892-7.466 6.559-7.466 3.666 0 6.621 3.364 6.558 7.466.006 4.097-2.892 7.46-6.558 7.46Zm24.237 0c-3.603 0-6.558-3.363-6.558-7.46 0-4.096 2.892-7.466 6.558-7.466 3.667 0 6.622 3.364 6.558 7.466 0 4.097-2.891 7.46-6.558 7.46ZM98.03 26.17h15.663c3.776 0 6.966.604 9.583 1.806 2.61 1.201 4.567 2.877 5.864 5.022 1.296 2.145 1.95 4.6 1.95 7.367 0 2.707-.677 5.163-2.031 7.36-1.354 2.204-3.414 3.944-6.185 5.228-2.771 1.283-6.203 1.928-10.305 1.928h-14.54V26.17Zm14.378 21.414c2.542 0 4.499-.65 5.864-1.945 1.366-1.301 2.049-3.071 2.049-5.316 0-2.08-.609-3.739-1.825-4.98-1.216-1.243-3.058-1.87-5.52-1.87h-4.9v14.111h4.332Zm42.133 7.262c-2.169-.575-4.126-1.407-5.864-2.503v-6.81c1.314 1.038 3.075 1.893 5.284 2.567 2.209.668 4.344 1.002 6.409 1.002.964 0 1.693-.128 2.186-.386.494-.258.741-.569.741-.926 0-.41-.132-.75-.402-1.026-.27-.275-.792-.504-1.566-.697l-4.82-1.108c-2.76-.656-4.717-1.565-5.881-2.73-1.165-1.161-1.745-2.685-1.745-4.572 0-1.588.505-2.965 1.527-4.143 1.015-1.178 2.461-2.087 4.337-2.725 1.877-.645 4.068-.967 6.587-.967 2.249 0 4.309.246 6.186.738 1.876.492 3.425 1.12 4.659 1.887v6.44c-1.263-.767-2.709-1.37-4.361-1.828a19.138 19.138 0 0 0-5.084-.674c-2.519 0-3.775.44-3.775 1.313 0 .41.195.715.585.92.39.205 1.107.416 2.146.639l4.016.738c2.623.463 4.579 1.278 5.864 2.438 1.286 1.16 1.928 2.878 1.928 5.152 0 2.49-1.061 4.465-3.19 5.93-2.129 1.465-5.147 2.198-9.06 2.198a26.36 26.36 0 0 1-6.707-.867Zm28.437-.862c-2.3-1.149-4.039-2.708-5.198-4.677-1.159-1.969-1.744-4.184-1.744-6.645 0-2.462.602-4.665 1.807-6.605 1.205-1.94 2.972-3.464 5.302-4.571 2.329-1.108 5.112-1.659 8.354-1.659 4.016 0 7.35.862 10.001 2.585v7.507c-.935-.656-2.026-1.19-3.271-1.6-1.245-.41-2.576-.615-3.999-.615-2.49 0-4.435.463-5.841 1.395-1.406.931-2.111 2.144-2.111 3.65 0 1.477.682 2.685 2.048 3.634 1.366.944 3.345 1.418 5.944 1.418 1.337 0 2.657-.2 3.959-.592 1.297-.398 2.416-.885 3.351-1.459v7.261c-2.943 1.805-6.357 2.707-10.242 2.707-3.27-.011-6.059-.586-8.36-1.734Zm28.54 0c-2.318-1.148-4.085-2.72-5.302-4.718-1.216-1.998-1.83-4.225-1.83-6.686 0-2.462.608-4.66 1.83-6.587 1.222-1.928 2.978-3.44 5.285-4.536 2.3-1.096 5.049-1.641 8.233-1.641 3.185 0 5.933.545 8.234 1.64 2.301 1.097 4.057 2.597 5.262 4.513 1.205 1.917 1.807 4.114 1.807 6.605 0 2.461-.602 4.688-1.807 6.687-1.205 1.998-2.967 3.569-5.285 4.717-2.318 1.149-5.055 1.723-8.216 1.723-3.162 0-5.899-.568-8.211-1.717Zm12.204-7.279c.976-.996 1.469-2.314 1.469-3.955s-.488-2.948-1.469-3.915c-.975-.973-2.307-1.46-3.993-1.46-1.716 0-3.059.487-4.04 1.46-.975.973-1.463 2.274-1.463 3.915 0 1.64.488 2.96 1.463 3.956.976.996 2.324 1.5 4.04 1.5 1.686-.006 3.018-.504 3.993-1.5ZM259.17 31.34v8.86c-1.021-.685-2.341-1.025-3.976-1.025-2.141 0-3.793.662-4.941 1.986-1.153 1.325-1.727 3.388-1.727 6.177v7.548h-9.84V30.888h9.64v7.63c.533-2.79 1.4-4.846 2.593-6.176 1.188-1.325 2.725-1.987 4.596-1.987 1.417 0 2.634.328 3.655.985Zm32.694-5.99v29.537h-9.841v-5.374c-.832 2.022-2.094 3.563-3.792 4.618-1.699 1.049-3.799 1.576-6.289 1.576-2.226 0-4.165-.55-5.824-1.658-1.658-1.108-2.937-2.626-3.838-4.554-.895-1.928-1.349-4.108-1.349-6.546-.028-2.514.448-4.77 1.429-6.769.976-1.998 2.358-3.557 4.137-4.676 1.779-1.12 3.81-1.682 6.088-1.682 4.688 0 7.832 2.08 9.438 6.235V25.35h9.841Zm-11.309 21.191c1.004-.996 1.503-2.29 1.503-3.873 0-1.53-.488-2.778-1.463-3.733-.976-.956-2.313-1.436-3.994-1.436-1.658 0-2.983.486-3.976 1.46-.993.972-1.486 2.232-1.486 3.79 0 1.56.493 2.831 1.486 3.816.993.984 2.301 1.477 3.936 1.477 1.658-.006 2.989-.504 3.994-1.5ZM139.382 33.443c2.709 0 4.906-2.015 4.906-4.5 0-2.486-2.197-4.501-4.906-4.501-2.71 0-4.906 2.015-4.906 4.5 0 2.486 2.196 4.501 4.906 4.501Zm-4.91 3.101c3.006 1.324 6.736 1.383 9.811 0v18.471h-9.811V36.544Z"/></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 11.765h292v56.47H0z"/></clipPath><clipPath id="b"><path fill="#fff" d="M0 11.765h292v56.47H0z"/></clipPath></defs></svg>
--- a/static/2.0/ios.png
+++ b/static/2.0/ios.png
--- a/static/2.0/opencollectivelogo.svg
+++ b/static/2.0/opencollectivelogo.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="457" height="60" viewBox="0 0 457 60"><g fill="none" fill-rule="evenodd"><path fill="#7FADF2" d="M34.62 18.179C36.75 21.249 38 24.979 38 29s-1.25 7.75-3.38 10.821L29.697 34.9a12.16 12.16 0 0 0 1.517-5.9c0-2.14-.55-4.15-1.516-5.9l4.921-4.921Zm-4.8-4.799-4.92 4.922a12.16 12.16 0 0 0-5.9-1.516c-6.746 0-12.214 5.468-12.214 12.214S12.254 41.214 19 41.214c2.14 0 4.15-.55 5.9-1.516l4.921 4.921A18.912 18.912 0 0 1 19 48C8.507 48 0 39.493 0 29s8.507-19 19-19c4.021 0 7.75 1.25 10.821 3.38Z"/><path fill="#B8D3F4" d="M34.62 18.179C36.75 21.249 38 24.979 38 29s-1.25 7.75-3.38 10.821L29.697 34.9a12.16 12.16 0 0 0 1.517-5.9c0-2.14-.55-4.15-1.516-5.9l4.921-4.921Z"/><path fill="#515F71" d="M110.7 13.6c-3.7 0-7.2 1.4-9.8 3.6v-2.3c0-.6-.5-1-1-1h-3.4c-.6 0-1 .5-1 1v43.7c0 .5.4 1 1 1h3.5c.5 0 1-.4 1-1V40.3c2.6 2.2 6.1 3.6 9.8 3.6 8.4 0 15.2-6.8 15.2-15.2-.2-8.4-7-15.1-15.3-15.1Zm0 24.8c-5.4 0-9.7-4.4-9.7-9.7 0-5.4 4.4-9.7 9.7-9.7 5.4 0 9.7 4.4 9.7 9.7 0 5.4-4.4 9.7-9.7 9.7Zm65.9-24.8c-3.7 0-7.1 1.3-9.7 3.5v-1.3c0-1.1-.9-2-2-2h-1.5c-1.1 0-2 .9-2 2v26.3c0 .8.7 1.5 1.5 1.5h2.5c.8 0 1.5-.7 1.5-1.5V29.6c0-5.4 4.4-10.6 9.7-10.6 3.5 0 9.7 1.9 9.7 10.6v12.5c0 .8.7 1.5 1.5 1.5h2.5c.8 0 1.5-.7 1.5-1.5V29.5c0-13.2-10.4-15.9-15.2-15.9Zm-18.4 11.9c-1.5-7.1-8-12.3-15.6-11.9-7.6.4-13.8 6.4-14.3 14-.6 8.9 6.4 16.3 15.1 16.3 5.9 0 11-3.3 13.5-8.2.4-.7-.1-1.6-.9-1.8l-3-.6c-.5-.1-1 .1-1.3.6-1.7 2.7-4.8 4.6-8.2 4.6-3 0-5.7-1.4-7.5-3.5l17.2-7.2 5-2.3Zm-24.4 4.4c0-.4-.1-.8-.1-1.2 0-5.4 4.4-9.7 9.7-9.7 3 0 5.8 1.4 7.5 3.6l-17.1 7.3ZM77.3 13.4c-8.4 0-15.2 6.8-15.2 15.2 0 8.4 6.8 15.2 15.2 15.2 8.4 0 15.2-6.8 15.2-15.2 0-8.4-6.8-15.2-15.2-15.2Zm0 24.9c-5.4 0-9.7-4.4-9.7-9.7 0-5.4 4.4-9.7 9.7-9.7 5.4 0 9.7 4.4 9.7 9.7.1 5.3-4.3 9.7-9.7 9.7Zm181.4-25c-8.4 0-15.2 6.8-15.2 15.2 0 8.4 6.8 15.2 15.2 15.2 8.4 0 15.2-6.8 15.2-15.2 0-8.4-6.8-15.2-15.2-15.2Zm0 24.9c-5.4 0-9.7-4.4-9.7-9.7 0-5.4 4.4-9.7 9.7-9.7 5.4 0 9.7 4.4 9.7 9.7 0 5.3-4.3 9.7-9.7 9.7ZM390.6 4.3h-3.1c-.7 0-1.2.5-1.2 1.2v3.1c0 .7.5 1.2 1.2 1.2h3.1c.7 0 1.2-.5 1.2-1.2V5.5c0-.7-.6-1.2-1.2-1.2Zm63.9 29.4-3.6-.7c-.4-.1-.8.1-1 .5-1.7 2.8-4.8 4.7-8.3 4.7-3 0-5.7-1.4-7.5-3.5l17.2-7.2 5.2-2.2c-1.5-7.1-8-12.3-15.6-11.9-7.6.4-13.8 6.5-14.3 14.1-.6 8.9 6.4 16.3 15.1 16.3 6 0 11.2-3.5 13.6-8.5.2-.8-.2-1.5-.8-1.6Zm-22.7-5.3c0-5.4 4.4-9.7 9.7-9.7 3 0 5.8 1.4 7.5 3.6l-17.2 7.3v-1.2ZM332 25.2c-1.5-7.1-8-12.3-15.6-11.9-7.6.4-13.8 6.5-14.3 14.1-.6 8.9 6.4 16.3 15.1 16.3 6 0 11.2-3.5 13.7-8.6.3-.6-.1-1.3-.7-1.4l-3.6-.7c-.4-.1-.8.1-1 .5-1.7 2.8-4.8 4.7-8.3 4.7-3 0-5.7-1.4-7.5-3.5l17.2-7.2 5-2.3Zm-24.5 4.4c0-.4-.1-.8-.1-1.2 0-5.4 4.4-9.7 9.7-9.7 3 0 5.8 1.4 7.5 3.6l-17.1 7.3ZM283.2.7h-3.6c-.5 0-.9.4-.9.9v40.7c0 .5.4 1 1 1h3.5c.5 0 1-.4 1-1V1.6c0-.5-.5-.9-1-.9Zm12.3 0h-3.6c-.5 0-.9.4-.9.9v40.7c0 .5.4 1 1 1h3.5c.5 0 1-.4 1-1V1.6c-.1-.5-.5-.9-1-.9Zm95.1 12.7h-3.1c-.7 0-1.2.5-1.2 1.2v27.6c0 .7.5 1.2 1.2 1.2h3.1c.7 0 1.2-.5 1.2-1.2V14.5c0-.6-.6-1.1-1.2-1.1Zm-10.2 0h-3.9c-.4 0-.8-.4-.8-.8V1.5c0-.4-.4-.8-.8-.8H371c-.4 0-.8.4-.8.8v11.1c0 .4-.4.8-.8.8h-3.9c-.4 0-.8.4-.8.8V18c0 .4.4.8.8.8h3.9c.4 0 .8.4.8.8v22.7c0 .6.5 1 1 1h3.4c.6 0 1-.5 1-1V19.6c0-.4.4-.8.8-.8h3.9c.4 0 .8-.4.8-.8v-3.9c.1-.4-.2-.7-.7-.7Zm-21.6 22.1c-.4-.4-1.1-.4-1.5 0-1.8 1.7-4.1 2.7-6.8 2.7-5.7 0-10.3-5-9.7-10.8.5-4.5 4.2-8.1 8.7-8.6 2.8-.3 5.5.7 7.4 2.4.6.5 1.5.5 2.1-.1l1.7-1.7c.6-.6.6-1.6 0-2.2-2.9-2.7-6.9-4.2-11.2-3.9-7.7.5-13.9 6.9-14.2 14.7-.3 8.6 6.6 15.6 15.2 15.6 4.1 0 7.9-1.6 10.6-4.3.4-.4.4-1.1 0-1.5l-2.3-2.3Zm-119.7 0c-.4-.4-1.1-.4-1.5 0-1.8 1.7-4.1 2.7-6.8 2.7-5.7 0-10.3-5-9.7-10.8.5-4.5 4.2-8.1 8.7-8.6 2.8-.3 5.5.7 7.4 2.4.6.5 1.5.5 2.1-.1l1.7-1.7c.6-.6.6-1.6 0-2.2-2.9-2.7-6.9-4.2-11.2-3.9-7.7.5-13.9 6.9-14.2 14.7-.3 8.6 6.6 15.6 15.2 15.6 4.1 0 7.9-1.6 10.6-4.3.4-.4.4-1.1 0-1.5l-2.3-2.3ZM424 13.7h-4.9c-.1 0-.2.1-.2.2l-8 23.5c-.1.2-.4.2-.4 0l-8-23.5c0-.1-.1-.2-.2-.2h-4.9c-.2 0-.3.2-.2.3l9.9 29.1c0 .1.1.2.2.2h6.8c.1 0 .2-.1.2-.2l9.9-29.1c.1-.1 0-.3-.2-.3Z"/></g></svg>
--- a/static/2.0/typelogo.svg
+++ b/static/2.0/typelogo.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.5" viewBox="0 0 1115 116"><path d="m81.582 577.266 66.954-98.462" style="fill:none;stroke:#fff;stroke-width:14.11px" transform="translate(-75.985 -483.202) scale(1.02332)"/><path d="m81.582 577.266 66.954-98.462" style="fill:none;stroke:#fff;stroke-width:14.86px" transform="matrix(1.01019 0 0 1.0102 852.95 -475.627)"/><text x="640.988" y="399.072" style="fill:#fff;font-family:&quot;ArialMT&quot;,&quot;Arial&quot;,sans-serif;font-size:12px" transform="matrix(12.6568 0 0 12.68749 -7898.028 -4950.898)">ESHT</text><path d="m187.032 410.85 63.864-93.658 64.011 93.51" style="fill:none;stroke:#fff;stroke-width:13.85px" transform="translate(-120.199 -314.73) scale(1.02696)"/><path d="m187.032 410.85 63.864-93.658 64.011 93.51" style="fill:none;stroke:#fff;stroke-width:13.85px" transform="translate(417.633 -313.199) scale(1.02696)"/><text style="fill:#fff;font-family:&quot;ArialMT&quot;,&quot;Arial&quot;,sans-serif;font-size:252.715px" transform="matrix(.601 0 0 .60246 750.004 112.652)">ST</text><text style="fill:#fff;font-family:&quot;ArialMT&quot;,&quot;Arial&quot;,sans-serif;font-size:252.715px" transform="matrix(.601 0 0 .60246 1008.532 112.998)">C</text></svg>
--- a/static/2.0/vercel-logotype-dark.svg
+++ b/static/2.0/vercel-logotype-dark.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="4438" height="1000" fill="none" viewBox="0 0 4438 1000"><path fill="#000" d="M2223.75 250c-172.5 0-296.88 112.5-296.88 281.25s139.85 281.25 312.51 281.25c104.21 0 196.09-41.25 252.96-110.781l-119.53-69.063c-31.56 34.532-79.53 54.688-133.43 54.688-74.85 0-138.44-39.063-162.04-101.563h437.82c3.43-17.5 5.47-35.625 5.47-54.687C2520.63 362.5 2396.41 250 2223.75 250Zm-147.66 226.562C2095.62 414.219 2149.06 375 2223.75 375c74.84 0 128.28 39.219 147.66 101.562h-295.32Zm-35.31-398.437-432.97 750-433.12-750h162.34l270.63 468.75 270.62-468.75h162.5ZM577.344 0l577.346 1000H0L577.344 0ZM3148.75 531.25C3148.75 625 3210 687.5 3305 687.5c64.38 0 112.66-29.219 137.5-76.875l120 69.219C3512.81 762.656 3419.69 812.5 3305 812.5c-172.66 0-296.87-112.5-296.87-281.25S3132.5 250 3305 250c114.69 0 207.66 49.844 257.5 132.656l-120 69.219C3417.66 404.219 3369.38 375 3305 375c-94.84 0-156.25 62.5-156.25 156.25ZM4437.5 78.125v718.75h-140.62V78.125h140.62ZM3906.25 250c-172.5 0-296.87 112.5-296.87 281.25s140 281.25 312.5 281.25c104.21 0 196.09-41.25 252.96-110.781l-119.53-69.063c-31.56 34.532-79.53 54.688-133.43 54.688-74.85 0-138.44-39.063-162.04-101.563h437.82c3.43-17.5 5.46-35.625 5.46-54.687C4203.12 362.5 4078.91 250 3906.25 250Zm-147.66 226.562C3778.13 414.219 3831.41 375 3906.25 375s128.28 39.219 147.66 101.562h-295.32Zm-797.34-210.937v151.406c-15.62-4.531-32.19-7.656-50-7.656-90.78 0-156.25 62.5-156.25 156.25v231.25h-140.62v-531.25H2755v143.75c0-79.375 92.34-143.75 206.25-143.75Z"/></svg>
--- a/static/2.0/webUI.png
+++ b/static/2.0/webUI.png
--- a/static/img/amazon-fire-button.png
+++ b/static/img/amazon-fire-button.png
--- a/static/img/dead-banner.png
+++ b/static/img/dead-banner.png
--- a/static/img/efficiency.svg
+++ b/static/img/efficiency.svg
--- a/static/img/homepage/Discord-Logo-White.svg
+++ b/static/img/homepage/Discord-Logo-White.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="71" height="55" fill="none" viewBox="0 0 71 55"><g clip-path="url(#a)"><path fill="#fff" d="M60.105 4.898A58.55 58.55 0 0 0 45.653.415a.22.22 0 0 0-.233.11 40.784 40.784 0 0 0-1.8 3.697c-5.456-.817-10.886-.817-16.23 0-.485-1.164-1.201-2.587-1.828-3.697a.228.228 0 0 0-.233-.11 58.386 58.386 0 0 0-14.451 4.483.207.207 0 0 0-.095.082C1.578 18.73-.944 32.144.293 45.39a.244.244 0 0 0 .093.167c6.073 4.46 11.955 7.167 17.729 8.962a.23.23 0 0 0 .249-.082 42.08 42.08 0 0 0 3.627-5.9.225.225 0 0 0-.123-.312 38.772 38.772 0 0 1-5.539-2.64.228.228 0 0 1-.022-.378 31.17 31.17 0 0 0 1.1-.862.22.22 0 0 1 .23-.03c11.619 5.304 24.198 5.304 35.68 0a.219.219 0 0 1 .233.027c.356.293.728.586 1.103.865a.228.228 0 0 1-.02.378 36.384 36.384 0 0 1-5.54 2.637.227.227 0 0 0-.121.315 47.249 47.249 0 0 0 3.624 5.897.225.225 0 0 0 .249.084c5.801-1.794 11.684-4.502 17.757-8.961a.228.228 0 0 0 .092-.164c1.48-15.315-2.48-28.618-10.497-40.412a.18.18 0 0 0-.093-.084Zm-36.38 32.427c-3.497 0-6.38-3.211-6.38-7.156 0-3.944 2.827-7.156 6.38-7.156 3.583 0 6.438 3.24 6.382 7.156 0 3.945-2.827 7.156-6.381 7.156Zm23.593 0c-3.498 0-6.38-3.211-6.38-7.156 0-3.944 2.826-7.156 6.38-7.156 3.582 0 6.437 3.24 6.38 7.156 0 3.945-2.798 7.156-6.38 7.156Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h71v55H0z"/></clipPath></defs></svg>
--- a/static/img/homepage/Discourse-Logo-White.svg
+++ b/static/img/homepage/Discourse-Logo-White.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -1 104 106"><path d="M51.87 0C23.71 0 0 22.83 0 51v52.81l51.86-.05c28.16 0 51-23.71 51-51.87S80 0 51.87 0Z" style="fill:#231f20"/><path d="M52.37 19.74a31.62 31.62 0 0 0-27.79 46.67l-5.72 18.4 20.54-4.64a31.61 31.61 0 1 0 13-60.43Z" style="fill:#fff9ae"/><path d="M77.45 32.12a31.6 31.6 0 0 1-38.05 48l-20.54 4.7 20.91-2.47a31.6 31.6 0 0 0 37.68-50.23Z" style="fill:#00aeef"/><path d="M71.63 26.29A31.6 31.6 0 0 1 38.8 78l-19.94 6.82 20.54-4.65a31.6 31.6 0 0 0 32.23-53.88Z" style="fill:#00a94f"/><path d="M26.47 67.11a31.61 31.61 0 0 1 51-35 31.61 31.61 0 0 0-52.89 34.3l-5.72 18.4Z" style="fill:#f15d22"/><path d="M24.58 66.41a31.61 31.61 0 0 1 47.05-40.12 31.61 31.61 0 0 0-49 39.63l-3.76 18.9Z" style="fill:#e31b23"/></svg>
--- a/static/img/homepage/GitHub-Logo-White.svg
+++ b/static/img/homepage/GitHub-Logo-White.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" fill="none" viewBox="0 0 1024 1024"><path fill="#1B1F23" fill-rule="evenodd" d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-.64-52.48-.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-.64-33.92 40.32-.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28 43.52 0 87.04 5.76 128 17.28 97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-.64 123.52-.64 140.8 0 13.44 9.6 29.44 35.2 24.32C877.44 929.92 1024 737.92 1024 512 1024 229.12 794.88 0 512 0Z" clip-rule="evenodd"/></svg>
--- a/static/img/homepage/Instagram_Glyph_Gradient.svg
+++ b/static/img/homepage/Instagram_Glyph_Gradient.svg
--- a/static/img/homepage/Reddit-Logo-White.svg
+++ b/static/img/homepage/Reddit-Logo-White.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="85.45 80.45 170.9 170.9"><path d="M227.9 170.9c0-6.9-5.6-12.5-12.5-12.5-3.4 0-6.4 1.3-8.6 3.5-8.5-6.1-20.3-10.1-33.3-10.6l5.7-26.7 18.5 3.9c.2 4.7 4.1 8.5 8.9 8.5 4.9 0 8.9-4 8.9-8.9s-4-8.9-8.9-8.9c-3.5 0-6.5 2-7.9 5l-20.7-4.4c-.6-.1-1.2 0-1.7.3s-.8.8-1 1.4l-6.3 29.8c-13.3.4-25.2 4.3-33.8 10.6-2.2-2.1-5.3-3.5-8.6-3.5-6.9 0-12.5 5.6-12.5 12.5 0 5.1 3 9.4 7.4 11.4-.2 1.2-.3 2.5-.3 3.8 0 19.2 22.3 34.7 49.9 34.7s49.9-15.5 49.9-34.7c0-1.3-.1-2.5-.3-3.7 4.1-2 7.2-6.4 7.2-11.5zm-85.5 8.9c0-4.9 4-8.9 8.9-8.9s8.9 4 8.9 8.9-4 8.9-8.9 8.9-8.9-4-8.9-8.9zm49.7 23.5c-6.1 6.1-17.7 6.5-21.1 6.5-3.4 0-15.1-.5-21.1-6.5-.9-.9-.9-2.4 0-3.3.9-.9 2.4-.9 3.3 0 3.8 3.8 12 5.2 17.9 5.2s14-1.4 17.9-5.2c.9-.9 2.4-.9 3.3 0 .7 1 .7 2.4-.2 3.3zm-1.6-14.6c-4.9 0-8.9-4-8.9-8.9s4-8.9 8.9-8.9 8.9 4 8.9 8.9-4 8.9-8.9 8.9z" style="fill:#fff"/></svg>
--- a/static/img/homepage/Twitter-Logo-White.svg
+++ b/static/img/homepage/Twitter-Logo-White.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 400 400" viewBox="0 0 400 400"><path d="M400 200c0 110.5-89.5 200-200 200S0 310.5 0 200 89.5 0 200 0s200 89.5 200 200zM163.4 305.5c88.7 0 137.2-73.5 137.2-137.2 0-2.1 0-4.2-.1-6.2 9.4-6.8 17.6-15.3 24.1-25-8.6 3.8-17.9 6.4-27.7 7.6 10-6 17.6-15.4 21.2-26.7-9.3 5.5-19.6 9.5-30.6 11.7-8.8-9.4-21.3-15.2-35.2-15.2-26.6 0-48.2 21.6-48.2 48.2 0 3.8.4 7.5 1.3 11-40.1-2-75.6-21.2-99.4-50.4-4.1 7.1-6.5 15.4-6.5 24.2 0 16.7 8.5 31.5 21.5 40.1-7.9-.2-15.3-2.4-21.8-6v.6c0 23.4 16.6 42.8 38.7 47.3-4 1.1-8.3 1.7-12.7 1.7-3.1 0-6.1-.3-9.1-.9 6.1 19.2 23.9 33.1 45 33.5-16.5 12.9-37.3 20.6-59.9 20.6-3.9 0-7.7-.2-11.5-.7 21.1 13.8 46.5 21.8 73.7 21.8" style="fill:#fff"/></svg>
--- a/static/img/homepage/YouTube-Logo-White.svg
+++ b/static/img/homepage/YouTube-Logo-White.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="800" viewBox="-35.2 -41.333 305.067 248"><path fill="#fff" d="M93.333 117.559V47.775l61.334 34.893zm136.43-91.742c-2.699-10.162-10.651-18.165-20.747-20.881C190.716 0 117.333 0 117.333 0S43.951 0 25.651 4.936C15.555 7.652 7.603 15.655 4.904 25.817 0 44.236 0 82.667 0 82.667s0 38.429 4.904 56.849c2.699 10.163 10.65 18.165 20.747 20.883 18.3 4.934 91.682 4.934 91.682 4.934s73.383 0 91.683-4.934c10.096-2.718 18.048-10.72 20.747-20.883 4.904-18.42 4.904-56.85 4.904-56.85s0-38.43-4.904-56.849"/></svg>
--- a/static/img/homepage/battery.svg
+++ b/static/img/homepage/battery.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="150 150 650 650"><g stroke-width=".948"><path fill="#4d4d4d" d="M247.5 596.333H657V353.667H247.5zM277.833 384h348.834v182H277.833z"/><path fill="#67ea94" d="M298.394 405.745h307.722v138.52H298.394z"/><path fill="#4d4d4d" d="M672.167 424.448H702.5v101.114h-30.333z"/></g></svg>
--- a/static/img/homepage/encryption.svg
+++ b/static/img/homepage/encryption.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="150 150 650 650"><path fill="#4d4d4d" d="M604.283 369.655h-72.28V284.62a102.042 102.042 0 1 0-204.083 0v85.035h-72.28a12.755 12.755 0 0 0-12.755 12.755v297.622a12.755 12.755 0 0 0 12.755 12.755h348.643a12.755 12.755 0 0 0 12.755-12.755V382.41a12.755 12.755 0 0 0-12.755-12.755zm-112.671 0h-123.3v-85.832a61.65 61.65 0 1 1 123.3 0z"/><path fill="#eab167" stroke="#4d4d4d" stroke-width="8.5" d="M540.019 526.745c0 10.204 0 20.094 3.218 29.356-33.831 39.718-131.477 152.67-131.477 152.67l2.276 28.494s27.316 25.903 31.398 21.978c12.088-11.774 19.466-19.78 19.466-19.78l5.683-34.027 36.978-2.724 2.967-36.735 38.957-.746.384-39.317 41.359 1.648 7.064-14.788c12.167 5.259 23.234 7.378 37.442 7.378 53.768 0 97.332-41.915 97.332-93.564 0-51.649-43.596-93.408-97.364-93.408s-95.683 41.916-95.683 93.565zm148.156-18.21a30.495 30.495 0 1 1-30.495-30.495 30.463 30.463 0 0 1 30.495 30.494z"/></svg>
--- a/static/img/homepage/extendable.svg
+++ b/static/img/homepage/extendable.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="150 150 650 650"><path fill="#67ea94" stroke="#4d4d4d" stroke-linecap="round" stroke-linejoin="round" stroke-width="15" d="M626.18 465.506h-26.524a1.918 1.918 0 0 1-1.918-1.918v-74.065a37.263 37.263 0 0 0-37.262-37.263H486.41a1.918 1.918 0 0 1-1.918-1.917V323.82c0-26.025-20.616-47.81-46.64-48.262a47.494 47.494 0 0 0-48.329 47.475v27.31a1.918 1.918 0 0 1-1.918 1.917H313.54a38.106 38.106 0 0 0-37.991 37.992v67.487a1.918 1.918 0 0 0 1.918 1.918h25.804c28.162 0 51.473 24.432 51.866 52.595.403 28.642-22.543 54.8-51.1 54.8h-26.57a1.918 1.918 0 0 0-1.918 1.919v67.487a38.106 38.106 0 0 0 37.991 37.99h67.487a1.918 1.918 0 0 0 1.918-1.917v-20.07c0-29.035 23.733-54.033 52.74-54.714 28.862-.671 54.656 19.475 54.656 48.213v26.571a1.918 1.918 0 0 0 1.918 1.918h68.216a37.263 37.263 0 0 0 37.262-37.263v-74.793a1.918 1.918 0 0 1 1.918-1.918h27.31c26.494 0 47.484-21.738 47.484-48.329s-22.246-46.64-48.27-46.64z"/></svg>
--- a/static/img/homepage/f_logo_RGB-White_1024.png
+++ b/static/img/homepage/f_logo_RGB-White_1024.png
--- a/static/img/homepage/messages.svg
+++ b/static/img/homepage/messages.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="150 150 650 650"><path fill="#eab167" stroke="#4d4d4d" stroke-linejoin="round" stroke-width="29.792" d="M585.204 337.464v148.4A52.285 52.285 0 0 1 533.068 538H379.313a7.448 7.448 0 0 0-4.777 1.73l-9.228 7.694v20.928a52.285 52.285 0 0 0 52.136 52.136h153.755a7.448 7.448 0 0 1 4.775 1.73l87.254 72.75v-74.48h37.24a52.285 52.285 0 0 0 52.136-52.136V389.6a52.285 52.285 0 0 0-52.136-52.136z"/><path fill="none" stroke="#4d4d4d" stroke-linejoin="round" stroke-width="29.792" d="M532.556 255.034H249.532a52.285 52.285 0 0 0-52.136 52.136v178.752a52.285 52.285 0 0 0 52.136 52.136h37.24v74.48l87.253-72.748a7.448 7.448 0 0 1 4.776-1.732h153.755a52.285 52.285 0 0 0 52.136-52.136V307.17a52.285 52.285 0 0 0-52.136-52.136z"/><g fill="#4d4d4d"><circle cx="301.668" cy="396.546" r="29.792" fill="#eab167"/><circle cx="391.044" cy="396.546" r="29.792" fill="#eab167"/><circle cx="480.42" cy="396.546" r="29.792" fill="#eab167"/></g></svg>
--- a/static/img/homepage/opensource.svg
+++ b/static/img/homepage/opensource.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="150 150 650 650" transform="matrix(1, 0, 0, 1, 0, 0)"><g stroke-width=".65" transform="matrix(-2403.8462 0 0 0 -624628.82 150)"><circle cx="-259.908" cy="348.214" r="72.8" fill="#eab167"/><path d="M-259.908 441.814c-45.123 0-135.2 27.872-135.2 83.2v41.6h270.4v-41.6c0-55.328-90.077-83.2-135.2-83.2z" fill="#eab167"/></g><g fill="#67ea94" transform="translate(-72.894 73.325)"><circle cx="809.715" cy="368.657" r="23.734" fill="#eab167"/><circle cx="682.328" cy="210.171" r="23.734" fill="#eab167"/><circle cx="682.328" cy="369.754" r="23.734" fill="#eab167"/></g><g fill="#4d4d4d" stroke-width=".65" transform="translate(174.183 59.196) scale(1.42001)"><circle cx="94.257" cy="296.297" r="46.8" fill="#eab167"/><path d="M147.557 369.097c-18.304-9.295-38.506-13-53.3-13-28.977 0-88.4 17.771-88.4 53.3v27.3h97.5v-10.445c0-12.35 5.2-24.733 14.3-35.055 7.26-8.242 17.426-15.892 29.9-22.1z" fill="#eab167"/><path d="M216.457 363.897c-33.846 0-101.4 20.904-101.4 62.4v31.2h202.8v-31.2c0-41.496-67.555-62.4-101.4-62.4z" fill="#eab167"/><circle cx="216.457" cy="285.897" r="57.2" fill="#eab167"/></g><path fill="#4d4d4d" d="M641.245 283.601a31.564 31.564 0 1 0-47.839 27.032v103.47a31.564 31.564 0 1 0 31.564 0V311.22a31.593 31.593 0 0 0 16.275-27.619zm-31.564-15.781A15.782 15.782 0 1 1 593.9 283.6a15.782 15.782 0 0 1 15.782-15.781zm-.493 189.382a15.782 15.782 0 1 1 15.782-15.782 15.782 15.782 0 0 1-15.782 15.782zm142.53-43.099v-100.91a45.422 45.422 0 0 0-45.373-45.373h-17.261v-26.667l-43.331 42.448 43.33 42.449v-26.667h17.262a13.81 13.81 0 0 1 13.81 13.81v100.91a31.564 31.564 0 1 0 31.563 0zm-15.782 43.1a15.782 15.782 0 1 1 15.782-15.783 15.782 15.782 0 0 1-15.782 15.782z"/></svg>
--- a/static/img/homepage/platforms.svg
+++ b/static/img/homepage/platforms.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="150 150 650 650"><g fill="#eab167"><path stroke="#eab167" stroke-opacity=".894" stroke-width="2.126" d="M655.366 295.917h102.8v193.768h-102.8z" fill="#eab167000"/><rect width="376.029" height="274.791" x="225.888" y="362.06" stroke="#4d4d4d" stroke-linejoin="round" stroke-width="28.925" rx="29.052" fill="#eab167000"/><path stroke="#4d4d4d" stroke-linecap="round" stroke-miterlimit="10" stroke-width="28.925" d="M196.963 651.313h433.88" fill="#eab167000"/></g><path fill="#4d4d4d" stroke="#eab167" stroke-width=".417" d="M759.782 284.433H654.649a7.51 7.51 0 0 0-7.509 7.51v198.583a7.51 7.51 0 0 0 7.51 7.51h105.132a7.51 7.51 0 0 0 7.51-7.51V291.942a7.51 7.51 0 0 0-7.51-7.509zm-97.623 186.902V311.133h90.113v160.202z"/><path fill="#eab167" fill-rule="evenodd" d="m712.75 387.104-8.818 12.933-2.577-1.758 10.105-14.818a1.56 1.56 0 0 1 2.575-.003l10.128 14.796-2.573 1.762zm-19.815 12.949 10.788-15.82-2.667-1.818-10.788 15.82zM443.42 477.429l-47.027 68.965-13.741-9.37 53.884-79.021a8.315 8.315 0 0 1 13.732-.013l54.008 78.897-13.724 9.395zm-105.67 69.054 57.526-84.359-14.22-9.697-57.527 84.359z" clip-rule="evenodd"/></svg>
--- a/static/img/insufficient-space.png
+++ b/static/img/insufficient-space.png
--- a/static/img/logo-outline.svg
+++ b/static/img/logo-outline.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8,15A2,2 0 0,1 6,13A2,2 0 0,1 8,11A2,2 0 0,1 10,13A2,2 0 0,1 8,15M10.5,17L12,14L13.5,17H10.5M16,15A2,2 0 0,1 14,13A2,2 0 0,1 16,11A2,2 0 0,1 18,13A2,2 0 0,1 16,15M22,11A10,10 0 0,0 12,1A10,10 0 0,0 2,11C2,13.8 3.2,16.3 5,18.1V22H19V18.1C20.8,16.3 22,13.8 22,11M17,20H15V18H13V20H11V18H9V20H7V17.2C5.2,15.7 4,13.5 4,11A8,8 0 0,1 12,3A8,8 0 0,1 20,11C20,13.5 18.8,15.8 17,17.2V20Z" /></svg>
--- a/static/img/logo-scan-outline.svg
+++ b/static/img/logo-scan-outline.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 0C.9 0 0 .9 0 2V6H2V2H6V0H2M18 0V2H22V6H24V2C24 .9 23.1 0 22 0H18M9.5 13C8.7 13 8 12.3 8 11.5S8.7 10 9.5 10 11 10.7 11 11.5 10.3 13 9.5 13M11 15L12 13L13 15H11M14.5 13C13.7 13 13 12.3 13 11.5S13.7 10 14.5 10 16 10.7 16 11.5 15.3 13 14.5 13M0 18V22C0 23.1 .9 24 2 24H6V22H2V18H0M22 18V22H18V24H22C23.1 24 24 23.1 24 22V18H22M12 3C7.6 3 4 6.6 4 11C4 13 4.8 14.9 6 16.3V21H18V16.3C19.2 14.9 20 13.1 20 11C20 6.6 16.4 3 12 3M16 15.4V19H14V17H13V19H11V17H10V19H8V15.4C6.8 14.3 6 12.7 6 11C6 7.7 8.7 5 12 5S18 7.7 18 11C18 12.8 17.2 14.3 16 15.4Z" /></svg>
--- a/static/img/logo-scan.svg
+++ b/static/img/logo-scan.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 0C.9 0 0 .9 0 2V6H2V2H6V0H2M18 0V2H22V6H24V2C24 .9 23.1 0 22 0H18M12 3C7.6 3 4 6.6 4 11C4 13.5 5.2 15.8 7 17.2V21H9V18H11V21H13V18H15V21H17V17.2C18.8 15.7 20 13.5 20 11C20 6.6 16.4 3 12 3M8 14C6.9 14 6 13.1 6 12S6.9 10 8 10 10 10.9 10 12 9.1 14 8 14M10.5 16L12 13L13.5 16H10.5M16 14C14.9 14 14 13.1 14 12S14.9 10 16 10 18 10.9 18 12 17.1 14 16 14M0 18V22C0 23.1 .9 24 2 24H6V22H2V18H0M22 18V22H18V24H22C23.1 24 24 23.1 24 22V18H22Z" /></svg>
--- a/static/img/logo-white.svg
+++ b/static/img/logo-white.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2A9,9 0 0,0 3,11C3,14.03 4.53,16.82 7,18.47V22H9V19H11V22H13V19H15V22H17V18.46C19.47,16.81 21,14 21,11A9,9 0 0,0 12,2M8,11A2,2 0 0,1 10,13A2,2 0 0,1 8,15A2,2 0 0,1 6,13A2,2 0 0,1 8,11M16,11A2,2 0 0,1 18,13A2,2 0 0,1 16,15A2,2 0 0,1 14,13A2,2 0 0,1 16,11M12,14L13.5,17H10.5L12,14Z" fill="#ffffff"/></svg>
--- a/static/img/logo.svg
+++ b/static/img/logo.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2A9,9 0 0,0 3,11C3,14.03 4.53,16.82 7,18.47V22H9V19H11V22H13V19H15V22H17V18.46C19.47,16.81 21,14 21,11A9,9 0 0,0 12,2M8,11A2,2 0 0,1 10,13A2,2 0 0,1 8,15A2,2 0 0,1 6,13A2,2 0 0,1 8,11M16,11A2,2 0 0,1 18,13A2,2 0 0,1 16,15A2,2 0 0,1 14,13A2,2 0 0,1 16,11M12,14L13.5,17H10.5L12,14Z" /></svg>
--- a/static/img/readme/comment-alt.svg
+++ b/static/img/readme/comment-alt.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><style>@media (prefers-color-scheme:dark){path{fill:#fff}}</style><path d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288z"/></svg>
--- a/static/img/readme/discord.svg
+++ b/static/img/readme/discord.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="71" height="55" fill="#fff" viewBox="0 0 71 55"><g clip-path="url(#a)"><path d="M60.105 4.898A58.55 58.55 0 0 0 45.653.415a.22.22 0 0 0-.233.11 40.784 40.784 0 0 0-1.8 3.697c-5.456-.817-10.886-.817-16.23 0-.485-1.164-1.201-2.587-1.828-3.697a.228.228 0 0 0-.233-.11 58.386 58.386 0 0 0-14.451 4.483.207.207 0 0 0-.095.082C1.578 18.73-.944 32.144.293 45.39a.244.244 0 0 0 .093.167c6.073 4.46 11.955 7.167 17.729 8.962a.23.23 0 0 0 .249-.082 42.08 42.08 0 0 0 3.627-5.9.225.225 0 0 0-.123-.312 38.772 38.772 0 0 1-5.539-2.64.228.228 0 0 1-.022-.378 31.17 31.17 0 0 0 1.1-.862.22.22 0 0 1 .23-.03c11.619 5.304 24.198 5.304 35.68 0a.219.219 0 0 1 .233.027c.356.293.728.586 1.103.865a.228.228 0 0 1-.02.378 36.384 36.384 0 0 1-5.54 2.637.227.227 0 0 0-.121.315 47.249 47.249 0 0 0 3.624 5.897.225.225 0 0 0 .249.084c5.801-1.794 11.684-4.502 17.757-8.961a.228.228 0 0 0 .092-.164c1.48-15.315-2.48-28.618-10.497-40.412a.18.18 0 0 0-.093-.084Zm-36.38 32.427c-3.497 0-6.38-3.211-6.38-7.156 0-3.944 2.827-7.156 6.38-7.156 3.583 0 6.438 3.24 6.382 7.156 0 3.945-2.827 7.156-6.381 7.156Zm23.593 0c-3.498 0-6.38-3.211-6.38-7.156 0-3.944 2.826-7.156 6.38-7.156 3.582 0 6.437 3.24 6.38 7.156 0 3.945-2.798 7.156-6.38 7.156Z"/></g><defs><clipPath id="a"><path d="M0 0h71v55H0z"/></clipPath></defs></svg>
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				`export const BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 };`
				`@ -0,0 +1 @@`
				`export const fetcher = (url: string) => fetch(url).then((res) => res.json());`
				`@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 651.29 94.76"><path d="m143.05 93.42 1.07-3.71c1.27-4.41.8-8.48-1.34-11.48-2-2.76-5.26-4.38-9.25-4.57L58 72.7a1.47 1.47 0 0 1-1.35-2 2 2 0 0 1 1.75-1.34l76.26-1c9-.41 18.84-7.75 22.27-16.71l4.34-11.36a2.68 2.68 0 0 0 .18-1 3.31 3.31 0 0 0-.06-.54 49.67 49.67 0 0 0-95.49-5.14 22.35 22.35 0 0 0-35 23.42A31.73 31.73 0 0 0 .34 93.45a1.47 1.47 0 0 0 1.45 1.27h139.49a1.83 1.83 0 0 0 1.77-1.3Z" style="fill:#f78100"/><path d="M168.22 41.15q-1 0-2.1.06a.88.88 0 0 0-.32.07 1.17 1.17 0 0 0-.76.8l-3 10.26c-1.28 4.41-.81 8.48 1.34 11.48a11.65 11.65 0 0 0 9.24 4.57l16.11 1a1.44 1.44 0 0 1 1.14.62 1.5 1.5 0 0 1 .17 1.37 2 2 0 0 1-1.75 1.34l-16.73 1c-9.09.42-18.88 7.75-22.31 16.7l-1.21 3.16a.9.9 0 0 0 .79 1.22h57.63a1.55 1.55 0 0 0 1.54-1.17 41.34 41.34 0 0 0-39.76-52.48Z" style="fill:#fcad32"/><path d="M273.03 59.66h9.53v26.06h16.67v8.35h-26.2V59.66zM309.11 77v-.09c0-9.88 8-17.9 18.58-17.9s18.48 7.92 18.48 17.8v.1c0 9.88-8 17.89-18.58 17.89s-18.48-7.95-18.48-17.8m27.33 0v-.09c0-5-3.59-9.29-8.85-9.29s-8.7 4.22-8.7 9.19v.1c0 5 3.59 9.29 8.8 9.29s8.75-4.23 8.75-9.2m21.4 2V59.66h9.69v19.12c0 5 2.5 7.33 6.34 7.33s6.34-2.26 6.34-7.08V59.66h9.68v19.07c0 11.11-6.34 16-16.12 16s-15.93-5-15.93-15.73m46.65-19.34h13.27c12.29 0 19.42 7.08 19.42 17v.1c0 9.93-7.23 17.3-19.61 17.3h-13.08Zm13.42 26c5.7 0 9.49-3.15 9.49-8.71v-.09c0-5.51-3.79-8.71-9.49-8.71H414v17.47Zm33.13-26h27.52v8.36h-17.98v5.85h16.27v7.91h-16.27v12.29h-9.54V59.66zm40.8 0h9.53v26.06h16.67v8.35h-26.2V59.66zm51.16-.24h9.19l14.61 34.65h-10.22l-2.51-6.14h-13.28l-2.45 6.14h-10Zm8.35 21.08-3.83-9.78-3.92 9.78Zm27.73-20.84h16.27c5.27 0 8.9 1.38 11.21 3.74a10.64 10.64 0 0 1 3.05 8v.1a10.88 10.88 0 0 1-7.08 10.57l8.21 12h-11l-6.94-10.42h-4.18v10.42h-9.54Zm15.83 16.52c3.25 0 5.12-1.58 5.12-4.08V72c0-2.71-2-4.08-5.17-4.08h-6.24v8.26Zm28.46-16.52h27.68v8.11h-18.24v5.21h16.52v7.52h-16.52v5.46h18.48v8.11h-27.92V59.66zM252.15 81a8.44 8.44 0 0 1-7.88 5.16c-5.22 0-8.8-4.33-8.8-9.29v-.1c0-5 3.49-9.2 8.7-9.2a8.64 8.64 0 0 1 8.18 5.71h10C260.79 65.09 253.6 59 244.27 59c-10.62 0-18.58 8-18.58 17.9v.1c0 9.88 7.86 17.8 18.48 17.8 9.08 0 16.18-5.88 18.05-13.76Z"/></svg>
				`@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="150 150 650 650"><g stroke-width=".948"><path fill="#4d4d4d" d="M247.5 596.333H657V353.667H247.5zM277.833 384h348.834v182H277.833z"/><path fill="#67ea94" d="M298.394 405.745h307.722v138.52H298.394z"/><path fill="#4d4d4d" d="M672.167 424.448H702.5v101.114h-30.333z"/></g></svg>`