diff --git a/src/assets/vision-jumbotron-bg.png b/src/assets/vision-jumbotron-bg.png new file mode 100644 index 0000000..860eaca Binary files /dev/null and b/src/assets/vision-jumbotron-bg.png differ diff --git a/src/assets/whatsweb3-jumbotron-bg.png b/src/assets/whatsweb3-jumbotron-bg.png new file mode 100644 index 0000000..01d07bb Binary files /dev/null and b/src/assets/whatsweb3-jumbotron-bg.png differ diff --git a/src/components/Vision/Grid/Grid.astro b/src/components/Vision/Grid/Grid.astro index 38891a0..927cbf6 100644 --- a/src/components/Vision/Grid/Grid.astro +++ b/src/components/Vision/Grid/Grid.astro @@ -1,29 +1,48 @@ --- -import './Grid.scss'; +// import "./Grid.scss"; +import GridCell from "./GridCell.astro"; + +const features = [ + { + title: "Decentralized Websites (Goal)", + description: + "You should be able to gain access to any website on any network, in a secure and decentralized way", + }, + { + title: "Decentralized Publishing (Idea)", + 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)", + description: + "You should be able to easily build a website that targets the decentralized web", + }, + { + title: "eCommerce (Idea)", + 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)", + 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", + }, +]; --- -
-
-

Freedom. Privacy. Ownership.

-
-
-

Decentralized Websites (Goal)

-

You should be able to gain access to any website on any network, in a secure and decentralized way

-
-
-

Decentralized Publishing (Idea)

-

You should be able to easily publish a blog or any other basic website for personal or professional use

-
-
-

Website Building Tools (Idea)

-

You should be able to easily build a website that targets the decentralized web

-
-
-

eCommerce (Idea)

-

You should be be able to buy or sell in a free market without censorship or politics blocking your ability to transact

-
-
-

Earn a Living (Idea)

-

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

-
+
+
+

+ Freedom.
Privacy. Ownership. +

+
+ { + features.map((feature) => ( + + )) + }
diff --git a/src/components/Vision/Grid/GridCell.astro b/src/components/Vision/Grid/GridCell.astro new file mode 100644 index 0000000..9fcaf94 --- /dev/null +++ b/src/components/Vision/Grid/GridCell.astro @@ -0,0 +1,17 @@ +--- +export interface Props { + title: string; + description: string; +} + +const { title, description } = Astro.props; +--- + +
+

+ {title} +

+

+ {description} +

+
diff --git a/src/components/Vision/Jumbotron/Jumbotron.astro b/src/components/Vision/Jumbotron/Jumbotron.astro index a185c3b..bd2b7d5 100644 --- a/src/components/Vision/Jumbotron/Jumbotron.astro +++ b/src/components/Vision/Jumbotron/Jumbotron.astro @@ -1,9 +1,12 @@ --- -import '../../../styles/jumbotron.scss'; +import "../../../styles/jumbotron.scss"; +import backgroundSrc from "/src/assets/vision-jumbotron-bg.png"; --- -
-

- Easy access to an open, user-owned web. -

+
+ +

Easy access to an open, user-owned web.

diff --git a/src/components/Vision/NoVc/NoVc.astro b/src/components/Vision/NoVc/NoVc.astro index cf64beb..0ddad61 100644 --- a/src/components/Vision/NoVc/NoVc.astro +++ b/src/components/Vision/NoVc/NoVc.astro @@ -1,28 +1,29 @@ --- -import './NoVc.scss'; +import Button from "../../ui/Button.astro"; +import FeaturedGroup from "../../ui/FeaturedGroup.astro"; +import background from "/src/assets/double-brand-bg.png"; --- -
-
-

Community-Powered

-

All about the people, no VC here.

-

- Our vision is completely grass roots, and FOSS. The user needs to have a voice and be in control of their web. Due to our principles, we have not taken any VC money that might be able to strap a jetpack to the project, because the output would compromise the spirit and goals we are setting out to achieve. -

-

- We are very aware of the projects that have come before us and whom have made similar promises. We are also doing our best to learn from their mistakes and failures. -

-

- The key difference that we see big picture is you need both an economy and decentralized/P2P networks, because running the internet is not free, and someone always has to foot the bill. -

-

- Blockchain finally makes this possible. -

-

- Having a pragmatic view on mass adoption without compromising on principles is needed to make progress on a user-owned web. -

-
- Contribute to our cause -
+
+ +
+ very aware of the projects that have come before us and whom have made similar promises. We are also doing our best to learn from their mistakes and failures.", + "The key difference that we see big picture is you need both an economy and decentralized/P2P networks, because running the internet is not free, and someone always has to foot the bill.", + "Blockchain finally makes this possible.", + "Having a pragmatic view on mass adoption without compromising on principles is needed to make progress on a user-owned web.", + ]} + /> +
diff --git a/src/components/Vision/Unify/Unify.astro b/src/components/Vision/Unify/Unify.astro index 3bf3c6b..ba50abb 100644 --- a/src/components/Vision/Unify/Unify.astro +++ b/src/components/Vision/Unify/Unify.astro @@ -1,23 +1,23 @@ --- -import './Unify.scss'; +import unifyBg from "/src/assets/unifying-bg.png"; +import FeaturedGroup from "../../ui/FeaturedGroup.astro"; --- -
-
-
-

Community-Powered

-

Unifying all the Networks

-

- There are many, many "crypto", "defi", "web3", "P2P", and "dWeb" projects that have all taken hundreds - of different approaches to innovate. However, they all have the same broad ethos in common, and they all - need an easy means to access them in one place, but in a censorship-resistant way. -

-

- We have a very ambitious vision, and this requires all "tribes" to work together enough for the benefit of - the end user. -

-

- Below are some of the ideas we are aiming for, and some we would like to tackle eventually. -

-
+
+ many "crypto", "defi", "web3", "P2P", and "dWeb" projects + that have all taken hundreds of different approaches to innovate. However, + they all have the same broad ethos in common, and they all need an easy means + to access them in one place, but in a censorship-resistant way.`, + `We have a very ambitious vision, and this requires all "tribes" to work together enough for the benefit of the end user.`, + `Below are some of the ideas we are aiming for, and some we would like to tackle eventually.`, + ]} + /> +
diff --git a/src/components/ui/Button.astro b/src/components/ui/Button.astro new file mode 100644 index 0000000..f27ee01 --- /dev/null +++ b/src/components/ui/Button.astro @@ -0,0 +1,16 @@ +--- +export interface Props { + label: string; + href: string; +} + +const { label, href } = Astro.props; +--- + +
+ {label} +
diff --git a/src/components/ui/FeaturedGroup.astro b/src/components/ui/FeaturedGroup.astro new file mode 100644 index 0000000..6331902 --- /dev/null +++ b/src/components/ui/FeaturedGroup.astro @@ -0,0 +1,28 @@ +--- +export interface Props { + title: string; + subtitle: string; + text: string[]; +} + +// Default props +const { title, subtitle, text } = Astro.props; +--- + +
+

+ {title} +

+ +

+ {subtitle} +

+ + { + text.map((paragraph) => ( +

+ +

+ )) + } +
diff --git a/tailwind.config.cjs b/tailwind.config.cjs index e109c56..4187da2 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -12,6 +12,7 @@ module.exports = { fontFamily: { 'body': '"Jaldi", sans-serif', 'display': '"JetBrains Mono", monospace', + 'display2': '"IBM Plex Sans Devanagari", monospace', } } }