fix: remove logomark

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

View file

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

View file

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