diff --git a/package.json b/package.json index ebe48ef..f9094d9 100644 --- a/package.json +++ b/package.json @@ -2,6 +2,7 @@ "name": "lume-web", "type": "module", "version": "0.0.1", + "private": true, "scripts": { "dev": "TAILWIND_MODE=watch astro dev", "start": "astro dev", @@ -14,13 +15,10 @@ "@astrojs/react": "^2.1.1", "@astrojs/tailwind": "^3.1.1", "@types/react": "^18.2.0", - "@types/react-dom": "^18.2.1", "astro": "^2.3.2", - "astro-icon": "^0.8.0", "autoprefixer": "^10.4.14", "qrcode": "^1.5.3", "react": "^18.2.0", - "react-dom": "^18.2.0", "sass": "^1.62.1", "tailwindcss": "^3.3.2", "typewriter-effect": "^2.19.0" diff --git a/src/assets/astronaut.png b/src/assets/astronaut.png deleted file mode 100644 index 111a777..0000000 Binary files a/src/assets/astronaut.png and /dev/null differ diff --git a/src/assets/community-power-bg.png b/src/assets/community-power-bg.png deleted file mode 100644 index 75506ad..0000000 Binary files a/src/assets/community-power-bg.png and /dev/null differ diff --git a/src/assets/community-power-rectangle.png b/src/assets/community-power-rectangle.png deleted file mode 100644 index fb3f6db..0000000 Binary files a/src/assets/community-power-rectangle.png and /dev/null differ diff --git a/src/assets/community-power.png b/src/assets/community-power.png deleted file mode 100644 index b5c2535..0000000 Binary files a/src/assets/community-power.png and /dev/null differ diff --git a/src/assets/contribute-bg.png b/src/assets/contribute-bg.png new file mode 100644 index 0000000..f0d5242 Binary files /dev/null and b/src/assets/contribute-bg.png differ diff --git a/src/assets/cto-avatar.png b/src/assets/cto-avatar.png new file mode 100644 index 0000000..dfb985f Binary files /dev/null and b/src/assets/cto-avatar.png differ diff --git a/src/assets/cto-avatar.webp b/src/assets/cto-avatar.webp deleted file mode 100644 index 1ecb356..0000000 Binary files a/src/assets/cto-avatar.webp and /dev/null differ diff --git a/src/assets/donate-gfx-right.png b/src/assets/donate-gfx-right.png index e8f208d..b07c929 100644 Binary files a/src/assets/donate-gfx-right.png and b/src/assets/donate-gfx-right.png differ diff --git a/src/assets/geometric-bg.webp b/src/assets/geometric-bg.webp deleted file mode 100644 index ebeeea0..0000000 Binary files a/src/assets/geometric-bg.webp and /dev/null differ diff --git a/src/assets/home-gfx-left.png b/src/assets/home-gfx-left.png new file mode 100644 index 0000000..0ebe7d9 Binary files /dev/null and b/src/assets/home-gfx-left.png differ diff --git a/src/assets/icons/discord.svg b/src/assets/icons/discord.svg new file mode 100644 index 0000000..fc9e7e3 --- /dev/null +++ b/src/assets/icons/discord.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/assets/icons/git.svg b/src/assets/icons/git.svg new file mode 100644 index 0000000..f0da9b1 --- /dev/null +++ b/src/assets/icons/git.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/assets/icons/github.svg b/src/assets/icons/github.svg new file mode 100644 index 0000000..366049a --- /dev/null +++ b/src/assets/icons/github.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/assets/hns.svg b/src/assets/icons/hns.svg similarity index 100% rename from src/assets/hns.svg rename to src/assets/icons/hns.svg diff --git a/src/assets/osi.svg b/src/assets/icons/osi.svg similarity index 100% rename from src/assets/osi.svg rename to src/assets/icons/osi.svg diff --git a/src/assets/sia.svg b/src/assets/icons/sia.svg similarity index 100% rename from src/assets/sia.svg rename to src/assets/icons/sia.svg diff --git a/src/assets/icons/twitter.svg b/src/assets/icons/twitter.svg new file mode 100644 index 0000000..76bdf38 --- /dev/null +++ b/src/assets/icons/twitter.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/assets/img-left.webp b/src/assets/img-left.webp deleted file mode 100644 index ead4ed5..0000000 Binary files a/src/assets/img-left.webp and /dev/null differ diff --git a/src/assets/donate-bg.png b/src/assets/main-donate-bg.png similarity index 100% rename from src/assets/donate-bg.png rename to src/assets/main-donate-bg.png diff --git a/src/assets/main-vision-bg.png b/src/assets/main-vision-bg.png new file mode 100644 index 0000000..eca9706 Binary files /dev/null and b/src/assets/main-vision-bg.png differ diff --git a/src/assets/what-bg.png b/src/assets/main-what-bg.png similarity index 100% rename from src/assets/what-bg.png rename to src/assets/main-what-bg.png diff --git a/src/assets/new-world-bg.png b/src/assets/new-world-bg.png new file mode 100644 index 0000000..a9054ae Binary files /dev/null and b/src/assets/new-world-bg.png differ diff --git a/src/assets/single-brand-bg-1.png b/src/assets/single-brand-bg-1.png new file mode 100644 index 0000000..35c44da Binary files /dev/null and b/src/assets/single-brand-bg-1.png differ diff --git a/src/assets/donate-why-bg.png b/src/assets/single-brand-bg-2.png similarity index 100% rename from src/assets/donate-why-bg.png rename to src/assets/single-brand-bg-2.png diff --git a/src/assets/unifying-bg.png b/src/assets/unifying-bg.png new file mode 100644 index 0000000..0a8647e Binary files /dev/null and b/src/assets/unifying-bg.png differ diff --git a/src/assets/vision-bg.png b/src/assets/vision-bg.png deleted file mode 100644 index 1f0ae32..0000000 Binary files a/src/assets/vision-bg.png and /dev/null differ diff --git a/src/components/Donate/How/How.astro b/src/components/Donate/How/How.astro index f315671..c0ffb73 100644 --- a/src/components/Donate/How/How.astro +++ b/src/components/Donate/How/How.astro @@ -2,16 +2,17 @@ import './How.scss'; --- -
+
+

How should I donate?

Donate via Gitcoin during funding rounds

-
- Gitcoin -

When Gitcoin is doing funding rounds, donating through their website will give a matching bonus of up to 150%. This means that your donation will have a bigger impact on the project during this time period.

+
+ Gitcoin +
diff --git a/src/components/Donate/How/How.scss b/src/components/Donate/How/How.scss index 41f9e93..acb703b 100644 --- a/src/components/Donate/How/How.scss +++ b/src/components/Donate/How/How.scss @@ -1,31 +1,47 @@ @import "/src/styles/vars.scss"; #how { + position: relative; display: flex; flex-direction: column; justify-content: center; margin-top: 8em; padding: 14em 7.5% 16em; - &::before { - background-image: url("/src/assets/donate-gfx-right.png"); - background-position: 85% 100%; - background-repeat: no-repeat; - background-size: contain; + .custom-bg { + position: absolute; + top: 0; + right: -12.5%; + bottom: 0; + left: -12.5%; + margin: 2% 0; + background: $color-blue-charcoal; + transform: matrix(1, 0.04, -0.04, 1, 0, 0); + z-index: -1; + overflow: hidden; + + &::after { + content: ""; + position: absolute; + top: 3%; + bottom: -9%; + left: 10%; + right: 10%; + background-image: url("/src/assets/donate-gfx-right.png"); + background-position: 100% 100%; + background-repeat: no-repeat; + background-size: contain; + transform: rotate(-2.25deg); + } } .feature-group { max-width: 64em; } - p{ - font-size: 1.9em; - font-style: italic; - padding-top: 1em; - } @media screen and (max-width: 80rem) { p { - background: rgba($color-blue-charcoal, 0.65); + background: rgba($color-blue-charcoal, 0.75); border-radius: 0.5em; padding: 0.3em 0.5em; margin: -0.3em -0.5em; diff --git a/src/components/Donate/Methods/Methods.astro b/src/components/Donate/Methods/Methods.astro index b1c29b9..1695d40 100644 --- a/src/components/Donate/Methods/Methods.astro +++ b/src/components/Donate/Methods/Methods.astro @@ -46,6 +46,9 @@ await addCurrency('algorand', 'Algorand (ALGO)', '3QBE5TZ63TF5W7V2QRJWRB72M7INQL ))} + +

Donate Fiat

+
diff --git a/src/components/Home/Socials/Socials.scss b/src/components/Home/Socials/Socials.scss index daf5226..c0223eb 100644 --- a/src/components/Home/Socials/Socials.scss +++ b/src/components/Home/Socials/Socials.scss @@ -47,8 +47,4 @@ .twitter-logo svg { @include fluid-width(3.5rem); } - - .facebook-logo svg { - @include fluid-width(3.5rem); - } } diff --git a/src/components/Home/Vision/Vision.scss b/src/components/Home/Vision/Vision.scss index 1221ff2..c499c2f 100644 --- a/src/components/Home/Vision/Vision.scss +++ b/src/components/Home/Vision/Vision.scss @@ -27,10 +27,14 @@ @media screen and (max-width: 80rem) { p { - background: rgba($color-blue-charcoal-2, 0.65); + background: rgba($color-blue-charcoal-2, 0.75); border-radius: 0.5em; padding: 0.3em 0.5em; margin: -0.3em -0.5em; } + + p + p { + margin-top: 0.48em; + } } } diff --git a/src/components/Home/Web3/Web3.scss b/src/components/Home/Web3/Web3.scss index 236c0ea..f2c830f 100644 --- a/src/components/Home/Web3/Web3.scss +++ b/src/components/Home/Web3/Web3.scss @@ -17,7 +17,7 @@ height: 81.7em; max-width: 63.7em; margin: -40em 0 0; - background-image: url("/src/assets/img-left.webp"); + background-image: url("/src/assets/home-gfx-left.png"); background-position: left; background-repeat: no-repeat; background-size: contain; @@ -35,11 +35,15 @@ @media screen and (max-width: 80rem) { p { - background: rgba($color-blue-charcoal, 0.65); + background: rgba($color-blue-charcoal, 0.75); border-radius: 0.5em; padding: 0.3em 0.5em; margin: -0.3em -0.5em; } + + p + p { + margin-top: 0.48em; + } } } } diff --git a/src/components/Layout/JoinCommunity/JoinCommunity.astro b/src/components/Layout/JoinCommunity/JoinCommunity.astro index c6788df..9ee6e97 100644 --- a/src/components/Layout/JoinCommunity/JoinCommunity.astro +++ b/src/components/Layout/JoinCommunity/JoinCommunity.astro @@ -1,5 +1,10 @@ --- import './JoinCommunity.scss'; + +import svgGit from '/src/assets/icons/git.svg?raw'; +import svgGithub from '/src/assets/icons/github.svg?raw'; +import svgDiscord from '/src/assets/icons/discord.svg?raw'; +import svgTwitter from '/src/assets/icons/twitter.svg?raw'; ---
@@ -12,30 +17,23 @@ import './JoinCommunity.scss';

- +
-
diff --git a/src/components/Layout/JoinCommunity/JoinCommunity.scss b/src/components/Layout/JoinCommunity/JoinCommunity.scss index 742bcca..63603e7 100644 --- a/src/components/Layout/JoinCommunity/JoinCommunity.scss +++ b/src/components/Layout/JoinCommunity/JoinCommunity.scss @@ -77,8 +77,4 @@ .twitter-logo svg { @include fluid-width(3.625rem); } - - .facebook-logo svg { - @include fluid-width(3.625rem); - } } diff --git a/src/components/Layout/Navbar/Navbar.scss b/src/components/Layout/Navbar/Navbar.scss index 3771292..9ec267e 100644 --- a/src/components/Layout/Navbar/Navbar.scss +++ b/src/components/Layout/Navbar/Navbar.scss @@ -25,7 +25,7 @@ menu { li > a { display: block; padding: 0.55em 0.9em; - @include fluid-font-size(1.375rem); + @include fluid-font-size(1.25rem); text-decoration: underline; text-decoration-color: transparent; transition: text-decoration-color $transition-duration; @@ -33,11 +33,15 @@ menu { &.current, &:hover, &:active { text-decoration-color: inherit; } + + &.current { + font-weight: 700; + } } .download-btn { margin-left: 0.9em; - @include fluid-font-size(1.375rem); + @include fluid-font-size(1.25rem); text-decoration: none; } } diff --git a/src/components/Vision/Community/Community.scss b/src/components/Vision/Community/Community.scss deleted file mode 100644 index 848ea21..0000000 --- a/src/components/Vision/Community/Community.scss +++ /dev/null @@ -1,27 +0,0 @@ -@import "/src/styles/vars.scss"; - -#community { - position: relative; - background-image: url("/src/assets/community-power-bg.png"); - background-size: max(157.5em, 100%); - background-position: right; - padding-top: max(61.4525em, 39.0175%); - - .feature-group { - position: absolute; - top: 0; - bottom: 0; - display: flex; - flex-direction: column; - justify-content: center; - max-width: 64em; - margin: 0 7.5%; - } - - p { - background: rgba($color-blue-charcoal, 0.65); - border-radius: 0.5em; - padding: 0.3em 0.5em; - margin: -0.3em -0.5em; - } -} diff --git a/src/components/Vision/People/People.astro b/src/components/Vision/NoVc/NoVc.astro similarity index 89% rename from src/components/Vision/People/People.astro rename to src/components/Vision/NoVc/NoVc.astro index d83d841..cf64beb 100644 --- a/src/components/Vision/People/People.astro +++ b/src/components/Vision/NoVc/NoVc.astro @@ -1,20 +1,24 @@ --- -import './People.scss'; +import './NoVc.scss'; --- -
+

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.

diff --git a/src/components/Vision/People/People.scss b/src/components/Vision/NoVc/NoVc.scss similarity index 88% rename from src/components/Vision/People/People.scss rename to src/components/Vision/NoVc/NoVc.scss index acc927e..1b96f28 100644 --- a/src/components/Vision/People/People.scss +++ b/src/components/Vision/NoVc/NoVc.scss @@ -1,6 +1,6 @@ @import "/src/styles/vars.scss"; -#people { +#no-vc { position: relative; display: flex; justify-content: flex-end; @@ -32,10 +32,14 @@ @media screen and (max-width: 80rem) { p { - background: rgba($color-blue-charcoal-2, 0.65); + background: rgba($color-blue-charcoal-2, 0.75); border-radius: 0.5em; padding: 0.3em 0.5em; margin: -0.3em -0.5em; } + + p + p { + margin-top: 0.48em; + } } } diff --git a/src/components/Vision/Community/Community.astro b/src/components/Vision/Unify/Unify.astro similarity index 85% rename from src/components/Vision/Community/Community.astro rename to src/components/Vision/Unify/Unify.astro index 40a8124..3bf3c6b 100644 --- a/src/components/Vision/Community/Community.astro +++ b/src/components/Vision/Unify/Unify.astro @@ -1,8 +1,9 @@ --- -import './Community.scss'; +import './Unify.scss'; --- -
+
+

Community-Powered

Unifying all the Networks

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

diff --git a/src/components/Vision/Unify/Unify.scss b/src/components/Vision/Unify/Unify.scss new file mode 100644 index 0000000..9758602 --- /dev/null +++ b/src/components/Vision/Unify/Unify.scss @@ -0,0 +1,51 @@ +@import "/src/styles/vars.scss"; + +#unify { + position: relative; + padding: 14em 7.5%; + + .custom-bg { + position: absolute; + top: 0; + right: -12.5%; + bottom: 0; + left: -12.5%; + margin: 2% 0; + background: $color-blue-charcoal; + transform: matrix(1, 0.04, -0.04, 1, 0, 0); + z-index: -1; + overflow: hidden; + + &::after { + content: ""; + position: absolute; + top: -1%; + bottom: -5%; + left: 10%; + right: 10%; + background-image: url("/src/assets/unifying-bg.png"); + background-position: 100% 100%; + background-repeat: no-repeat; + background-size: contain; + transform: rotate(-2.25deg); + } + } + + .feature-group { + display: flex; + flex-direction: column; + justify-content: center; + max-width: 64em; + } + + p { + background: rgba($color-blue-charcoal, 0.75); + border-radius: 0.5em; + padding: 0.3em 0.5em; + margin: -0.3em -0.5em; + } + + p + p { + margin-top: 0.48em; + } +} diff --git a/src/components/What/Astronaut/Astronaut.scss b/src/components/What/Astronaut/Astronaut.scss deleted file mode 100644 index dda328f..0000000 --- a/src/components/What/Astronaut/Astronaut.scss +++ /dev/null @@ -1,35 +0,0 @@ -@import "/src/styles/vars.scss"; - -#astronaut { - position: relative; - display: flex; - align-items: center; - min-height: 71.1em; - background: $color-blue-charcoal; - - &::before { - content: ""; - position: absolute; - top: 0; - right: min(0em, calc(100% - 100.3em) / 2); - bottom: 0; - width: 100.3em; - background-image: url("/src/assets/astronaut.png"); - background-position: 100%; - background-repeat: no-repeat; - background-size: contain; - } - - &::after { - content: ""; - position: absolute; - inset: 0; - background: rgba(0, 0, 0, 0.8); - } - - .feature-group { - max-width: 64em; - margin: 6em 7.5%; - z-index: 1; - } -} diff --git a/src/components/What/Building/Building.scss b/src/components/What/Building/Building.scss deleted file mode 100644 index 5814168..0000000 --- a/src/components/What/Building/Building.scss +++ /dev/null @@ -1,46 +0,0 @@ -@import "/src/styles/vars.scss"; - -#building { - &::before { - bottom: -50%; - } - - > div { - position: relative; - display: flex; - justify-content: flex-end; - align-items: center; - max-width: 185.6em; - min-height: 58.8em; - margin: 0 auto; - - &::before { - content: ""; - position: absolute; - top: 2.3em; - bottom: -2.3em; - left: min(0em, calc((100% - 77.56em) / 2)); - width: calc(100% - 64em - 7.5%); - min-width: 77.56em; - background-image: url("/src/assets/double-brand-bg.png"); - background-position: 50%; - background-repeat: no-repeat; - background-size: contain; - z-index: -1; - } - } - - .feature-group { - max-width: 64em; - margin: 7em 7.5% 5em; - } - - @media screen and (max-width: 80rem) { - p { - background: rgba($color-blue-charcoal, 0.65); - border-radius: 0.5em; - padding: 0.3em 0.5em; - margin: -0.3em -0.5em; - } - } -} diff --git a/src/components/What/Astronaut/Astronaut.astro b/src/components/What/Contribute/Contribute.astro similarity index 77% rename from src/components/What/Astronaut/Astronaut.astro rename to src/components/What/Contribute/Contribute.astro index 54aae92..1af9997 100644 --- a/src/components/What/Astronaut/Astronaut.astro +++ b/src/components/What/Contribute/Contribute.astro @@ -1,29 +1,32 @@ --- -import './Astronaut.scss'; +import './Contribute.scss'; import mario from "/src/assets/mario-level-up.gif" --- -
+

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 +

+ 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 +
diff --git a/src/components/What/Contribute/Contribute.scss b/src/components/What/Contribute/Contribute.scss new file mode 100644 index 0000000..8704828 --- /dev/null +++ b/src/components/What/Contribute/Contribute.scss @@ -0,0 +1,35 @@ +@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 b0f5796..1c9fb3e 100644 --- a/src/components/What/Grid/Grid.astro +++ b/src/components/What/Grid/Grid.astro @@ -5,33 +5,24 @@ import './Grid.scss';

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

+

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 -

+

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

+

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

+

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.

+

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.

diff --git a/src/components/What/Grid/Grid.scss b/src/components/What/Grid/Grid.scss index 3e0c036..c816d19 100644 --- a/src/components/What/Grid/Grid.scss +++ b/src/components/What/Grid/Grid.scss @@ -1,3 +1,3 @@ #grid { - padding-bottom: 4.5em; + margin-bottom: 1.2em; } diff --git a/src/components/What/Building/Building.astro b/src/components/What/NewWorld/NewWorld.astro similarity index 80% rename from src/components/What/Building/Building.astro rename to src/components/What/NewWorld/NewWorld.astro index 065b09b..2d46bdd 100644 --- a/src/components/What/Building/Building.astro +++ b/src/components/What/NewWorld/NewWorld.astro @@ -1,10 +1,11 @@ --- -import './Building.scss'; +import './NewWorld.scss'; --- -
+
+

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 diff --git a/src/components/What/NewWorld/NewWorld.scss b/src/components/What/NewWorld/NewWorld.scss new file mode 100644 index 0000000..ec041fd --- /dev/null +++ b/src/components/What/NewWorld/NewWorld.scss @@ -0,0 +1,28 @@ +@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/pages/vision.astro b/src/pages/vision.astro index 78f3cac..b9a0fbe 100644 --- a/src/pages/vision.astro +++ b/src/pages/vision.astro @@ -1,14 +1,14 @@ --- import Layout from '../layouts/Layout.astro'; import Jumbotron from '../components/Vision/Jumbotron/Jumbotron.astro'; -import Community from '../components/Vision/Community/Community.astro'; +import Unify from '../components/Vision/Unify/Unify.astro'; import Grid from '../components/Vision/Grid/Grid.astro'; -import People from '../components/Vision/People/People.astro'; +import NoVc from '../components/Vision/NoVc/NoVc.astro'; --- - + - + diff --git a/src/pages/what-is-web3.astro b/src/pages/what-is-web3.astro index 00747e9..06415b3 100644 --- a/src/pages/what-is-web3.astro +++ b/src/pages/what-is-web3.astro @@ -2,13 +2,13 @@ import Layout from '../layouts/Layout.astro'; import Jumbotron from '../components/What/Jumbotron/Jumbotron.astro'; import Grid from '../components/What/Grid/Grid.astro'; -import Building from '../components/What/Building/Building.astro'; -import Astronaut from '../components/What/Astronaut/Astronaut.astro'; +import NewWorld from '../components/What/NewWorld/NewWorld.astro'; +import Contribute from '../components/What/Contribute/Contribute.astro'; --- - - + + diff --git a/src/styles/global.scss b/src/styles/global.scss index c173650..10aec88 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -70,19 +70,19 @@ a, button { } .btn-main { - display: inline-block; - padding: 0.5em 0.8em; - color: $color-black; - background: $color-aquamarine; - border: 0.05em solid $color-aquamarine; - border-radius: 0.25em; - transition: color $transition-duration, background $transition-duration; - white-space: nowrap; + display: inline-block; + padding: 0.5em 0.8em; + color: $color-black; + background: $color-aquamarine; + border: 0.05em solid $color-aquamarine; + border-radius: 0.25em; + transition: color $transition-duration, background $transition-duration; + white-space: nowrap; - &:hover { - color: $color-white; - background: $color-blue-charcoal; - } + &:hover { + color: $color-white; + background: $color-blue-charcoal; + } } .feature-group { @@ -106,7 +106,7 @@ a, button { } p, ul { - @include fluid-font-size(1.5rem); + @include fluid-font-size(1.375rem); font-family: $font-family-jaldi; line-height: 148%; color: $color-cloud; @@ -149,7 +149,7 @@ a, button { display: flex; flex-direction: column; justify-content: center; - padding: 2.95em 1.95em; + padding: 2.5em 2em; background: $color-blue-charcoal; border: 0.05em solid transparent; border-radius: 0.5em; @@ -218,12 +218,12 @@ main.vision { &::before { content: ""; position: absolute; - top: -1em; + top: -0.5em; left: 50%; - width: 103.1em; - height: 73.3em; + width: 132.9em; + height: 94.63334em; transform: translate(-50%, 0); - background: url("/src/assets/vision-bg.png"); + background: url("/src/assets/main-vision-bg.png"); background-size: contain; z-index: -1; } @@ -237,7 +237,7 @@ main.what { left: 50%; width: 151.3em; height: 122.4em; - background: url("/src/assets/what-bg.png"); + background: url("/src/assets/main-what-bg.png"); background-size: contain; transform: translate(-50%, 0); z-index: -1; @@ -252,7 +252,7 @@ main.donate { left: 50%; width: 144em; height: 93.3em; - background: url("/src/assets/donate-bg.png"); + background: url("/src/assets/main-donate-bg.png"); background-size: contain; transform: translate(-50%, 0); z-index: -1;