WIP: Base Astro Components

2026-05-29 14:33:38 +02:00
parent 4ff0658250
commit 826565c922
5 changed files with 81 additions and 21 deletions
@@ -16,10 +16,9 @@
  <div id="sidebar-topics">
    <span class="section-label">topics</span>
    <div id="tags">
-      <span class="tag">nixos</span>
-      <span class="tag">systems</span>
-      <span class="tag">web</span>
-      <span class="tag">talks</span>
+      <span class="tag">Blog</span>
+      <span class="tag">Git Projects</span>
+      <span class="tag">Matrix</span>
    </div>
  </div>
 </div>
@@ -13,7 +13,7 @@ const currentPath = Astro.url.pathname;
  <span id="logo">cyper-site</span>
  <nav>
    {navItems.map((item) => (
-      
+	<a 
        href={item.href}
        class={currentPath === item.href ? "active" : ""}
      >
@@ -1,17 +1,12 @@
 ---
+import Base from "../layouts/Base.astro";
+import Topbar from "../components/Topbar.astro";
+import Sidebar from "../components/Sidebar.astro";
+---

---
+<Base title="home">
+  <Topbar slot="topbar" />
+  <Sidebar slot="sidebar" />

-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-		<link rel="icon" href="/favicon.ico" />
-		<meta name="viewport" content="width=device-width" />
-		<meta name="generator" content={Astro.generator} />
-		<title>Astro</title>
-	</head>
-	<body>
-		<h1>Astro</h1>
-	</body>
-</html>
+  <h1>hello world</h1>
+</Base>