phil/plcom
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

using hero in root page

Browse source
This commit is contained in:
Philippe Loctaux 2023-05-17 22:49:53 +02:00
parent 955985e0ba
commit 58cb959ef4
2 changed files with 28 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/hero.astro Normal file
View file

@ -0,0 +1,18 @@
---
import Wallpaper from "./wallpaper.astro";
---
<Wallpaper>
<div
class="container mx-auto px-8 py-16 w-full h-full justify-center items-center flex flex-col"
>
<div
class="inline-block backdrop-blur-lg rounded-3xl shadow-2xl px-4 py-6 sm:px-8 sm:py-12 space-y-4"
>
<h1 class="text-3xl sm:text-4xl font-bold">Philippe Loctaux</h1>
<h2 class="sm:text-xl font-semibold">
Computer science student at Epitech, graduating in 2023.
</h2>
</div>
</div>
</Wallpaper>

6
src/pages/index.astro
View file

@ -1,4 +1,5 @@
---
import Hero from "../components/hero.astro";
---
<html lang="en">
@ -6,10 +7,9 @@
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>Astro</title>
<title>Philippe Loctaux</title>
</head>
<body>
<h1>Astro</h1>
<Hero />
</body>
</html>