diff --git a/src/components/Vision/Grid/Grid.astro b/src/components/Vision/Grid/Grid.astro index 21a192d..916ed79 100644 --- a/src/components/Vision/Grid/Grid.astro +++ b/src/components/Vision/Grid/Grid.astro @@ -1,6 +1,6 @@ --- -// import "./Grid.scss"; -import GridCell from "./GridCell.astro"; +import GridCell from "../../ui/GridCell.astro"; +import GridContainer from "../../ui/GridContainer.astro"; const features = [ { @@ -31,18 +31,17 @@ const features = [ ]; --- -
-
-

- Freedom.
Privacy. Ownership. -

-
- { - features.map((feature) => ( - - )) - } +
+ +
+

+ Freedom.
Privacy. Ownership. +

+
+ { + features.map((feature) => ( + + )) + } +
diff --git a/src/components/Vision/Jumbotron/Jumbotron.astro b/src/components/Vision/Jumbotron/Jumbotron.astro index bd2b7d5..c8aad7f 100644 --- a/src/components/Vision/Jumbotron/Jumbotron.astro +++ b/src/components/Vision/Jumbotron/Jumbotron.astro @@ -1,12 +1,16 @@ --- -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 0ddad61..84f5aa4 100644 --- a/src/components/Vision/NoVc/NoVc.astro +++ b/src/components/Vision/NoVc/NoVc.astro @@ -4,10 +4,7 @@ import FeaturedGroup from "../../ui/FeaturedGroup.astro"; import background from "/src/assets/double-brand-bg.png"; --- -
+
-
-

Web3 is Community

-

Re-defining Web3, for the users

-

- Web3 was a term first defined by Gavin Wood when the Ethereum network was starting out. He defined it as a - "decentralized online ecosystem based on blockchain". -

-

- However, we view it as much more than that, and definitely more than access to DeFi. We see a ton of more - potential to what Web3 as an ideal can evolve to, and are setting out to make it a reality. -

-

- To those that see Web3 as DeFi, we ask this: Do you go on your web browser to access TradingView or other market tools as your homepage, or do you go check your social media, email, and news sites, as well as your money? -

-

- Blockchain itself is more than just money, and so is Web3, and by extension P2P networks. -

-

- So help us in our goals to level-up Web3. -

-
- Mario Level Up -
-
- Donate -
-
+
+
+ well as your money?`, + `Blockchain itself is more than just money, and so is Web3, and by + extension P2P networks.`, + `So help us in our goals to level-up Web3.`, + ]} + /> + Mario Level Up +
diff --git a/src/components/What/Contribute/Contribute.scss b/src/components/What/Contribute/Contribute.scss deleted file mode 100644 index 8704828..0000000 --- a/src/components/What/Contribute/Contribute.scss +++ /dev/null @@ -1,35 +0,0 @@ -@import "/src/styles/vars.scss"; - -#contribute { - position: relative; - display: flex; - align-items: center; - min-height: 71.1em; - background: $color-blue-charcoal; - - &::before { - content: ""; - position: absolute; - inset: 0; - background-image: url("/src/assets/contribute-bg.png"); - background-position: 50%; - background-size: cover; - } - - &::after { - content: ""; - position: absolute; - inset: 0; - background: rgba(0, 0, 0, 0.75); - } - - .feature-group { - max-width: 72em; - margin: 9em 7.5%; - z-index: 1; - } - - .mario { - margin-top: 2.5em; - } -} diff --git a/src/components/What/Grid/Grid.astro b/src/components/What/Grid/Grid.astro index 1c9fb3e..34014e5 100644 --- a/src/components/What/Grid/Grid.astro +++ b/src/components/What/Grid/Grid.astro @@ -1,28 +1,42 @@ --- -import './Grid.scss'; +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 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.", + }, +]; --- -
-
-

Access the markets, aka DeFi

-

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.

-
-
-

Access any decentralized or P2P network

-

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.

-
-
-

Publish Freely

-

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".

-
-
-

Socialize and Discover Freely

-

While you have the ability to post, you should also have the ability to read.

-
-
-

Own your web. Own your identity.

-

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.

-
+
+ + { + features.map((feature) => ( + + )) + } +
diff --git a/src/components/What/Grid/Grid.scss b/src/components/What/Grid/Grid.scss deleted file mode 100644 index c816d19..0000000 --- a/src/components/What/Grid/Grid.scss +++ /dev/null @@ -1,3 +0,0 @@ -#grid { - margin-bottom: 1.2em; -} diff --git a/src/components/What/Jumbotron/Jumbotron.astro b/src/components/What/Jumbotron/Jumbotron.astro index c42d023..323d27f 100644 --- a/src/components/What/Jumbotron/Jumbotron.astro +++ b/src/components/What/Jumbotron/Jumbotron.astro @@ -1,9 +1,17 @@ --- -import '../../../styles/jumbotron.scss'; +import backgroundSrc from "/src/assets/whatsweb3-jumbotron-bg.png"; --- -
-

- An evolved, user-owned web where you have access to the world in a way only you control. +
+ +

+ An evolved, user-owned web where you have access to the world in a way only + you control.

diff --git a/src/components/What/NewWorld/NewWorld.astro b/src/components/What/NewWorld/NewWorld.astro index 2d46bdd..5e5b473 100644 --- a/src/components/What/NewWorld/NewWorld.astro +++ b/src/components/What/NewWorld/NewWorld.astro @@ -1,16 +1,19 @@ --- -import './NewWorld.scss'; +import FeaturedGroup from "../../ui/FeaturedGroup.astro"; +import backgroundSrc from "/src/assets/new-world-bg.png"; --- -
-
-
-

Community-Powered

-

Your Web, Your Rules

-

- In summary, Web3 is about what you want to do, post, read, play, chat, or interact without others saying - otherwise. It is about freedom of speech and freedom of economy. -

-
-
+
+
+ +
+
+ and freedom of economy.", + ]} + /> +
diff --git a/src/components/What/NewWorld/NewWorld.scss b/src/components/What/NewWorld/NewWorld.scss deleted file mode 100644 index ec041fd..0000000 --- a/src/components/What/NewWorld/NewWorld.scss +++ /dev/null @@ -1,28 +0,0 @@ -@import "/src/styles/vars.scss"; - -#new-world { - > div { - position: relative; - display: flex; - justify-content: flex-end; - align-items: center; - max-width: 185.6em; - min-height: 75em; - margin: 0 auto; - - &::before { - content: ""; - position: absolute; - inset: 0; - background-image: url("/src/assets/new-world-bg.png"); - background-position: 50%; - background-size: cover; - z-index: -1; - } - } - - .feature-group { - max-width: 64em; - margin: 9em 7.5%; - } -} diff --git a/src/components/Vision/Grid/GridCell.astro b/src/components/ui/GridCell.astro similarity index 89% rename from src/components/Vision/Grid/GridCell.astro rename to src/components/ui/GridCell.astro index 112170e..2666d4f 100644 --- a/src/components/Vision/Grid/GridCell.astro +++ b/src/components/ui/GridCell.astro @@ -10,7 +10,7 @@ const { title, description } = Astro.props;
-

+

{title}

diff --git a/src/components/ui/GridContainer.astro b/src/components/ui/GridContainer.astro new file mode 100644 index 0000000..7374125 --- /dev/null +++ b/src/components/ui/GridContainer.astro @@ -0,0 +1,5 @@ +

+ +
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 3708319..4b878a3 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -51,7 +51,7 @@ const { view, title } = Astro.props; -
+
{view !== "home" && } diff --git a/src/styles/global.scss b/src/styles/global.scss index e6c7f50..7d38348 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -248,21 +248,6 @@ a, button { } } -main.what { - &::before { - content: ""; - position: absolute; - top: -2em; - left: 50%; - width: 151.3em; - height: 122.4em; - background: url("/src/assets/what-bg.png"); - background-size: contain; - transform: translate(-50%, 0); - z-index: -1; - } -} - main.donate { &::before { content: "";