hyro/website
1
0
Fork 0
mirror of https://github.com/xHyroM/website.git synced 2024-11-10 01:38:05 +01:00
Code Issues Projects Releases Wiki Activity Actions

navbar a take

Browse source
This commit is contained in:
OLIMINATOR 2022-12-04 19:59:41 +01:00
parent 23e973f381
commit 812f4a32ed
2 changed files with 30 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/layouts/Layout.astro
View file

@ -31,8 +31,16 @@
property="twitter:image" property="twitter:image"
content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png" content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png"
/> />
<link rel="preconnect" href="https://fonts.googleapis.com" /><link
rel="preconnect"
href="https://fonts.gstatic.com"
crossorigin
/><link
href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;500;700;900&display=swap"
rel="stylesheet"
/>
</head> </head>
<body class="bg-dark overflow-x-hidden font-['Poppins']"> <body class="bg-dark overflow-x-hidden font-['Source Code Pro']">
<slot /> <slot />
</body> </body>
</html> </html>

23
src/pages/index.astro
View file

@ -4,8 +4,27 @@ import { Image, Picture } from "@astrojs/image/components";
--- ---
<Layout title="Welcome to Astro."> <Layout title="Welcome to Astro.">
<header>
<nav
class="text-white font-light text-2xl flex items-center justify-center"
>
<ul class="flex w-96 justify-evenly py-3">
<li>
<a href="/" class="hover:text-[#fbc119] hover:underline"
>Projects</a
>
</li>
<li>
<a
href="/about"
class="hover:text-[#fbc119] hover:underline">Docs</a
>
</li>
</ul>
</nav>
</header>
<main <main
class="h-screen flex justify-center items-center pointer-events-none cursor-none" class="mt-64 flex justify-center items-center flex-col pointer-events-none cursor-none"
> >
<Image <Image
src={import("../public/logo.png")} src={import("../public/logo.png")}
@ -13,6 +32,6 @@ import { Image, Picture } from "@astrojs/image/components";
height={200} height={200}
alt="descriptive text" alt="descriptive text"
/> />
<h1>xHyroM</h1> <h1 class="text-white font-extrabold text-6xl">xHyroM</h1>
</main> </main>
</Layout> </Layout>