add blog/core-members/footer

Author: Darmody

blog/2019-05-28-first-blog-post.md

@@ -1,12 +1,6 @@
 ---
 slug: first-blog-post
 title: First Blog Post
-authors:
-  name: Gao Wei
-  title: Docusaurus Core Team
-  url: https://github.com/wgao19
-  image_url: https://github.com/wgao19.png
-tags: [hola, docusaurus]
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet

blog/2019-05-29-long-blog-post.md

@@ -1,8 +1,6 @@
 ---
 slug: long-blog-post
 title: Long Blog Post
-authors: endi
-tags: [hello, docusaurus]
 ---
 
 This is the summary of a very long blog post,

blog/2021-08-01-mdx-blog-post.mdx

@@ -1,8 +1,6 @@
 ---
 slug: mdx-blog-post
 title: MDX Blog Post
-authors: [slorber]
-tags: [docusaurus]
 ---
 
 Blog posts support [Docusaurus Markdown features](https://docusaurus.io/docs/markdown-features), such as [MDX](https://mdxjs.com/).
@@ -12,9 +10,9 @@ Blog posts support [Docusaurus Markdown features](https://docusaurus.io/docs/mar
 Use the power of React to create interactive blog posts.
 
 ```js
-<button onClick={() => alert('button clicked!')}>Click me!</button>
+<button onClick={() => alert("button clicked!")}>Click me!</button>
 ```
 
-<button onClick={() => alert('button clicked!')}>Click me!</button>
+<button onClick={() => alert("button clicked!")}>Click me!</button>
 
 :::

blog/2021-08-26-welcome/index.md

@@ -1,8 +1,6 @@
 ---
 slug: welcome
 title: Welcome
-authors: [slorber, yangshun]
-tags: [facebook, hello, docusaurus]
 ---
 
 [Docusaurus blogging features](https://docusaurus.io/docs/blog) are powered by the [blog plugin](https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-blog).

docusaurus.config.ts

@@ -1,6 +1,9 @@
 import { themes as prismThemes } from "prism-react-renderer";
 import type { Config } from "@docusaurus/types";
 import type * as Preset from "@docusaurus/preset-classic";
+import blogPlugin from "./plugins/blog-plugin";
+
+const baseUrl = "/website";
 
 const config: Config = {
   title: "Pleisto",
@@ -11,7 +14,7 @@ const config: Config = {
   url: "https://pleisto.github.io",
   // Set the /<baseUrl>/ pathname under which your site is served
   // For GitHub pages deployment, it is often '/<projectName>/'
-  baseUrl: "/website",
+  baseUrl,
 
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
@@ -34,16 +37,23 @@ const config: Config = {
       "classic",
       {
         docs: false,
-        blog: {
-          showReadingTime: true,
-        },
+        blog: false,
         theme: {
           customCss: "./src/css/custom.css",
         },
       } satisfies Preset.Options,
     ],
   ],
 
+  plugins: [
+    [
+      blogPlugin,
+      {
+        showReadingTime: false,
+      },
+    ],
+  ],
+
   themeConfig: {
     colorMode: {
       disableSwitch: true,
@@ -60,33 +70,38 @@ const config: Config = {
           to: "#about-us",
           label: "About Us",
           position: "left",
-          activeBasePath: "/#about-us",
+          activeBasePath: baseUrl + "/#about-us",
         },
         {
           to: "#ai-solutions",
           label: "AI Solutions",
           position: "left",
-          activeBasePath: "/#ai-solutions",
+          activeBasePath: baseUrl + "/#ai-solutions",
         },
         {
           to: "#blogs",
           label: "Blogs",
           position: "left",
-          activeBasePath: "/#blogs",
+          activeBasePath: baseUrl + "/#blogs",
         },
         {
           to: "#core-members",
           label: "Core Members",
           position: "left",
-          activeBasePath: "/#core-members",
+          activeBasePath: baseUrl + "/#core-members",
         },
         {
           to: "#partners",
           label: "Partner",
           position: "left",
-          activeBasePath: "/#partners",
+          activeBasePath: baseUrl + "/#partners",
+        },
+        {
+          to: "#contact-us",
+          label: "Contact us",
+          position: "left",
+          activeBasePath: baseUrl + "/#contact-us",
         },
-        { to: "#contact-us", label: "Contact us", position: "left" },
         {
           type: "localeDropdown",
           position: "right",

plugins/blog-plugin.ts

@@ -0,0 +1,31 @@
+import blogPlugin, { PluginOptions } from "@docusaurus/plugin-content-blog";
+import { LoadContext, Plugin } from "@docusaurus/types";
+
+const blogPluginExtended: Plugin = async (
+  context: LoadContext,
+  options: PluginOptions
+) => {
+  const blogPluginInstance = await blogPlugin(context, options);
+
+  return {
+    // Add all properties of the default blog plugin so existing functionality is preserved
+    ...blogPluginInstance,
+    /**
+     * Override the default `contentLoaded` hook to access blog posts data
+     */
+    contentLoaded: async function (data) {
+      // Get the 2 latest blog posts
+      const recentPosts = [...data.content.blogPosts].splice(0, 2);
+
+      data.actions.setGlobalData({
+        recentPosts,
+      });
+
+      // Call the default overridden `contentLoaded` implementation
+      return blogPluginInstance.contentLoaded(data);
+    },
+  };
+};
+
+export * from "@docusaurus/plugin-content-blog";
+export default blogPluginExtended;

src/components/icons/Close.tsx

@@ -0,0 +1,31 @@
+import { FC, MouseEventHandler } from "react";
+
+export interface CloseProps {
+  className?: string;
+  onClick?: MouseEventHandler;
+}
+
+export const Close: FC<CloseProps> = ({ className, onClick }) => (
+  <svg
+    className={className}
+    onClick={onClick}
+    width="1em"
+    height="1em"
+    viewBox="0 0 30 30"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4.55806 4.55806C4.80214 4.31398 5.19786 4.31398 5.44194 4.55806L25.4419 24.5581C25.686 24.8021 25.686 25.1979 25.4419 25.4419C25.1979 25.686 24.8021 25.686 24.5581 25.4419L4.55806 5.44194C4.31398 5.19786 4.31398 4.80214 4.55806 4.55806Z"
+      fill="#424242"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M25.4419 4.55806C25.686 4.80214 25.686 5.19786 25.4419 5.44194L5.44194 25.4419C5.19786 25.686 4.80214 25.686 4.55806 25.4419C4.31398 25.1979 4.31398 24.8021 4.55806 24.5581L24.5581 4.55806C24.8021 4.31398 25.1979 4.31398 25.4419 4.55806Z"
+      fill="#424242"
+    />
+  </svg>
+);

src/css/custom.css

@@ -190,4 +190,13 @@ html {
 .menu__link,
 .menu__caret {
   border-radius: 0;
+}
+
+article {
+  color: rgba(146, 146, 146, 1);
+
+}
+
+article h2 a {
+  color: rgba(66, 66, 66, 1);
 }