Feature/ux improvements (#3091)

* Modify the style of navbar to match Talawa docs * Change navbar links to ensure consistency across websites * Modify navbar and sidebar styles to match Talawa docs * Remove unnecessary css icon styling to remove external link icon in navbar * Fix styling bugs when deployed * Delete unnecessary sections from homepage * Fix footer text from My Project, Inc. to The Palisadoes Foundation, LLC. * Ensure responsiveness * Update homepage with minimal design * Delete unnecessary styles from custom.css * Delete unnecessary styles from index.css and update style for markdown pages in customs.css * Organize index.css for better readability * Organize custom.css for better readability * Modify navabar to have active nav link style * Resolve coderabbitai suggestions * Resolve coderabbitai suggestions, breakpoints * Resolve coderabbitai suggestions, breakpoints 2 --------- Co-authored-by: Abhi-MS <[email protected]>
PalisadoesFoundation · Jan 28, 2025 · 332a957 · 332a957
1 parent 33b838a
commit 332a957
Show file tree

Hide file tree

Showing 26 changed files with 118 additions and 1,838 deletions.
diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts
@@ -84,10 +84,10 @@ const config: Config = {
           target: "_self",
         },
         {
+          to: "/docs",
+          activeBasePath: "docs",
           label: "API Guide",
           position: "left",
-          href: "/docs",
-          target: "_self",
         },
         {
           label: "Demo",
@@ -111,15 +111,6 @@ const config: Config = {
     footer: {
       style: "dark",
       links: [
-        {
-          title: "Docs",
-          items: [
-            {
-              label: "Docs",
-              to: "/docs",
-            },
-          ],
-        },
         {
           title: "Community",
           items: [
@@ -171,7 +162,7 @@ const config: Config = {
           ],
         },
       ],
-      copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`,
+      copyright: `Copyright © ${new Date().getFullYear()} The Palisadoes Foundation, LLC. Built with Docusaurus.`,
     },
     prism: {
       theme: prismThemes.github,

diff --git a/docs/src/components/HomepageFeatures/index.tsx b/docs/src/components/HomepageFeatures/index.tsx
diff --git a/docs/src/components/HomepageFeatures/styles.module.css b/docs/src/components/HomepageFeatures/styles.module.css
diff --git a/docs/src/components/animations/_dissectionAnimation.js b/docs/src/components/animations/_dissectionAnimation.js
diff --git a/docs/src/components/animations/_headerAnimation.js b/docs/src/components/animations/_headerAnimation.js
diff --git a/docs/src/components/layout/EightPanel.tsx b/docs/src/components/layout/EightPanel.tsx
diff --git a/docs/src/components/layout/FifthPanel.tsx b/docs/src/components/layout/FifthPanel.tsx
diff --git a/docs/src/components/layout/FourthPanel.tsx b/docs/src/components/layout/FourthPanel.tsx
diff --git a/docs/src/components/layout/HeaderHero.tsx b/docs/src/components/layout/HeaderHero.tsx
@@ -1,42 +1,19 @@
 import React from "react";
 import  Section  from "../../utils/Section";
-import  TwoColumns  from "../../utils/TwoColumns";
 import  HomeCallToAction  from "../../utils/HomeCallToAction";
-import useBaseUrl from "@docusaurus/useBaseUrl";
 
 
 function HeaderHero() {
   return (
     <Section background="light" className="HeaderHero">
-      <div className="socialLinks"></div>
-      <TwoColumns
-        reverse
-        columnOne={
-          <div className="image-container">
-            <img
-              className="custom-image bounce-animation"
-              src={useBaseUrl("img/image-01.png")}
-              alt="Talawa member management software interface showcase"
-              loading="lazy"
-              // srcSet={`${useBaseUrl("img/image-01.png")} 1x, ${useBaseUrl("img/image-01@2x.png")} 2x`}
-            />
-          </div>
-        }
-        columnTwo={
-          <>
-           <h1 className="title" aria-label="Talawa - Member Management Software">
-            <span>Talawa</span>
-            <span className="tagline">Member Management Software</span>
-          </h1>
-          <p className="description" aria-label="Target audience description">
-            For open source projects, charities and other non-profits
-          </p>
-            <div className="buttons">
-              <HomeCallToAction />
-            </div>
-          </>
-        }
-      />
+      <h1 className="title">Talawa</h1>
+      <h2 className="tagline">API Docs</h2>
+      <p className="description">
+      API Backend for Talawa Admin and Talawa Mobile App
+      </p>
+      <div className="buttons">
+        <HomeCallToAction />
+      </div>
     </Section>
   );
 }

diff --git a/docs/src/components/layout/SecondPanel.tsx b/docs/src/components/layout/SecondPanel.tsx
diff --git a/docs/src/components/layout/SeventhPanel.tsx b/docs/src/components/layout/SeventhPanel.tsx