Home page of Docs website (#11)

* added hasura similar design * added blueish theme * updated main page and home page * adde * added * removed unwanted code * removed unwanted code * removed unwanted files * removed unwanted files * updated home page * added react icons * added react icons * updated the code with recommendations
PalisadoesFoundation · Dec 25, 2024 · e7dc6a3 · e7dc6a3
1 parent e64cf7c
commit e7dc6a3
Show file tree

Hide file tree

Showing 20 changed files with 31,886 additions and 2,772 deletions.
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -2,31 +2,21 @@ 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: "Palisadoes DevDocs",
+  title: "Palisadoes Foundation",
   tagline: "Start your open source journey here",
-  favicon: "img/favicon.ico",
+  favicon: "img/talawa-logo-200x200.png",
 
-  // Set the production url of your site here
   url: "https://developer.palisadoes.org",
-  // Set the /<baseUrl>/ pathname under which your site is served
-  // For GitHub pages deployment, it is often '/<projectName>/'
   baseUrl: "/",
   deploymentBranch: "gh-pages",
 
-  // GitHub pages deployment config.
-  // If you aren't using GitHub pages, you don't need these.
-  organizationName: "PalisadoesFoundation", // Usually your GitHub org/user name.
-  projectName: "developer-docs", // Usually your repo name.
+  organizationName: "PalisadoesFoundation", // GitHub org
+  projectName: "developer-docs", // 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"],
@@ -38,8 +28,6 @@ const config: Config = {
       {
         docs: {
           sidebarPath: "./sidebars.ts",
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
           editUrl:
             "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
         },
@@ -49,14 +37,8 @@ const config: Config = {
             type: ["rss", "atom"],
             xslt: true,
           },
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
           editUrl:
             "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
-          // Useful options to enforce blogging best practices
-          onInlineTags: "warn",
-          onInlineAuthors: "warn",
-          onUntruncatedBlogPosts: "warn",
         },
         theme: {
           customCss: "./src/css/custom.css",
@@ -66,15 +48,36 @@ const config: Config = {
   ],
 
   themeConfig: {
-    // Replace with your project's social card
+    search: {
+      enabled: true,
+    },
+    docs: {
+      sidebar: {
+        autoCollapseCategories: true,
+      },
+    },
     image: "img/docusaurus-social-card.jpg",
     navbar: {
       title: "Palisadoes Developers",
-      logo: {
-        alt: "My Site Logo",
-        src: "img/logo.svg",
-      },
-      items: [{ to: "/docs", label: "Docs", position: "left" }],
+      logo: { alt: "My Site Logo", src: "img/talawa-logo-200x200.png" },
+      items: [
+        { to: "/docs", label: "Docs", position: "left" },
+        {
+          href: "https://github.com/PalisadoesFoundation",
+          html: '<i class="fab fa-github"></i> <span id="github-stars"></span>',
+          position: "right",
+          "aria-label": "GitHub Stars",
+          className: "custom-icon-link",
+        },
+        {
+          href: "https://www.linkedin.com/company/palisadoes/posts/?feedView=all",
+          html: '<i class="fab fa-linkedin"></i>',
+          position: "right",
+          "aria-label": "LinkedIn",
+          className: "custom-icon-link",
+        },
+        { type: "search", position: "right" },
+      ],
     },
     footer: {
       style: "dark",