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}
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
subtitle="Why should I donate to Lume?"
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
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 -->
<div
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"
/>
<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">
The advent of Bitcoin sparked innovation, but over time,
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,
shopping, and chat all in one place..
</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 class="lg:hidden flex flex-col gap-8 py-10 px-8">
<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
web, be it for your "safety", or other reasons.
</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 class="lg:hidden flex flex-col gap-8 py-10 px-8">
<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">
It became one large crypto casino.
</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 class="lg:hidden flex flex-col gap-8 py-10 px-8">
<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
goods/infra, and so far things are way out of wack and need to be fixed.
</p>
<img src={meme4Small.src} class="-mb-10 w-60 self-center"/>
<img src={meme4Small.src} class="-mb-10 w-60 self-center" />
</div>
<!-- MEME GRID SMALL -->
</section>