task: upgrade docusarus

docs/intro.md

@@ -14,7 +14,7 @@ Or **try Docusaurus immediately** with **[docusaurus.new](https://docusaurus.new
 
 ### What you'll need
 
-- [Node.js](https://nodejs.org/en/download/) version 16.14 or above:
+- [Node.js](https://nodejs.org/en/download/) version 18.0 or above:
   - When installing Node.js, you are recommended to check all checkboxes related to dependencies.
 
 ## Generate a new site

docusaurus.config.ts

@@ -0,0 +1,179 @@
+import { themes as prismThemes } from "prism-react-renderer";
+import type { Config } from "@docusaurus/types";
+import type * as Preset from "@docusaurus/preset-classic";
+
+// This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
+
+const config: Config = {
+  title: "Trustification",
+  tagline:
+    "A community, vendor-neutral, thought-leadering, mostly informational collection of resources devoted to making Software Supply Chains easier to create, manage, consume and ultimately… to trust!",
+  favicon: "img/logo.svg",
+
+  // Set the production url of your site here
+  url: "https://trustification.io",
+  // Set the /<baseUrl>/ pathname under which your site is served
+  // For GitHub pages deployment, it is often '/<projectName>/'
+  baseUrl: "/",
+
+  // GitHub pages deployment config.
+  // If you aren't using GitHub pages, you don't need these.
+  organizationName: "trustification", // Usually your GitHub org/user name.
+  projectName: "trustification.github.io", // Usually your repo name.
+
+  onBrokenLinks: "throw",
+  onBrokenMarkdownLinks: "warn",
+
+  // Even if you don't use internationalization, you can use this field to set
+  // useful metadata like html lang. For example, if your site is Chinese, you
+  // may want to replace "en" with "zh-Hans".
+  i18n: {
+    defaultLocale: "en",
+    locales: ["en"],
+  },
+
+  presets: [
+    [
+      "classic",
+      {
+        docs: {
+          sidebarPath: "./sidebars.ts",
+          // Please change this to your repo.
+          // Remove this to remove the "edit this page" links.
+          editUrl:
+            "https://github.com/trustification/trustification.github.io/tree/main",
+        },
+        blog: {
+          showReadingTime: true,
+          feedOptions: {
+            type: ["rss", "atom"],
+            xslt: true,
+          },
+          // Please change this to your repo.
+          // Remove this to remove the "edit this page" links.
+          editUrl:
+            "https://github.com/trustification/trustification.github.io/tree/main",
+          // Useful options to enforce blogging best practices
+          onInlineTags: "warn",
+          onInlineAuthors: "warn",
+          onUntruncatedBlogPosts: "warn",
+        },
+        theme: {
+          customCss: "./src/css/custom.css",
+        },
+        gtag: {
+          trackingID: "G-HWS6R519CF",
+          anonymizeIP: true,
+        },
+      } satisfies Preset.Options,
+    ],
+  ],
+
+  themeConfig: {
+    // Replace with your project's social card
+    image: "img/logo.svg",
+    navbar: {
+      title: "Trustification",
+      logo: {
+        alt: "Trustification Logo",
+        src: "img/logo.svg",
+      },
+      items: [
+        // {
+        //   type: "docSidebar",
+        //   sidebarId: "tutorialSidebar",
+        //   position: "left",
+        //   label: "Tutorial",
+        // },
+        {
+          href: "https://docs.trustification.dev/",
+          label: "Documentation",
+          position: "left",
+        },
+        { to: "/blog", label: "Blog", position: "left" },
+        {
+          href: "https://github.com/trustification",
+          label: "GitHub",
+          position: "right",
+        },
+      ],
+    },
+    footer: {
+      style: "dark",
+      links: [
+        {
+          title: "Docs",
+          items: [
+            // {
+            //   label: "Tutorial",
+            //   to: "/docs/intro",
+            // },
+            {
+              label: "Documentation",
+              href: "https://docs.trustification.dev/",
+            },
+            {
+              label: "Blog",
+              to: "/blog",
+            },
+          ],
+        },
+        {
+          title: "Community",
+          items: [
+            {
+              label: "Matrix",
+              href: "https://app.element.io/?updated=1.11.32#/room/#trustification:matrix.org",
+            },
+          ],
+        },
+        {
+          title: "More",
+          items: [
+            // {
+            //   label: "Blog",
+            //   to: "/blog",
+            // },
+            {
+              label: "GitHub",
+              href: "https://github.com/trustification",
+            },
+          ],
+        },
+      ],
+      copyright: `Copyright © ${new Date().getFullYear()} Trustification.`,
+    },
+    prism: {
+      theme: prismThemes.github,
+      darkTheme: prismThemes.dracula,
+    },
+    algolia: {
+      appId: "UO35LKIYPP",
+      apiKey: "a1e0ff4ab1305b5498c75f2842be01fb",
+      indexName: "trustification.io",
+      contextualSearch: false,
+    },
+    metadata: [{ name: "keywords", content: "supply chain, sbom, vex" }],
+  } satisfies Preset.ThemeConfig,
+
+  stylesheets: [
+    "https://fonts.googleapis.com/css2?family=Red+Hat+Text&display=swap",
+    "https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@400;700&display=swap",
+  ],
+  scripts: [],
+  plugins: [
+    async function myPlugin(context, options) {
+      return {
+        name: "docusaurus-tailwindcss",
+        configurePostCss(postcssOptions) {
+          // Appends TailwindCSS and AutoPrefixer.
+          postcssOptions.plugins.push(require("tailwindcss"));
+          postcssOptions.plugins.push(require("autoprefixer"));
+          return postcssOptions;
+        },
+      };
+    },
+  ],
+};
+
+export default config;