Skip to content

Commit a29c598

Browse files
adityadafeadityadafe
committed
feat: basic layout is ready
1 parent b105145 commit a29c598

File tree

2 files changed

+31
-3
lines changed

2 files changed

+31
-3
lines changed

‎src/components/Navbar.astro‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
---
3+
4+
5+
6+
<div class='flex items-center max-w-[52rem] mt-10 mx-auto'>
7+
8+
<a href=''>
9+
<img src='https://pfp-for-social-struggle.s3.ap-south-1.amazonaws.com/1690221382739.png' class='rounded-full h-16 w-16' />
10+
</a>
11+
<span class='font-sans font-bold text-2xl text-white ml-3'> Kakashifr </span>
12+
</div>
13+
14+
<nav class='flex items-center mt-5 max-w-[52rem] mx-auto'>
15+
16+
17+
<a href="/" class='text-white hover:underline hover:underline-offset-4 '> Home </a>
18+
<a href="/blog" class='text-white lg:ml-5 hover:underline hover:underline-offset-4'> Blog </a>
19+
<a href="/projects" class='text-white lg:ml-5 hover:underline hover:underline-offset-4'> Projects </a>
20+
21+
</nav>

‎src/pages/index.astro‎

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
---
2+
import Navbar from '../components/Navbar.astro'
23
---
34

45
<html lang="en">
@@ -7,9 +8,15 @@
78
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
89
<meta name="viewport" content="width=device-width" />
910
<meta name="generator" content={Astro.generator} />
10-
<title>Astro</title>
11+
<title>Home - Kakashifr</title>
1112
</head>
12-
<body>
13-
<h1>Astro</h1>
13+
<body class="bg-zinc-900">
14+
15+
<Navbar/>
16+
17+
<div class=" flex items-center max-w-[52rem] mx-auto text-white mt-10 text-4xl font-sans" >
18+
Yo, Kakashi here :)
19+
</div>
20+
1421
</body>
1522
</html>

0 commit comments

Comments
 (0)