diff --git a/documentation/docs/getting-started/overview.md b/documentation/docs/getting-started/overview.md
index ff91098b..2f047320 100644
--- a/documentation/docs/getting-started/overview.md
+++ b/documentation/docs/getting-started/overview.md
@@ -4,24 +4,26 @@ title: Overview
slug: /
---
+:::simple
Unlock a Treasure Trove of Knowledge with Our Comprehensive Repository!
Are you ready to embark on a journey of learning and discovery? Look no further than our repository, a rich and diverse resource designed to equip you with the tools and knowledge you need to succeed in the world of computer science and beyond.
-
-## **Programming Challenges and MCQs:**
+:::
+:::tip Programming Challenges and MCQs:
Put your skills to the test with a wide range of programming challenges, multiple-choice questions (MCQs), puzzles, aptitude questions, and reasoning problems. Explore diverse problem domains and languages, including C++, Python, Java, and JavaScript, and sharpen your coding proficiency while tackling real-world scenarios and algorithmic puzzles.
-
-## **Data Structures and Algorithms (DSA):**
+:::
+:::info-tip Data Structures and Algorithms (DSA):
Delve into the fascinating world of Data Structures and Algorithms with our meticulously curated collection. Explore essential topics such as arrays, linked lists, trees, graphs, sorting algorithms, and more. Dive deep into renowned resources like the 450 DSA by Love Babbar, Striver DSA sheet, and Apna College DSA Sheet, providing you with a comprehensive understanding of fundamental concepts and problem-solving techniques.
-
-## **Technical Subjects:**
+:::
+:::note Technical Subjects:
Expand your horizons with in-depth coverage of essential technical subjects, including Operating Systems, Database Management Systems (DBMS), SQL, Computer Networks, and Object-Oriented Programming (OOP). Gain insights into the core principles and practices that underpin modern computing systems, empowering you to build robust, scalable, and efficient software solutions.
-
-## **System Design:**
+:::
+:::caution System Design:
Unleash your creativity and analytical skills with captivating System Design materials for both Low-Level Design (LLD) and High-Level Design (HLD). Learn how to architect scalable and resilient systems that meet the demands of today's complex and dynamic environments, while honing your problem-solving abilities and design intuition.
-
-## **Continuous Learning and Growth:**
+:::
+:::danger Continuous Learning and Growth:
At our repository, learning is a never-ending journey fueled by curiosity, exploration, and collaboration. Stay updated with the latest trends, developments, and best practices in the world of technology, and join a vibrant community of learners, educators, and industry professionals dedicated to sharing knowledge, insights, and experiences.
-
-## **Conclusion:**
-Whether you're a seasoned professional seeking to expand your skill set or a budding enthusiast eager to explore the frontiers of technology, our repository offers something for everyone. So, what are you waiting for? Dive into a world of endless possibilities and unlock the treasure trove of knowledge that awaits you. Together, let's embark on a journey of learning, growth, and transformation. 🚀🌐💡
\ No newline at end of file
+:::
+:::simple Conclusion
+Whether you're a seasoned professional seeking to expand your skill set or a budding enthusiast eager to explore the frontiers of technology, our repository offers something for everyone. So, what are you waiting for? Dive into a world of endless possibilities and unlock the treasure trove of knowledge that awaits you. Together, let's embark on a journey of learning, growth, and transformation. 🚀🌐💡
+:::
\ No newline at end of file
diff --git a/documentation/docusaurus.config.js b/documentation/docusaurus.config.js
index 03219208..2c28958f 100644
--- a/documentation/docusaurus.config.js
+++ b/documentation/docusaurus.config.js
@@ -22,16 +22,31 @@ const siteConfig = {
organizationName: "PrepVerse",
trailingSlash: true,
favicon: "img/prepverse_favicon.jpg",
- scripts: ["https://platform.twitter.com/widgets.js"],
- // stylesheets: [
- // {
- // 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',
- // },
- // ],
+ scripts: [
+ "https://platform.twitter.com/widgets.js",
+ {
+ src: "https://widget.kapa.ai/kapa-widget.bundle.js",
+ "data-website-id": "",
+ "data-project-name": "PrepVerse",
+ "data-project-color": "#303450",
+ "data-modal-header-bg-color": "#303450",
+ "data-modal-title-color": "#ffffff",
+ "data-button-border-radius": "100%",
+ "data-button-text-font-size": "0px",
+ "data-button-text-color": "#303450",
+ "data-button-bg-color": "transparent",
+ "data-button-text": "",
+ "data-button-box-shadow": "none",
+ "data-button-image-height": "60px",
+ "data-button-image-width": "60px",
+ "data-modal-title": "",
+ "data-modal-image":
+ "https://github.com/AkashSingh3031.png",
+ "data-project-logo":
+ "https://github.com/AkashSingh3031.png",
+ async: true,
+ },
+ ],
presets: [
[
"@docusaurus/preset-classic",
@@ -132,6 +147,8 @@ const siteConfig = {
path: "tutorial",
routeBasePath: "tutorial",
sidebarPath: false,
+ remarkPlugins: [math],
+ rehypePlugins: [katex, {strict: false}],
docLayoutComponent: "@theme/TutorialPage",
docItemComponent: "@theme/TutorialItem",
include: ["**/index.md"],
diff --git a/documentation/src/css/custom.css b/documentation/src/css/custom.css
index 917825cd..60f4c994 100644
--- a/documentation/src/css/custom.css
+++ b/documentation/src/css/custom.css
@@ -1340,4 +1340,10 @@ form.DocSearch-Form label.DocSearch-MagnifierLabel svg.DocSearch-Search-Icon {
html[data-theme="dark"] .sandpack-container .sp-layout .resize-handler {
background-image: url('data:image/svg+xml,');
+}
+
+/* in the initial render, kapa ai widget should be not visible to prevent flickering */
+/* in common-layout.tsx we will remove this style */
+#kapa-widget-container {
+ display: none;
}
\ No newline at end of file
diff --git a/documentation/src/prepverse-theme/common-admonition.tsx b/documentation/src/prepverse-theme/common-admonition.tsx
index b68189d6..167cbf8c 100644
--- a/documentation/src/prepverse-theme/common-admonition.tsx
+++ b/documentation/src/prepverse-theme/common-admonition.tsx
@@ -53,8 +53,8 @@ const colorWrapperClasses = {
caution:
"bg-refine-react-light-orange bg-opacity-[0.15] dark:bg-refine-react-dark-orange dark:bg-opacity-[0.15] border-l-refine-react-light-orange dark:border-l-refine-dark-orange",
info: "bg-refine-react-light-purple bg-opacity-[0.15] dark:bg-refine-react-dark-purple dark:bg-opacity-[0.15] border-l-refine-react-light-purple dark:border-l-refine-react-dark-purple",
- tip: "bg-refine-react-light-green-alt bg-opacity-[0.05] dark:bg-refine-react-dark-green-alt dark:bg-opacity-[0.05] border-l-refine-react-light-green-alt dark:border-l-refine-react-dark-green-alt",
- note: "bg-refine-react-light-green-bg dark:bg-refine-react-light-green dark:bg-opacity-[0.2] border-l-refine-react-light-green dark:border-l-refine-react-dark-green",
+ tip: "bg-refine-react-light-green-alt/5 bg-opacity-[0.05] dark:bg-refine-react-dark-green-alt/5 dark:bg-opacity-[0.05] border-l-refine-react-light-green-alt dark:border-l-refine-react-dark-green-alt",
+ note: "bg-refine-react-light-green-bg/20 dark:bg-refine-react-light-green/20 dark:bg-opacity-[0.2] border-l-refine-react-light-green dark:border-l-refine-react-dark-green",
"info-tip":
"bg-refine-blue/10 dark:bg-[#6EB3F7]/10 bg-opacity-10 dark:bg-opacity-10 border-l-refine-blue",
"command-line": "bg-refine-purple bg-opacity-10 border-l-refine-purple",
diff --git a/documentation/src/prepverse-theme/common-layout.tsx b/documentation/src/prepverse-theme/common-layout.tsx
index 7f2de8c5..25ea1988 100644
--- a/documentation/src/prepverse-theme/common-layout.tsx
+++ b/documentation/src/prepverse-theme/common-layout.tsx
@@ -45,6 +45,21 @@ export const CommonLayout = (props: any) => {
}
}, [isMobile]);
+ // it handles kapa ai widget visibility
+ // kapa ai widget script initalized in docusaurus.config.js
+ useEffect(() => {
+ const kapaAIWidget = document.getElementById("kapa-widget-container");
+ if (!kapaAIWidget) {
+ return;
+ }
+
+ if (location.pathname.startsWith("/docs")) {
+ kapaAIWidget.style.display = "block";
+ } else {
+ kapaAIWidget.style.display = "none";
+ }
+ }, [location.pathname]);
+
return (
diff --git a/documentation/src/prepverse-theme/css/custom.css b/documentation/src/prepverse-theme/css/custom.css
index 5c963b16..411a7450 100644
--- a/documentation/src/prepverse-theme/css/custom.css
+++ b/documentation/src/prepverse-theme/css/custom.css
@@ -66,7 +66,7 @@
@apply prose-pre:font-jetBrains-mono;
- @apply prose-blockquote:last:mb-0 prose-blockquote:border-l-4 prose-blockquote:rounded-lg prose-blockquote:py-4 prose-blockquote:pr-4 prose-blockquote:pl-3 prose-blockquote:font-normal prose-blockquote:not-italic;
+ @apply prose-blockquote:border-l-4 prose-blockquote:rounded-lg prose-blockquote:py-4 prose-blockquote:pr-4 prose-blockquote:pl-3 prose-blockquote:font-normal prose-blockquote:not-italic;
@apply prose-blockquote:bg-gray-100 prose-blockquote:text-gray-800 prose-blockquote:border-l-gray-400;
@apply prose-blockquote:dark:bg-gray-700 prose-blockquote:dark:text-gray-100 prose-blockquote:dark:border-l-gray-500;
@@ -421,6 +421,7 @@ html[data-active-page="index"] body {
}
.sp-preview .sp-loading + .sp-custom-loading {
+ @apply bg-gray-0 dark:bg-gray-800;
display: flex;
position: absolute;
left: 0;
@@ -433,6 +434,12 @@ html[data-active-page="index"] body {
justify-content: center;
align-items: center;
pointer-events: none;
+ flex-direction: column;
+ gap: 12px;
+}
+
+.sp-preview .sp-loading + .sp-custom-loading .sp-loading-progress {
+ /* @apply animate-progress-fill; */
}
.sp-icon-standalone[title="Open in CodeSandbox"] svg + span {
@@ -540,4 +547,19 @@ h4 del code {
.docs-wrapper *::selection {
@apply bg-refine-selection text-gray-800;
+}
+
+.sp-bridge-frame {
+ display: none !important;
+}
+
+.sp-console-list code {
+ @apply !bg-none !bg-transparent !border-none;
+}
+.sp-console-list .sp-console-item {
+ @apply !px-2 !py-px text-gray-600 dark:text-gray-200;
+}
+
+.cm-gutter.cm-lineNumbers {
+ @apply !text-xs !leading-5;
}
\ No newline at end of file
diff --git a/documentation/src/theme/Admonition/index.tsx b/documentation/src/theme/Admonition/index.tsx
index 59939e95..f266fdd9 100644
--- a/documentation/src/theme/Admonition/index.tsx
+++ b/documentation/src/theme/Admonition/index.tsx
@@ -1,5 +1,5 @@
import React from "react";
-import { Admonition as RefineAdmonition } from "@site/src/prepverse-theme/common-admonition";
+import { Admonition as PrepVerseAdmonition } from "@site/src/prepverse-theme/common-admonition";
function GithubIcon() {
return (
@@ -62,9 +62,9 @@ function processAdmonitionProps(props) {
const AdmonitionBase = (props) => {
const { children, type, title } = processAdmonitionProps(props);
return (
-
+
{children}
-
+
);
};
diff --git a/documentation/tailwind.config.js b/documentation/tailwind.config.js
index 046a2cb8..4769bf45 100644
--- a/documentation/tailwind.config.js
+++ b/documentation/tailwind.config.js
@@ -61,6 +61,7 @@ module.exports = {
"react-light-orange-bg": "#FEF5E7",
"react-light-purple-bg": "#F3F4FD",
"react-light-green-bg": "#F4FBF9",
+ "tutorial-dark-bg": "#1D2026",
"bg-alt": "#262640",
"link-dark": "#6EB3F7",
"link-light": "#0080FF",
@@ -88,6 +89,18 @@ module.exports = {
800: "#1D1E30",
900: "#14141F",
1000: "#000000",
+ // 0: "rgb(var(--color-gray-0) / )",
+ // 50: "rgb(var(--color-gray-50) / )",
+ // 100: "rgb(var(--color-gray-100) / )",
+ // 200: "rgb(var(--color-gray-200) / )",
+ // 300: "rgb(var(--color-gray-300) / )",
+ // 400: "rgb(var(--color-gray-400) / )",
+ // 500: "rgb(var(--color-gray-500) / )",
+ // 600: "rgb(var(--color-gray-600) / )",
+ // 700: "rgb(var(--color-gray-700) / )",
+ // 800: "rgb(var(--color-gray-800) / )",
+ // 900: "rgb(var(--color-gray-900) / )",
+ // 1000: "rgb(var(--color-gray-1000) / )",
},
"refine-week": {
supabase: {
@@ -551,8 +564,17 @@ module.exports = {
"enterprise-table-right-to-left 0.3s ease-in-out forwards",
"new-badge-border": "new-badge-border 4s linear infinite",
reveal: "reveal 0.3s ease-in-out forwards",
+ "progress-fill": "progressFill 1s linear 1 forwards",
},
keyframes: {
+ progressFill: {
+ "0%": {
+ width: "0%",
+ },
+ "100%": {
+ width: "100%",
+ },
+ },
reveal: {
"0%": {
opacity: 0,
@@ -879,4 +901,4 @@ module.exports = {
corePlugins: {
// preflight: false,
},
-};
+};
\ No newline at end of file