header setup
This commit is contained in:
@@ -6,11 +6,20 @@ import Base from "src/layout/Base.astro"
|
||||
<div class="flex flex-row">
|
||||
<!-- HeaderSection -->
|
||||
|
||||
<div class="w-[32%] bg-amber-400">
|
||||
breadone dot net
|
||||
<div class="w-[32%] text-center">
|
||||
<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 class="w-[68%] bg-blue-400">
|
||||
<div class="w-[68%]">
|
||||
content
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,11 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
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;
|
||||
}
|
||||
Reference in New Issue
Block a user