Fixed document title in ldkit.io (#109)

Resolves #108
karelklima · Mar 20, 2024 · e371a5a · e371a5a
1 parent 24ea469
commit e371a5a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 23 deletions.
diff --git a/www/components/App.tsx b/www/components/App.tsx
@@ -3,18 +3,21 @@ import { asset, Head } from "$fresh/runtime.ts";
 
 import { Footer } from "./Footer.tsx";
 import { Header } from "./Header.tsx";
-import { Title } from "./Title.tsx";
 
 type AppProps = {
   children: ComponentChildren;
   title?: string;
 };
 
 export function App({ children, title }: AppProps) {
+  const titleText = title
+    ? `${title} · LDkit`
+    : "LDkit · Linked Data query toolkit for TypeScript developers";
+
   return (
     <>
       <Head>
-        <Title>{title}</Title>
+        <title>{titleText}</title>
         <link rel="stylesheet" href={asset("/gfm.css")} />
       </Head>
       <div class="flex flex-col min-h-screen dark:text-[#c9d1d9] dark:bg-[#0d1117]">

diff --git a/www/components/Title.tsx b/www/components/Title.tsx
diff --git a/www/routes/_app.tsx b/www/routes/_app.tsx
@@ -6,7 +6,9 @@ export default function App({ Component }: PageProps) {
       <head>
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>www</title>
+        <title>
+          LDkit · Linked Data query toolkit for TypeScript developers
+        </title>
       </head>
       <body>
         <Component />