fixes

src/components/Header.astro

@@ -3,9 +3,6 @@ import { LOGO_IMAGE, SITE } from "@config";
 import Hr from "./Hr.astro";
 import LinkButton from "./LinkButton.astro";
 
-import logoPNG from "/assets/logo.png";
-import logoSVG from "/assets/logo.svg";
-
 export interface Props {
   activeNav?: "posts" | "tags" | "about" | "search";
 }

src/components/LinkButton.astro

@@ -4,10 +4,18 @@ export interface Props {
   className?: string;
   ariaLabel?: string;
   title?: string;
+  target?: string;
   disabled?: boolean;
 }
 
-const { href, className, ariaLabel, title, disabled = false } = Astro.props;
+const {
+  href,
+  className,
+  ariaLabel,
+  title,
+  target,
+  disabled = false,
+} = Astro.props;
 ---
 
 <a
@@ -16,6 +24,7 @@ const { href, className, ariaLabel, title, disabled = false } = Astro.props;
   class={`group inline-block ${className}`}
   aria-label={ariaLabel}
   title={title}
+  target={target}
   aria-disabled={disabled}
 >
   <slot />

src/components/Socials.astro

@@ -16,6 +16,7 @@ const { centered = false } = Astro.props;
       <LinkButton
         href={social.href}
         className="link-button"
+        target="_blank"
         title={social.linkTitle}
       >
         <Fragment set:html={socialIcons[social.name]} />
@@ -26,7 +27,7 @@ const { centered = false } = Astro.props;
 
 <style>
   .social-icons {
-    @apply flex-wrap justify-center gap-1;
+    @apply flex-wrap justify-center;
   }
   .link-button {
     @apply m-1 p-2 hover:rotate-6 sm:p-1;

src/pages/cykle/index.astro

@@ -385,7 +385,7 @@ import appstore_dark from "../../assets/appstore_dark.svg";
         <p>
           <strong>how does this work? is there a manual?</strong><br />yes, the
           manual is <a
-            href="/manual"
+            href="/cykle/manual"
             class="underline decoration-dashed underline-offset-4 hover:text-skin-accent"
             >here</a
           >.