atridad/atridotdad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

All gucci!

Browse Source
This commit is contained in:
Atridad Lahiji
2025-04-24 20:27:25 -06:00
parent f859a12d2c
commit 9dc9225591
5 changed files with 137 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
routes/_app.tsx
View File

@ -7,7 +7,7 @@ export default function App({ Component }: PageProps) {
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Atridad Lahiji</title>
<link rel="stylesheet" href="/styles.css" />
<link rel="icon" type="image/x-icon" href="favicon.ico"></link>
<link rel="icon" type="image/x-icon" href="/favicon.ico"></link>
</head>
<body>
<Component />

37
routes/_layout.tsx
View File

@ -1,7 +1,7 @@
// routes/_layout.tsx
import { PageProps } from "$fresh/server.ts";
import { Head } from "$fresh/runtime.ts";
import { LuCodeXml, LuHouse, LuNotebookPen } from "@preact-icons/lu";
import NavigationBar from "../islands/NavigationBar.tsx";
import ScrollUpButton from "../islands/ScrollUpButton.tsx";
export default function Layout({ Component, url }: PageProps) {
const currentPath = url.pathname;
@ -19,37 +19,8 @@ export default function Layout({ Component, url }: PageProps) {
<Component />
</main>
<div class="fixed bottom-4 left-1/2 transform -translate-x-1/2 z-20">
<ul class="menu menu-horizontal bg-base-200 rounded-box p-2 shadow-lg gap-2">
<li>
<a href="/" class={currentPath === "/" ? "menu-active" : ""}>
<div class="tooltip" data-tip="Home">
<LuHouse class="text-xl" />
</div>
</a>
</li>
<li>
<a
href="/posts"
class={currentPath.startsWith("/posts") ? "menu-active" : ""}
>
<div class="tooltip" data-tip="Posts">
<LuNotebookPen class="text-xl" />
</div>
</a>
</li>
<li>
<a
href="/projects"
class={currentPath.startsWith("/projects") ? "menu-active" : ""}
>
<div class="tooltip" data-tip="Projects">
<LuCodeXml class="text-xl" />
</div>
</a>
</li>
</ul>
</div>
<NavigationBar currentPath={currentPath} />
<ScrollUpButton />
</body>
</>
);