personal site
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

refactor: move navbar

serenity 0cbf5e4b 7e01dd7b

+49 -13
+21
src/components/Icons/LucideLineSquiggle.astro
··· 1 + --- 2 + const props = Astro.props; 3 + --- 4 + 5 + <svg 6 + xmlns="http://www.w3.org/2000/svg" 7 + width="1em" 8 + height="1em" 9 + viewBox="0 0 24 24" 10 + {...props} 11 + ><!-- Icon from Lucide by Lucide Contributors - https://github.com/lucide-icons/lucide/blob/main/LICENSE --> 12 + <path 13 + fill="none" 14 + stroke="currentColor" 15 + stroke-linecap="round" 16 + stroke-linejoin="round" 17 + stroke-width="2" 18 + d="M7 3.5c5-2 7 2.5 3 4C1.5 10 2 15 5 16c5 2 9-10 14-7s.5 13.5-4 12c-5-2.5.5-11 6-2" 19 + > 20 + </path> 21 + </svg>
+27
src/components/Nav/NavBar.astro
··· 1 + --- 2 + import LucideLineSquiggle from "../Icons/LucideLineSquiggle.astro"; 3 + --- 4 + 5 + <div class="flex max-w-screen flex-col items-center"> 6 + <nav> 7 + <div class="flex w-[66vw] justify-between py-6"> 8 + <a 9 + href="/" 10 + class="flex items-center gap-2 font-serif text-lg font-bold" 11 + > 12 + <LucideLineSquiggle /> 13 + <p>Serenity, the Goldweaver</p> 14 + </a> 15 + <div class="flex gap-2 font-serif"> 16 + <a href="/blog">Blog</a> 17 + <a href="/thoughtlog">Thoughtlog</a> 18 + <a 19 + href="https://projects.sylfr.dev/" 20 + target="_blank" 21 + rel="noreferrer noopener">Projects</a 22 + > 23 + </div> 24 + </div> 25 + </nav> 26 + <div class="text-glw-overlay0 w-screen border-b border-dashed"></div> 27 + </div>
-12
src/components/NavBar.astro
··· 1 - <div> 2 - <nav> 3 - <div class="flex w-screen justify-between"> 4 - <div>Serenity, the Goldweaver</div> 5 - <div> 6 - <a>Home</a> 7 - <a>Blog</a> 8 - <a>Projects</a> 9 - </div> 10 - </div> 11 - </nav> 12 - </div>
+1 -1
src/layouts/BaseLayout.astro
··· 1 1 --- 2 - import NavBar from "../components/NavBar.astro"; 2 + import NavBar from "../components/Nav/NavBar.astro"; 3 3 import RootLayout from "../layouts/RootLayout.astro"; 4 4 const { title } = Astro.props; 5 5 ---