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

style: format

This commit is contained in:
Derrick Hammer 2023-08-18 21:32:44 -04:00
parent cfc7495d51
commit baa26ab5b6
Signed by: pcfreak30
GPG Key ID: C997C339BE476FF2
4 changed files with 178 additions and 178 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Home/Web3.astro
View File

@ -8,7 +8,7 @@ import gfxLeft from "/src/assets/home-gfx-left.png";
> >
<div class="flex-1 max-w-[calc(100% + 20px)] overflow-hidden -mx-10"> <div class="flex-1 max-w-[calc(100% + 20px)] overflow-hidden -mx-10">
<div class="flex-1 -ml-10 -mr-10 lg:-ml-40 lg:mr-0"> <div class="flex-1 -ml-10 -mr-10 lg:-ml-40 lg:mr-0">
<img src={gfxLeft.src} class="w-full" /> <img src={gfxLeft.src} class="w-full"/>
</div> </div>
</div> </div>
<div class="flex-1 -mt-40 space-y-10 flex flex-col justify-center"> <div class="flex-1 -mt-40 space-y-10 flex flex-col justify-center">

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

@ -60,7 +60,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 +99,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 +119,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 +143,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 +165,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>