skyfall/skyfalldev
1
0
Fork 0
mirror of https://github.com/SkyfallWasTaken/skyfalldev.git synced 2024-11-10 04:09:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Style header a bit

Browse source
This commit is contained in:
SkyfallWasTaken 2024-07-06 12:14:08 +01:00
parent 8d867e26cc
commit e696e09eb7
1 changed files with 9 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/Header.astro
View file

@ -3,26 +3,17 @@ import HeaderLink from './HeaderLink.astro';
import { SITE_TITLE } from '../consts'; import { SITE_TITLE } from '../consts';
--- ---
<header> <header class="w-full">
<nav> <nav class="px-3 py-2 flex items-center gap-2 w-full border-b-[2px] shadow-sm">
<h2><a href="/">{SITE_TITLE}</a></h2> <h2 class="font-semibold mr-3"><a href="/">{SITE_TITLE}</a></h2>
<div class="internal-links"> <div class="flex flew-row gap-2">
<HeaderLink href="/">Home</HeaderLink> <HeaderLink href="/">Home</HeaderLink>
<HeaderLink href="/blog">Blog</HeaderLink> <HeaderLink href="/blog">Blog</HeaderLink>
<HeaderLink href="/about">About</HeaderLink> <HeaderLink href="/about">About</HeaderLink>
</div> </div>
<div class="social-links"> <div class="flex flex-row gap-3 ml-auto">
<a href="https://m.webtoo.ls/@astro" target="_blank"> <a href="https://twitter.com/skyfall_ggs" target="_blank">
<span class="sr-only">Follow Astro on Mastodon</span> <span class="sr-only">Follow me on Twitter</span>
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
><path
fill="currentColor"
d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"
></path></svg
>
</a>
<a href="https://twitter.com/astrodotbuild" target="_blank">
<span class="sr-only">Follow Astro on Twitter</span>
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32" <svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
><path ><path
fill="currentColor" fill="currentColor"
@ -30,8 +21,8 @@ import { SITE_TITLE } from '../consts';
></path></svg ></path></svg
> >
</a> </a>
<a href="https://github.com/withastro/astro" target="_blank"> <a href="https://github.com/SkyfallWasTaken" target="_blank">
<span class="sr-only">Go to Astro's GitHub repo</span> <span class="sr-only">Go to Skyfall's GitHub profile</span>
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32" <svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
><path ><path
fill="currentColor" fill="currentColor"