chore(release): 0.3.3 [skip ci]

## [0.3.3](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.3.2...v0.3.3) (2024-01-27)

### Bug Fixes

* update donation addresses ([6b60eaa](6b60eaa19f))

CHANGELOG.md

@@ -1,3 +1,47 @@
+## [0.3.3](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.3.2...v0.3.3) (2024-01-27)
+
+
+### Bug Fixes
+
+* update donation addresses ([6b60eaa](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/6b60eaa19f3b06de0f05226604fccd36c3f2ab38))
+
+## [0.3.2](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.3.1...v0.3.2) (2023-09-30)
+
+## [0.3.1](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.3.0...v0.3.1) (2023-08-21)
+
+
+### Bug Fixes
+
+* spacing, button getting cutoff again :( ([7f38d40](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/7f38d409d262d972722f26f221e6be721104999f))
+
+# [0.3.0-develop.5](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.3.0-develop.4...v0.3.0-develop.5) (2023-08-21)
+
+
+### Bug Fixes
+
+* spacing, button getting cutoff again :( ([7f38d40](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/7f38d409d262d972722f26f221e6be721104999f))
+
+# [0.3.0-develop.4](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.3.0-develop.3...v0.3.0-develop.4) (2023-08-19)
+
+
+### Bug Fixes
+
+* meme headline and donate button ([917a818](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/917a818c8375c0c880e5c4b3bf5760698bc739f1))
+
+# [0.3.0-develop.3](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.3.0-develop.2...v0.3.0-develop.3) (2023-08-19)
+
+
+### Features
+
+* add sitemap ([599bba5](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/599bba5c352ead5981732d68a5c83cc42a40cb65))
+
+# [0.3.0-develop.2](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.3.0-develop.1...v0.3.0-develop.2) (2023-08-19)
+
+
+### Bug Fixes
+
+* grammar ([ff7b022](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/ff7b0227897db1a8a9eba3fcbe348e5b88d9c030))
+
 # [0.3.0-develop.1](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.2.8-develop.2...v0.3.0-develop.1) (2023-08-19)
 
 

astro.config.mjs

@@ -1,10 +1,12 @@
 import { defineConfig } from 'astro/config'
 import tailwind from '@astrojs/tailwind'
 import react from '@astrojs/react'
+import sitemap from '@astrojs/sitemap';
 
 // https://astro.build/config
 export default defineConfig({
-    integrations: [tailwind({ config: { applyBaseStyles: false } }), react()],
+    site: 'https://lumeweb.com',
+    integrations: [tailwind({ config: { applyBaseStyles: false } }), react(), sitemap()],
     experimental: {
         assets: true
     }

npm-shrinkwrap.json

@@ -1,16 +1,18 @@
 {
     "name": "@lumeweb/lumeweb.com",
-    "version": "0.3.0-develop.1",
+    "version": "0.3.3",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@lumeweb/lumeweb.com",
-            "version": "0.3.0-develop.1",
+            "version": "0.3.3",
             "dependencies": {
                 "@astrojs/react": "^2.1.1",
+                "@astrojs/sitemap": "^2.0.2",
                 "@astrojs/tailwind": "^3.1.1",
                 "@types/react": "^18.2.0",
+                "add": "^2.0.6",
                 "astro": "^2.3.2",
                 "autoprefixer": "^10.4.14",
                 "qrcode": "^1.5.3",
@@ -143,6 +145,15 @@
                 "react-dom": "^17.0.2 || ^18.0.0"
             }
         },
+        "node_modules/@astrojs/sitemap": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/@astrojs/sitemap/-/sitemap-2.0.2.tgz",
+            "integrity": "sha512-dFWtdFwN8kxDiqIxF8T8ODqsUr6hG+EQlFEqm+3oQkhAkucF9QkYLM5Q72mEbYytkL4jvKyHbW1u10T5sWBZew==",
+            "dependencies": {
+                "sitemap": "^7.1.1",
+                "zod": "^3.17.3"
+            }
+        },
         "node_modules/@astrojs/tailwind": {
             "version": "3.1.3",
             "resolved": "https://registry.npmjs.org/@astrojs/tailwind/-/tailwind-3.1.3.tgz",
@@ -1900,6 +1911,11 @@
                 "@types/unist": "*"
             }
         },
+        "node_modules/@types/node": {
+            "version": "17.0.45",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.45.tgz",
+            "integrity": "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw=="
+        },
         "node_modules/@types/normalize-package-data": {
             "version": "2.4.1",
             "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
@@ -1940,6 +1956,14 @@
             "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
             "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q=="
         },
+        "node_modules/@types/sax": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@types/sax/-/sax-1.2.4.tgz",
+            "integrity": "sha512-pSAff4IAxJjfAXUG6tFkO7dsSbTmf8CtUpfhhZ5VhkRpC4628tJhh3+V6H1E+/Gs9piSzYKT5yzHO5M4GG9jkw==",
+            "dependencies": {
+                "@types/node": "*"
+            }
+        },
         "node_modules/@types/scheduler": {
             "version": "0.16.3",
             "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
@@ -1988,6 +2012,11 @@
                 "node": ">=0.4.0"
             }
         },
+        "node_modules/add": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/add/-/add-2.0.6.tgz",
+            "integrity": "sha512-j5QzrmsokwWWp6kUcJQySpbG+xfOBqqKnup3OIk1pz+kB/80SLorZ9V8zHFLO92Lcd+hbvq8bT+zOGoPkmBV0Q=="
+        },
         "node_modules/agent-base": {
             "version": "7.1.0",
             "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz",
@@ -11123,6 +11152,11 @@
                 "suf-log": "^2.5.3"
             }
         },
+        "node_modules/sax": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+            "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
+        },
         "node_modules/scheduler": {
             "version": "0.23.0",
             "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
@@ -11833,6 +11867,24 @@
             "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
             "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg=="
         },
+        "node_modules/sitemap": {
+            "version": "7.1.1",
+            "resolved": "https://registry.npmjs.org/sitemap/-/sitemap-7.1.1.tgz",
+            "integrity": "sha512-mK3aFtjz4VdJN0igpIJrinf3EO8U8mxOPsTBzSsy06UtjZQJ3YY3o3Xa7zSc5nMqcMrRwlChHZ18Kxg0caiPBg==",
+            "dependencies": {
+                "@types/node": "^17.0.5",
+                "@types/sax": "^1.2.1",
+                "arg": "^5.0.0",
+                "sax": "^1.2.4"
+            },
+            "bin": {
+                "sitemap": "dist/cli.js"
+            },
+            "engines": {
+                "node": ">=12.0.0",
+                "npm": ">=5.6.0"
+            }
+        },
         "node_modules/slash": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",

package.json

@@ -1,7 +1,7 @@
 {
     "name": "@lumeweb/lumeweb.com",
     "type": "module",
-    "version": "0.3.0-develop.1",
+    "version": "0.3.3",
     "private": true,
     "repository": {
         "type": "git",
@@ -17,8 +17,10 @@
     },
     "dependencies": {
         "@astrojs/react": "^2.1.1",
+        "@astrojs/sitemap": "^2.0.2",
         "@astrojs/tailwind": "^3.1.1",
         "@types/react": "^18.2.0",
+        "add": "^2.0.6",
         "astro": "^2.3.2",
         "autoprefixer": "^10.4.14",
         "qrcode": "^1.5.3",

public/robots.txt

@@ -1,2 +1,3 @@
 User-Agent: *
-Allow: /
+Allow: /
+Sitemap: sitemap-index.xml

src/components/Donate/Methods/Methods.astro

@@ -26,13 +26,13 @@ const addCurrency = async (id, title, address, mainColor) => {
 await addCurrency(
   "bitcoin",
   "Bitcoin (BTC)",
-  "bc1q9xq2w4w2hjc240rs6mf0g8gpzz3rmcz4h77a2a",
+  "bc1qya2wywxmquk5nd7vvvqgckz8v2rgqfz8xf4m56",
   "#f7931a"
 );
 await addCurrency(
   "litecoin",
   "Litecoin (LTC)",
-  "ltc1qgk6fc4u6grqyhfzw208477ze35vrr5tcwhq8zq",
+  "ltc1q3xxlgv04kwtpmg89vng4rhp26u2g2kpxvryyxz",
   "#345d9d"
 );
 await addCurrency(
@@ -50,49 +50,49 @@ await addCurrency(
 await addCurrency(
   "solana",
   "Solana (SOL)",
-  "4nMRucCuqttipwQXm31vBgoaxDW6o25TnD8fj1imviCu",
+  "EHuLR93VFGw1sE3ooqx6vbHraGf3CvALakDtawg5JfLv",
   "#dc1fff"
 );
 await addCurrency(
   "cardano",
   "Cardano (ADA)",
-  "addr1q9jd69s53pdy9j567a27ac6uvc2966x0rjz2l9sxy4y5w8383jl87mrdf6uuk9ja7lmagm2p4vw30sa42kjylxxrdufqucgst6",
+  "addr1qyju8l630c6mmlv2nl6hfm08z8a7ts3q5v7qdjazfehzje7sd2judcq2u2d634zphhlnzs58tmj24xtdxqugzhkvlnzqh2ulqt",
   "#0033ad"
 );
 await addCurrency(
   "siacoin",
   "Siacoin (SC)",
-  "7506caa950cdddbaec8f465937b50324e942ac6f5280a053662e58e3cc8bdb543ab88ccd5c23",
+  "7aae6e3f5f0db15e6cf866ecad91da2c3d9f3a70b700111c3eb9a5b453453ff5db65024a4489",
   "#20ee82"
 );
 await addCurrency(
   "monero",
   "Monero (XMR)",
-  "48A33fSyFo9YAiux3KHKVBagPGvqmcr2h4oy5pufJn6NUWyZsPF6PAufmrET3gLJjsLwxfU7HU9xe8mEeCqtHqvZN3Ly12h",
+  "4AqhZzqg3dqQYMTNj71A2H8Hrew9ujjBFE4pFqAvCaRpBddNgc3dnQRbJdS5ddtnTJexyuT71gs1bBNVox6WvreQRgREY6G",
   "#f26822"
 );
 await addCurrency(
   "handshake",
   "Handshake (HNS)",
-  "hs1qe67ak3j2u4yrq0qnfs2hmycxqdvaf9v5rjsxzy",
+  "hs1qk5jn35m2ruqdktrj7zfkx6y7079gc2l8hu7wxu",
   "#fff"
 );
 await addCurrency(
   "cosmos",
   "Cosmos (ATOM)",
-  "cosmos1pvy8zyzqwz2r2jl9j9d3zrfmg6dqc5hyhj6d5z",
+  "cosmos1cqsxu9e79y5qx6t9szwlekq40neqphxlk3ry8e",
   "#6f7390"
 );
 await addCurrency(
   "secret",
   "Secret (SCRT)",
-  "secret18377vc3af588ggauhrpuyfd954lmmu05xqhf0y",
+  "secret1kv0l82a3ktp4nyndxj9xzj2x5rm7g4vnad6ka0",
   "#fff"
 );
 await addCurrency(
   "algorand",
   "Algorand (ALGO)",
-  "3QBE5TZ63TF5W7V2QRJWRB72M7INQLA3RZW4XHD3ISRE7CRYCVNU4EEVAE",
+  "RQSSOA5FF3WWTQ5ODEHZK6FYYMSCDXEQH4U4GLRLMD67QG3PKZ2KG6SDVU",
   "#fff"
 );
 ---

src/components/Donate/Why.astro

@@ -12,7 +12,7 @@ import backgroud from "/src/assets/why-bg-2.png";
     src={backgroud.src}
     class="absolute xl:relative -z-10 min-w-[1000px] h-[750px] -mx-10 md:-mx-20 lg:-mx-40"
   />
-  <div>
+  <div class="py-5 px-2 lg:px-0">
     <FeaturedGroup
       subtitle="Why should I donate to Lume?"
       title="Help us break the pattern"

src/components/Home/Vision.astro

@@ -17,11 +17,15 @@
     <p class="font-body text-xl md:text-3xl text-body">
         Join us in shaping tomorrow's digital world. Unite with Web3 and lets connect.
     </p>
+    <p class="font-body text-xl md:text-3xl text-body italic">
+        We are actively building, so if you want to understand the problems we are solving and are asking "What is
+        Lume?" ...
+    </p>
     <div class="pt-10 w-full">
         <a
-            href="https://web3extension.io"
+            href="https://docs.lumeweb.com"
             class="text-2xl w-full block text-center md:max-w-[350px] rounded-md bg-primary py-3 px-10 text-black font-body"
-        >Connect to Web3</a
+        >View our Docs</a
         >
     </div>
 </section>

src/components/Home/WebComparison.astro

@@ -10,20 +10,24 @@ import meme4Small from "/src/assets/meme-4-small.png";
 ---
 
 <section
-    class="flex flex-col w-full border-y border-dark-aquamarine divide-y divide-dark-aquamarine lg:h-[1200px]"
+  class="flex flex-col w-full border-y border-dark-aquamarine divide-y divide-dark-aquamarine lg:h-[1200px]"
 >
-    <h3 class="font-display text-4xl md:text-6xl font-bold mb-5 font-display text-primary ">Web3's Current Path</h3>
-    <!-- MEME GRID BIG -->
-    <div
-        class="hidden lg:flex flex-1 flex-row w-full divide-x divide-dark-aquamarine"
-    >
-        <div class="relative flex-1 w-1/2 h-full max-w-full overflow-hidden">
-            <img
-                src={meme1.src}
-                alt=""
-                class="absolute bottom-0 -left-[100px] object-contain xl:-left-5 float-left"
-            />
-            <span class="float-right mt-16 w-[300px] space-y-10 mr-5">
+  <h3
+    class="font-display text-4xl md:text-6xl font-bold p-5 uppercase bg-dark-aquamarine text-primary"
+  >
+    Web3's Current Path
+  </h3>
+  <!-- MEME GRID BIG -->
+  <div
+    class="hidden lg:flex flex-1 flex-row w-full divide-x divide-dark-aquamarine"
+  >
+    <div class="relative flex-1 w-1/2 h-full max-w-full overflow-hidden">
+      <img
+        src={meme1.src}
+        alt=""
+        class="absolute bottom-0 -left-[100px] object-contain xl:-left-5 float-left"
+      />
+      <span class="float-right mt-16 w-[300px] space-y-10 mr-5">
         <h3 class="font-display text-6xl">Web1</h3>
         <p class="font-body text-2xl text-body">
           Nostalgically recalled for chat rooms and IRC by tech enthusiasts,
@@ -31,14 +35,14 @@ import meme4Small from "/src/assets/meme-4-small.png";
           web access, email, shopping, and chat for mainstream users.
         </p>
       </span>
-        </div>
-        <div class="relative flex-1 max-w-full overflow-hidden">
-            <img
-                src={meme2.src}
-                alt=""
-                class="absolute bottom-0 -left-[110px] object-contain xl:-left-5 float-left"
-            />
-            <span class="float-right mt-16 w-[300px] space-y-10 mr-5">
+    </div>
+    <div class="relative flex-1 max-w-full overflow-hidden">
+      <img
+        src={meme2.src}
+        alt=""
+        class="absolute bottom-0 -left-[110px] object-contain xl:-left-5 float-left"
+      />
+      <span class="float-right mt-16 w-[300px] space-y-10 mr-5">
         <h3 class="font-display text-6xl">Web2</h3>
         <p class="font-body text-2xl text-body">
           Featuring improved gaming, online apps, and video streaming, was
@@ -48,19 +52,19 @@ import meme4Small from "/src/assets/meme-4-small.png";
           regulates your web experience, often citing "safety".
         </p>
       </span>
-        </div>
     </div>
-    <div
-        class="hidden lg:flex flex-1 flex-row w-full divide-x divide-dark-aquamarine"
-    >
-        <div class="relative flex-1 overflow-hidden">
-            <img
-                src={meme3.src}
-                alt=""
-                class="absolute bottom-0 -left-[110px] xl:-left-5 float-left object-contain"
-            />
-            <span class="float-right mt-16 w-[300px] space-y-10 mr-1 xl:mr-5">
-        <h3 class="font-display text-6xl">Crypto/<br/>DeFi</h3>
+  </div>
+  <div
+    class="hidden lg:flex flex-1 flex-row w-full divide-x divide-dark-aquamarine"
+  >
+    <div class="relative flex-1 overflow-hidden">
+      <img
+        src={meme3.src}
+        alt=""
+        class="absolute bottom-0 -left-[110px] xl:-left-5 float-left object-contain"
+      />
+      <span class="float-right mt-16 w-[300px] space-y-10 mr-1 xl:mr-5">
+        <h3 class="font-display text-6xl">Crypto/<br />DeFi</h3>
         <p class="font-body text-2xl text-body">
           The advent of Bitcoin sparked innovation, but over time,
           centralization increased. Factors such as the influx of big money,
@@ -69,14 +73,14 @@ import meme4Small from "/src/assets/meme-4-small.png";
           cycles.
         </p>
       </span>
-        </div>
-        <div class="relative flex-1 overflow-hidden">
-            <img
-                src={meme4.src}
-                alt=""
-                class="absolute bottom-0 -left-[110px] object-contain xl:-left-5 float-left"
-            />
-            <span class="float-right mt-16 w-[300px] space-y-10 mr-1 xl:mr-5">
+    </div>
+    <div class="relative flex-1 overflow-hidden">
+      <img
+        src={meme4.src}
+        alt=""
+        class="absolute bottom-0 -left-[110px] object-contain xl:-left-5 float-left"
+      />
+      <span class="float-right mt-16 w-[300px] space-y-10 mr-1 xl:mr-5">
         <h3 class="font-display text-6xl">Web3</h3>
         <p class="font-body text-2xl text-body">
           Web3 emerged as a buzzword to replace DeFi, but its meaning varies.
@@ -86,86 +90,86 @@ import meme4Small from "/src/assets/meme-4-small.png";
           to address the current imbalance.
         </p>
       </span>
-        </div>
     </div>
-    <!-- MEME GRID BIG -->
+  </div>
+  <!-- MEME GRID BIG -->
 
-    <!-- MEME GRID SMALL -->
-    <div class="lg:hidden flex flex-col gap-8 py-10 px-8">
-        <h3 class="font-display text-3xl">Web1</h3>
-        <p class="font-body text-body text-xl">
-            Web1 is probably best remembered by geeks as chat rooms and IRC (which
-            still exist to this day, but only to power users). To normal users it was
-            the age of AOL dial-up and similar networks where you got web, email,
-            shopping, and chat all in one place..
-        </p>
-        <img src={meme1Small.src} class="-mb-10 w-60 self-center"/>
-    </div>
-    <div class="lg:hidden flex flex-col gap-8 py-10 px-8">
-        <h3 class="font-display text-3xl">Web2</h3>
-        <p class="font-body text-body text-xl">
-            Web2 since evolved with the web browser and we got better gaming, online
-            apps, video streaming and calling and much, much more. However, it also
-            got quickly captured by Silicon Valley and what some refer to as the "tech
-            bros".
-        </p>
-        <p class="font-body text-body text-xl">
-            So <i>despite</i> the innovation that occurred, it has turned into a top-down
-            system where only a few geeks/CEO's and their investors control your entire
-            web.
-        </p>
-        <p class="font-body text-body text-xl">
-            This also excludes the wider internet infrastructure of domains and ISP's
-            (internet providers and hosting), who also play a part in controlling your
-            web, be it for your "safety", or other reasons.
-        </p>
-        <img src={meme2Small.src} class="-mb-10 w-60 self-center"/>
-    </div>
-    <div class="lg:hidden flex flex-col gap-8 py-10 px-8">
-        <h3 class="font-display text-3xl">Crypto/DeFi</h3>
-        <p class="font-body text-body text-xl">
-            We get the birth of Bitcoin and all of the innovation that followed. While
-            BTC and a handful of other chains have remained decentralized both in
-            operation, and access, the innovation over time has caused things to
-            re-centralize.
-        </p>
-        <p class="font-body text-body text-xl">
-            This is due to several factors including big money coming in, pushing
-            greed, hype, and "FOMO". The invention of several new logos's causing this
-            to only get worse, creating a classic "boom" and "bust". Human nature
-            tends to be greedy, so over time, money overrode principles.
-        </p>
-        <p class="font-body text-body text-xl">
-            Many development teams prioritized inventing new ideas and "shipping" them
-            to users, while selling them "tokens" to exit at their expense, all while
-            knowing none of what they created was <i>truly decentralized</i>.
-        </p>
-        <p class="font-body text-body text-xl">
-            It became one large crypto casino.
-        </p>
-        <img src={meme3Small.src} class="-mb-10 w-60 self-center"/>
-    </div>
-    <div class="lg:hidden flex flex-col gap-8 py-10 px-8">
-        <h3 class="font-display text-3xl">Web3</h3>
-        <p class="font-body text-xl text-body">
-            What to say about Web3? Honestly... upfront it appeared to get used as a
-            new buzz word to replace "DeFi". Terms like "Web3" and "Metaverse" have
-            many different meanings to many people. It is intended to include more
-            than just money and trading, and yet every blockchain-based system that
-            can be labeled "web3" still builds onto of the same centralized
-            crypto/defi infrastructure.
-        </p>
-        <p class="font-body text-xl text-body">
-            The end result is an ecosystem that promotes and <b><i>wants</i></b> to be
-            decentralized, but where money overrules ideology, ethos, and principles. This
-            is in part due to who's bankrolling it all, and thus the incentives to build
-            make it more about the money then about freedom.
-        </p>
-        <p class="font-body text-xl text-body">
-            There needs to be a balance here between free markets/money and public
-            goods/infra, and so far things are way out of wack and need to be fixed.
-        </p>
-        <img src={meme4Small.src} class="-mb-10 w-60 self-center"/>
-    </div>
-    <!-- MEME GRID SMALL -->
+  <!-- MEME GRID SMALL -->
+  <div class="lg:hidden flex flex-col gap-8 py-10 px-8">
+    <h3 class="font-display text-3xl">Web1</h3>
+    <p class="font-body text-body text-xl">
+      Web1 is probably best remembered by geeks as chat rooms and IRC (which
+      still exist to this day, but only to power users). To normal users it was
+      the age of AOL dial-up and similar networks where you got web, email,
+      shopping, and chat all in one place..
+    </p>
+    <img src={meme1Small.src} class="-mb-10 w-60 self-center" />
+  </div>
+  <div class="lg:hidden flex flex-col gap-8 py-10 px-8">
+    <h3 class="font-display text-3xl">Web2</h3>
+    <p class="font-body text-body text-xl">
+      Web2 since evolved with the web browser and we got better gaming, online
+      apps, video streaming and calling and much, much more. However, it also
+      got quickly captured by Silicon Valley and what some refer to as the "tech
+      bros".
+    </p>
+    <p class="font-body text-body text-xl">
+      So <i>despite</i> the innovation that occurred, it has turned into a top-down
+      system where only a few geeks/CEO's and their investors control your entire
+      web.
+    </p>
+    <p class="font-body text-body text-xl">
+      This also excludes the wider internet infrastructure of domains and ISP's
+      (internet providers and hosting), who also play a part in controlling your
+      web, be it for your "safety", or other reasons.
+    </p>
+    <img src={meme2Small.src} class="-mb-10 w-60 self-center" />
+  </div>
+  <div class="lg:hidden flex flex-col gap-8 py-10 px-8">
+    <h3 class="font-display text-3xl">Crypto/DeFi</h3>
+    <p class="font-body text-body text-xl">
+      We get the birth of Bitcoin and all of the innovation that followed. While
+      BTC and a handful of other chains have remained decentralized both in
+      operation, and access, the innovation over time has caused things to
+      re-centralize.
+    </p>
+    <p class="font-body text-body text-xl">
+      This is due to several factors including big money coming in, pushing
+      greed, hype, and "FOMO". The invention of several new logos's causing this
+      to only get worse, creating a classic "boom" and "bust". Human nature
+      tends to be greedy, so over time, money overrode principles.
+    </p>
+    <p class="font-body text-body text-xl">
+      Many development teams prioritized inventing new ideas and "shipping" them
+      to users, while selling them "tokens" to exit at their expense, all while
+      knowing none of what they created was <i>truly decentralized</i>.
+    </p>
+    <p class="font-body text-body text-xl">
+      It became one large crypto casino.
+    </p>
+    <img src={meme3Small.src} class="-mb-10 w-60 self-center" />
+  </div>
+  <div class="lg:hidden flex flex-col gap-8 py-10 px-8">
+    <h3 class="font-display text-3xl">Web3</h3>
+    <p class="font-body text-xl text-body">
+      What to say about Web3? Honestly... upfront it appeared to get used as a
+      new buzz word to replace "DeFi". Terms like "Web3" and "Metaverse" have
+      many different meanings to many people. It is intended to include more
+      than just money and trading, and yet every blockchain-based system that
+      can be labeled "web3" still builds onto of the same centralized
+      crypto/defi infrastructure.
+    </p>
+    <p class="font-body text-xl text-body">
+      The end result is an ecosystem that promotes and <b><i>wants</i></b> to be
+      decentralized, but where money overrules ideology, ethos, and principles. This
+      is in part due to who's bankrolling it all, and thus the incentives to build
+      make it more about the money then about freedom.
+    </p>
+    <p class="font-body text-xl text-body">
+      There needs to be a balance here between free markets/money and public
+      goods/infra, and so far things are way out of wack and need to be fixed.
+    </p>
+    <img src={meme4Small.src} class="-mb-10 w-60 self-center" />
+  </div>
+  <!-- MEME GRID SMALL -->
 </section>

src/components/Layout/Footer.astro

@@ -3,80 +3,75 @@ import logo from "/src/assets/lume-logo.png";
 ---
 
 <footer
-  class="flex flex-col lg:flex-row py-24 font-body mb-3 mx-10 md:mx-20 xl:mx-40 max-w-screen"
+    class="flex flex-col lg:flex-row py-24 font-body mb-3 mx-10 md:mx-20 xl:mx-40 max-w-screen"
 >
-  <div class="flex-1">
-    <a href="/">
-      <img src={logo.src} class="w-36 mb-2" alt="Lume" />
-    </a>
-    <a
-      href="mailto:contact@lumeweb.com"
-      class="flex flex-row items-center text-body text-xl"
-    >
-      <svg
-        fill="none"
-        viewBox="0 0 24 24"
-        stroke-width="1.5"
-        stroke="currentColor"
-        class="w-4 h-4 mr-2"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"
+    <div class="flex-1">
+        <a href="/">
+            <img src={logo.src} class="w-36 mb-2" alt="Lume"/>
+        </a>
+        <a
+            href="mailto:contact@lumeweb.com"
+            class="flex flex-row items-center text-body text-xl"
         >
-        </path>
-      </svg>
-      contact@lumeweb.com
-    </a>
-    <div class="text-lg text-primary font-bold font-display my-10">
-      Freedom. Privacy. <br />Ownership.
+            <svg
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke-width="1.5"
+                stroke="currentColor"
+                class="w-4 h-4 mr-2"
+                xmlns="http://www.w3.org/2000/svg"
+            >
+                <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"
+                >
+                </path>
+            </svg>
+            contact@lumeweb.com
+        </a>
+        <div class="text-lg text-primary font-bold font-display my-10">
+            Freedom. Privacy. <br/>Ownership.
+        </div>
+    </div>
+    <div class="flex-1 my-5 lg:my-0">
+        <h5 class="text-3xl mb-3">General</h5>
+        <ul class="text-body font-body text-xl">
+            <li>
+                <a href="/" class="hover:underline">Home</a>
+            </li>
+            <li>
+                <a href="https://git.lumeweb.com" class="hover:underline">Git</a>
+            </li>
+            <li>
+                <a href="https://docs.lumeweb.com" class="hover:underline">Docs</a>
+            </li>
+        </ul>
+    </div>
+    <div class="flex-1 my-5 lg:my-0">
+        <h5 class="text-3xl mb-3">Community</h5>
+        <ul class="text-body font-body text-xl">
+            <li>
+                <a href="https://github.com/LumeWeb" class="hover:underline">GitHub</a>
+            </li>
+            <li>
+                <a href="https://discord.gg/qpC8ADp3rS" class="hover:underline"
+                >Discord</a
+                >
+            </li>
+            <li>
+                <a href="https://twitter.com/lumeweb3" class="hover:underline"
+                >Twitter</a
+                >
+            </li>
+        </ul>
+    </div>
+    <div class="flex-1 my-5 lg:my-0">
+        <h5 class="text-3xl mb-3">Support Us</h5>
+        <ul class="text-body font-body text-xl">
+            <li>
+                <a href="/donate" class="hover:underline">Donate</a>
+            </li>
+        </ul>
     </div>
-  </div>
-  <div class="flex-1 my-5 lg:my-0">
-    <h5 class="text-3xl mb-3">General</h5>
-    <ul class="text-body font-body text-xl">
-      <li>
-        <a href="/" class="hover:underline">Home</a>
-      </li>
-      <li>
-        <a href="https://git.lumeweb.com" class="hover:underline">Git</a>
-      </li>
-    </ul>
-  </div>
-  <div class="flex-1 my-5 lg:my-0">
-    <h5 class="text-3xl mb-3">Community</h5>
-    <ul class="text-body font-body text-xl">
-      <li>
-        <a href="https://github.com/LumeWeb" class="hover:underline">GitHub</a>
-      </li>
-      <li>
-        <a href="https://discord.gg/qpC8ADp3rS" class="hover:underline"
-          >Discord</a
-        >
-      </li>
-      <li>
-        <a href="https://twitter.com/lumeweb3" class="hover:underline"
-          >Twitter</a
-        >
-      </li>
-    </ul>
-  </div>
-  <div class="flex-1 my-5 lg:my-0">
-    <h5 class="text-3xl mb-3">Ecosystem</h5>
-    <ul class="text-body font-body text-xl">
-      <li>
-        <a href="https://web3extension.io" class="hover:underline">Extension</a>
-      </li>
-    </ul>
-  </div>
-  <div class="flex-1 my-5 lg:my-0">
-    <h5 class="text-3xl mb-3">Support Us</h5>
-    <ul class="text-body font-body text-xl">
-      <li>
-        <a href="/donate" class="hover:underline">Donate</a>
-      </li>
-    </ul>
-  </div>
 </footer>

src/components/Vision/NoVc.astro

@@ -9,7 +9,7 @@ import background from "/src/assets/double-brand-bg.png";
     src={background.src}
     class="absolute top-0 right-0 md:static -mx-10 -md:mx-20 lg:-mx-40 w-[1000px] max-h-[650px]"
   />
-  <div class="flex flex-col">
+  <div class="flex flex-col py-10">
     <FeaturedGroup
       subtitle="Community-Powered"
       title="All about the people, no VC here."

src/components/What/Grid.astro

@@ -3,45 +3,45 @@ import GridCell from "../ui/GridCell.astro";
 import GridContainer from "../ui/GridContainer.astro";
 
 const features = [
-  {
-    title: "Access the markets, aka DeFi",
-    description:
-      "Web3 commonly get mixed up with DeFi, however, while you should be able to access any decentralized website or network, access to DeFi to manage your money is critical as well.",
-  },
+    {
+        title: "Access the markets, aka DeFi",
+        description:
+            "Web3 commonly get mixed up with DeFi, however, while you should be able to access any decentralized website or network, access to DeFi to manage your money is critical as well.",
+    },
     {
         title: "NFT's... Anywhere",
         description:
-            "You should be able to access your favorite NFT's anywhere, any time, any place. They are yours and no one should be able to tell you otherwise",
+            "You should be able to access your favorite NFT's anywhere, any time, any place. They are yours and no one should be able to tell you otherwise.",
+    },
+    {
+        title: "Access any decentralized or P2P network",
+        description:
+            "The basics of Web3 is the sum of all the open networks and ecosystems. You should be able to access and visit any of these places. You can compare this to accessing things on Google, Facebook, Apple, or other networks/platforms that are generally walled gardens in the current web system.",
+    },
+    {
+        title: "Publish Freely",
+        description:
+            'A core tenant of Web3 is censorship-resistance. You should be able to freely post controversial (or even things others just don\'t want to hear) information, such as news, blogging, or video. You should be allowed to openly debate, educate, inform, or entertain without getting "de-platformed".',
+    },
+    {
+        title: "Socialize and Discover Freely",
+        description:
+            "While you have the ability to post, you should also have the ability to read.",
+    },
+    {
+        title: "Own your web. Own your identity.",
+        description:
+            "You should be able to have your private data be and stay private unless you choose otherwise. This is achieved with your online web3 account, which serves as your identity and means of encrypting everything you do. If you want to share you can, but your data is yours, no one else's.",
     },
-  {
-    title: "Access any decentralized or P2P network",
-    description:
-      "The basics of Web3 is the sum of all the open networks and ecosystems. You should be able to access and visit any of these places. You can compare this to accessing things on Google, Facebook, Apple, or other networks/platforms that are generally walled gardens in the current web system.",
-  },
-  {
-    title: "Publish Freely",
-    description:
-      'A core tenant of Web3 is censorship-resistance. You should be able to freely post controversial (or even things others just don\'t want to hear) information, such as news, blogging, or video. You should be allowed to openly debate, educate, inform, or entertain without getting "de-platformed".',
-  },
-  {
-    title: "Socialize and Discover Freely",
-    description:
-      "While you have the ability to post, you should also have the ability to read.",
-  },
-  {
-    title: "Own your web. Own your identity.",
-    description:
-      "You should be able to have your private data be and stay private unless you choose otherwise. This is achieved with your online web3 account, which serves as your identity and means of encrypting everything you do. If you want to share you can, but your data is yours, no one else's.",
-  },
 ];
 ---
 
 <section id="grid" class="mx-10 md:mx-20 lg:mx-40">
-  <GridContainer>
-    {
-      features.map((feature) => (
-        <GridCell description={feature.description} title={feature.title} />
-      ))
-    }
-  </GridContainer>
+    <GridContainer>
+        {
+            features.map((feature) => (
+                <GridCell description={feature.description} title={feature.title}/>
+            ))
+        }
+    </GridContainer>
 </section>

src/layouts/Layout.astro

@@ -43,7 +43,7 @@ const url = "https://lumeweb.com";
     <meta property="twitter:title" content={title} />
     <meta property="twitter:description" content={description} />
     <meta property="twitter:image" content={opengraph.src} />
-
+      <link rel="sitemap" href="/sitemap-index.xml" />
     <!-- Matomo -->
     <script is:inline>
       var _paq = (window._paq = window._paq || []);