theme.config.tsx

import Link from "next/link";
import { useRouter } from "next/router";
import urlcat from "urlcat";
import { VercelLogo } from "./components/Icons";

const config = {
  readMore: "Read More →",
  darkMode: true,
  postFooter: null,
  footer: (
    <>
      <hr />
      <div
        style={{
          display: "flex",
          flexDirection: "row",
          gap: "10px",
          justifyContent: "space-between",
          alignItems: "baseline",
        }}
      >
        <div style={{ display: "flex", flexDirection: "column" }}>
          <p>
            Copyright - 2019 - {new Date().getFullYear()} @ The dahliaOS Authors
          </p>
          <Link
            href="https://vercel.com?utm_source=dahliaOS&amp;utm_campaign=oss"
            target="_blank"
            style={{
              display: "flex",
              flexDirection: "row",
              gap: "10px",
              textDecoration: "none",
            }}
          >
            Powered By
            <VercelLogo />
          </Link>
        </div>
        <Link href={"/feed.xml"}>RSS</Link>
      </div>
    </>
  ),
  head: ({ title, meta }: { title: any; meta: any }) => {
    const { asPath, route } = useRouter();

    return (
      <>
        <meta property="description" content={meta.description} />
        <meta property="og:description" content={meta.description} />
        {<meta name="author" content={meta.author} />}
        {route === "/" ? (
          <title>dahliaOS Blog</title>
        ) : (
          <title>{`${title} - dahliaOS Blog`}</title>
        )}
        {route === "/" ? (
          <meta property="og:title" content="dahliaOS Blog" />
        ) : (
          <meta property="og:title" content={`${title} - dahliaOS Blog`} />
        )}
        <meta charSet="UTF-8" />
        <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
        <link rel="canonical" href="https://blog.dahliaos.io" />
        <meta property="og:url" content={`https://blog.dahliaos.io${asPath}`} />
        <meta name="theme-color" content="#ff3d00" />
        <meta property="og:site_name" content="dahliaOS" />
        <meta name="viewport" content="width=device-width" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <link
          rel="icon"
          type="image/png"
          href="/images/favicon/favicon-32x32.png"
        />
        <meta name="apple-mobile-web-app-status-bar-style" content="#ff3d00" />
        <meta name="apple-mobile-web-app-title" content="dahliaOS" />
        <meta
          name="msapplication-TileImage"
          content="/images/favicon/favicon.png"
        />
        <meta name="msapplication-TileColor" content="#ff3d00" />
        <link
          rel="apple-touch-icon"
          sizes="180x180"
          href="/images/favicon/apple-touch-icon.png"
        />
        <link
          rel="icon"
          type="image/png"
          sizes="32x32"
          href="/images/favicon/favicon-32x32.png"
        />
        <link
          rel="icon"
          type="image/png"
          sizes="16x16"
          href="/images/favicon/favicon-16x16.png"
        />
        <link rel="manifest" href="/site.webmanifest" />
        <meta
          name="keywords"
          content={`${meta.tag}, dahlia, blog, software, flutter, fuchsia, linux, dahliaOS, computer, operating system, os, system, kernel, dart, open source, material, design, zircon, go, rust`}
        />
        <meta httpEquiv="Content-Language" content="en" />
        <meta
          property="og:image"
          content={
            meta.image ||
            urlcat("https://blog.dahliaos.io/api/og/", {
              title,
              desc: meta.description ?? undefined,
              date: meta.date ?? undefined,
            })
          }
        />
        <meta
          property="twitter:card"
          content={meta.image ? "summary_large_image" : "summary"}
        />
        <meta property="twitter:site" content="@dahliaos_io" />
        {route === "/" ? (
          <meta property="twitter:title" content="dahliaOS Blog" />
        ) : (
          <meta property="twitter:title" content={`${title} - dahliaOS Blog`} />
        )}
        <meta property="twitter:description" content={meta.description} />
        <meta
          property="twitter:url"
          content={`https://blog.dahliaos.io${asPath}`}
        />
        <meta
          property="twitter:image"
          content={
            meta.image ||
            urlcat("https://blog.dahliaos.io/api/og/", {
              title,
              desc: meta.description ?? undefined,
              date: meta.date ?? undefined,
            })
          }
        />
      </>
    );
  },
  navs: [
    { url: "https://dahliaos.io", name: "Website ↗" },
    { url: "https://dahliaos.io/github", name: "GitHub ↗" },
  ],
};

export default config;