LumeWeb
/
lumeweb.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: meme headline and donate button

This commit is contained in:
Juan Di Toro 2023-08-19 15:04:42 +02:00
parent 7ff7f2d60b
commit 917a818c83
2 changed files with 126 additions and 122 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Donate/Why.astro
View File

@ -12,7 +12,7 @@ import backgroud from "/src/assets/why-bg-2.png";
src={backgroud.src} src={backgroud.src}
class="absolute xl:relative -z-10 min-w-[1000px] h-[750px] -mx-10 md:-mx-20 lg:-mx-40" class="absolute xl:relative -z-10 min-w-[1000px] h-[750px] -mx-10 md:-mx-20 lg:-mx-40"
/> />
<div> <div class="py-5 px-2 lg:px-0">
<FeaturedGroup <FeaturedGroup
subtitle="Why should I donate to Lume?" subtitle="Why should I donate to Lume?"
title="Help us break the pattern" title="Help us break the pattern"

16
src/components/Home/WebComparison.astro
View File

@ -12,7 +12,11 @@ import meme4Small from "/src/assets/meme-4-small.png";
<section <section
class="flex flex-col w-full border-y border-dark-aquamarine divide-y divide-dark-aquamarine lg:h-[1200px]" class="flex flex-col w-full border-y border-dark-aquamarine divide-y divide-dark-aquamarine lg:h-[1200px]"
> >
<h3 class="font-display text-4xl md:text-6xl font-bold mb-5 font-display text-primary ">Web3's Current Path</h3> <h3
class="font-display text-4xl md:text-6xl font-bold p-5 uppercase bg-dark-aquamarine text-primary"
>
Web3's Current Path
</h3>
<!-- MEME GRID BIG --> <!-- MEME GRID BIG -->
<div <div
class="hidden lg:flex flex-1 flex-row w-full divide-x divide-dark-aquamarine" class="hidden lg:flex flex-1 flex-row w-full divide-x divide-dark-aquamarine"
@ -60,7 +64,7 @@ import meme4Small from "/src/assets/meme-4-small.png";
class="absolute bottom-0 -left-[110px] xl:-left-5 float-left object-contain" class="absolute bottom-0 -left-[110px] xl:-left-5 float-left object-contain"
/> />
<span class="float-right mt-16 w-[300px] space-y-10 mr-1 xl:mr-5"> <span class="float-right mt-16 w-[300px] space-y-10 mr-1 xl:mr-5">
<h3 class="font-display text-6xl">Crypto/<br/>DeFi</h3> <h3 class="font-display text-6xl">Crypto/<br />DeFi</h3>
<p class="font-body text-2xl text-body"> <p class="font-body text-2xl text-body">
The advent of Bitcoin sparked innovation, but over time, The advent of Bitcoin sparked innovation, but over time,
centralization increased. Factors such as the influx of big money, centralization increased. Factors such as the influx of big money,
@ -99,7 +103,7 @@ import meme4Small from "/src/assets/meme-4-small.png";
the age of AOL dial-up and similar networks where you got web, email, the age of AOL dial-up and similar networks where you got web, email,
shopping, and chat all in one place.. shopping, and chat all in one place..
</p> </p>
<img src={meme1Small.src} class="-mb-10 w-60 self-center"/> <img src={meme1Small.src} class="-mb-10 w-60 self-center" />
</div> </div>
<div class="lg:hidden flex flex-col gap-8 py-10 px-8"> <div class="lg:hidden flex flex-col gap-8 py-10 px-8">
<h3 class="font-display text-3xl">Web2</h3> <h3 class="font-display text-3xl">Web2</h3>
@ -119,7 +123,7 @@ import meme4Small from "/src/assets/meme-4-small.png";
(internet providers and hosting), who also play a part in controlling your (internet providers and hosting), who also play a part in controlling your
web, be it for your "safety", or other reasons. web, be it for your "safety", or other reasons.
</p> </p>
<img src={meme2Small.src} class="-mb-10 w-60 self-center"/> <img src={meme2Small.src} class="-mb-10 w-60 self-center" />
</div> </div>
<div class="lg:hidden flex flex-col gap-8 py-10 px-8"> <div class="lg:hidden flex flex-col gap-8 py-10 px-8">
<h3 class="font-display text-3xl">Crypto/DeFi</h3> <h3 class="font-display text-3xl">Crypto/DeFi</h3>
@ -143,7 +147,7 @@ import meme4Small from "/src/assets/meme-4-small.png";
<p class="font-body text-body text-xl"> <p class="font-body text-body text-xl">
It became one large crypto casino. It became one large crypto casino.
</p> </p>
<img src={meme3Small.src} class="-mb-10 w-60 self-center"/> <img src={meme3Small.src} class="-mb-10 w-60 self-center" />
</div> </div>
<div class="lg:hidden flex flex-col gap-8 py-10 px-8"> <div class="lg:hidden flex flex-col gap-8 py-10 px-8">
<h3 class="font-display text-3xl">Web3</h3> <h3 class="font-display text-3xl">Web3</h3>
@ -165,7 +169,7 @@ import meme4Small from "/src/assets/meme-4-small.png";
There needs to be a balance here between free markets/money and public There needs to be a balance here between free markets/money and public
goods/infra, and so far things are way out of wack and need to be fixed. goods/infra, and so far things are way out of wack and need to be fixed.
</p> </p>
<img src={meme4Small.src} class="-mb-10 w-60 self-center"/> <img src={meme4Small.src} class="-mb-10 w-60 self-center" />
</div> </div>
<!-- MEME GRID SMALL --> <!-- MEME GRID SMALL -->
</section> </section>