hyro/website
1
0
Fork 0
mirror of https://github.com/xHyroM/website.git synced 2024-09-20 05:13:19 +02:00
Code Issues Projects Releases Wiki Activity Actions

projects page prototype

Browse source
This commit is contained in:
OLIMINATOR 2022-12-08 16:52:33 +01:00
parent 51684426bc
commit 8e1f0c1c62
4 changed files with 36 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/atoms/Container.astro Normal file
View file

@ -0,0 +1,6 @@
---
---
<div class="container mx-auto">
<slot />
</div>

12
src/components/widgets/Navbar.astro
View file

@ -1,16 +1,8 @@
---
const navItems = [
{
name: "Docs",
link: "/docs",
},
{
name: "Docs",
link: "/docs",
},
{
name: "Docs",
link: "/docs",
name: "Projects",
link: "/projects",
},
{
name: "Docs",

2
src/pages/index.astro
View file

@ -5,7 +5,7 @@ import Hero from "../components/widgets/Hero.astro";
import Navbar from "../components/widgets/Navbar.astro";
---
<Layout title="Welcome to Astro.">
<Layout>
<Navbar />
<Hero />
</Layout>

27
src/pages/projects.astro Normal file
View file

@ -0,0 +1,27 @@
---
import Layout from "../layouts/Layout.astro";
import Hero from "../components/widgets/Hero.astro";
import Navbar from "../components/widgets/Navbar.astro";
import Container from "../components/atoms/Container.astro";
---
<Layout>
<Navbar />
<h1 class="text-white text-5xl w-full text-center py-32 font-extrabold">
Projects
</h1>
<main class="flex gap-14 justify-center flex-wrap">
<section class="w-96 bg-neutral-900 p-6 rounded-md">
<h2 class="text-3xl font-bold text-white mb-4">Projects</h2>
<p class="text-white">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
tincidunt, nisl eget aliquam tincidunt, nisl elit aliquam
tortor, eget aliquam nisl elit non nisl. Sed tincidunt, nisl
eget aliquam tincidunt, nisl elit aliquam tortor, eget aliquam
nisl elit non nisl.
</p>
</section>
</main>
</Layout>