breadone/BreadnetV3
Archived
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor navbar

Browse Source
This commit is contained in:
June
2025-11-13 19:15:20 +13:00
parent d55a2d9505
commit 322e0c63b9
3 changed files with 31 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/index/navbar.astro Normal file
View File

@@ -0,0 +1,6 @@
<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>

9
web/src/pages/index.astro
View File

@@ -1,5 +1,6 @@
--- ---
import Base from "src/layout/Base.astro" import Base from "src/layout/Base.astro"
import Navbar from "src/components/index/navbar.astro"
--- ---
<Base> <Base>
@@ -9,13 +10,7 @@ import Base from "src/layout/Base.astro"
<div class="w-[32%] text-center"> <div class="w-[32%] text-center">
<div class="flex flex-col"> <div class="flex flex-col">
<p class="text-4xl">breadone dot net</p> <p class="text-4xl">breadone dot net</p>
<Navbar/>
<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>

24
web/src/styles/global.css
View File

@@ -1,19 +1,29 @@
@import "tailwindcss"; @import "tailwindcss";
@font-face { @layer base {
@font-face {
font-family: Barnum; font-family: Barnum;
font-style: normal; font-style: normal;
font-weight: 200 700; font-weight: 200 700;
font-display: swap; font-display: swap;
src: url("/fonts/barnum-roman.ttf"); src: url("/fonts/barnum-roman.ttf");
} }
html body { :root {
--bg-light: "#f4f4f9";
--accent: "#F9DC5C";
}
html body {
@apply font-[Barnum]; @apply font-[Barnum];
@apply w-[68%] mx-auto mt-14 h-full; @apply w-[68%] mx-auto mt-14 h-full;
@apply bg-[#f4f4f9]; @apply bg-(--bg2-light);
}
a {
@apply hover:underline;
text-decoration-color: #F9DC5C;
}
} }
a { @tailwind utilities;
@apply hover:underline;
}