Merge pull request ajay-dhangar#147 from ajay-dhangar/dev-1

added some links of pages
KhawajaFashi · Oct 7, 2024 · f8edd47 · f8edd47
2 parents 7a41f17 + 4c7f6f0
commit f8edd47
Show file tree

Hide file tree

Showing 8 changed files with 66 additions and 16 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -1,7 +1,7 @@
 import { themes as prismThemes } from "prism-react-renderer";
 // import remarkPlugin from 'remark-plugin';
-import remarkMath from 'remark-math';
-import rehypeKatex from 'rehype-katex';
+import remarkMath from "remark-math";
+import rehypeKatex from "rehype-katex";
 const path = require("path");
 
 /** @type {import('@docusaurus/types').Config} */
@@ -23,8 +23,9 @@ const config = {
       "classic",
       /** @type {import('@docusaurus/preset-classic').Options} */
       ({
+        debug: true,
         docs: {
-          sidebarPath: "./sidebars.js", 
+          sidebarPath: "./sidebars.js",
           editUrl: "https://github.com/Ajay-Dhangar/algo/tree/main/",
           remarkPlugins: [remarkMath],
           rehypePlugins: [rehypeKatex],
@@ -44,11 +45,11 @@ const config = {
 
   stylesheets: [
     {
-      href: 'https://cdn.jsdelivr.net/npm/katex@0.13.24/dist/katex.min.css',
-      type: 'text/css',
+      href: "https://cdn.jsdelivr.net/npm/katex@0.13.24/dist/katex.min.css",
+      type: "text/css",
       integrity:
-        'sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM',
-      crossorigin: 'anonymous',
+        "sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM",
+      crossorigin: "anonymous",
     },
   ],
 
@@ -69,7 +70,54 @@ const config = {
             position: "left",
             label: "Tutorial",
           },
-          { to: "/blog", label: "Blog", position: "left" },
+          {
+            to: "https://ajay-dhangar.github.io/algo/roadmap",
+            label: "Roadmap",
+            position: "left",
+            target: "_self",
+          },
+          {
+            to: "https://ajay-dhangar.github.io/algo/challenges",
+            label: "Challenges",
+            position: "left",
+            target: "_self",
+          },
+          {
+            to: "https://ajay-dhangar.github.io/algo/practice",
+            label: "Practice",
+            position: "left",
+            target: "_self",
+          },
+          {
+            to: "https://ajay-dhangar.github.io/algo/leaderboard",
+            label: "Leaderboard",
+            position: "left",
+            target: "_self",
+          },
+          {
+            to: "https://ajay-dhangar.github.io/algo/community",
+            label: "Community",
+            position: "left",
+            target: "_self",
+          },
+          {
+            to: "https://ajay-dhangar.github.io/algo/resources",
+            label: "Resources",
+            position: "left",
+            target: "_self",
+          },
+          {
+            to: "https://ajay-dhangar.github.io/algo/faq",
+            label: "FAQ",
+            position: "left",
+            target: "_self",
+          },
+          {
+            to: "https://ajay-dhangar.github.io/algo/blogs",
+            label: "Blogs",
+            position: "left",
+            target: "_self",
+          },
           {
             href: "https://github.com/ajay-dhangar/algo",
             label: "GitHub",

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "@docusaurus/core": "^3.5.2",
     "@docusaurus/plugin-content-blog": "^3.5.2",
     "@docusaurus/plugin-content-docs": "^3.5.2",
+    "@docusaurus/plugin-debug": "^3.5.2",
     "@docusaurus/preset-classic": "^3.5.2",
     "@docusaurus/theme-mermaid": "^3.5.2",
     "@giscus/react": "^3.0.0",

diff --git a/src/pages/Blogs/index.tsx b/src/pages/Blogs/index.tsx
@@ -85,7 +85,7 @@ const Blogs: React.FC = () => {
                 {post.title}
               </h2>
               <p className="text-gray-600 dark:text-gray-300">{post.summary}</p>
-              <button className="mt-4 inline-block bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors duration-300 border-1 border-blue-600">
+              <button className="mt-4 inline-block bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors duration-300 border-none">
                 Read More
               </button>
             </motion.div>

diff --git a/src/pages/Challenges/index.tsx b/src/pages/Challenges/index.tsx
@@ -43,7 +43,7 @@ const Challenges: React.FC = () => {
               <FaClock className="text-gray-500 dark:text-gray-400" />
               <span className="text-gray-700 dark:text-gray-300">Time Limit: 30 min</span>
             </div>
-            <button className="mt-4 bg-red-600 text-white px-4 py-2 rounded-lg hover:bg-red-700 transition duration-300 border-1 border-red-600">
+            <button className="mt-4 bg-red-600 text-white px-4 py-3 rounded-lg hover:bg-red-700 transition duration-300 border-none">
               Start Challenge
             </button>
           </motion.div>

diff --git a/src/pages/Community/index.tsx b/src/pages/Community/index.tsx
@@ -42,7 +42,7 @@ const Community: React.FC = () => {
             <p className="text-gray-500 dark:text-gray-400 mt-2">
               Start discussions, ask questions, and collaborate with others.
             </p>
-            <button className="mt-4 border-1 border-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition duration-300">
+            <button className="mt-4 border-none px-4 py-2 rounded-lg hover:bg-blue-700 transition duration-300 text-white bg-blue-600">
               Join the Forum
             </button>
           </motion.div>

diff --git a/src/pages/Practice/index.tsx b/src/pages/Practice/index.tsx
@@ -39,7 +39,7 @@ const Practice: React.FC = () => {
             <p className="text-gray-500 dark:text-gray-400 mt-2">
               Given an array of integers, return indices of the two numbers such that they add up to a specific target.
             </p>
-            <button className="mt-4 bg-blue-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 hover:bg-blue-700 transition duration-300">
+            <button className="mt-4 bg-blue-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 hover:bg-blue-700 transition duration-300 border-none">
               <FaPlayCircle className="w-5 h-5" />
               <span>Start Solving</span>
             </button>
@@ -57,7 +57,7 @@ const Practice: React.FC = () => {
             <p className="text-gray-500 dark:text-gray-400 mt-2">
               Find the length of the longest substring without repeating characters.
             </p>
-            <button className="mt-4 border-1 border-blue-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 hover:bg-blue-700 transition duration-300">
+            <button className="mt-4 border-none text-white px-4 py-2 rounded-lg flex items-center space-x-2 hover:bg-blue-700 transition duration-300 bg-blue-600">
               <FaPlayCircle className="w-5 h-5" />
               <span>Start Solving</span>
             </button>

diff --git a/src/pages/Resources/index.tsx b/src/pages/Resources/index.tsx
@@ -24,15 +24,15 @@ const Resources: React.FC = () => {
         </motion.h1>
 
         <motion.div
-          className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"
+          className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8"
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
           transition={{ delay: 0.3, duration: 0.6 }}
         >
           {resources.map((resource) => (
             <motion.div
               key={resource.id}
-              className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg"
+              className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg flex flex-col items-center justify-center"
               whileHover={{ scale: 1.05 }}
               transition={{ type: "spring", stiffness: 200 }}
             >
@@ -42,7 +42,7 @@ const Resources: React.FC = () => {
               <p className="text-gray-600 dark:text-gray-300 mb-4">{resource.description}</p>
               <a
                 href={resource.link}
-                className="inline-block border-1 border-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors duration-300"
+                className="inline-block border-none text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors duration-300 bg-blue-600 dark:bg-blue-500 hover:text-white"
               >
                 Access
               </a>