Skeleton: Link to roadmap in navbar

src/lib/components/form/Button.svelte

@@ -21,6 +21,9 @@
     /** Make the button act as a link. */
     href?: string;
 
+    /** Open the link inside a new tab. */
+    newtab?: boolean;
+
     /** Add a width class to the button. */
     width?: string;
 
@@ -54,6 +57,7 @@
     color = undefined,
     submit = false,
     href = undefined,
+    newtab = false,
     width = "w-auto",
     activate = false,
     activate_href = false,
@@ -70,6 +74,8 @@
 {#if href}
   <a
     {href}
+    target={newtab ? "_blank" : undefined}
+    rel={newtab ? "noopener noreferrer" : undefined}
     class="btn m-0 select-none px-2 py-2 {color ? `variant-filled-${color}` : ''} {width} {activate
       ? 'btn-hover'
       : ''} {activate_href && is_at_path(href) ? 'btn-hover' : ''} {shadow

src/routes/+layout.svelte

@@ -380,6 +380,16 @@
       <Button href="/rules" onclick={close_drawer} color="surface" width="w-full" shadow>
         Rules
       </Button>
+      <Button
+        href="https://gitea.vps.chriphost.de/christoph/svelte-formula11/projects/1"
+        onclick={close_drawer}
+        color="surface"
+        width="w-full"
+        shadow
+        newtab
+      >
+        Roadmap
+      </Button>
     </div>
   {:else if $drawerStore.id === "data_drawer"}
     <!-- Data Drawer -->
@@ -585,6 +595,14 @@
         <Button href="/leaderboard" color="primary" activate_href>Leaderboard</Button>
         <Button href="/statistics" color="primary" activate_href>Statistics</Button>
         <Button href="/rules" color="primary" activate_href>Rules</Button>
+        <Button
+          href="https://gitea.vps.chriphost.de/christoph/svelte-formula11/projects/1"
+          color="primary"
+          activate_href
+          newtab
+        >
+          Roadmap
+        </Button>
       </div>
 
       <svelte:fragment slot="trail">