Make this site embeddable into another

Because of the way fresh works it uses "clean" urls, relative paths don't really work. This gets rid of all "basing" elements and uses absolute urls which are relative to the root of this site. Since we're rebasing on the consuming edge, this is fine. In the future, we'll use directory urls for everything.
thefrontside · Dec 17, 2024 · 7552e8b · 7552e8b
1 parent da5f9ec
commit 7552e8b
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 9 deletions.
diff --git a/www/components/DocsSidebar.tsx b/www/components/DocsSidebar.tsx
@@ -27,7 +27,7 @@ export function SidebarCategory(props: {
 
   return (
     <li class="my-2 block">
-      <a href={href} class={outerLink}>{title}</a>
+      <a href={`/${href}`} class={outerLink}>{title}</a>
       {entries.length > 0 && (
         <ol class="pl-4 list-decimal nested">
           {entries.map((entry) => (
@@ -49,7 +49,7 @@ export function SidebarEntry(props: {
 
   return (
     <li class="my-0.5">
-      <a href={href} class={innerLink}>{title}</a>
+      <a href={`/${href}`} class={innerLink}>{title}</a>
     </li>
   );
 }
diff --git a/www/components/DocsTitle.tsx b/www/components/DocsTitle.tsx
@@ -2,7 +2,7 @@ export default function DocsTitle(props: { title: string }) {
   return (
     <>
       <a
-        href="."
+        href="/"
         class="text(2xl gray-900) block flex items-center"
       >
         GraphGen

diff --git a/www/components/Header.tsx b/www/components/Header.tsx
@@ -25,9 +25,9 @@ export default function Header(props: { title: string; active: string }) {
 
 function Logo() {
   return (
-    <a href="." class="flex mr-3 items-center">
+    <a href="/" class="flex mr-3 items-center">
       <img
-        src="logo.svg"
+        src="/logo.svg"
         alt="GraphGen logo"
         width={40}
         height={46}

diff --git a/www/components/NavigationBar.tsx b/www/components/NavigationBar.tsx
@@ -6,7 +6,7 @@ export default function NavigationBar(
   const items = [
     {
       name: "Docs",
-      href: "docs/introduction",
+      href: "/docs/introduction",
     },
     {
       name: "Discord",
@@ -15,7 +15,7 @@ export default function NavigationBar(
   ];
   const isHome = props.active == "/";
   return (
-    <nav class={"flex " + props.class ?? ""}>
+    <nav class={"flex " + (props.class ?? "")}>
       <ul class="flex justify-center items-center gap-4 mx-4 my-6 flex-wrap">
         {items.map((item) => (
           <li>

diff --git a/www/routes/docs/[...slug].tsx b/www/routes/docs/[...slug].tsx
@@ -66,8 +66,7 @@ export default function DocsPage(props: PageProps<Data>) {
     <>
       <Head>
         <title>{props.data.page?.title ?? "Not Found"} | graphgen docs</title>
-        <base href={props.data.base ?? "/"} />
-        <link rel="stylesheet" href={`gfm.css?build=${__FRSH_BUILD_ID}`} />
+        <link rel="stylesheet" href={`/gfm.css?build=${BUILD_ID}`} />
         {description && <meta name="description" content={description} />}
       </Head>
       <div class="flex flex-col min-h-screen">