Lume installer website

Converted to PNG
Logo format change
2022-05-01 16:44:20 +02:00 · 2022-04-11 10:15:51 +02:00 · 2022-04-11 10:14:17 +02:00 · 2022-04-09 12:00:53 +02:00
115 changed files with 2398 additions and 13669 deletions
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@ -1,62 +0,0 @@
-name: Build/Publish
-
-on:
-    push:
-        branches:
-            - master
-            - develop
-            - develop-*
-    workflow_call:
-
-jobs:
-    build:
-        runs-on: ubuntu-latest
-        env:
-            RCLONE_CONFIG_S3_TYPE: s3
-            RCLONE_CONFIG_S3_PROVIDER: Cloudflare
-            RCLONE_CONFIG_S3_ACCESS_KEY_ID: ${{ secrets.S3_ACCESS_KEY }}
-            RCLONE_CONFIG_S3_SECRET_ACCESS_KEY: ${{ secrets.S3_SECRET_KEY }}
-            RCLONE_CONFIG_S3_ENDPOINT: ${{ secrets.CF_ACCOUNT_ID }}.r2.cloudflarestorage.com
-        steps:
-            -   uses: actions/checkout@v3
-            -   name: Use Node.js
-                uses: actions/setup-node@v3
-                with:
-                    node-version: 18.x
-                    cache: 'npm'
-            -   run: npm ci
-            -   run: npm run build --if-present
-                env:
-                    NODE_OPTIONS: "--max_old_space_size=4096"
-            -   name: Install SSH key
-                uses: shimataro/ssh-key-action@v2
-                with:
-                    key: ${{ secrets.GITEA_SSH_KEY }}
-                    known_hosts: ${{ secrets.GITEA_KNOWN_HOST }}
-            -   name: Publish
-                run: npm run semantic-release
-                env:
-                    NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-            -   name: Clean Up Robots Dev
-                if: ${{ github.ref_name == 'develop' }}
-                run: mv dist/robots-dev.txt dist/robots.txt
-
-            -   name: Clean Up Robots Prod
-                if: ${{ github.ref_name == 'master' }}
-                run: rm dist/robots-dev.txt
-
-            -   name: Setup RClone
-                run: curl https://rclone.org/install.sh | sudo bash -s
-            -   name: Publish to S3 Dev
-                if: ${{ github.ref_name == 'develop' }}
-                run: rclone sync dist/ s3:${{ vars.S3_BUCKET_DEV }}/
-
-            -   name: Publish to S3 Prod
-                if: ${{ github.ref_name == 'master' }}
-                run: rclone sync dist/ s3:${{ vars.S3_BUCKET }}/
-            -   name: Setup tmate session
-                uses: mxschmitt/action-tmate@v3
-                if: ${{ github.event_name == 'workflow_dispatch' && inputs.debug_enabled && failure() }}
-                with:
-                    limit-access-to-actor: true
--- a/.gitignore
+++ b/.gitignore
@ -1,2 +0,0 @@
-node_modules
-dist
--- a/.releaserc.json
+++ b/.releaserc.json
@ -1,73 +0,0 @@
-{
-    "plugins": [
-        [
-            "@semantic-release/commit-analyzer",
-            {
-                "releaseRules": [
-                    {
-                        "breaking": true,
-                        "release": "major"
-                    },
-                    {
-                        "revert": true,
-                        "release": "patch"
-                    },
-                    {
-                        "type": "feat",
-                        "release": "minor"
-                    },
-                    {
-                        "type": "fix",
-                        "release": "patch"
-                    },
-                    {
-                        "type": "perf",
-                        "release": "patch"
-                    },
-                    {
-                        "type": "dep",
-                        "release": "patch"
-                    },
-                    {
-                        "type": "refactor",
-                        "release": "patch"
-                    }
-                ]
-            }
-        ],
-        "@semantic-release/release-notes-generator",
-        [
-            "@semantic-release/changelog",
-            {
-                "changelogFile": "CHANGELOG.md"
-            }
-        ],
-        [
-            "@semantic-release/npm",
-            {
-                "npmPublish": false
-            }
-        ],
-        [
-            "@semantic-release/git",
-            {
-                "assets": [
-                    "package.json",
-                    "CHANGELOG.md",
-                    "npm-shrinkwrap.json"
-                ]
-            }
-        ]
-    ],
-    "branches": [
-        "master",
-        {
-            "name": "develop",
-            "prerelease": true
-        },
-        {
-            "name": "develop-*",
-            "prerelease": true
-        }
-    ]
-}
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,101 +0,0 @@
-# [0.2.0](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.1.2...v0.2.0) (2023-08-19)
-
-
-### Bug Fixes
-
-* add clarification about censorship ([fe8e3af](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/fe8e3af2de27b62e8fc82251105893d59a37b8bb))
-* wrong donation url ([82c8545](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/82c85455cc98e125e336cbc6a18a539c7e9a2f72))
-
-
-### Features
-
-* add opengraph ([45bc16b](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/45bc16bc1e14f581b46b342e5f963d57c4da424a))
-* add sitemap ([e54c4c8](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/e54c4c82d78e4f652607e58df6f27f44b5c19406))
-
-# [0.2.0-develop.2](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.2.0-develop.1...v0.2.0-develop.2) (2023-08-19)
-
-
-### Features
-
-* add sitemap ([e54c4c8](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/e54c4c82d78e4f652607e58df6f27f44b5c19406))
-
-# [0.2.0-develop.1](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.1.1-develop.4...v0.2.0-develop.1) (2023-08-19)
-
-
-### Bug Fixes
-
-* add clarification about censorship ([fe8e3af](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/fe8e3af2de27b62e8fc82251105893d59a37b8bb))
-
-
-### Features
-
-* add opengraph ([45bc16b](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/45bc16bc1e14f581b46b342e5f963d57c4da424a))
-
-## [0.1.1-develop.4](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.1.1-develop.3...v0.1.1-develop.4) (2023-08-14)
-
-
-### Bug Fixes
-
-* wrong donation url ([82c8545](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/82c85455cc98e125e336cbc6a18a539c7e9a2f72))
-
-## [0.1.1-develop.3](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.1.1-develop.2...v0.1.1-develop.3) (2023-08-13)
-
-
-### Bug Fixes
-
-* update how images are referenced, import them ([b706737](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/b7067374fcf365a83167e804edbc5cd876863505))
-
-## [0.1.1-develop.2](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.1.1-develop.1...v0.1.1-develop.2) (2023-08-13)
-
-
-### Bug Fixes
-
-* update how images are referenced, import them ([768371e](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/768371ea2530ae7338576aaed719d1f485e13399))
-
-## [0.1.1-develop.1](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.1.0...v0.1.1-develop.1) (2023-08-13)
-
-
-### Bug Fixes
-
-* updates titles ([054464a](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/054464a9c5eff0b0facc7b1b68ae41e9aee4ddee))
-
-# [0.1.0](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.0.2...v0.1.0) (2023-08-13)
-
-
-### Features
-
-* add analytics ([b51847d](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/b51847da061ee785d84a0853f7b1a36b066c5bc9))
-
-## [0.0.2](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.0.1...v0.0.2) (2023-08-13)
-
-
-### Bug Fixes
-
-* add link to git icon ([e4c8d8d](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/e4c8d8dd6028ba99ba4cd5e5624bf7b1b96d4fec))
-* fix markup ([c544624](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/c54462432975dc0b36f9455cda03f44e32267457))
-* git link needs to point to repo ([9735aed](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/9735aedd0cea8627fbf0a5790fda5cd2f7f0371a))
-* set url of extension download page ([d4476e0](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/d4476e0fb3acb278c7b6e44ff2d2b2e8843df62b))
-
-## [0.0.2-develop.4](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.0.2-develop.3...v0.0.2-develop.4) (2023-08-13)
-
-
-### Bug Fixes
-
-* set url of extension download page ([d4476e0](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/d4476e0fb3acb278c7b6e44ff2d2b2e8843df62b))
-
-## [0.0.2-develop.3](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.0.2-develop.2...v0.0.2-develop.3) (2023-08-13)
-
-
-### Bug Fixes
-
-* git link needs to point to repo ([9735aed](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/9735aedd0cea8627fbf0a5790fda5cd2f7f0371a))
-
-## [0.0.2-develop.2](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.0.2-develop.1...v0.0.2-develop.2) (2023-08-13)
-
-
-### Bug Fixes
-
-* add link to git icon ([e4c8d8d](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/e4c8d8dd6028ba99ba4cd5e5624bf7b1b96d4fec))
-* fix markup ([c544624](https://git.lumeweb.com/LumeWeb/web3extension.io/commit/c54462432975dc0b36f9455cda03f44e32267457))
-
-## [0.0.2-develop.1](https://git.lumeweb.com/LumeWeb/web3extension.io/compare/v0.0.1...v0.0.2-develop.1) (2023-08-13)
--- a/21
+++ b/21
@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Lume Web
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/LICENSE.txt
+++ b/LICENSE.txt
@ -1,202 +0,0 @@
-
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright 2023 Hammer Technologies LLC
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
--- a/README.md
+++ b/README.md
@ -1,47 +0,0 @@
-# Astro Starter Kit: Minimal
-
-```
-npm create astro@latest -- --template minimal
-```
-
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/minimal)
-[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/minimal)
-[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/minimal/devcontainer.json)
-
-> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
-
-## 🚀 Project Structure
-
-Inside of your Astro project, you'll see the following folders and files:
-
-```
-/
-├── public/
-├── src/
-│   └── pages/
-│       └── index.astro
-└── package.json
-```
-
-Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
-
-There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
-
-Any static assets, like images, can be placed in the `public/` directory.
-
-## 🧞 Commands
-
-All commands are run from the root of the project, from a terminal:
-
-| Command                   | Action                                           |
-| :------------------------ | :----------------------------------------------- |
-| `npm install`             | Installs dependencies                            |
-| `npm run dev`             | Starts local dev server at `localhost:3000`      |
-| `npm run build`           | Build your production site to `./dist/`          |
-| `npm run preview`         | Preview your build locally, before deploying     |
-| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
-| `npm run astro -- --help` | Get help using the Astro CLI                     |
-
-## 👀 Want to learn more?
-
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
--- a/astro.config.mjs
+++ b/astro.config.mjs
@ -1,11 +0,0 @@
-import {defineConfig} from 'astro/config';
-import tailwind from '@astrojs/tailwind';
-import react from '@astrojs/react';
-import image from '@astrojs/image';
-import sitemap from "@astrojs/sitemap";
-
-// https://astro.build/config
-export default defineConfig({
-    site: "https://web3extension.io",
-    integrations: [tailwind({config: {applyBaseStyles: false}}), image(), react(), sitemap()],
-});
--- a/lume-installer-website/css/reset-min.css
+++ b/lume-installer-website/css/reset-min.css
@ -0,0 +1,39 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+blockquote, q {
+  quotes: none;
+}
+
+blockquote:before, blockquote:after {
+  content: "";
+  content: none;
+}
+
+q:before, q:after {
+  content: "";
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
--- a/lume-installer-website/css/reset.css
+++ b/lume-installer-website/css/reset.css
@ -0,0 +1,39 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+blockquote, q {
+  quotes: none;
+}
+
+blockquote:before, blockquote:after {
+  content: "";
+  content: none;
+}
+
+q:before, q:after {
+  content: "";
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
--- a/lume-installer-website/css/style.css
+++ b/lume-installer-website/css/style.css
@ -0,0 +1,757 @@
+/* Colors primary*/
+/* Base preferences*/
+html {
+  height: 100%;
+}
+
+html *,
+html :before,
+html :after {
+  box-sizing: border-box;
+}
+
+body {
+  background-color: #F9F9F9;
+  background-image: url("/images/background-lume-installer.png");
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: bottom;
+  font-family: "Roboto", "Arial", serif;
+}
+
+/* Fonts */
+@font-face {
+  src: url(../fonts/Roboto-Light.ttf) format("trueType");
+  font-family: "Roboto", "Arial", sans-serif;
+  font-weight: 300;
+}
+@font-face {
+  src: url(../fonts/Roboto-LightItalic.ttf) format("trueType");
+  font-family: "Roboto", "Arial", sans-serif;
+  font-weight: 300;
+}
+@font-face {
+  src: url(../fonts/Roboto-Regular.ttf) format("trueType");
+  font-family: "Roboto", "Arial", sans-serif;
+  font-weight: 400;
+}
+@font-face {
+  src: url(../Roboto-Italic.ttf) format("trueType");
+  font-family: "Roboto", "Arial", sans-serif;
+  font-weight: 400;
+}
+@font-face {
+  src: url(../fonts/Roboto-Medium.ttf) format("trueType");
+  font-family: "Roboto", "Arial", sans-serif;
+  font-weight: 500;
+}
+@font-face {
+  src: url(../fonts/Roboto-MediumItalic.ttf) format("trueType");
+  font-family: "Roboto", "Arial", sans-serif;
+  font-weight: 500;
+}
+@font-face {
+  src: url(../fonts/Roboto-Bold.ttf) format("trueType");
+  font-family: "Roboto", "Arial", sans-serif;
+  font-weight: 600;
+}
+@font-face {
+  src: url(../fonts/Roboto-BoldItalic.ttf) format("trueType");
+  font-family: "Roboto", "Arial", sans-serif;
+  font-weight: 600;
+}
+em {
+  font-style: italic;
+}
+
+strong {
+  font-weight: 600;
+}
+
+h1 {
+  font-size: 65px;
+  font-weight: 600;
+  line-height: 1.1;
+  color: #151515;
+  text-align: center;
+}
+
+@media only screen and (max-width: 680px) {
+  h1 {
+    font-size: 48px;
+    line-height: 1.1;
+  }
+}
+@media only screen and (max-width: 480px) {
+  h1 {
+    font-size: 32px;
+    line-height: 1.1;
+  }
+}
+h2 {
+  font-size: 26px;
+  font-weight: 600;
+  line-height: 1.025;
+  color: #151515;
+  text-align: center;
+}
+
+@media only screen and (max-width: 480px) {
+  h2 {
+    font-size: 22px;
+    line-height: 1.2;
+  }
+}
+h3 {
+  font-size: 32px;
+  font-weight: 600;
+  line-height: 1.025;
+  color: #151515;
+  margin: 0 0 24px 0;
+}
+
+p {
+  font-size: 18px;
+  line-height: 1.7;
+  font-weight: 300;
+  color: #151515;
+}
+
+p + p {
+  margin-top: 30px;
+}
+
+/* Content container*/
+.content-container {
+  max-width: 1280px;
+  padding: 10px 50px 12px 50px;
+  margin: 0 auto;
+  position: center;
+}
+
+@media only screen and (max-width: 860px) {
+  .content-container {
+    padding: 20px 30px 12px 30px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .content-container {
+    padding: 10px 20px 12px 20px;
+  }
+}
+/* Header */
+.header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
+.logo {
+  width: 150px;
+  margin: 0 0 0 2px;
+}
+
+@media only screen and (max-width: 480px) {
+  .header {
+    margin-bottom: 0px;
+  }
+
+  .logo {
+    width: 100px;
+    margin: 0 0 0 2px;
+  }
+}
+.donate-btn {
+  margin-top: 8px;
+  background-color: #ff005e;
+  padding: 12px 28px 14px 28px;
+  display: inline-block;
+  border: 0;
+  border-radius: 50px;
+  cursor: pointer;
+  color: #fff;
+  text-decoration: none;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.donate-btn:hover {
+  background-color: #10E260;
+  color: #151515;
+}
+
+@media only screen and (max-width: 480px) {
+  .donate-btn {
+    margin-top: 0px;
+    padding: 10px 20px 12px 20px;
+    font-size: 14px;
+  }
+}
+/* Heading and portal */
+.section-introduction {
+  display: -ms-grid;
+  display: grid;
+  justify-content: center;
+  align-items: center;
+  margin: 150px 0 0 0;
+}
+
+.download-card {
+  background-color: rgba(255, 255, 255, 0.4);
+  border: 0.5px solid rgba(16, 226, 96, 0.3);
+  border-radius: 8px;
+  box-shadow: 0px 0px 50px 15px rgba(16, 226, 96, 0.1);
+  padding: 24px;
+  margin: 56px 0 0 0;
+}
+
+.heading-introduction {
+  z-index: 2;
+  margin: 0 0 0 0;
+}
+
+@media only screen and (max-width: 400px) {
+  .section-introduction {
+    margin: 90px 0 0 0;
+  }
+}
+.section-portal {
+  margin-top: -300px;
+}
+
+@media only screen and (max-width: 940px) {
+  .section-portal {
+    margin-top: -350px;
+  }
+}
+@media only screen and (max-width: 350px) {
+  .section-introduction {
+    z-index: 2;
+    margin: 70px 0 0 0;
+  }
+}
+@media only screen and (max-width: 680px) {
+  .section-portal {
+    margin-top: -320px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .section-portal {
+    margin-top: -240px;
+  }
+}
+@media only screen and (max-width: 400px) {
+  .section-portal {
+    margin-top: -215px;
+  }
+}
+@media only screen and (max-width: 350px) {
+  .section-portal {
+    margin-top: -200px;
+  }
+}
+@-webkit-keyframes portal-spin {
+  0% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes portal-spin {
+  0% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+.portal-frame {
+  --portal-color: #2A82DE;
+  max-width: 500px;
+  aspect-ratio: 1;
+  --portal-browserbugfix: perspective(2077px) translateZ(-0.1px);
+  -webkit-transform: var(--portal-browserbugfix) scaleX(1);
+  transform: var(--portal-browserbugfix) scaleX(1);
+  -webkit-filter: contrast(1.75);
+  filter: contrast(1.75);
+  overflow: hidden;
+  margin: 0 auto;
+}
+
+.portal, .portal::before {
+  position: absolute;
+  inset: 0;
+  -webkit-animation: portal-spin 7s infinite linear;
+  animation: portal-spin 7s infinite linear;
+}
+
+.portal {
+  --portal-img: url("/images/portal.png");
+  --portal-mask: var(--portal-img) top left / 100% 100% no-repeat;
+  -webkit-mask: var(--portal-mask);
+  mask: var(--portal-mask);
+}
+
+.portal::before {
+  content: "";
+  animation-direction: reverse;
+  background: linear-gradient(#10E260 25%, transparent 125%, #2A82DE 25%), var(--portal-color);
+}
+
+.background-1 {
+  background-color: #fff;
+  border: 0.5px solid rgba(16, 226, 96, 0.3);
+  box-shadow: 0px 0px 50px 15px rgba(16, 226, 96, 0.1);
+  border-radius: 8px;
+}
+
+/* Download component*/
+.section-download {
+  margin-top: 24px;
+}
+
+.download-title span {
+  display: block;
+  font-size: 16px;
+  font-weight: 300;
+  color: #151515;
+  text-align: center;
+  margin: 16px 0 0 0;
+}
+
+.platform span {
+  display: block;
+  margin: 8px 0 16px 0;
+  font-size: 14px;
+  font-weight: 400;
+  color: #151515;
+}
+
+.download-button {
+  display: flex;
+  justify-content: center;
+  margin: 24px 0 16px 0;
+}
+
+.btn img {
+  display: inline-block;
+  vertical-align: middle;
+  margin: -3px 6px 0 0;
+  width: 16px;
+}
+
+.btn {
+  display: inline-block;
+  border: 0;
+  border-radius: 6px;
+  background: linear-gradient(to right, #10E260 0%, #2A82DE 80%);
+  padding: 10px 30px 12px 30px;
+  font-family: "Roboto", "Arial", sans-serif;
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 1.6;
+  color: #FFFFFF;
+  text-align: center;
+  cursor: pointer;
+}
+
+.btn:hover {
+  background: #10E260;
+  color: #151515;
+}
+
+.os-options span {
+  display: block;
+  margin: 16px 0 0 0;
+  font-size: 12px;
+  font-weight: 300;
+  color: #000000;
+  text-align: center;
+}
+
+@media only screen and (max-width: 480px) {
+  .section-download {
+    margin-top: 10px;
+  }
+
+  .download-title {
+    margin: -6px 0 16px 0;
+    font-size: 14px;
+  }
+
+  .download-button {
+    margin: 20px 0 12px 0;
+  }
+
+  .btn {
+    font-size: 16px;
+    padding: 8px 20px 10px 20px;
+  }
+
+  .os-options span {
+    margin: 2px 0 0 0;
+  }
+}
+/* Advantages*/
+.section-advantages {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  gap: 80px;
+  margin: 80px 60px 0 60px;
+}
+
+@media only screen and (max-width: 960px) {
+  .section-advantages {
+    gap: 40px;
+    margin: 60px 0px 0 0px;
+  }
+}
+@media only screen and (max-width: 680px) {
+  .section-advantages {
+    flex-direction: column;
+    justify-content: flex-end;
+    gap: 30px;
+    margin: 60px 0px 0 0px;
+  }
+}
+@media only screen and (max-width: 400px) {
+  .section-advantages {
+    margin: 45px 0px 0 0px;
+  }
+}
+.advantage-card {
+  width: 100%;
+  margin: 0 auto;
+}
+
+@media only screen and (max-width: 680px) {
+  .advantage-card {
+    width: 70%;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .advantage-card {
+    width: 100%;
+  }
+}
+.advantage-card span {
+  display: block;
+  font-size: 20px;
+  font-weight: 600;
+  color: #2A82DE;
+  margin: 10px 0 14px 0;
+  text-align: center;
+}
+
+.advantage-card p {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.4;
+  font-weight: 400;
+  color: #151515;
+  text-align: center;
+}
+
+.advantage-card img {
+  display: block;
+  height: 24px;
+  margin: 0 auto;
+}
+
+/* Text image component */
+.text-image {
+  margin: 80px 0 0 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 5%;
+}
+
+.content-body {
+  max-width: 50%;
+}
+
+.content-body p {
+  font-size: 18px;
+}
+
+.content-img {
+  max-width: 40%;
+}
+
+.content-img img {
+  max-width: 100%;
+  margin: 0 0 0 0;
+}
+
+@media only screen and (max-width: 768px) {
+  .text-image {
+    margin: 80px 0 0 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    gap: 20%;
+  }
+
+  .content-body {
+    max-width: 80%;
+  }
+
+  .content-img {
+    max-width: 80%;
+    margin: 0 0 24px 0;
+  }
+
+  .column-reverse {
+    flex-direction: column-reverse;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .text-image {
+    margin: 50px 0 0 0;
+    gap: 20%;
+  }
+
+  .content-body {
+    max-width: 100%;
+  }
+
+  .content-body p {
+    font-size: 16px;
+  }
+
+  .content-img {
+    max-width: 100%;
+  }
+}
+/* Text component */
+.text {
+  margin: 80px 0 0 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.text-body {
+  max-width: 95%;
+}
+
+.text-body p {
+  font-size: 18px;
+}
+
+@media only screen and (max-width: 768px) {
+  .text {
+    margin: 80px 0 0 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    gap: 20%;
+  }
+
+  .text-body {
+    max-width: 80%;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .text {
+    margin: 50px 0 0 0;
+  }
+
+  .text-body {
+    max-width: 100%;
+  }
+
+  .text-body p {
+    font-size: 16px;
+  }
+}
+/* Donations */
+.section-donate {
+  margin-top: 56px;
+}
+
+.section-donate h1 {
+  font-size: 40px;
+  font-weight: 600;
+  line-height: 1.1;
+  color: #151515;
+  text-align: center;
+}
+
+.section-donate .btn {
+  margin: 32px 0 0 0;
+}
+
+@media only screen and (max-width: 680px) {
+  .section-donate h1 {
+    font-size: 36px;
+    line-height: 1.2;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .section-donate h1 {
+    font-size: 30px;
+    line-height: 1.2;
+  }
+
+  .section-donate {
+    margin-top: 40px;
+  }
+
+  .donate-heading {
+    margin: 0 0 32px 0;
+  }
+
+  .section-donate .btn {
+    margin: 8px 0 0 0;
+  }
+}
+/* Modal box*/
+.modal-box {
+  position: fixed;
+  background-color: rgba(42, 130, 222, 0.95);
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 999;
+  visibility: hidden;
+  opacity: 0;
+  pointer-events: none;
+  transition: all 0.3s;
+}
+.modal-box:target {
+  visibility: visible;
+  opacity: 1;
+  pointer-events: auto;
+}
+.modal-box > div {
+  width: 500px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  padding: 20px 40px 20px 40px;
+  background: white;
+  border-radius: 16px;
+}
+
+.modal-box h4 {
+  font-size: 26px;
+  font-weight: 600;
+  line-height: 1.025;
+  color: #151515;
+  text-align: left;
+  margin: 20px 0 20px 0;
+}
+
+.modal-box .btn {
+  margin: 16px 0 0 0;
+}
+
+.modal-box ol {
+  display: block;
+  font-size: 16px;
+  line-height: 1.6;
+  font-weight: 300;
+  color: #151515;
+  margin-top: 8px;
+}
+
+.modal-close {
+  color: #151515;
+  font-size: 14px;
+  position: absolute;
+  right: 40px;
+  text-align: right;
+  top: 20px;
+  width: 70px;
+  text-decoration: underline;
+}
+.modal-close:hover {
+  color: #2A82DE;
+}
+
+@media only screen and (max-width: 680px) {
+  .modal-box > div {
+    width: 90%;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .modal-box h4 {
+    font-size: 22px;
+    line-height: 1.2;
+  }
+
+  .modal-box > div {
+    padding: 20px 24px 20px 24px;
+    border-radius: 16px;
+  }
+
+  .modal-box ol {
+    font-size: 14px;
+    margin: 20px 0 16px 0;
+  }
+}
+/* Footer */
+.section-footer {
+  margin: 80px 0 0 0;
+}
+
+.footer-divider {
+  text-align: center;
+}
+
+.footer-divider img {
+  width: 50px;
+  margin: 0 auto;
+}
+
+footer {
+  margin: 16px 0 0 0;
+  display: flex;
+  justify-content: center;
+  flex-direction: row;
+  vertical-align: middle;
+  gap: 30px;
+}
+
+.company p {
+  font-size: 14px;
+}
+
+.github a {
+  font-size: 14px;
+  color: #2A82DE;
+  text-decoration: underline;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+.github img {
+  width: 18px;
+  vertical-align: middle;
+  margin: 2px 2px 0 0;
+}
+
+@media only screen and (max-width: 580px) {
+  .section-footer {
+    margin-top: 60px;
+  }
+
+  .footer-divider {
+    text-align: center;
+  }
+
+  footer {
+    margin: 16px 0 0 0;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    text-align: center;
+    gap: 6px;
+  }
+}
--- a/lume-installer-website/css/style.scss
+++ b/lume-installer-website/css/style.scss
@ -0,0 +1,895 @@
+/* Colors primary*/
+$primary-green: #10E260;
+$primary-blue: #2A82DE;
+$dark: #151515;
+$white: #ffffff;
+$background-grey: #F9F9F9;
+
+
+/* Base preferences*/
+html {
+	height: 100%;
+}
+
+html *,
+html :before,
+html :after {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+body {
+	background-color: $background-grey;
+	background-image: url('/images/background-lume-installer.png');
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-position: bottom;
+	font-family: "Roboto", 'Arial', serif;
+}
+
+
+/* Fonts */
+@font-face {
+	src: url(../fonts/Roboto-Light.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 300;
+}
+@font-face {
+	src: url(../fonts/Roboto-LightItalic.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 300;
+}
+@font-face {
+	src: url(../fonts/Roboto-Regular.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 400;
+}
+@font-face {
+	src: url(../Roboto-Italic.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 400;
+}
+
+@font-face {
+	src: url(../fonts/Roboto-Medium.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 500;
+}
+@font-face {
+	src: url(../fonts/Roboto-MediumItalic.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 500;
+}
+
+@font-face {
+	src: url(../fonts/Roboto-Bold.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 600;
+}
+@font-face {
+	src: url(../fonts/Roboto-BoldItalic.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 600;
+}
+
+em {
+	font-style: italic;
+}
+
+strong {
+	font-weight: 600;
+}
+
+h1 {
+	font-size: 65px;
+	font-weight: 600;
+	line-height: 1.1;
+	color: $dark;
+	text-align: center;
+	
+}
+
+@media only screen and (max-width: 680px) {
+	h1 {
+		font-size: 48px;
+		line-height: 1.1;
+	}	
+}
+
+@media only screen and (max-width: 480px) {
+	h1 {
+		font-size: 32px;
+		line-height: 1.1;
+	}	
+}
+
+h2 {
+	font-size: 26px;
+	font-weight: 600;
+	line-height: 1.025;
+	color: $dark;
+	text-align: center;
+}
+
+@media only screen and (max-width: 480px) {
+	h2 {
+		font-size: 22px;
+		line-height: 1.2;
+	}	
+}
+
+h3 {
+	font-size: 32px;
+	font-weight: 600;
+	line-height: 1.025;
+	color: $dark;
+	margin: 0 0 24px 0;
+}
+
+p {
+	font-size: 18px;
+	line-height: 1.7;
+	font-weight: 300;
+	color: $dark;
+}
+
+p + p {
+	margin-top: 30px;
+}
+
+
+/* Content container*/
+.content-container {
+	max-width: 1280px;
+	padding: 10px 50px 12px 50px;
+	margin: 0 auto;
+	position: center;
+}
+	
+@media only screen and (max-width: 860px) {
+	.content-container {
+		padding: 20px 30px 12px 30px;
+	}
+}	
+
+@media only screen and (max-width: 480px) {
+	.content-container {
+		padding: 10px 20px 12px 20px;
+	}
+}
+
+
+/* Header */
+.header {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-pack: justify;
+	-ms-flex-pack: justify;
+	justify-content: space-between;
+	margin-bottom: 8px;
+}
+
+.logo {
+	width: 150px;
+	margin: 0 0 0 2px;
+}
+
+@media only screen and (max-width: 480px) {
+	.header {
+		margin-bottom: 0px;
+	}
+	
+	.logo {
+		width: 100px;
+		margin: 0 0 0 2px;	
+	}	
+}
+
+.donate-btn {
+	margin-top: 8px;
+	background-color: #ff005e;
+	padding: 12px 28px 14px 28px;
+	display: inline-block;
+	border: 0;
+	border-radius: 50px;
+	cursor: pointer;
+	color: #fff;
+	text-decoration: none;
+	font-size: 16px;
+	font-weight: 600;
+}
+.donate-btn:hover {
+	background-color: $primary-green;
+	color: $dark;
+}
+
+@media only screen and (max-width: 480px) {
+	.donate-btn {
+		margin-top: 0px;
+		padding: 10px 20px 12px 20px;
+		font-size: 14px;
+	}
+}
+
+
+/* Heading and portal */
+.section-introduction {
+	display: -ms-grid;
+	display: grid;
+	-webkit-box-pack: center;
+	-ms-flex-pack: center;
+	justify-content: center;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+	margin: 150px 0 0 0;
+}
+
+.download-card {
+	background-color: rgba(255, 255, 255, 0.4);
+	border: 0.5px solid rgba(16, 226, 96, 0.3);
+	border-radius: 8px;
+	-webkit-box-shadow: 0px 0px 50px 15px rgba(16,226,96,0.10); 
+	box-shadow: 0px 0px 50px 15px rgba(16,226,96,0.10);
+	padding: 24px;
+	margin: 56px 0 0 0;
+}
+
+.heading-introduction {
+	z-index: 2;
+	margin: 0 0 0 0;
+}
+
+@media only screen and (max-width: 400px) {
+	.section-introduction {
+		margin: 90px 0 0 0;
+	}
+}
+
+.section-portal {
+	margin-top: -300px;
+}
+
+@media only screen and (max-width: 940px) {
+	.section-portal {
+		margin-top: -350px;
+	}
+}
+
+@media only screen and (max-width: 350px) {
+	.section-introduction {
+		z-index: 2;
+		margin: 70px 0 0 0;
+	}
+}
+
+@media only screen and (max-width: 680px) {
+	.section-portal {
+		margin-top: -320px;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.section-portal {
+		margin-top: -240px;
+	}
+}	
+
+@media only screen and (max-width: 400px) {
+	.section-portal {
+		margin-top: -215px;
+	}
+}	
+
+@media only screen and (max-width: 350px) {
+	.section-portal {
+		margin-top: -200px;
+	}
+}
+
+@-webkit-keyframes portal-spin { 0% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }	
+
+@keyframes portal-spin { 0% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
+.portal-frame {
+	--portal-color: #2A82DE;
+	max-width: 500px;
+	aspect-ratio: 1;
+	--portal-browserbugfix: perspective(2077px) translateZ(-0.1px);
+	-webkit-transform: var(--portal-browserbugfix, ) scaleX(1);
+	-ms-transform: var(--portal-browserbugfix, ) scaleX(1);
+	transform: var(--portal-browserbugfix, ) scaleX(1);
+	-webkit-filter: contrast(1.75);
+	filter: contrast(1.75);
+	overflow: hidden;
+	margin: 0 auto;
+}
+.portal, .portal::before {
+	position: absolute;
+	inset: 0;
+	-webkit-animation: portal-spin 7s infinite linear;
+	animation: portal-spin 7s infinite linear;
+}
+.portal {
+	--portal-img: url('/images/portal.png');
+	--portal-mask: var(--portal-img) top left / 100% 100% no-repeat;
+	-webkit-mask: var(--portal-mask);
+	mask: var(--portal-mask);
+}
+.portal::before {
+	content: "";
+	animation-direction: reverse;
+	background: -webkit-gradient(
+	linear, left top, left bottom, color-stop(25%, #10E260), color-stop(125%, transparent), color-stop(25%, #2A82DE)
+	), var(--portal-color);
+	background: -o-linear-gradient(
+	#10E260 25%, transparent 125%, #2A82DE 25%
+	), var(--portal-color);
+	background: linear-gradient(
+	#10E260 25%, transparent 125%, #2A82DE 25%
+	), var(--portal-color);
+}
+
+
+.background-1 {
+	background-color: #fff;
+	border: 0.5px solid rgba(16, 226, 96, 0.3);
+	-webkit-box-shadow: 0px 0px 50px 15px rgba(16,226,96,0.10); 
+	box-shadow: 0px 0px 50px 15px rgba(16,226,96,0.10);
+	border-radius: 8px;
+}
+
+
+/* Download component*/
+.section-download {
+	margin-top: 24px;
+}
+
+.download-title span {
+	display: block;
+	font-size: 16px;
+	font-weight: 300;
+	color: $dark;
+	text-align: center;	
+	margin: 16px 0 0 0;
+}
+
+.platform span {
+	display: block;
+	margin: 8px 0 16px 0;
+	font-size: 14px;
+	font-weight: 400;
+	color: $dark;	
+}
+
+.download-button {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-pack: center;
+	-ms-flex-pack: center;
+	justify-content: center;
+	margin: 24px 0 16px 0;
+}
+
+.btn img {
+	display: inline-block;
+	vertical-align: middle;
+	margin: -3px 6px 0 0;
+	width: 16px;
+}
+
+.btn {
+	display: inline-block;
+	border: 0;
+	border-radius: 6px;
+	background: -o-linear-gradient(left, #10E260 0%, #2A82DE  80%);
+	background: -webkit-gradient(linear, left top, right top, from(#10E260), color-stop(80%, #2A82DE));
+	background: linear-gradient(to right, #10E260 0%, #2A82DE  80%);
+	padding: 10px 30px 12px 30px;
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 500;
+	font-size: 18px;
+	line-height: 1.6;
+	color: #FFFFFF;
+	text-align: center;
+	cursor: pointer;
+}
+.btn:hover {
+	background: #10E260;
+	color: #151515;
+}
+
+.os-options span {
+	display: block;
+	margin: 16px 0 0 0;
+	font-size: 12px;
+	font-weight: 300;
+	color: #000000;
+	text-align: center;
+}
+
+@media only screen and (max-width: 480px) {
+	.section-download {
+		margin-top: 10px;
+	}
+	
+	.download-title {
+		margin: -6px 0 16px 0;
+		font-size: 14px;
+	}
+	
+	.download-button {
+		margin: 20px 0 12px 0;
+	}
+	
+	.btn {
+		font-size: 16px;
+		padding: 8px 20px 10px 20px;
+	}
+	
+	.os-options span {
+		margin: 2px 0 0 0;
+	}	
+}
+
+
+/* Advantages*/
+.section-advantages {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-orient: horizontal;
+	-webkit-box-direction: normal;
+	-ms-flex-direction: row;
+	flex-direction: row;
+	-ms-flex-pack: distribute;
+	justify-content: space-around;
+	gap: 80px;
+	margin: 80px 60px 0 60px;
+}
+
+@media only screen and (max-width: 960px) {
+	.section-advantages {
+		gap: 40px;
+		margin: 60px 0px 0 0px;
+	}
+}	
+
+@media only screen and (max-width: 680px) {
+	.section-advantages {
+		-webkit-box-orient: vertical;
+		-webkit-box-direction: normal;
+		-ms-flex-direction: column;
+		flex-direction: column;
+		-webkit-box-pack: end;
+		-ms-flex-pack: end;
+		justify-content: flex-end;
+		gap: 30px;
+		margin: 60px 0px 0 0px;
+	}
+}	
+
+@media only screen and (max-width: 400px) {
+	.section-advantages {
+	margin: 45px 0px 0 0px;
+	}
+}	
+
+.advantage-card {
+	width: 100%;
+	margin: 0 auto;
+}
+
+@media only screen and (max-width: 680px) {
+	.advantage-card {
+		width: 70%;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.advantage-card {
+		width: 100%;
+	}
+}		
+
+.advantage-card span {
+	display: block;
+	font-size: 20px;
+	font-weight: 600;
+	color: $primary-blue;
+	margin: 10px 0 14px 0;
+	text-align: center;
+}
+
+.advantage-card p {
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 1.4;
+	font-weight: 400;
+	color: $dark;
+	text-align: center;
+}
+
+.advantage-card img {
+	display: block;
+	height: 24px;
+	margin: 0 auto;
+}
+
+
+/* Text image component */
+.text-image {
+	margin: 80px 0 0 0;
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-orient: horizontal;
+	-webkit-box-direction: normal;
+	-ms-flex-direction: row;
+	flex-direction: row;
+	-webkit-box-pack: justify;
+	-ms-flex-pack: justify;
+	justify-content: space-between;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+	gap: 5%;
+}
+
+.content-body {
+	max-width: 50%;
+}
+
+.content-body p {
+	font-size: 18px;
+}
+
+.content-img  {
+	max-width: 40%;
+}
+
+.content-img img {
+	max-width: 100%;
+	margin: 0 0 0 0;
+}
+
+
+@media only screen and (max-width: 768px) {
+	.text-image {
+		margin: 80px 0 0 0;
+		display: -webkit-box;
+		display: -ms-flexbox;
+		display: flex;
+		-webkit-box-orient: vertical;
+		-webkit-box-direction: normal;
+		-ms-flex-direction: column;
+		flex-direction: column;
+		-webkit-box-pack: start;
+		-ms-flex-pack: start;
+		justify-content: flex-start;
+		gap: 20%;
+	}
+	
+	.content-body {
+		max-width: 80%;
+	}
+	
+	.content-img  {
+		max-width: 80%;
+		margin: 0 0 24px 0;
+	}
+	
+	.column-reverse {
+		-webkit-box-orient: vertical;
+		-webkit-box-direction: reverse;
+		-ms-flex-direction: column-reverse;
+		flex-direction: column-reverse;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.text-image {
+		margin: 50px 0 0 0;
+		gap: 20%;
+	}
+	
+	.content-body {
+		max-width: 100%;
+	}
+	
+	.content-body p {
+		font-size: 16px;
+	}
+	
+	.content-img  {
+		max-width: 100%;
+	}
+}
+
+
+/* Text component */
+.text {
+	margin: 80px 0 0 0;
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-orient: horizontal;
+	-webkit-box-direction: normal;
+	-ms-flex-direction: row;
+	flex-direction: row;
+	-webkit-box-pack: justify;
+	-ms-flex-pack: justify;
+	justify-content: space-between;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+}
+
+.text-body {
+	max-width: 95%;
+}
+
+.text-body p {
+	font-size: 18px;
+}
+
+@media only screen and (max-width: 768px) {
+	.text {
+		margin: 80px 0 0 0;
+		display: -webkit-box;
+		display: -ms-flexbox;
+		display: flex;
+		-webkit-box-orient: vertical;
+		-webkit-box-direction: normal;
+		-ms-flex-direction: column;
+		flex-direction: column;
+		-webkit-box-pack: start;
+		-ms-flex-pack: start;
+		justify-content: flex-start;
+		gap: 20%;
+	}
+	
+	.text-body {
+		max-width: 80%;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.text {
+		margin: 50px 0 0 0;
+	}
+	
+	.text-body {
+		max-width: 100%;
+	}
+	
+	.text-body p {
+		font-size: 16px;
+	}
+}
+
+
+/* Donations */
+.section-donate {
+	margin-top: 56px;
+}
+
+.section-donate h1 {
+	font-size: 40px;
+	font-weight: 600;
+	line-height: 1.1;
+	color: $dark;
+	text-align: center;	
+}
+
+.section-donate .btn {
+	margin: 32px 0 0 0;
+}
+
+@media only screen and (max-width: 680px) {
+	.section-donate h1 {
+		font-size: 36px;
+		line-height: 1.2;
+	}	
+}
+
+@media only screen and (max-width: 480px) {
+	.section-donate h1 {
+		font-size: 30px;
+		line-height: 1.2;
+	}
+	
+	.section-donate {
+		margin-top: 40px;
+	}
+	
+	.donate-heading {
+		margin: 0 0 32px 0;
+	}
+	
+	.section-donate .btn {
+		margin: 8px 0 0 0;
+	}
+}
+
+
+/* Modal box*/
+.modal-box {
+	position: fixed;
+	background-color: rgba(42, 130, 222, 0.95);
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: 999;
+	visibility: hidden;
+	opacity: 0;
+	pointer-events: none;
+	transition: all 0.3s;
+	
+&:target {
+	visibility: visible;
+	opacity: 1;
+	pointer-events: auto;
+}
+	& > div {
+		width: 500px;
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		-webkit-transform: translate(-50%, -50%);
+		-ms-transform: translate(-50%, -50%);
+		transform: translate(-50%, -50%);
+		transform: translate(-50%, -50%);
+		padding: 20px 40px 20px 40px;
+		background: white;
+		border-radius: 16px;
+	}
+}
+
+.modal-box h4 {
+	font-size: 26px;
+	font-weight: 600;
+	line-height: 1.025;
+	color: $dark;
+	text-align: left;
+	margin: 20px 0 20px 0;
+}
+
+.modal-box .btn {
+	margin: 16px 0 0 0;
+}
+
+.modal-box ol {
+	display: block;
+	font-size: 16px;
+	line-height: 1.6;
+	font-weight: 300;
+	color: $dark;
+	margin-top: 8px;
+}
+
+.modal-close {
+	color: $dark;
+	font-size: 14px;
+	position: absolute;
+	right: 40px;
+	text-align: right;
+	top: 20px;
+	width: 70px;
+	text-decoration: underline;
+	&:hover {
+	color: $primary-blue;
+	}
+}
+
+@media only screen and (max-width: 680px) {
+	.modal-box {
+		
+	&:target {
+	
+	}
+		& > div {
+			width: 90%;
+		}
+	}	
+}
+
+@media only screen and (max-width: 480px) {
+	.modal-box h4 {
+		font-size: 22px;
+		line-height: 1.2;
+	}
+
+.modal-box {
+		
+	&:target {
+
+	}
+		& > div {
+			padding: 20px 24px 20px 24px;
+			border-radius: 16px;
+		}
+	}
+	
+	.modal-box ol {
+		font-size: 14px;
+		margin: 20px 0 16px 0;
+	}	
+}
+
+
+/* Footer */
+.section-footer {
+	margin: 80px 0 0 0;
+}
+
+.footer-divider {
+	text-align: center;
+}
+
+.footer-divider img {
+	width: 50px;
+	margin: 0 auto;
+}
+
+footer {
+	margin: 16px 0 0 0;
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-pack: center;
+	-ms-flex-pack: center;
+	justify-content: center;
+	-webkit-box-orient: horizontal;
+	-webkit-box-direction: normal;
+	-ms-flex-direction: row;
+	flex-direction: row;
+	vertical-align: middle;
+	gap: 30px;
+}
+
+.company p {
+	font-size: 14px;
+}
+
+.github a {
+	font-size: 14px;
+	color: $primary-blue;
+	text-decoration: underline;
+	vertical-align: middle;
+	cursor: pointer;
+}
+
+.github img {
+	width: 18px;
+	vertical-align: middle;
+	margin: 2px 2px 0 0;
+}
+
+@media only screen and (max-width: 580px) {
+	.section-footer {
+		margin-top: 60px;
+	}
+	
+	.footer-divider {
+		text-align: center;
+	}
+	
+	footer {
+		margin: 16px 0 0 0;
+		display: -webkit-box;
+		display: -ms-flexbox;
+		display: flex;
+		-webkit-box-pack: center;
+		-ms-flex-pack: center;
+		justify-content: center;
+		-webkit-box-orient: vertical;
+		-webkit-box-direction: normal;
+		-ms-flex-direction: column;
+		flex-direction: column;
+		text-align: center;
+		gap: 6px;
+	}
+}
--- a/lume-installer-website/donate.html
+++ b/lume-installer-website/donate.html
@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Donate | Lume Web</title>
+	<meta name="description" content="Donate Lume Web and help us grow">
+	<link rel="icon" type="image/x-icon" href="/favicon.png">
+	<link rel="stylesheet" href="./css/reset.css" type="text/css" />
+	<link rel="stylesheet" href="./css/style.css" type="text/css" />
+</head>
+
+<body>
+		
+	<div class="content-container">
+		
+		<div class="header">
+			<a href="/"><img class="logo" src="images/logo-lumeweb.png" alt="Logo Lume"></a>
+			<a href="#"><button class="donate-btn">Donate</button></a>
+		</div>
+		
+		
+		<section class="section-donate">
+				<h1>Support Lume Web, help us create a safe Web3 for mankind</h1>
+			<div class="download">
+				<div class="download-button">
+					<a href="#"><button class="btn">Make a donation</button></a>	
+				</div>
+			</div>
+		</section>
+		
+		
+		<section class="section-advantages">
+			<div class="advantage-card">
+				<img src="images/icon-code.svg" alt="Icon code">
+				<span>Development spending</span>
+				<p>All donations are spent on active development of Lume Web.</p>
+			</div>
+			<div class="advantage-card">
+				<img src="images/icon-shield.svg" alt="Icon shield">
+				<span>Help pioneer Web3</span>
+				<p>Donec a orci at massa placerat vestibulum. Sed posuere mauris et ligula volutpat, sit amet fermentum velit dictum. Donec diam justo.</p>
+			</div>	
+			<div class="advantage-card">
+				<img src="images/icon-grid.svg" alt="Icon grid">
+				<span>Help us grow</span>
+				<p>Help us grow, so we can create the Web3 together and think of new ways to make it even easier to...</p>
+			</div>					
+		</section>
+		
+		
+		<section class="text-image">
+			<div class="content-img">
+				<img src="images/image-roadmap.jpg" alt="Roadmap image"/>
+			</div>
+			<div class="content-body">
+				<h3>Why we ask for your donations</h3>
+				<p>Sed eget placerat libero. Sed elementum, ante id convallis posuere, leo dolor condimentum lectus, nec imperdiet sem lectus ac lectus. Nullam ultricies non magna ut mollis. Proin et sem a lacus euismod mollis at sed augue. Vivamus in consequat tortor. Vivamus non erat ut lectus iaculis pretium.</p>
+				<p>Aliquam lacinia velit ut magna bibendum, sit amet ornare tortor fermentum. Aliquam convallis leo vitae mi iaculis, sed posuere augue scelerisque.</p>
+			</div>
+		</section>
+		
+		
+		<section class="text">
+			<div class="text-body">
+				<h3>Payment possibilities</h3>
+				<p>Nam imperdiet leo massa, in ornare sapien varius non. Cras feugiat, lectus vel efficitur malesuada, lacus tortor porttitor mauris, sed consectetur ipsum ante vel libero. Donec auctor faucibus quam, quis sagittis mi sollicitudin eget. Fusce efficitur eu nisi vitae tempor. Maecenas elementum quam sit amet lorem pulvinar, eu tincidunt velit gravida. Phasellus turpis risus, consectetur quis libero sit amet, tempus varius diam.</p>
+			</div>
+		</section>
+		
+		
+		<section class="text-image column-reverse">
+			<div class="content-body">
+				<h3>The way we are different</h3>
+				<p>Sed eget placerat libero. Sed elementum, ante id convallis posuere, leo dolor condimentum lectus, nec imperdiet sem lectus ac lectus. Nullam ultricies non magna ut mollis. Proin et sem a lacus euismod mollis at sed augue. Vivamus in consequat tortor. Vivamus non erat ut lectus iaculis pretium.</p>
+				<p>Aliquam lacinia velit ut magna bibendum, sit amet ornare tortor fermentum. Aliquam convallis leo vitae mi iaculis, sed posuere augue scelerisque.</p>
+			</div>
+			<div class="content-img">
+				<img src="images/image-development-race.png" alt="Roadmap image"/>
+			</div>
+		</section>
+		
+		
+		<section class="section-footer">
+			<div class="footer-divider">
+				<a href="/"><img class="logo" src="images/logo-lume-single.png" alt="Logo single"></a>
+			</div>
+			
+			<footer>
+				<div class="company">
+					<p>Hammer Technologies LLC</p>
+				</div>
+				<div class="github">
+					<img src="/images/icon-github.png" alt="Github icon">
+					<a href="https://github.com/pcfreak30" target="blank">View on Github</a>
+				</div>
+			</footer>
+		</section>
+		
+	</div>
+
+</body>
--- a/lume-installer-website/favicon.png
+++ b/lume-installer-website/favicon.png
--- a/lume-installer-website/fonts/Roboto-Bold.ttf
+++ b/lume-installer-website/fonts/Roboto-Bold.ttf
--- a/lume-installer-website/fonts/Roboto-BoldItalic.ttf
+++ b/lume-installer-website/fonts/Roboto-BoldItalic.ttf
--- a/lume-installer-website/fonts/Roboto-Italic.ttf
+++ b/lume-installer-website/fonts/Roboto-Italic.ttf
--- a/lume-installer-website/fonts/Roboto-Light.ttf
+++ b/lume-installer-website/fonts/Roboto-Light.ttf
--- a/lume-installer-website/fonts/Roboto-LightItalic.ttf
+++ b/lume-installer-website/fonts/Roboto-LightItalic.ttf
--- a/lume-installer-website/fonts/Roboto-Medium.ttf
+++ b/lume-installer-website/fonts/Roboto-Medium.ttf
--- a/lume-installer-website/fonts/Roboto-MediumItalic.ttf
+++ b/lume-installer-website/fonts/Roboto-MediumItalic.ttf
--- a/lume-installer-website/fonts/Roboto-Regular.ttf
+++ b/lume-installer-website/fonts/Roboto-Regular.ttf
--- a/lume-installer-website/images/background-lume-installer.png
+++ b/lume-installer-website/images/background-lume-installer.png
--- a/lume-installer-website/images/iStock-1305960647.jpg
+++ b/lume-installer-website/images/iStock-1305960647.jpg
--- a/lume-installer-website/images/icon-channel.svg
+++ b/lume-installer-website/images/icon-channel.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path fill="#2A82DE" d="M20,16c-0.8,0-1.6,0.3-2.1,0.9l-2.2-1.3c0.2-0.5,0.3-1,0.3-1.6c0-2-1.5-3.7-3.5-3.9V7.9C13.9,7.7,15,6.5,15,5c0-1.7-1.3-3-3-3S9,3.3,9,5c0,1.5,1.1,2.7,2.5,2.9v2.1C9.5,10.3,8,12,8,14c0,0.6,0.1,1.1,0.3,1.6l-2.2,1.3C5.6,16.3,4.8,16,4,16c-1.7,0-3,1.3-3,3s1.3,3,3,3c1.7,0,3-1.3,3-3c0-0.5-0.1-0.9-0.3-1.3l2.2-1.3C9.6,17.4,10.7,18,12,18c1.3,0,2.4-0.6,3.1-1.6l2.2,1.3C17.1,18.1,17,18.5,17,19c0,1.7,1.3,3,3,3c1.7,0,3-1.3,3-3C23,17.3,21.7,16,20,16z M4,21c-1.1,0-2-0.9-2-2s0.9-2,2-2c1.1,0,2,0.9,2,2C6,20.1,5.1,21,4,21z M10,5c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2S10,6.1,10,5z M12,17c-1.7,0-3-1.3-3-3s1.3-3,3-3c1.7,0,3,1.3,3,3C15,15.7,13.7,17,12,17z M20,21c-1.1,0-2-0.9-2-2s0.9-2,2-2c1.1,0,2,0.9,2,2C22,20.1,21.1,21,20,21z"/></svg>
--- a/lume-installer-website/images/icon-code.svg
+++ b/lume-installer-website/images/icon-code.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path fill="#2A82DE" d="M6,9V5.5C6,4.1,7.1,3,8.5,3C8.8,3,9,2.8,9,2.5S8.8,2,8.5,2C6.6,2,5,3.6,5,5.5V9c0,1.4-1.1,2.5-2.5,2.5C2.2,11.5,2,11.7,2,12s0.2,0.5,0.5,0.5C3.9,12.5,5,13.6,5,15v3.5C5,20.4,6.6,22,8.5,22C8.8,22,9,21.8,9,21.5S8.8,21,8.5,21C7.1,21,6,19.9,6,18.5V15c0-1.3-0.7-2.4-1.7-3C5.3,11.4,6,10.3,6,9z M21.5,11.5c-1.4,0-2.5-1.1-2.5-2.5V5.5C19,3.6,17.4,2,15.5,2C15.2,2,15,2.2,15,2.5S15.2,3,15.5,3C16.9,3,18,4.1,18,5.5V9c0,1.3,0.7,2.4,1.7,3c-1,0.6-1.7,1.7-1.7,3v3.5c0,1.4-1.1,2.5-2.5,2.5c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5c1.9,0,3.5-1.6,3.5-3.5V15c0-1.4,1.1-2.5,2.5-2.5c0.3,0,0.5-0.2,0.5-0.5S21.8,11.5,21.5,11.5z"/></svg>
--- a/lume-installer-website/images/icon-folder-lock.svg
+++ b/lume-installer-website/images/icon-folder-lock.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path fill="#2A82DE" d="M21,8v1.5c0,0.276123,0.223877,0.5,0.5,0.5S22,9.776123,22,9.5V8c-0.0018311-1.6561279-1.3438721-2.9981689-3-3h-6.1396484l-0.3163452-0.9492188C12.1364746,2.8253784,10.989624,1.9989014,9.6982422,2H5C3.3438721,2.0018311,2.0018311,3.3438721,2,5v13c0.0018311,1.6561279,1.3438721,2.9981689,3,3h6.5c0.276123,0,0.5-0.223877,0.5-0.5S11.776123,20,11.5,20H5c-1.1040039-0.0014038-1.9985962-0.8959961-2-2V5c0.0014038-1.1040039,0.8959961-1.9985962,2-2h4.6982422c0.8607788-0.0007324,1.6251831,0.550293,1.8964844,1.3671875l0.4306641,1.2910156C12.09375,5.8622437,12.28479,5.9998169,12.5,6H19C20.1040039,6.0014038,20.9985962,6.8959961,21,8z M22,16.0508423V14.5c0-1.3807373-1.1192627-2.5-2.5-2.5S17,13.1192627,17,14.5v1.5508423C15.8594971,16.2832642,15.0010986,17.2910767,15,18.5v2c0.0012817,1.380188,1.119812,2.4987183,2.5,2.5h4c1.380188-0.0012817,2.4987183-1.119812,2.5-2.5v-2C23.9989014,17.2910767,23.1405029,16.2832642,22,16.0508423z M18,14.5c0-0.8284302,0.6715698-1.5,1.5-1.5s1.5,0.6715698,1.5,1.5V16h-3V14.5z M23,20.5c-0.0009155,0.828064-0.671936,1.4990845-1.5,1.5h-4c-0.828064-0.0009155-1.4990845-0.671936-1.5-1.5v-2c0.0009155-0.828064,0.671936-1.4990845,1.5-1.5h4c0.828064,0.0009155,1.4990845,0.671936,1.5,1.5V20.5z"/></svg>
--- a/lume-installer-website/images/icon-github.png
+++ b/lume-installer-website/images/icon-github.png
--- a/lume-installer-website/images/icon-grid.svg
+++ b/lume-installer-website/images/icon-grid.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path fill="#2A82DE" d="M21.5,13h-8.0005493C13.2234497,13.0001831,12.9998169,13.223999,13,13.5v8.0005493C13.0001831,21.7765503,13.223999,22.0001831,13.5,22h8.0006104C21.7765503,21.9998169,22.0001831,21.776001,22,21.5v-8.0006104C21.9998169,13.2234497,21.776001,12.9998169,21.5,13z M21,21h-7v-7h7V21z M10.5,2H2.4993896C2.2234497,2.0001831,1.9998169,2.223999,2,2.5v8.0005493C2.0001831,10.7765503,2.223999,11.0001831,2.5,11h8.0006104C10.7765503,10.9998169,11.0001831,10.776001,11,10.5V2.4993896C10.9998169,2.2234497,10.776001,1.9998169,10.5,2z M10,10H3V3h7V10z M10.5,13H2.4993896C2.2234497,13.0001831,1.9998169,13.223999,2,13.5v8.0005493C2.0001831,21.7765503,2.223999,22.0001831,2.5,22h8.0006104C10.7765503,21.9998169,11.0001831,21.776001,11,21.5v-8.0006104C10.9998169,13.2234497,10.776001,12.9998169,10.5,13z M10,21H3v-7h7V21z M21.5,2h-8.0005493C13.2234497,2.0001831,12.9998169,2.223999,13,2.5v8.0005493C13.0001831,10.7765503,13.223999,11.0001831,13.5,11h8.0006104C21.7765503,10.9998169,22.0001831,10.776001,22,10.5V2.4993896C21.9998169,2.2234497,21.776001,1.9998169,21.5,2z M21,10h-7V3h7V10z"/></svg>
--- a/lume-installer-website/images/icon-lock.svg
+++ b/lume-installer-website/images/icon-lock.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path fill="#2A82DE" d="M17,9V7c0-2.7614136-2.2385864-5-5-5S7,4.2385864,7,7v2c-1.6561279,0.0018311-2.9981689,1.3438721-3,3v7c0.0018311,1.6561279,1.3438721,2.9981689,3,3h10c1.6561279-0.0018311,2.9981689-1.3438721,3-3v-7C19.9981689,10.3438721,18.6561279,9.0018311,17,9z M8,7c0-2.2091675,1.7908325-4,4-4s4,1.7908325,4,4v2H8V7z M19,19c-0.0014038,1.1040039-0.8959961,1.9985962-2,2H7c-1.1040039-0.0014038-1.9985962-0.8959961-2-2v-7c0.0014038-1.1040039,0.8959961-1.9985962,2-2h10c1.1040039,0.0014038,1.9985962,0.8959961,2,2V19z M12,13c-0.276123,0-0.5,0.223877-0.5,0.5v4.0005493C11.5001831,17.7765503,11.723999,18.0001831,12,18h0.0006104c0.2759399-0.0001831,0.4995728-0.223999,0.4993896-0.5v-4C12.5,13.223877,12.276123,13,12,13z"/></svg>
--- a/lume-installer-website/images/icon-shield.svg
+++ b/lume-installer-website/images/icon-shield.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path fill="#2A82DE" d="M19.9894409,3.753418c-0.0565796-0.2703857-0.3215942-0.4437256-0.59198-0.387207c-2.4692383,0.5215454-5.0441284-0.0050659-7.1103516-1.4541016c-0.1722412-0.1210938-0.4019775-0.1210938-0.5742188,0C9.6466064,3.361084,7.0717773,3.8876343,4.6025391,3.3662109C4.5689697,3.3591919,4.53479,3.3556519,4.5004883,3.3556519C4.2242432,3.3554688,4.0001831,3.5792236,4,3.8554688v8.0185547c0.0016479,2.9362183,1.4152222,5.6925659,3.7988281,7.4072266l3.9101562,2.8037109C11.7937622,22.1459961,11.8955688,22.178833,12,22.1787109c0.1044312,0.0001221,0.2062378-0.0326538,0.2910156-0.093689l3.9101562-2.803772C18.5847778,17.5665894,19.9983521,14.8102417,20,11.8740234V3.8554688C20,3.821167,19.99646,3.7869873,19.9894409,3.753418z M19,11.8740234c-0.0010986,2.6139526-1.2591553,5.0679321-3.3808594,6.5947266L12,21.0634766L8.3808594,18.46875C6.2591553,16.9418945,5.0010986,14.4879761,5,11.8740234V4.453125c2.4417725,0.3648682,4.9324951-0.1789551,7-1.5283203c2.067627,1.348999,4.5582275,1.8928223,7,1.5283203V11.8740234z"/></svg>
--- a/lume-installer-website/images/icon-windows.png
+++ b/lume-installer-website/images/icon-windows.png
--- a/lume-installer-website/images/image-development-race.png
+++ b/lume-installer-website/images/image-development-race.png
--- a/lume-installer-website/images/image-roadmap.jpg
+++ b/lume-installer-website/images/image-roadmap.jpg
--- a/lume-installer-website/images/logo-lume-single.png
+++ b/lume-installer-website/images/logo-lume-single.png
--- a/lume-installer-website/images/logo-lumeweb.png
+++ b/lume-installer-website/images/logo-lumeweb.png
--- a/lume-installer-website/images/portal-image.jpg
+++ b/lume-installer-website/images/portal-image.jpg
--- a/lume-installer-website/images/portal.png
+++ b/lume-installer-website/images/portal.png
--- a/lume-installer-website/index.html
+++ b/lume-installer-website/index.html
@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Lume Web</title>
+	<meta name="description" content="Lume Web">
+	<link rel="icon" type="image/x-icon" href="/favicon.png">
+	<link rel="stylesheet" href="./css/reset.css" type="text/css" />
+	<link rel="stylesheet" href="./css/style.css" type="text/css" />
+</head>
+
+<body>
+		
+	<div class="content-container">
+		
+		<div class="header">
+			<a href="/"><img class="logo" src="images/logo-lumeweb.png" alt="Logo Lume"></a>
+			<a href="donate.html"><button class="donate-btn">Donate</button></a>
+		</div>
+		
+		
+		<div class="section-introduction">
+			<div class="heading-introduction">
+				<h1>Lume Web, your personal and private gateway to web3</h1>
+			</div>		
+			<div class="section-portal">
+				<div class="portal-frame">
+				  <div class="portal"></div>
+				</div>
+			</div>
+		</div>
+	
+		
+		<section class="section-download">
+			<div>
+				<h2>Download Lume Web Extension</h2>
+			</div>
+			<div class="download">
+				<div class="download-title">
+					<span>Chrome and Brave installer</span>
+				</div>
+				<div class="download-button">
+					<a href="#open-modal"><button class="btn">Download for Windows</button></a>
+					<div id="open-modal" class="modal-box">
+						<div>
+							<a href="#" title="Close" class="modal-close">Cancel</a>
+							<h4>How to install</h4>
+							<ol>
+								<li>1. Click the LumeWeb installer</li>
+								<li>2. Launch the extension from your browser</li>
+							</ol>
+							<div class="download-button">
+								<a href="#"><button class="btn">Download for Windows</button></a>	
+							</div>
+						</div>
+					</div>	
+				</div>
+				<div class="os-options">
+					<span>More OS options in the near future</span>	
+				</div>
+			</div>
+		</section>
+		
+		
+		<section class="section-advantages">
+			<div class="advantage-card">
+				<img src="images/icon-lock.svg" alt="Icon lock">
+				<span>It's private</span>
+				<p>Nam iaculis quis magna et fringilla. Nulla maximus ornare egestas. Phasellus a magna nunc. </p>
+			</div>
+			<div class="advantage-card">
+				<img src="images/icon-folder-lock.svg" alt="Icon folder lock">
+				<span>It's personal</span>
+				<p>Donec a orci at massa placerat vestibulum. Sed posuere mauris et ligula volutpat, sit amet fermentum velit dictum. Donec diam justo.</p>
+			</div>	
+			<div class="advantage-card">
+				<img src="images/icon-channel.svg" alt="Icon channel">
+				<span>It's your gateway</span>
+				<p>In feugiat pretium pretium. Praesent odio quam, venenatis eu sagittis non, vulputate vel mi. Etiam arcu orci, sodales quis nisi pulvinar, viverra blandit est.</p>
+			</div>					
+		</section>
+		
+		
+		<section class="text-image"">
+			<div class="content-img">
+				<img src="images/portal-image.jpg" alt="Portal"/>
+			</div>
+			<div class="content-body">
+				<h3>Lume Web grants your access to web3</h3>
+				<p>Sed eget placerat libero. Sed elementum, ante id convallis posuere, leo dolor condimentum lectus, nec imperdiet sem lectus ac lectus. Nullam ultricies non magna ut mollis. Proin et sem a lacus euismod mollis at sed augue. Vivamus in consequat tortor. Vivamus non erat ut lectus iaculis pretium.</p>
+				<p>Aliquam lacinia velit ut magna bibendum, sit amet ornare tortor fermentum. Aliquam convallis leo vitae mi iaculis, sed posuere augue scelerisque.</p>
+			</div>
+		</section>
+		
+		<section class="text">
+			<div class="text-body">
+				<h3>This is a text only component</h3>
+				<p>Nam imperdiet leo massa, in ornare sapien varius non. Cras feugiat, lectus vel efficitur malesuada, lacus tortor porttitor mauris, sed consectetur ipsum ante vel libero. Donec auctor faucibus quam, quis sagittis mi sollicitudin eget. Fusce efficitur eu nisi vitae tempor. Maecenas elementum quam sit amet lorem pulvinar, eu tincidunt velit gravida. Phasellus turpis risus, consectetur quis libero sit amet, tempus varius diam.</p>
+			</div>
+		</section>
+		
+		
+		<section class="section-footer">
+			<div class="footer-divider">
+				<a href="/"><img class="logo" src="images/logo-lume-single.png" alt="Logo single"></a>
+			</div>
+			
+			<footer>
+				<div class="company">
+					<p>Hammer Technologies LLC</p>
+				</div>
+				<div class="github">
+					<img src="/images/icon-github.png" alt="Github icon">
+					<a href="https://github.com/pcfreak30" target="blank">View on Github</a>
+				</div>
+			</footer>
+		</section>
+		
+	</div>
+</body>
--- a/lume-installer/completed.html
+++ b/lume-installer/completed.html
@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Lume Web Extension Installer</title>
+	<link rel="stylesheet" href="./css/reset.css" type="text/css" />
+	<link rel="stylesheet" href="./css/style.css" type="text/css" />
+</head>
+
+<body>	
+	<div class="content-container">
+		
+		<img class="header-icon" src="/images/logo-lume-single.png">
+		<h1>Extension installed succesfully</h1>
+		<div class="paragraph">
+			<img src="images/icon-check.svg" /><p>All done, fully powered and ready to go!</p>
+		</div>
+		
+	</div>
+</body>
+
--- a/lume-installer/css/reset.css
+++ b/lume-installer/css/reset.css
@ -0,0 +1,39 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+blockquote, q {
+  quotes: none;
+}
+
+blockquote:before, blockquote:after {
+  content: "";
+  content: none;
+}
+
+q:before, q:after {
+  content: "";
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
--- a/lume-installer/css/style.css
+++ b/lume-installer/css/style.css
@ -0,0 +1,290 @@
+/* Base preferences*/
+html {
+	height: 100%;
+}
+
+html *,
+html :before,
+html :after {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+body {
+	background-color: #F9F9F9;
+	background-image: url('/images/background-lume-installer.png');
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-position: bottom;
+	font-family: "Roboto", 'Arial', serif;
+	margin: 120px 40px 40px 40px;
+}
+
+@media only screen and (max-width: 480px) {
+	body {
+		margin: 60px 20px 40px 20px;
+	}
+}
+
+
+/* Fonts */
+@font-face {
+	src: url(../fonts/Roboto-Light.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 300;
+}
+@font-face {
+	src: url(../fonts/Roboto-LightItalic.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 300;
+}
+@font-face {
+	src: url(../fonts/Roboto-Regular.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 400;
+}
+@font-face {
+	src: url(../Roboto-Italic.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 400;
+}
+
+@font-face {
+	src: url(../fonts/Roboto-Medium.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 500;
+}
+@font-face {
+	src: url(../fonts/Roboto-MediumItalic.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 500;
+}
+
+@font-face {
+	src: url(../fonts/Roboto-Bold.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 600;
+}
+@font-face {
+	src: url(../fonts/Roboto-BoldItalic.ttf) format("trueType");
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 600;
+}
+
+h1 {
+	font-size: 22px;
+	font-weight: 600;
+	margin: 0 0 28px 0;
+	color: #2A82DE;
+}
+
+@media only screen and (max-width: 480px) {
+	h1 {
+		font-size: 20px;
+		margin: 0 0 20px 0;
+		line-height: 1.25;
+	}
+}
+
+.header-icon {
+	width: 40px;
+	margin: 0 0 10px -2px;
+}
+
+strong {
+	font-weight: 600;
+}
+
+
+/* Content container */
+.content-container {
+	background-color: #fff;
+	border: 0.5px solid rgba(16, 226, 96, 0.3);
+	-webkit-box-shadow: 0px 0px 50px 15px rgba(16,226,96,0.10); 
+	box-shadow: 0px 0px 50px 15px rgba(16,226,96,0.10);
+	border-radius: 8px;
+	max-width: 600px;
+	padding: 20px 50px 20px 50px;
+	margin: 0 auto;
+	position: center;
+}
+
+@media only screen and (max-width: 480px) {
+	.content-container {
+		padding: 20px 20px 20px 30px;
+	}
+}
+
+
+/* Notice message */
+.notice {
+	background-color: #e7f2ff;
+	border: 0.5px solid #2A82DE;
+	border-left: 4px solid #2A82DE;
+	border-radius: 4px;
+	padding: 16px 20px 16px 22px;
+}
+
+.notice-content {
+	display: inline-block;
+}
+
+.notice-content span {
+	display: block;
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 400;
+	font-size: 14px;
+	line-height: 1.4;
+	color: #2A82DE;
+}
+
+@media only screen and (max-width: 480px) {
+	.notice {
+		padding: 14px 12px 15px 16px;
+	}
+	
+	.notice-content img {
+		width: 20px;
+		margin: 0 8px 2px 0;
+	}
+	
+	.notice-content span {
+		font-size: 13px;
+		line-height: 1.35;
+	}
+}
+
+
+/* Paragraph */
+.paragraph {
+	display: inline-block;
+	margin-bottom: 22px;
+}
+
+.paragraph p {
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 400;
+	font-size: 15px;
+	line-height: 1.6;
+	color: #151515;
+	display: inline-block;
+}
+
+.paragraph p + p {
+	padding: 24px 0 0 0;
+}
+
+.paragraph img {
+	display: inline-block;
+	width: 22px;
+	vertical-align: middle;
+	margin: 0 8px 2px 0;
+}
+
+@media only screen and (max-width: 480px) {
+	.paragraph p {
+		font-size: 14px;
+		line-height: 1.45;
+	}
+	
+	.paragraph p + p {
+		padding: 20px 0 0 0;
+	}
+	
+	.paragraph img {
+		width: 20px;
+		margin: 0 8px 2px 0;
+	}
+}
+
+
+/* Buttons */
+.action-button {
+	margin-top: 42px;
+	margin-bottom: 20px;
+}
+
+@media only screen and (max-width: 480px) {
+	.action-button {
+		margin-top: 38px;
+	}
+}
+
+.btn {
+	display: inline-block;
+	border: 0;
+	border-radius: 4px;
+	background: -webkit-gradient(linear, left top, right top, from(#10E260), color-stop(80%, #2A82DE));
+	background: -o-linear-gradient(left, #10E260 0%, #2A82DE  80%);
+	background: linear-gradient(to right, #10E260 0%, #2A82DE  80%);
+	padding: 10px 30px 12px 30px;
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 500;
+	font-size: 16px;
+	line-height: 1.6;
+	color: #FFFFFF;
+	text-align: center;
+	cursor: pointer;
+}
+.btn:hover {
+	background: #10E260;
+	color: #151515;
+}
+
+@media only screen and (max-width: 379px) {
+	.btn {
+		padding: 8px 22px 10px 22px;
+	}
+}
+
+
+/* Link style */
+.link {
+	display: inline-block;
+	margin: 0 0 0 16px;
+	font-family: "Roboto", 'Arial', sans-serif;
+	font-weight: 500;
+	font-size: 14px;
+	line-height: 1.6;
+	color: #158AFF;
+	text-decoration: none;
+}
+.link:hover {
+	color: #8862F9;
+	text-decoration: underline;
+}
+
+@media only screen and (max-width: 379px) {
+	.link {
+		margin: 0 0 0 8px;
+	}
+}
+
+
+/* Rotating icon */
+@-webkit-keyframes rotating {
+	from {
+		-webkit-transform: rotate(0deg);
+		transform: rotate(0deg);
+	}
+	to {
+		-webkit-transform: rotate(360deg);
+		transform: rotate(360deg);
+	}
+}
+@keyframes rotating {
+	from {
+		-ms-transform: rotate(0deg);
+		-webkit-transform: rotate(0deg);
+		transform: rotate(0deg);
+	}
+	to {
+		-ms-transform: rotate(360deg);
+		-webkit-transform: rotate(360deg);
+		transform: rotate(360deg);
+	}
+}
+.rotating {
+	-webkit-animation: rotating 2s linear infinite;
+	animation: rotating 2s linear infinite;
+}
--- a/lume-installer/fonts/Roboto-Bold.ttf
+++ b/lume-installer/fonts/Roboto-Bold.ttf
--- a/lume-installer/fonts/Roboto-BoldItalic.ttf
+++ b/lume-installer/fonts/Roboto-BoldItalic.ttf
--- a/lume-installer/fonts/Roboto-Italic.ttf
+++ b/lume-installer/fonts/Roboto-Italic.ttf
--- a/lume-installer/fonts/Roboto-Light.ttf
+++ b/lume-installer/fonts/Roboto-Light.ttf
--- a/lume-installer/fonts/Roboto-LightItalic.ttf
+++ b/lume-installer/fonts/Roboto-LightItalic.ttf
--- a/lume-installer/fonts/Roboto-Medium.ttf
+++ b/lume-installer/fonts/Roboto-Medium.ttf
--- a/lume-installer/fonts/Roboto-MediumItalic.ttf
+++ b/lume-installer/fonts/Roboto-MediumItalic.ttf
--- a/lume-installer/fonts/Roboto-Regular.ttf
+++ b/lume-installer/fonts/Roboto-Regular.ttf
--- a/lume-installer/images/background-lume-installer.png
+++ b/lume-installer/images/background-lume-installer.png
--- a/lume-installer/images/icon-check.svg
+++ b/lume-installer/images/icon-check.svg
@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#3490DC;}
+</style>
+<path class="st0" d="M15.8,8.6l-5.6,5.6l-2.5-2.5c0,0,0,0,0,0c-0.2-0.2-0.5-0.2-0.7,0c-0.2,0.2-0.2,0.5,0,0.7l2.8,2.8
+	c0.1,0.1,0.2,0.1,0.4,0.1c0.1,0,0.3-0.1,0.4-0.1l6-6c0,0,0,0,0,0c0.2-0.2,0.2-0.5,0-0.7C16.3,8.4,16,8.4,15.8,8.6z M12,2
+	C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z M12,21c-5,0-9-4-9-9s4-9,9-9c5,0,9,4,9,9C21,17,17,21,12,21
+	z"/>
+</svg>
--- a/lume-installer/images/logo-lume-single.png
+++ b/lume-installer/images/logo-lume-single.png
--- a/lume-installer/index.html
+++ b/lume-installer/index.html
@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Lume Web Extension Installer</title>
+	<link rel="stylesheet" href="./css/reset.css" type="text/css" />
+	<link rel="stylesheet" href="./css/style.css" type="text/css" />
+</head>
+
+<body>	
+	
+	<div class="content-container">
+			
+		<img class="header-icon" src="/images/logo-lume-single.png"><h1>Lume Web Extension Installer</h1>
+		<div class="paragraph">
+			<p>Click install to load the Lume Web Extension into Chrome and Brave.</p>
+		</div>
+		
+		<div class="notice">
+			
+			<div class="notice-content">
+				<span>Please ensure your Chrome and/or Brave browser is <strong>completely closed</strong> before proceeding.</span>
+			</div>
+		</div>
+		
+		<div class="action-button">
+			<a href="installer.html"><button class="btn">Install extension</button></a>
+		</div>
+		
+	</div>
+
+</body>
--- a/lume-installer/installer.html
+++ b/lume-installer/installer.html
@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Lume Web Extension Installer</title>
+	<link rel="stylesheet" href="./css/reset.css" type="text/css" />
+	<link rel="stylesheet" href="./css/style.css" type="text/css" />
+</head>
+
+<body>	
+	<div class="content-container">
+		
+		<img class="header-icon rotating" src="/images/logo-lume-single.png">
+		<h1>Installing Extension</h1>
+		<div class="paragraph">
+			<p>Downloading your personal gateway into web3...</p>
+		</div>
+		
+	</div> 
+</body>
+
--- a/npm-shrinkwrap.json
+++ b/npm-shrinkwrap.json
--- a/package.json
+++ b/package.json
@ -1,34 +0,0 @@
-{
-    "name": "@lumeweb/web3extension.io",
-    "type": "module",
-    "version": "0.2.0",
-    "private": true,
-    "repository": {
-        "type": "git",
-        "url": "gitea@git.lumeweb.com:LumeWeb/web3extension.io.git"
-    },
-    "scripts": {
-        "dev": "TAILWIND_MODE=watch astro dev",
-        "start": "astro dev",
-        "build": "astro build",
-        "preview": "astro preview",
-        "astro": "astro",
-        "semantic-release": "semantic-release"
-    },
-    "dependencies": {
-        "@astrojs/image": "^0.16.6",
-        "@astrojs/react": "^2.1.1",
-        "@astrojs/sitemap": "^2.0.2",
-        "@astrojs/tailwind": "^3.1.1",
-        "@semantic-release/changelog": "^6.0.3",
-        "@semantic-release/git": "^10.0.1",
-        "@semantic-release/npm": "^10.0.4",
-        "@semantic-release/release-notes-generator": "^11.0.4",
-        "add": "^2.0.6",
-        "astro": "^2.3.2",
-        "autoprefixer": "^10.4.14",
-        "sass": "^1.62.1",
-        "semantic-release": "^21.0.7",
-        "tailwindcss": "^3.3.2"
-    }
-}
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@ -1,7 +0,0 @@
-module.exports = {
-  plugins: [
-    require('tailwindcss/nesting'),
-    require('tailwindcss'),
-    require('autoprefixer')
-  ]
-};
--- a/public/favicon.svg
+++ b/public/favicon.svg
@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
-    <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
-    <style>
-        path { fill: #000; }
-        @media (prefers-color-scheme: dark) {
-            path { fill: #FFF; }
-        }
-    </style>
-</svg>
--- a/public/robots-dev.txt
+++ b/public/robots-dev.txt
@ -1,2 +0,0 @@
-User-Agent: *
-Disallow: /
--- a/public/robots.txt
+++ b/public/robots.txt
@ -1,2 +0,0 @@
-User-Agent: *
-Allow: /
--- a/src/assets/access-bg.png
+++ b/src/assets/access-bg.png
--- a/src/assets/astronaut.png
+++ b/src/assets/astronaut.png
--- a/src/assets/difference-bg.png
+++ b/src/assets/difference-bg.png
--- a/src/assets/discord.svg
+++ b/src/assets/discord.svg
@ -1,3 +0,0 @@
-<svg viewBox="0 0 127.14 96.36" xmlns="http://www.w3.org/2000/svg">
-  <path fill="currentcolor" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/>
-</svg>
--- a/src/assets/facebook.svg
+++ b/src/assets/facebook.svg
@ -1,4 +0,0 @@
-<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-  <path fill="currentcolor" d="M16.7 39.8C7.2 38.1 0 29.9 0 20 0 9 9 0 20 0s20 9 20 20c0 9.9-7.2 18.1-16.7 19.8l-1.1-.9h-4.4l-1.1.9z"/>
-  <path fill="#031418" d="m27.8 25.6.9-5.6h-5.3v-3.9c0-1.6.6-2.8 3-2.8H29V8.2c-1.4-.2-3-.4-4.4-.4-4.6 0-7.8 2.8-7.8 7.8V20h-5v5.6h5v14.1c1.1.2 2.2.3 3.3.3 1.1 0 2.2-.1 3.3-.3V25.6h4.4z"/>
-</svg>
--- a/src/assets/footer-icon.png
+++ b/src/assets/footer-icon.png
--- a/src/assets/github.svg
+++ b/src/assets/github.svg
@ -1,3 +0,0 @@
-<svg viewBox="0 0 98 96" xmlns="http://www.w3.org/2000/svg">
-  <path fill="currentcolor" fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"/>
-</svg>
--- a/src/assets/hns.svg
+++ b/src/assets/hns.svg
@ -1,3 +0,0 @@
-<svg version="1.1" viewBox="0 0 2000 2088.9" xmlns="http://www.w3.org/2000/svg">
-  <path fill="currentColor" clip="evenodd" d="M1726.6,681.4l-129.8-230.6l251.5,0.1c6.7,0,14.6,4.5,18.2,10.5c4,6.6,24.4,40.3,49,80.7 c29.4,48.4,64.5,106.3,84.6,139.3H1726.6z M1261.4,2078c-6.1,10.9-14,10.9-16.6,10.9h-102.8c-54.4,0-117.1-0.1-154.5-0.1 l399.6-717.4c10.4-18.5,3.7-42-14.8-52.3c-5.7-3.2-12.1-4.9-18.6-4.9l0,0l-681,0.9l-135.5-234.5h992c0.1,0,0.2,0,0.3,0s0.2,0,0.3,0 c0.6,0,1.1-0.2,1.6-0.2c2.2-0.1,4.4-0.4,6.6-0.9c1.6-0.4,3.3-0.9,4.8-1.5c0.8-0.3,1.7-0.7,2.5-1c7.7-3.3,14.1-9.1,18.2-16.5 L1727,758.2h270L1261.4,2078z M921.1,2050.7c-8.7-14.3-20-32.9-32.3-53.1c-41.3-68.2-94.2-155.5-100.2-165.1 c-2-3.2-2.9-11.1,1.3-18.7c9.6-17.2,190.4-343,234.5-422.4l264.1-0.3L921.1,2050.7z M470.8,1601.8l-131.3-233.2l132.3-248 l132.7,229.7C563.3,1428,498.9,1549.1,470.8,1601.8z M294.6,1638.1c-66.8,0-133.3,0-143,0l0,0c-6.5,0-14.4-4.6-18-10.5l-42.7-70.4 C60.4,1507,21.5,1442.9,0,1407.5h273.4l129.8,230.6C374.9,1638.1,334.8,1638.1,294.6,1638.1L294.6,1638.1z M738.6,11 c6.1-11,14-11,16.5-11h258.3L612.7,717.4c-0.3,0.6-0.5,1.2-0.8,1.9c-0.6,1.2-1.1,2.4-1.6,3.7c-0.4,1.2-0.8,2.4-1.1,3.7 s-0.6,2.3-0.8,3.5c-0.2,1.4-0.4,2.8-0.4,4.3c0,0.6-0.2,1.2-0.2,1.9c0,0.5,0.1,0.9,0.2,1.4c0,1.4,0.2,2.8,0.4,4.2 c0.1,1.2,0.3,2.3,0.6,3.5c0.3,1.2,0.7,2.4,1.1,3.6c0.4,1.2,0.8,2.3,1.3,3.5s1.1,2.2,1.7,3.2s1.2,2.1,2,3.1c0.7,1,1.5,2,2.4,2.9 c0.8,0.9,1.6,1.8,2.5,2.7s1.8,1.5,2.8,2.3c1.1,0.8,2.2,1.6,3.3,2.3c0.4,0.3,0.8,0.6,1.2,0.9s0.9,0.3,1.4,0.6c2,1,4.1,1.9,6.2,2.5 c0.8,0.2,1.5,0.5,2.3,0.7c2.8,0.7,5.7,1.1,8.7,1.1c0,0,0,0,0.1,0h0.1h17c0.1,0,0.2,0,0.2,0l0,0l663.9-0.9 c17.6,30.5,50.4,88,78.3,136.9c21.4,37.6,39.2,68.6,53.2,93h-988c-0.4,0-0.8,0.1-1.3,0.2c-13.9,0.1-26.6,7.9-33.2,20.1l-163.6,306.6 H3.1C120.8,1119.3,730.7,25,738.6,11z M1079.4,39.1l24,39.5c42.1,69.5,101.6,167.6,107.9,177.8c2,3.2,2.9,11.1-1.3,18.7L975.6,697.3 l-264,0.3L1079.4,39.1z M1529.1,486.9l131.3,233.3l-133.9,247.5c-16-27.8-35.8-62.6-54.4-95.2c-36.8-64.4-63.6-111.3-78.7-137.5 C1422.1,682.8,1497.5,544.5,1529.1,486.9z"/>
-</svg>
--- a/src/assets/home-bg.png
+++ b/src/assets/home-bg.png
--- a/src/assets/home-left-bg.png
+++ b/src/assets/home-left-bg.png
--- a/src/assets/icon-development.png
+++ b/src/assets/icon-development.png
--- a/src/assets/icon-gateway.png
+++ b/src/assets/icon-gateway.png
--- a/src/assets/icon-growth.png
+++ b/src/assets/icon-growth.png
--- a/src/assets/icon-personal.png
+++ b/src/assets/icon-personal.png
--- a/src/assets/icon-pioneering.png
+++ b/src/assets/icon-pioneering.png
--- a/src/assets/icon-private.png
+++ b/src/assets/icon-private.png
--- a/src/assets/lume-logo.png
+++ b/src/assets/lume-logo.png
--- a/src/assets/opengraph.png
+++ b/src/assets/opengraph.png
--- a/src/assets/osi.svg
+++ b/src/assets/osi.svg
@ -1,26 +0,0 @@
-<svg version="1.2" viewBox="0 0 468.1909 614.0127" xmlns="http://www.w3.org/2000/svg">
- <path d="m262.006 307.1224c32.25781-11.98047 49.09765-35.05078 49.09765-74.75781s-33.46093-74.69531-75.26953-74.76563c-44.12109-0.0703-77.40234 34.91407-76.87109 74.76563s19.53906 66.36328 49.95703 75.94922l-53.88672 132.5703c-72.12109-18.67187-145.4727-103.7539-145.4727-208.5195 0-124.0859 99.70313-224.6797 224.6719-224.6797s226.2734 100.5937 226.2734 224.6797c0 106.3945-72.65625 190.293-146.3164 208.8906zm0 0" style="fill:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:15.3697;stroke:currentcolor"/>
- <g id="text" transform="matrix(1.082924 0 0 1.148944 -55.53372 -162.9183)" style="fill:currentcolor;stroke-width:.75px">
-  <path id="o1" d="m91.04297 583.3072q0 9.77344-5.273438 15.25781-5.238281 5.44922-14.69531 5.44922-9.070313 0-14.44922-5.58984-5.34375-5.58985-5.34375-15.11719 0-9.73828 5.238281-15.11719 5.273438-5.41406 14.76562-5.41406 5.871094 0 10.37109 2.49609 4.5 2.4961 6.925781 7.17188 2.460938 4.64062 2.460938 10.86328zm-25.80469 0q0 5.13281 1.371094 7.83984 1.371094 2.67188 4.605469 2.67188 3.199218 0 4.5-2.67188 1.335937-2.70703 1.335937-7.83984 0-5.09766-1.335937-7.69922-1.335938-2.60156-4.570313-2.60156-3.164062 0-4.535156 2.60156-1.371094 2.56641-1.371094 7.69922z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
-  <path id="p" d="m122.7539 604.0143q-3.02344 0-5.41407-0.98437-2.39062-1.01953-4.74609-3.6211h-0.63281q0.63281 4.1836 0.63281 5.20313v15.99609h-13.74609v-57.1289h11.17968l1.9336 5.0625h0.63281q3.83203-5.76563 10.58203-5.76563 6.60938 0 10.37109 5.48438 3.76172 5.48437 3.76172 15.04687 0 9.63281-3.9375 15.1875-3.90234 5.51953-10.61718 5.51953zm-4.60547-30.44531q-3.02344 0-4.25391 2.17969-1.19531 2.14453-1.30078 6.39843v1.08985q0 5.13281 1.37109 7.41797 1.3711 2.28515 4.32422 2.28515 2.63672 0 3.83203-2.25 1.19532-2.28515 1.19532-7.52343 0-5.13282-1.19532-7.34766-1.19531-2.25-3.97265-2.25z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
-  <path id="e1" d="m164.3438 604.0143q-9.94922 0-15.46875-5.27344-5.48438-5.30859-5.48438-15.08203 0-10.08984 5.09766-15.46875 5.09766-5.41406 14.55469-5.41406 9 0 13.88672 4.71094 4.92187 4.67578 4.92187 13.5v6.11719h-24.57422q0.14063 3.33984 2.42578 5.23828 2.32032 1.89843 6.29297 1.89843 3.6211 0 6.64453-0.66796 3.0586-0.70313 6.60938-2.35547v9.8789q-3.23438 1.65235-6.67969 2.28516t-8.22656 0.63281zm-0.80859-31.88672q-2.42579 0-4.07813 1.54688-1.61719 1.51172-1.89844 4.78125h11.8125q-0.0703-2.88281-1.65234-4.60547-1.54688-1.72266-4.18359-1.72266z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
-  <path id="n1" d="m214.8281 603.3112v-21.72657q0-3.97265-1.16015-5.97656-1.125-2.03906-3.65625-2.03906-3.48047 0-5.02735 2.77734-1.54687 2.77735-1.54687 9.52735v17.4375h-13.74609v-39.83203h10.37109l1.72266 4.92187h0.80859q1.75781-2.8125 4.85156-4.21875 3.12891-1.40625 7.17188-1.40625 6.60937 0 10.26562 3.83203 3.69141 3.83203 3.69141 10.79297v25.91016z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
-  <path id="s" d="m283.9102 592.2369q0 5.69531-4.14844 8.7539-4.14844 3.02344-11.88281 3.02344-7.76954 0-12.48047-2.35547v-7.13672q6.85547 3.16407 12.76172 3.16407 7.6289 0 7.6289-4.60547 0-1.47656-0.84375-2.46094-0.84375-0.98437-2.77734-2.03906-1.9336-1.05469-5.37891-2.39063-6.71484-2.60156-9.10547-5.20312-2.35547-2.60156-2.35547-6.75 0-4.99219 4.00782-7.73438 4.04297-2.77734 10.96875-2.77734 6.85547 0 12.97265 2.77734l-2.67187 6.22266q-6.29297-2.60156-10.58203-2.60156-6.53907 0-6.53907 3.72656 0 1.82812 1.6875 3.09375 1.72266 1.26562 7.45313 3.48047 4.81641 1.86328 6.99609 3.41015 2.17969 1.54688 3.23438 3.58594 1.05469 2.00391 1.05469 4.81641z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
-  <path id="o2" d="m327.293 583.7994q0 9.52734-4.88672 14.87109t-13.60547 5.34375q-5.44922 0-9.63281-2.46094-4.1836-2.46093-6.4336-7.0664t-2.25-10.6875q0-9.45703 4.85157-14.76563 4.85156-5.30859 13.67578-5.30859 8.4375 0 13.35937 5.44922 4.92188 5.41406 4.92188 14.625zm-28.30078 0q0 13.46484 9.94922 13.46484 9.84375 0 9.84375-13.46484 0-13.32422-9.91407-13.32422-5.20312 0-7.55859 3.44531-2.32031 3.44531-2.32031 9.87891z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
-  <path id="u" d="m364.2422 603.3112-1.16016-5.09766h-0.42187q-1.72266 2.70703-4.92188 4.25391-3.16406 1.54687-7.24219 1.54687-7.0664 0-10.54687-3.51562-3.48047-3.51563-3.48047-10.65235v-25.41797h8.33203v23.97657q0 4.46484 1.82813 6.71484 1.82812 2.21484 5.73046 2.21484 5.20313 0 7.62891-3.09375 2.46094-3.1289 2.46094-10.4414v-19.3711h8.29687v38.88282z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
-  <path id="r" d="m402.2461 563.7252q2.4961 0 4.11328 0.35156l-0.80859 7.69922q-1.75781-0.42187-3.65625-0.42187-4.95703 0-8.05078 3.23437-3.05859 3.23438-3.05859 8.40234v20.32032h-8.26172v-38.88282h6.46875l1.08984 6.85547h0.42188q1.93359-3.48047 5.02734-5.51953 3.12891-2.03906 6.71484-2.03906z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
-  <path id="c" d="m429.2812 604.0143q-8.82422 0-13.42969-5.13281-4.57031-5.16797-4.57031-14.80078 0-9.8086 4.78125-15.08203 4.81641-5.27344 13.88672-5.27344 6.15234 0 11.07422 2.28516l-2.4961 6.64453q-5.23828-2.03907-8.64843-2.03907-10.08985 0-10.08985 13.39454 0 6.53906 2.4961 9.84375 2.53125 3.26953 7.38281 3.26953 5.51953 0 10.4414-2.74219v7.20703q-2.21484 1.30078-4.74609 1.86328-2.49609 0.5625-6.08203 0.5625z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
-  <path id="e2" d="m466.3008 604.0143q-9.07031 0-14.20312-5.27344-5.09766-5.30859-5.09766-14.58984 0-9.52734 4.74609-14.97656 4.7461-5.44922 13.04297-5.44922 7.69922 0 12.16406 4.67578 4.46485 4.67578 4.46485 12.86719v4.46484h-25.91016q0.17578 5.66016 3.0586 8.71875 2.88281 3.02344 8.12109 3.02344 3.44531 0 6.39844-0.63281 2.98828-0.66797 6.39843-2.17969v6.71484q-3.02343 1.44141-6.11718 2.03907-3.09375 0.59765-7.06641 0.59765zm-1.51172-34.03125q-3.9375 0-6.32812 2.4961-2.35547 2.49609-2.8125 7.27734h17.64843q-0.0703-4.81641-2.32031-7.27734-2.25-2.4961-6.1875-2.4961z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
-  <path id="i1" d="m128.5195 675.51h-8.26172v-38.88281h8.26172zm-8.7539-49.18359q0-2.21485 1.19531-3.41016 1.23047-1.19531 3.48047-1.19531 2.17968 0 3.375 1.19531 1.23046 1.19531 1.23046 3.41016 0 2.10937-1.23046 3.33984-1.19532 1.19531-3.375 1.19531-2.25 0-3.48047-1.19531-1.19531-1.23047-1.19531-3.33984z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;stroke-width:.75px"/>
-  <path id="n2" d="m174.5742 675.51h-8.29688v-23.90625q0-4.5-1.82812-6.71484-1.79297-2.21485-5.73047-2.21485-5.23828 0-7.66406 3.09375t-2.42578 10.3711v19.37109h-8.26172v-38.88281h6.46875l1.16015 5.09765h0.42188q1.75781-2.77734 4.99219-4.28906 3.23437-1.51172 7.17187-1.51172 13.99219 0 13.99219 14.23828z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;stroke-width:.75px"/>
-  <path id="i2" d="m194.332 675.51h-8.26172v-38.88281h8.26172zm-8.75391-49.18359q0-2.21485 1.19532-3.41016 1.23047-1.19531 3.48047-1.19531 2.17968 0 3.375 1.19531 1.23046 1.19531 1.23046 3.41016 0 2.10937-1.23046 3.33984-1.19532 1.19531-3.375 1.19531-2.25 0-3.48047-1.19531-1.19532-1.23047-1.19532-3.33984z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;stroke-width:.75px"/>
-  <path id="t1" d="m220.6641 669.5334q3.02344 0 6.04688-0.94922v6.22265q-1.3711 0.59766-3.55078 0.98438-2.14454 0.42187-4.46485 0.42187-11.74219 0-11.74219-12.375v-20.95312h-5.30859v-3.65625l5.69531-3.02344 2.8125-8.22656h5.09766v8.64844h11.07422v6.25781h-11.07422v20.8125q0 2.98828 1.47656 4.42969 1.51172 1.40625 3.9375 1.40625z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;stroke-width:.75px"/>
-  <path id="i3" d="m242.707 675.51h-8.26172v-38.88281h8.26172zm-8.75391-49.18359q0-2.21485 1.19532-3.41016 1.23047-1.19531 3.48047-1.19531 2.17968 0 3.375 1.19531 1.23046 1.19531 1.23046 3.41016 0 2.10937-1.23046 3.33984-1.19532 1.19531-3.375 1.19531-2.25 0-3.48047-1.19531-1.19532-1.23047-1.19532-3.33984z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;stroke-width:.75px"/>
-  <path id="a" d="m278.8828 675.51-1.65234-5.41406h-0.28125q-2.8125 3.55078-5.66016 4.85156-2.84765 1.26562-7.3125 1.26562-5.73047 0-8.96484-3.09375-3.19922-3.09375-3.19922-8.7539 0-6.01172 4.46484-9.07031 4.46485-3.0586 13.60547-3.33985l6.71485-0.21094v-2.07421q0-3.72657-1.75782-5.55469-1.72265-1.86328-5.3789-1.86328-2.98828 0-5.73047 0.8789-2.74219 0.87891-5.27344 2.07422l-2.67187-5.90625q3.16406-1.65234 6.92578-2.49609 3.76172-0.87891 7.10156-0.87891 7.41797 0 11.17969 3.23438 3.79687 3.23437 3.79687 10.16015v26.19141zm-12.30469-5.625q4.5 0 7.20704-2.49609 2.74218-2.53125 2.74218-7.06641v-3.375l-4.99218 0.21094q-5.83594 0.21093-8.50782 1.96875-2.63672 1.72265-2.63672 5.30859 0 2.60156 1.54688 4.04297 1.54687 1.40625 4.64062 1.40625z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;stroke-width:.75px"/>
-  <path id="t2" d="m310.8047 669.5334q3.02343 0 6.04687-0.94922v6.22265q-1.37109 0.59766-3.55078 0.98438-2.14453 0.42187-4.46484 0.42187-11.74219 0-11.74219-12.375v-20.95312h-5.30859v-3.65625l5.69531-3.02344 2.8125-8.22656h5.09765v8.64844h11.07422v6.25781h-11.07422v20.8125q0 2.98828 1.47657 4.42969 1.51172 1.40625 3.9375 1.40625z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;stroke-width:.75px"/>
-  <path id="i4" d="m332.8477 675.51h-8.26172v-38.88281h8.26172zm-8.75391-49.18359q0-2.21485 1.19531-3.41016 1.23047-1.19531 3.48047-1.19531 2.17969 0 3.375 1.19531 1.23047 1.19531 1.23047 3.41016 0 2.10937-1.23047 3.33984-1.19531 1.19531-3.375 1.19531-2.25 0-3.48047-1.19531-1.19531-1.23047-1.19531-3.33984z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;stroke-width:.75px"/>
-  <path id="v" d="m353.5547 675.51-14.76563-38.88281h8.71875l7.91016 22.60547q2.03906 5.69531 2.46094 9.21093h0.28125q0.3164-2.53125 2.46093-9.21093l7.91016-22.60547h8.78906l-14.83594 38.88281z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;stroke-width:.75px"/>
-  <path id="e3" d="m400.207 676.2131q-9.07031 0-14.20312-5.27343-5.09766-5.3086-5.09766-14.58985 0-9.52734 4.74609-14.97656 4.7461-5.44922 13.04297-5.44922 7.69922 0 12.16406 4.67578 4.46485 4.67578 4.46485 12.86719v4.46484h-25.91016q0.17578 5.66016 3.0586 8.71875 2.88281 3.02344 8.12109 3.02344 3.44531 0 6.39844-0.63281 2.98828-0.66797 6.39843-2.17969v6.71485q-3.02343 1.4414-6.11718 2.03906-3.09375 0.59765-7.06641 0.59765zm-1.51172-34.03125q-3.9375 0-6.32812 2.4961-2.35547 2.49609-2.8125 7.27734h17.64843q-0.0703-4.8164-2.32031-7.27734-2.25-2.4961-6.1875-2.4961z" style="font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;stroke-width:.75px"/>
-  <path id="registered_tm" d="m431.7151 631.1344h1.75306q1.29857 0 2.07771-0.62727 0.79537-0.64258 0.79537-1.62174 0-1.14745-0.69798-1.63703-0.69798-0.50488-2.20756-0.50488h-1.7206zm7.04472-2.31021q0 1.22395-0.69798 2.17252-0.68174 0.93326-1.93162 1.39224l3.86324 6.04325h-2.72699l-3.36004-5.41597h-2.19133v5.41597h-2.40235v-13.63174h4.23657q2.69453 0 3.9444 0.99446 1.2661 0.99446 1.2661 3.02927zm-17.15731 2.78449q0-3.05987 1.62321-5.73727 1.6232-2.67739 4.46382-4.22262 2.84061-1.54524 6.1195-1.54524 3.24641 0 6.08703 1.52994 2.84061 1.52994 4.48005 4.20733 1.63945 2.67739 1.63945 5.76786 0 3.01398-1.57452 5.66077-1.57451 2.64679-4.41512 4.23793-2.84062 1.59113-6.21689 1.59113-3.36005 0-6.20066-1.57583-2.84062-1.59114-4.43136-4.23793-1.57451-2.64679-1.57451-5.67607zm1.70437 0q0 2.64679 1.41219 4.957 1.41219 2.2949 3.847 3.62595 2.45105 1.31575 5.24297 1.31575 2.82438 0 5.24296-1.33105t3.83077-3.59535q1.42843-2.27961 1.42843-4.9723 0-2.66209-1.4122-4.9417-1.41219-2.2796-3.83077-3.61065-2.40235-1.34635-5.25919-1.34635-2.82439 0-5.24297 1.33105t-3.847 3.61066q-1.41219 2.2643-1.41219 4.95699z" style="fill:currentcolor;font-feature-settings:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal"/>
- </g>
-</svg>
--- a/src/assets/sia.svg
+++ b/src/assets/sia.svg
@ -1,5 +0,0 @@
-<svg viewBox="0 0 65 39" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M0 33.1034C2.44131 36.5305 6.36863 39 12.0473 39C18.2567 39 22.3963 35.6233 22.3963 31.1379C22.3963 27.7613 20.1673 24.8886 14.9132 23.2759L10.7736 22.0159C9.28758 21.5623 8.27922 20.8064 8.27922 19.5968C8.27922 18.3873 9.49987 17.3793 11.5697 17.3793C13.9048 17.3793 15.8685 18.8408 16.8238 20.0504L21.2818 16.5225C19.5835 14.3554 16.0277 12.0371 11.4105 12.0371C5.67869 12.0371 1.75137 15.6154 1.75137 19.5968C1.75137 22.7719 3.98039 25.695 8.4915 27.1565L12.2065 28.366C15.0193 29.2732 15.8685 30.1804 15.8685 31.3395C15.8685 32.7003 14.4886 33.6578 12.0473 33.6578C9.0753 33.6578 6.84628 32.4987 4.7234 29.8276L0 33.1034Z" fill="currentColor"/>
-  <path d="M26.519 4.77984C26.519 6.84615 28.2703 8.61008 30.4993 8.61008C32.6753 8.61008 34.4797 6.84615 34.4797 4.77984C34.4797 2.71353 32.6753 1 30.4993 1C28.2703 1 26.519 2.71353 26.519 4.77984ZM27.1558 38.244H33.8429V12.7931H27.1558V38.244Z" fill="currentColor"/>
-  <path d="M62.025 26.5L62.025 36.025L51 36.025C45.4633 36.025 40.975 31.5367 40.975 26C40.975 20.4633 45.4633 15.975 51 15.975L51.5 15.975C57.3128 15.975 62.025 20.6872 62.025 26.5Z" stroke="currentColor" stroke-width="5.95"/>
-</svg>
--- a/src/assets/twitter.svg
+++ b/src/assets/twitter.svg
@ -1,3 +0,0 @@
-<svg version="1.1" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
-  <path fill="currentcolor" d="M400,200c0,110.5-89.5,200-200,200S0,310.5,0,200S89.5,0,200,0S400,89.5,400,200z M163.4,305.5 c88.7,0,137.2-73.5,137.2-137.2c0-2.1,0-4.2-0.1-6.2c9.4-6.8,17.6-15.3,24.1-25c-8.6,3.8-17.9,6.4-27.7,7.6 c10-6,17.6-15.4,21.2-26.7c-9.3,5.5-19.6,9.5-30.6,11.7c-8.8-9.4-21.3-15.2-35.2-15.2c-26.6,0-48.2,21.6-48.2,48.2 c0,3.8,0.4,7.5,1.3,11c-40.1-2-75.6-21.2-99.4-50.4c-4.1,7.1-6.5,15.4-6.5,24.2c0,16.7,8.5,31.5,21.5,40.1c-7.9-0.2-15.3-2.4-21.8-6 c0,0.2,0,0.4,0,0.6c0,23.4,16.6,42.8,38.7,47.3c-4,1.1-8.3,1.7-12.7,1.7c-3.1,0-6.1-0.3-9.1-0.9c6.1,19.2,23.9,33.1,45,33.5 c-16.5,12.9-37.3,20.6-59.9,20.6c-3.9,0-7.7-0.2-11.5-0.7C110.8,297.5,136.2,305.5,163.4,305.5"/>
-</svg>
--- a/src/components/Donate/Difference/Difference.astro
+++ b/src/components/Donate/Difference/Difference.astro
@ -1,19 +0,0 @@
---
-import './Difference.scss';
---
-
-<section id="difference" class="tilted-bg-r">
-  <div>
-    <div class="feature-group">
-      <h2>
-        Powered by you
-      </h2>
-      <h3>
-        How we&rsquo;re different
-      </h3>
-      <p>
-        The .com boom/bubble/bust was a gold rush for VC's and everyone looking to get rich. We've entered that era again with crypto, web3, and the "metaverse". Lume Web has no VC equity and will never give out equity to investment companies since their interests go against a user-owned internet.
-      </p>
-    </div>
-  </div>
-</section>
--- a/src/components/Donate/Difference/Difference.scss
+++ b/src/components/Donate/Difference/Difference.scss
@ -1,64 +0,0 @@
-@import "/src/styles/mixins.scss";
-@import "/src/styles/vars.scss";
-
-#difference {
-  padding: 12em 7.5% 7em;
-  max-width: 192em;
-  margin: 0 auto;
-
-  &::before {
-    bottom: -12%;
-  }
-
-  > div {
-    position: relative;
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    min-height: 34em;
-    margin: 0 auto;
-
-    &::before {
-      content: "";
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: min(0em, calc((100% - 68.9em) / 2));
-      width: calc(100% - 72em - 7.5%);
-      min-width: calc(68.9em);
-      background-image: url("/src/assets/difference-bg.png");
-      background-position: 50% 50%;
-      background-repeat: no-repeat;
-      background-size: contain;
-      z-index: -1;
-    }
-
-    &::after {
-      content: "";
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: min(0em, calc((100% - 68.9em) / 2));
-      width: calc(100% - 72em - 7.5%);
-      min-width: calc(68.9em);
-      background: radial-gradient(50% 50% at 50% 50%, rgba($color-blue-charcoal, 0) 48.31%, $color-blue-charcoal 100%);
-      z-index: -1;
-    }
-
-    .feature-group {
-      margin: 2em 0;
-      max-width: 72em;
-
-      h3 {
-        font-weight: 400;
-      }
-
-      p {
-        padding: 0.3em 0.5em;
-        margin: -0.3em -0.5em;
-        background: rgba($color-blue-charcoal-2, 0.8);
-        border-radius: 0.5em;
-      }
-    }
-  }
-}
--- a/src/components/Donate/HowToSupport/HowToSupport.astro
+++ b/src/components/Donate/HowToSupport/HowToSupport.astro
@ -1,12 +0,0 @@
---
-import './HowToSupport.scss';
---
-
-<section id="how-to-support">
-  <h2>
-    How to support Lume Web
-  </h2>
-  <p>
-    We aren't picky &#128521;. If there is a way you want to pay us, we are happy to take it. The project is funded through Hammer Technologies LLC, in the USA, and so crypto, FOSS platforms, and traditional payment methods are all accepted! Just click donate at the top to see your options, and to contact us if needed.
-  </p>
-</section>
--- a/src/components/Donate/HowToSupport/HowToSupport.scss
+++ b/src/components/Donate/HowToSupport/HowToSupport.scss
@ -1,23 +0,0 @@
-@import "/src/styles/mixins.scss";
-@import "/src/styles/vars.scss";
-
-#how-to-support {
-  padding: 5em 7.5%;
-  background: $color-brand;
-  color: $color-blue-charcoal-2;
-
-  h2 {
-    margin-bottom: 0.25em;
-    @include fluid-font-size(2rem);
-    font-weight: 700;
-    line-height: 153%;
-    text-transform: none;
-    color: inherit;
-  }
-
-  p {
-    font-family: $font-family-jaldi;
-    @include fluid-font-size(1.5rem);
-    line-height: 165%;
-  }
-}
--- a/src/components/Donate/Purposes/Purposes.astro
+++ b/src/components/Donate/Purposes/Purposes.astro
@ -1,57 +0,0 @@
---
-import developmentImg from "/src/assets/icon-development.png";
-import pioneeringImg from "/src/assets/icon-pioneering.png";
-import growthImg from "/src/assets/icon-growth.png";
-import './Purposes.scss';
---
-
-<section id="purposes" class="feature-grid">
-  <div class="purpose-development">
-    <div>
-      <img src={developmentImg.src} />
-    </div>
-    <div class="feature-group">
-      <h2>
-        Community Services
-      </h2>
-      <h3>
-        Development Spending
-      </h3>
-      <p>
-        All donations are spent on active development of Lume Web and maintaining community services.
-      </p>
-    </div>
-  </div>
-  <div class="purpose-pioneering">
-    <div>
-      <img src={pioneeringImg.src}/>
-    </div>
-    <div class="feature-group">
-      <h2>
-        Build what you want
-      </h2>
-      <h3>
-        Help pioneer Web3
-      </h3>
-      <p>
-        The Web3 is taking back the internet to be the user-owned internet. If we, the users, don't fund and build what we want, it will be again, decided for us, and benefit others and become centralized to a few, not decentralized for the many.
-      </p>
-    </div>
-  </div>
-  <div class="purpose-growth">
-    <div>
-      <img src={growthImg.src} />
-    </div>
-    <div class="feature-group">
-      <h2>
-        Open gateway
-      </h2>
-      <h3>
-        Help us grow
-      </h3>
-      <p>
-        We need the communities voice and hands. Lume Web is your open gateway and platform, so it must be built by those who are going to use it the most.
-      </p>
-    </div>
-  </div>
-</section>
--- a/src/components/Donate/Purposes/Purposes.scss
+++ b/src/components/Donate/Purposes/Purposes.scss
@ -1,18 +0,0 @@
-@import "/src/styles/mixins.scss";
-@import "/src/styles/vars.scss";
-
-#purposes {
-  background: $color-black;
-
-  .purpose-development img {
-    @include fluid-width(3.4375rem);
-  }
-
-  .purpose-pioneering img {
-    @include fluid-width(3.4375rem);
-  }
-
-  .purpose-growth img {
-    @include fluid-width(3.4375rem);
-  }
-}
--- a/src/components/Donate/Support/Support.astro
+++ b/src/components/Donate/Support/Support.astro
@ -1,39 +0,0 @@
---
-import './Support.scss';
-import svgSia from '/src/assets/sia.svg?raw';
-import svgHns from '/src/assets/hns.svg?raw';
-import svgOsi from '/src/assets/osi.svg?raw';
---
-
-<section id="support">
-  <div>
-    <div class="powered-by">
-      <a href="https://sia.tech" title="Sia" class="sia-logo">
-        <Fragment set:html={svgSia} />
-      </a>
-      <a href="https://handshake.org" title="Handshake" class="hns-logo">
-        <Fragment set:html={svgHns} />
-      </a>
-      <a href="https://opensource.org/osd/" title="Open Source Initiative" class="osi-logo">
-        <Fragment set:html={svgOsi} />
-      </a>
-    </div>
-    <div class="feature-group">
-      <h2>
-        Access Web3
-      </h2>
-      <h3>
-        Support Lume Web, help us build
-      </h3>
-      <p>
-        There's a lot of hype around "Web3" and "The Metaverse" as people see money in it, similar to the second .com boom. However, many platforms claiming to be "Web3" are just trying to make money off you and aren't truly secure or decentralized.
-      </p>
-      <p>
-        While some services have technology that can be building blocks for the next internet, many become centralized "SaaS" services that aim to sell something, creating another walled garden with blockchain technology mixed in.
-      </p>
-      <div>
-        <a href="https://lumeweb.com/donate" class="btn-main">Make a donation</a>
-      </div>
-    </div>
-  </div>
-</section>
--- a/src/components/Donate/Support/Support.scss
+++ b/src/components/Donate/Support/Support.scss
@ -1,70 +0,0 @@
-@import "/src/styles/mixins.scss";
-@import "/src/styles/vars.scss";
-
-#support {
-  padding: 10.6em 7.5%;
-
-  > div {
-    display: flex;
-    gap: 7.5%;
-    max-width: 152em;
-    margin: 0 auto;
-
-    @media screen and (max-width: 47.99999rem) {
-      flex-direction: column;
-      flex-flow: column-reverse;
-      align-items: flex-end;
-      gap: 4em;
-    }
-  }
-
-  .powered-by {
-    flex-grow: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 4em;
-
-    @media screen and (min-width: 48rem) and (max-width: 56rem) {
-      flex-direction: column;
-    }
-
-    a {
-      color: $color-alto;
-
-      &:hover {
-        color: $color-white;
-      }
-    }
-
-    .sia-logo svg {
-      @include fluid-width(7.5rem);
-    }
-
-    .hns-logo svg {
-      @include fluid-width(5.5rem);
-    }
-
-    .osi-logo svg {
-      @include fluid-width(5.5rem);
-    }
-
-    @media screen and (max-width: 47.99999rem) {
-      .sia-logo svg {
-        @include fluid-width(3.75rem);
-      }
-
-      .hns-logo svg {
-        @include fluid-width(2.75rem);
-      }
-
-      .osi-logo svg {
-        @include fluid-width(2.75rem);
-      }
-    }
-  }
-
-  .feature-group {
-    max-width: 80em;
-  }
-}
--- a/src/components/Donate/Why/Why.astro
+++ b/src/components/Donate/Why/Why.astro
@ -1,36 +0,0 @@
---
-import './Why.scss';
-
-import svgGithub from '/src/assets/github.svg?raw';
-import svgDiscord from '/src/assets/discord.svg?raw';
-import svgTwitter from '/src/assets/twitter.svg?raw';
---
-
-<section id="why">
-    <div>
-        <div class="feature-group">
-            <h2>
-                Powered by you
-            </h2>
-            <h3>
-                Why we ask for your donations
-            </h3>
-            <p>
-                Lume Web is a small initiative with big ideas and a unique vision. We rely on the community and crypto
-                whales to support us in building technology that empowers internet users. The current internet is
-                controlled by a few, turning users into products in exchange for "free" services, making us batteries in
-                the matrix.
-            </p>
-            <div class="socials">
-                <a href="https://github.com/LumeWeb" title="GitHub" class="github-logo">
-                    <Fragment set:html={svgGithub}/>
-                </a>
-                <a href="https://discord.gg/qpC8ADp3rS" title="Discord" class="discord-logo">
-                    <Fragment set:html={svgDiscord}/>
-                </a>
-                <a href="https://twitter.com/lumeweb3" title="Twitter" class="twitter-logo">
-                    <Fragment set:html={svgTwitter}/>
-                </a>
-            </div>
-        </div>
-</section>
--- a/src/components/Donate/Why/Why.scss
+++ b/src/components/Donate/Why/Why.scss
@ -1,79 +0,0 @@
-@import "/src/styles/mixins.scss";
-@import "/src/styles/vars.scss";
-
-#why {
-  padding: 8em 7.5% 7em;
-  max-width: 192em;
-  margin: 0 auto;
-
-  > div {
-    position: relative;
-    display: flex;
-    align-items: center;
-    min-height: 42em;
-    margin: 0 auto;
-
-    &::before {
-      content: "";
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      right: min(0em, calc((100% - 56em) / 2));
-      width: calc(100% - 72em - 7.5%);
-      min-width: calc(56em);
-      background-image: url("/src/assets/astronaut.png");
-      background-position: 50% 50%;
-      background-repeat: no-repeat;
-      background-size: contain;
-      z-index: -1;
-    }
-  }
-
-  .socials {
-    display: flex;
-    align-items: center;
-    gap: 2em;
-    margin: 4em -0.5em -0.5em;
-
-    a {
-      padding: 0.5em;
-      color: $color-alto;
-
-      &:hover {
-        color: $color-brand;
-      }
-    }
-
-    .github-logo svg {
-      @include fluid-width(2.75rem);
-    }
-
-    .discord-logo svg {
-      @include fluid-width(2.75rem);
-    }
-
-    .twitter-logo svg {
-      @include fluid-width(2.75rem);
-    }
-
-    .facebook-logo svg {
-      @include fluid-width(2.75rem);
-    }
-  }
-
-  .feature-group {
-    margin: 2em 0;
-    max-width: 72em;
-
-    h3 {
-      font-weight: 400;
-    }
-
-    p {
-      padding: 0.3em 0.5em;
-      margin: -0.3em -0.5em;
-      background: rgba($color-blue-charcoal-2, 0.8);
-      border-radius: 0.5em;
-    }
-  }
-}
--- a/src/components/Home/Access/Access.astro
+++ b/src/components/Home/Access/Access.astro
@ -1,22 +0,0 @@
---
-import './Access.scss';
---
-
-<section id="access" class="tilted-bg">
-  <div>
-    <div class="feature-group">
-      <h2>
-        Access Web3
-      </h2>
-      <h3>
-        Lume Web grants you access to Web3
-      </h3>
-      <p>
-        There's a lot of hype around "Web3" and "The Metaverse" as people see money in it, similar to the second .com boom. However, many platforms claiming to be "Web3" are just trying to make money off you and aren't truly secure or decentralized.... so they can be censored.
-      </p>
-      <p>
-        While some services have technology that can be building blocks for the next internet, many become centralized "SaaS" services that aim to sell something, creating another walled garden with blockchain technology mixed in.
-      </p>
-    </div>
-  </div>
-</section>
--- a/src/components/Home/Access/Access.scss
+++ b/src/components/Home/Access/Access.scss
@ -1,88 +0,0 @@
-@import "/src/styles/vars.scss";
-
-#access {
-  position: relative;
-  padding: 10em 0;
-  z-index: -1;
-
-  &::after {
-    content: "";
-    position: absolute;
-    top: -47.5em;
-    left: 0;
-    width: 52.11em;
-    height: 117.1em;
-    background-image: url("/src/assets/home-left-bg.png");
-    background-position: 0 0;
-    background-repeat: no-repeat;
-    background-size: contain;
-  }
-
-  > div {
-    position: relative;
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    max-width: 152em;
-    min-height: 45.2em;
-    margin: 0 auto;
-    z-index: 1;
-
-    &::before {
-      content: "";
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: min(0em, calc((100% - 45.2em) / 2));
-      width: calc(100% - 80em - 7.5%);
-      min-width: 45.2em;
-      background-image: url("/src/assets/access-bg.png");
-      background-position: 50% 50%;
-      background-repeat: no-repeat;
-      background-size: contain;
-      animation: spin 7s infinite linear;
-      z-index: -1;
-    }
-
-    .feature-group {
-      box-sizing: content-box;
-      margin: 2em 7.5%;
-      max-width: 80em;
-
-      p {
-        padding: 0.3em 0.5em;
-        margin: -0.3em -0.5em;
-        background: rgba($color-black, 0.8);
-        border-radius: 0.5em;
-      }
-    }
-  }
-
-  @media screen and (max-width: 56rem) {
-    &::after {
-      top: -56em;
-      height: 78em;
-    }
-
-    > div {
-      &::before {
-        top: 0;
-        bottom: auto;
-        left: calc((100% - 45.2em) / 2);
-        width: 45.2em;
-        height: 45.2em;
-      }
-
-      .feature-group {
-        margin-top: 52.2em;
-        max-width: none;
-      }
-    }
-  }
-}
-
-@keyframes spin {
-    0% {
-        transform: rotate(359deg);
-    }
-}
--- a/src/components/Home/Features/Features.astro
+++ b/src/components/Home/Features/Features.astro
@ -1,57 +0,0 @@
---
-import privateImg from  "/src/assets/icon-private.png";
-import personalImg from  "/src/assets/icon-personal.png";
-import gatewayImg from  "/src/assets/icon-gateway.png";
-import './Features.scss';
---
-
-<section id="features" class="feature-grid">
-  <div class="feature-private">
-    <div>
-      <img src={privateImg.src} />
-    </div>
-    <div class="feature-group">
-      <h2>
-        Encrypted Data
-      </h2>
-      <h3>
-        It&rsquo;s private
-      </h3>
-      <p>
-        There is no sign-up required to browse web3. You do not even need to provide an email for basic use. Additionally, if you do create an account, all data is encrypted with your password.
-      </p>
-    </div>
-  </div>
-  <div class="feature-personal">
-    <div>
-      <img src={personalImg.src} />
-    </div>
-    <div class="feature-group">
-      <h2>
-        Owned by You
-      </h2>
-      <h3>
-        It&rsquo;s personal
-      </h3>
-      <p>
-        Everything you do is owned by you. Your data is not controlled or owned by others. You are free to share copies to let others own a version or keep encrypted in your account.
-      </p>
-    </div>
-  </div>
-  <div class="feature-gateway">
-    <div>
-      <img src={gatewayImg.src} />
-    </div>
-    <div class="feature-group">
-      <h2>
-        Privacy Built-in
-      </h2>
-      <h3>
-        It&rsquo;s your gateway
-      </h3>
-      <p>
-        Gain freedom on a new web, owned by its users, and with privacy and control built-in.
-      </p>
-    </div>
-  </div>
-</section>
--- a/src/components/Home/Features/Features.scss
+++ b/src/components/Home/Features/Features.scss
@ -1,15 +0,0 @@
-@import "/src/styles/mixins.scss";
-
-#features {
-  .feature-private img {
-    @include fluid-width(3.4375rem);
-  }
-
-  .feature-personal img {
-    @include fluid-width(3.4375rem);
-  }
-
-  .feature-gateway img {
-    @include fluid-width(3.4375rem);
-  }
-}
--- a/src/components/Home/Install/Install.astro
+++ b/src/components/Home/Install/Install.astro
@ -1,61 +0,0 @@
---
-import './Install.scss';
-
-import svgSia from '/src/assets/sia.svg?raw';
-import svgHns from '/src/assets/hns.svg?raw';
-import svgOsi from '/src/assets/osi.svg?raw';
-
-import svgGithub from '/src/assets/github.svg?raw';
-import svgDiscord from '/src/assets/discord.svg?raw';
-import svgTwitter from '/src/assets/twitter.svg?raw';
---
-
-<section id="install">
-    <div>
-        <h1>
-            Introducing the private <span class="larger">gateway to <span class="highlight">Web3.</span></span>
-        </h1>
-        <p>
-            Gain freedom on a new web, owned by its users, and with <span class="highlight">privacy</span> and <span
-            class="highlight">control</span> built-in.
-        </p>
-        <div class="install">
-            <a href="https://addons.mozilla.org/en-US/firefox/addon/lume-web/" class="btn-main">Install Web3 Extension</a>
-            <div class="powered-by">
-                <a href="https://sia.tech" title="Sia" class="sia-logo">
-                    <Fragment set:html={svgSia}/>
-                </a>
-                <a href="https://handshake.org" title="Handshake" class="hns-logo">
-                    <Fragment set:html={svgHns}/>
-                </a>
-                <a href="https://opensource.org/osd/" title="Open Source Initiative" class="osi-logo">
-                    <Fragment set:html={svgOsi}/>
-                </a>
-            </div>
-        </div>
-    </div>
-    <div class="resources">
-        <ul class="links">
-            <li>
-                <a href="https://github.com/LumeWeb">View on GitHub</a>
-            </li>
-            <li>
-                <a href="https://lumeweb.com">Learn more about Lume</a>
-            </li>
-            <li>
-                <a href="/donate">Donate</a>
-            </li>
-        </ul>
-        <div class="socials">
-            <a href="https://github.com/LumeWeb" title="GitHub" class="github-logo">
-                <Fragment set:html={svgGithub}/>
-            </a>
-            <a href="https://discord.gg/qpC8ADp3rS" title="Discord" class="discord-logo">
-                <Fragment set:html={svgDiscord}/>
-            </a>
-            <a href="https://twitter.com/lumeweb3" title="Twitter" class="twitter-logo">
-                <Fragment set:html={svgTwitter}/>
-            </a>
-        </div>
-    </div>
-</section>
--- a/src/components/Home/Install/Install.scss
+++ b/src/components/Home/Install/Install.scss
@ -1,191 +0,0 @@
-@import "/src/styles/mixins.scss";
-@import "/src/styles/vars.scss";
-
-#install {
-  padding: 7em 7.5% 12.5em;
-
-  > div:first-child {
-    max-width: 120em;
-  }
-
-  h1 {
-    margin-left: -0.1em;
-    @include fluid-font-size-s(5.6875rem);
-    font-weight: 300;
-    line-height: 122%;
-    letter-spacing: -0.06em;
-
-    .larger {
-      @include fluid-font-size-s(6.8125rem);
-      font-weight: 400;
-    }
-
-    .highlight {
-      color: $color-brand;
-    }
-  }
-
-  p {
-    margin: 0.8em 0 1.6em;
-    padding-right: 2.5em;
-    font-family: $font-family-jaldi;
-    @include fluid-font-size(2.4375rem);
-    line-height: 108%;
-    color: rgba($color-white, 0.5);
-
-    .highlight {
-      color: $color-white;
-    }
-  }
-
-  .install {
-    display: flex;
-    align-items: center;
-    gap: 5em;
-
-    .btn-main {
-      padding: 1.2em 2em;
-    }
-
-    .powered-by {
-      display: flex;
-      align-items: center;
-      gap: 2.5em;
-
-      a {
-        color: #4e5b5d;
-
-        &:hover {
-          color: $color-white;
-        }
-      }
-
-      .sia-logo svg {
-        @include fluid-width(3.75rem);
-      }
-
-      .hns-logo svg {
-        @include fluid-width(2.75rem);
-      }
-
-      .osi-logo svg {
-        @include fluid-width(2.75rem);
-      }
-    }
-  }
-
-  .resources {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 5.5em;
-    margin-top: 5em;
-
-    .links {
-      font-family: $font-family-jaldi;
-      @include fluid-font-size(1.5rem);
-
-      a {
-        color: rgba(169, 169, 169, 0.5);
-
-        &:hover {
-          color: $color-white;
-        }
-      }
-    }
-
-    .socials {
-      display: flex;
-      align-items: center;
-      gap: 2em;
-      margin: -0.5em;
-
-      a {
-        padding: 0.5em;
-        color: $color-alto;
-
-        &:hover {
-          color: $color-brand;
-        }
-      }
-
-      .github-logo svg {
-        @include fluid-width(2.75rem);
-      }
-
-      .discord-logo svg {
-        @include fluid-width(2.75rem);
-      }
-
-      .twitter-logo svg {
-        @include fluid-width(2.75rem);
-      }
-
-      .facebook-logo svg {
-        @include fluid-width(2.75rem);
-      }
-    }
-  }
-
-  @media screen and (max-width: 67rem) {
-    h1 {
-      font-weight: 400;
-
-      .larger {
-        @include fluid-font-size-s(5.6875rem);
-      }
-    }
-
-    p {
-      padding: 0;
-    }
-  }
-
-  @media screen and (max-width: 56rem) {
-    padding-top: 14em;
-    padding-bottom: 10em;
-
-    h1 {
-      line-height: 155%;
-    }
-
-    p {
-      line-height: 145%;
-    }
-  }
-
-  @media screen and (max-width: 47.99999rem) {
-    .install {
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 7.5em;
-
-      .btn-main {
-        padding: 1.2em 1.6em;
-        letter-spacing: -0.01em;
-      }
-
-      .powered-by {
-        gap: 4em;
-
-        .sia-logo svg {
-          @include fluid-width(6.75rem);
-        }
-
-        .hns-logo svg {
-          @include fluid-width(4.95rem);
-        }
-
-        .osi-logo svg {
-          @include fluid-width(4.95rem);
-        }
-      }
-    }
-
-    .resources {
-      .socials {
-        display: none;
-      }
-    }
-  }
-}
--- a/src/components/Home/Message/Message.astro
+++ b/src/components/Home/Message/Message.astro
@ -1,12 +0,0 @@
---
-import './Message.scss';
---
-
-<section id="message">
-  <h2>
-    Free Yourself
-  </h2>
-  <p>
-    We have had decentralized internet for a while now (decades) in various forms, so consider Web3 an upgrade that combines many of these attempts + blockchain, into an evolution for the user-owned internet, rather than us, the user, becoming batteries in the matrix.
-  </p>
-</section>
--- a/src/components/Home/Message/Message.scss
+++ b/src/components/Home/Message/Message.scss
@ -1,23 +0,0 @@
-@import "/src/styles/mixins.scss";
-@import "/src/styles/vars.scss";
-
-#message {
-  padding: 5em 7.5%;
-  background: $color-brand;
-  color: $color-blue-charcoal-2;
-
-  h2 {
-    margin-bottom: 0.25em;
-    @include fluid-font-size(2rem);
-    font-weight: 700;
-    line-height: 153%;
-    text-transform: none;
-    color: inherit;
-  }
-
-  p {
-    font-family: $font-family-jaldi;
-    @include fluid-font-size(1.5rem);
-    line-height: 165%;
-  }
-}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Julian	8773e19db5	Lume installer website	2022-05-01 16:44:20 +02:00
Julian	b672d14289	Converted to PNG	2022-04-11 10:15:51 +02:00
Julian	2266a45178	Logo format change SVG to PNG conversion	2022-04-11 10:14:17 +02:00
Julian	5c33d0d5c9	Add files via upload Lume Installer UI v01	2022-04-09 12:00:53 +02:00
				`@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path fill="#2A82DE" d="M20,16c-0.8,0-1.6,0.3-2.1,0.9l-2.2-1.3c0.2-0.5,0.3-1,0.3-1.6c0-2-1.5-3.7-3.5-3.9V7.9C13.9,7.7,15,6.5,15,5c0-1.7-1.3-3-3-3S9,3.3,9,5c0,1.5,1.1,2.7,2.5,2.9v2.1C9.5,10.3,8,12,8,14c0,0.6,0.1,1.1,0.3,1.6l-2.2,1.3C5.6,16.3,4.8,16,4,16c-1.7,0-3,1.3-3,3s1.3,3,3,3c1.7,0,3-1.3,3-3c0-0.5-0.1-0.9-0.3-1.3l2.2-1.3C9.6,17.4,10.7,18,12,18c1.3,0,2.4-0.6,3.1-1.6l2.2,1.3C17.1,18.1,17,18.5,17,19c0,1.7,1.3,3,3,3c1.7,0,3-1.3,3-3C23,17.3,21.7,16,20,16z M4,21c-1.1,0-2-0.9-2-2s0.9-2,2-2c1.1,0,2,0.9,2,2C6,20.1,5.1,21,4,21z M10,5c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2S10,6.1,10,5z M12,17c-1.7,0-3-1.3-3-3s1.3-3,3-3c1.7,0,3,1.3,3,3C15,15.7,13.7,17,12,17z M20,21c-1.1,0-2-0.9-2-2s0.9-2,2-2c1.1,0,2,0.9,2,2C22,20.1,21.1,21,20,21z"/></svg>