header setup

This commit is contained in:
2025-11-13 18:23:34 +13:00
parent 422cfeb94e
commit ab8e894d1f
2 changed files with 19 additions and 4 deletions

View File

@@ -6,11 +6,20 @@ import Base from "src/layout/Base.astro"
<div class="flex flex-row"> <div class="flex flex-row">
<!-- HeaderSection --> <!-- HeaderSection -->
<div class="w-[32%] bg-amber-400"> <div class="w-[32%] text-center">
breadone dot net <div class="flex flex-col">
<p class="text-4xl">breadone dot net</p>
<div class="text-2xl">
<a href="/now">now</a> •
<a href="/posts">posts</a> •
<a href="/photos">photos</a> •
<a href="/software">software</a>
</div>
</div>
</div> </div>
<div class="w-[68%] bg-blue-400"> <div class="w-[68%]">
content content
</div> </div>
</div> </div>

View File

@@ -1,5 +1,11 @@
@import "tailwindcss"; @import "tailwindcss";
html body { html body {
@apply w-[61%] mx-auto h-full font-[Georgia] @apply font-[Georgia];
@apply w-[68%] mx-auto mt-14 h-full;
@apply bg-[#f4f4f9];
}
a {
@apply hover:underline;
} }