diff --git a/CHANGELOG.md b/CHANGELOG.md index d7164bc..4ae5521 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,13 +1,16 @@ -## [0.2.7](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.2.6...v0.2.7) (2023-08-15) +## [0.2.5-develop.8](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.2.5-develop.7...v0.2.5-develop.8) (2023-08-16) ### Bug Fixes -* improved hero image ([a07e74f](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/a07e74f1901b22dc2f502699c8a96a9bda4a8cf3)) -* last minute details ([63fb11e](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/63fb11e1b068a68f21c92343c53b9875e384b2a8)) -* layout shifting and showing overflow ([309d19c](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/309d19c73aa1a261081000f7396ec090549b3d64)) -* update gitcoin url ([a95e913](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/a95e91389981afc7efac0398165a3cb184df564b)) -* wrong color on 'How.astro' Component ([02764ea](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/02764ea73cc27f0f5165cc10564a2fd6450a5cf4)) +* add badges ([7219604](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/721960471f6c19fcf32a20a8d205c359f13a7c3d)) + +## [0.2.5-develop.7](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.2.5-develop.6...v0.2.5-develop.7) (2023-08-16) + + +### Bug Fixes + +* spacing issues ([42b5ca2](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/42b5ca213fc74b88a53c8c699e9ccad466d2e795)) ## [0.2.5-develop.6](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.2.5-develop.5...v0.2.5-develop.6) (2023-08-15) diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json index 17658f6..94b4d41 100644 --- a/npm-shrinkwrap.json +++ b/npm-shrinkwrap.json @@ -1,12 +1,12 @@ { "name": "@lumeweb/lumeweb.com", - "version": "0.2.7", + "version": "0.2.5-develop.8", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@lumeweb/lumeweb.com", - "version": "0.2.7", + "version": "0.2.5-develop.8", "dependencies": { "@astrojs/react": "^2.1.1", "@astrojs/tailwind": "^3.1.1", diff --git a/package.json b/package.json index b8e4bd0..476ee60 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@lumeweb/lumeweb.com", "type": "module", - "version": "0.2.7", + "version": "0.2.5-develop.8", "private": true, "repository": { "type": "git", diff --git a/public/fonts/Inter-VariableFont.ttf b/public/fonts/Inter-VariableFont.ttf new file mode 100644 index 0000000..ec3164e Binary files /dev/null and b/public/fonts/Inter-VariableFont.ttf differ diff --git a/src/assets/icons/flag.svg b/src/assets/icons/flag.svg new file mode 100644 index 0000000..2014a52 --- /dev/null +++ b/src/assets/icons/flag.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/icons/star.svg b/src/assets/icons/star.svg new file mode 100644 index 0000000..a6bbf9e --- /dev/null +++ b/src/assets/icons/star.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/components/Donate/How.astro b/src/components/Donate/How.astro index 912387f..7320b60 100644 --- a/src/components/Donate/How.astro +++ b/src/components/Donate/How.astro @@ -36,7 +36,7 @@ import FeaturedGroup from "../ui/FeaturedGroup.astro";
-
+
@@ -197,8 +197,8 @@ await addCurrency( id="copy-address" class="w-7 h-7 bg-gray-500" onclick=" - copyToClipboard(this) - " + copyToClipboard(this) + " />
{currency.address} @@ -332,48 +332,48 @@ await addCurrency( diff --git a/src/components/Vision/Grid.astro b/src/components/Vision/Grid.astro index 7403e86..4a41b87 100644 --- a/src/components/Vision/Grid.astro +++ b/src/components/Vision/Grid.astro @@ -4,27 +4,32 @@ import GridContainer from "../ui/GridContainer.astro"; const features = [ { - title: "Decentralized Websites (Goal)", + title: "Decentralized Websites", + badge: "goal" as const, description: "You should be able to gain access to any website on any network, in a secure and decentralized way", }, { - title: "Decentralized Publishing (Idea)", + title: "Decentralized Publishing", + badge: "idea" as const, description: "You should be able to easily publish a blog or any other basic website for personal or professional use", }, { - title: "Website Building Tools (Idea)", + title: "Website Building Tools", + badge: "idea" as const, description: "You should be able to easily build a website that targets the decentralized web", }, { - title: "eCommerce (Idea)", + title: "eCommerce", + badge: "idea" as const, description: "You should be be able to buy or sell in a free market without censorship or politics blocking your ability to transact", }, { - title: "Earn a Living (Idea)", + title: "Earn a Living", + badge: "idea" as const, description: "You should be able to monetize your content or skills, without a middleman or gatekeeper. You should be able to be free to live your best life by having access to an open market so that you are never chained down or restricted", }, @@ -40,7 +45,11 @@ const features = [
{ features.map((feature) => ( - + )) } diff --git a/src/components/ui/GridCell.astro b/src/components/ui/GridCell.astro index 2666d4f..6550a11 100644 --- a/src/components/ui/GridCell.astro +++ b/src/components/ui/GridCell.astro @@ -1,18 +1,42 @@ --- +import flagSvg from "/src/assets/icons/flag.svg?raw"; +import starSvg from "/src/assets/icons/star.svg?raw"; export interface Props { title: string; description: string; + badge?: "idea" | "goal"; } -const { title, description } = Astro.props; +const BADGE_ICON = { + goal: flagSvg, + idea: starSvg, +}; + +const { title, description, badge } = Astro.props; ---
-

- {title} -

+
+

+ {title} +

+ { + badge && ( +
+
+ +
+

{badge}

+
+ ) + } +

{description}

diff --git a/src/components/ui/GridContainer.astro b/src/components/ui/GridContainer.astro index 7374125..feb0d58 100644 --- a/src/components/ui/GridContainer.astro +++ b/src/components/ui/GridContainer.astro @@ -1,5 +1,5 @@
diff --git a/src/styles/global.scss b/src/styles/global.scss index 3d2afdf..12d0ae8 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -33,6 +33,14 @@ src: url("/fonts/ibm-plex-sans-devanagari.woff2") format('woff2'); } +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("/fonts/Inter-VariableFont.ttf") format('ttf'); +} + @tailwind base; @tailwind components; @tailwind utilities; diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 96fffa8..c71bd2f 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -15,6 +15,7 @@ module.exports = { }, fontFamily: { 'body': '"Jaldi", sans-serif', + 'inter': '"Inter", sans-serif', 'display': '"JetBrains Mono", monospace', 'display2': '"IBM Plex Sans Devanagari", monospace', },