ayo/astro-reactive-form
ayo/astro-reactive-form
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: remove logomark

Browse source
This commit is contained in:
Ayo 2023-12-07 16:04:20 +01:00
parent 14f7760ff3
commit e7ec98b178
2 changed files with 29 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
apps/landing-page/src/components/astro-section.astro
View file

@ -1,46 +1,39 @@
---
import { Icon } from "astro-iconify";
import { Icon } from 'astro-iconify';
// import Starfield from "~/components/starfield.astro";
---
<section class="h-screen flex flex-col px-10 astro relative">
<!--Starfield /-->
<div class="flex">
<div class="flex-1">
<h1 class="text-6xl font-extrabold gradient-text">
Native Astro Components
</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi facere,
culpa corporis aspernatur obcaecati autem fugiat excepturi, possimus
mollitia est veritatis eaque officiis quia porro nesciunt esse unde
consequuntur in nobis at earum dolore quod magni ipsam. Quo
necessitatibus modi sequi quas perspiciatis laborum enim
</p>
</div>
<div class="flex-1 items-center justify-center md:flex hidden">
<h1 class="sr-only">Astro</h1>
<Icon name="logomark" class="astro-logo" />
<Icon name="wordmark" class="h-10" />
</div>
</div>
<div
class="benefits flex flex-col md:flex-row justify-between space-y-4 md:space-y-0 my-10"
>
<img src="https://via.placeholder.com/200" alt="benefit 1" />
<img src="https://via.placeholder.com/200" alt="benefit 2" />
<img src="https://via.placeholder.com/200" alt="benefit 3" />
<img src="https://via.placeholder.com/200" alt="benefit 4" />
</div>
<!--Starfield /-->
<div class="flex">
<div class="flex-1">
<h1 class="text-6xl font-extrabold gradient-text">Native Astro Components</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi facere, culpa corporis
aspernatur obcaecati autem fugiat excepturi, possimus mollitia est veritatis eaque officiis
quia porro nesciunt esse unde consequuntur in nobis at earum dolore quod magni ipsam. Quo
necessitatibus modi sequi quas perspiciatis laborum enim
</p>
</div>
<div class="flex-1 items-center justify-center md:flex hidden">
<h1 class="sr-only">Astro Reactive</h1>
</div>
</div>
<div class="benefits flex flex-col md:flex-row justify-between space-y-4 md:space-y-0 my-10">
<img src="https://via.placeholder.com/200" alt="benefit 1" />
<img src="https://via.placeholder.com/200" alt="benefit 2" />
<img src="https://via.placeholder.com/200" alt="benefit 3" />
<img src="https://via.placeholder.com/200" alt="benefit 4" />
</div>
</section>
<style>
.astro {
padding-top: 7rem;
}
.astro {
padding-top: 7rem;
}
.astro-logo {
width: 10rem;
height: 10rem;
}
.astro-logo {
width: 10rem;
height: 10rem;
}
</style>

3
apps/landing-page/src/components/header.astro
View file

@ -57,9 +57,6 @@ const socials = [
<Icon pack="mdi" name="close" class="h-8" />
</button>
</header>
<div class="flex justify-center">
<Icon name="logomark" class="h-16" />
</div>
</div>
</div>
</div>