chore(release): 0.2.0 [skip ci]

# [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](fe8e3af2de))
* wrong donation url ([82c8545](82c85455cc))

### Features

* add opengraph ([45bc16b](45bc16bc1e))
* add sitemap ([e54c4c8](e54c4c82d7))

CHANGELOG.md

@@ -1,3 +1,57 @@
+# [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)
 
 

astro.config.mjs

@@ -1,9 +1,11 @@
-import { defineConfig } from 'astro/config';
+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({
-  integrations: [tailwind({ config: { applyBaseStyles: false } }), image(), react()],
+    site: "https://web3extension.io",
+    integrations: [tailwind({config: {applyBaseStyles: false}}), image(), react(), sitemap()],
 });

npm-shrinkwrap.json

@@ -1,20 +1,22 @@
 {
     "name": "@lumeweb/web3extension.io",
-    "version": "0.1.1-develop.1",
+    "version": "0.2.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@lumeweb/web3extension.io",
-            "version": "0.1.1-develop.1",
+            "version": "0.2.0",
             "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",
@@ -151,6 +153,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",
             "license": "MIT",
@@ -1289,6 +1300,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",
@@ -1325,6 +1341,14 @@
             "version": "1.20.2",
             "license": "MIT"
         },
+        "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",
             "license": "MIT",
@@ -1367,6 +1391,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",
@@ -9680,6 +9709,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",
             "license": "MIT",
@@ -10018,6 +10052,24 @@
             "version": "1.0.5",
             "license": "MIT"
         },
+        "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",
             "license": "MIT",

package.json

@@ -1,7 +1,7 @@
 {
     "name": "@lumeweb/web3extension.io",
     "type": "module",
-    "version": "0.1.1-develop.1",
+    "version": "0.2.0",
     "private": true,
     "repository": {
         "type": "git",
@@ -18,15 +18,17 @@
     "dependencies": {
         "@astrojs/image": "^0.16.6",
         "@astrojs/react": "^2.1.1",
+        "@astrojs/sitemap": "^2.0.2",
         "@astrojs/tailwind": "^3.1.1",
-        "astro": "^2.3.2",
-        "autoprefixer": "^10.4.14",
-        "sass": "^1.62.1",
-        "tailwindcss": "^3.3.2",
         "@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",
-        "semantic-release": "^21.0.7"
+        "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"
     }
 }

src/components/Donate/Purposes/Purposes.astro

@@ -1,11 +1,14 @@
 ---
+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="/src/assets/icon-development.png" />
+      <img src={developmentImg.src} />
     </div>
     <div class="feature-group">
       <h2>
@@ -21,7 +24,7 @@ import './Purposes.scss';
   </div>
   <div class="purpose-pioneering">
     <div>
-      <img src="/src/assets/icon-pioneering.png" />
+      <img src={pioneeringImg.src}/>
     </div>
     <div class="feature-group">
       <h2>
@@ -37,7 +40,7 @@ import './Purposes.scss';
   </div>
   <div class="purpose-growth">
     <div>
-      <img src="/src/assets/icon-growth.png" />
+      <img src={growthImg.src} />
     </div>
     <div class="feature-group">
       <h2>

src/components/Donate/Support/Support.astro

@@ -26,13 +26,13 @@ import svgOsi from '/src/assets/osi.svg?raw';
         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. 
+        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/donation" class="btn-main">Make a donation</a>
+        <a href="https://lumeweb.com/donate" class="btn-main">Make a donation</a>
       </div>
     </div>
   </div>

src/components/Home/Access/Access.astro

@@ -12,7 +12,7 @@ import './Access.scss';
         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.
+        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.

src/components/Home/Features/Features.astro

@@ -1,11 +1,14 @@
 ---
+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="/src/assets/icon-private.png" />
+      <img src={privateImg.src} />
     </div>
     <div class="feature-group">
       <h2>
@@ -21,7 +24,7 @@ import './Features.scss';
   </div>
   <div class="feature-personal">
     <div>
-      <img src="/src/assets/icon-personal.png" />
+      <img src={personalImg.src} />
     </div>
     <div class="feature-group">
       <h2>
@@ -37,7 +40,7 @@ import './Features.scss';
   </div>
   <div class="feature-gateway">
     <div>
-      <img src="/src/assets/icon-gateway.png" />
+      <img src={gatewayImg.src} />
     </div>
     <div class="feature-group">
       <h2>

src/layouts/Layout.astro

@@ -2,6 +2,7 @@
 import '../styles/global.scss';
 import Navbar from '../components/Layout/Navbar/Navbar.jsx';
 import Footer from '../components/Layout/Footer/Footer.astro';
+import opengraph from "/src/assets/opengraph.png";
 
 export interface Props {
     view: string;
@@ -9,6 +10,9 @@ export interface Props {
 }
 
 const {view, title} = Astro.props;
+const description =
+    "Access the open, user-owned web with Lume Web, and make it yours.";
+const url = "https://web3extension.io";
 ---
 
 <!DOCTYPE html>
@@ -17,10 +21,24 @@ const {view, title} = Astro.props;
     <title>{title}</title>
     <meta
         name="description"
-        content="Access the open, user-owned web with Lume Web, and make it yours"
+        content={description}
     />
     <meta name="keywords"
           content="Web3 Extension, web3 browser, Lume Web, Web3, dWeb, p2p, handshake, eth, ethereum, ipfs, open web, privacy, decentralization, blockchain"/>
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content={url} />
+    <meta property="og:title" content={title} />
+    <meta property="og:description" content={description} />
+    <meta property="og:image" content={opengraph.src} />
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content={url} />
+    <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>
         var _paq = window._paq = window._paq || [];