diff --git a/docs/index.md b/docs/index.md index 2194c97c6..be1927528 100644 --- a/docs/index.md +++ b/docs/index.md @@ -4,6 +4,7 @@ title: Welcome to CodeHarborHub Tutorials sidebar_label: Welcome to CodeHarborHub sidebar_position: 1 slug: / +sidebar_class_name: "tutorial-learning-tasks" --- Hello, and welcome to CodeHarborHub! Our mission is to provide accessible and comprehensive educational resources to learners of all levels, from beginners to advanced professionals. Whether you're looking to kickstart your career in web development, master a new programming language, or stay updated on the latest tech trends, we've got you covered. diff --git a/docusaurus.config.js b/docusaurus.config.js index 0e56da3f6..60a2b22cf 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -1,8 +1,6 @@ -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faLinkedin, faYoutube, faDiscord, } from '@fortawesome/free-brands-svg-icons'; - -import { themes as prismThemes } from "prism-react-renderer"; import { default as npm2yarn } from "@docusaurus/remark-plugin-npm2yarn"; +import { themes as prismThemes } from "prism-react-renderer"; + const remarkMath = require("remark-math"); const rehypeKatex = require("rehype-katex"); @@ -96,11 +94,21 @@ const config = { { name: "twitter:creator", content: "@CodesWithAjay" }, { property: "og:type", content: "website" }, { property: "og:site_name", content: "CodeHarborHub" }, - { property: "og:title", content: "CodeHarborHub - A place to learn and grow" }, - { property: "og:description", content: "CodeHarborHub is a place to learn and grow. We provide accessible and comprehensive educational resources to learners of all levels, from beginners to advanced professionals."}, - { property: "og:image", content: "https://codeharborhub.github.io/img/nav-logo.jpg" }, + { + property: "og:title", + content: "CodeHarborHub - A place to learn and grow", + }, + { + property: "og:description", + content: + "CodeHarborHub is a place to learn and grow. We provide accessible and comprehensive educational resources to learners of all levels, from beginners to advanced professionals.", + }, + { + property: "og:image", + content: "https://codeharborhub.github.io/img/nav-logo.jpg", + }, { property: "og:url", content: "https://codeharborhub.github.io" }, - { name: "robots", content: "index, follow" }, + { name: "robots", content: "index, follow" }, ], algolia: { @@ -130,13 +138,13 @@ const config = { HTML CSS JavaScript - React - TypeScript - Python - Java + React + TypeScript + Python + Java Tailwind - CPP - Next + CPP + Next `, }, @@ -151,7 +159,7 @@ const config = { value: `
Courses 
- React + React
`, }, @@ -362,22 +370,19 @@ const config = { { label: "LinkedIn", href: "https://www.linkedin.com/company/codeharborhub/", - icon: 'faLinkedin', }, { label: "YouTube", href: "https://www.youtube.com/", - icon: 'faYoutube', + icon: "faYoutube", }, { label: "Discord", href: "https://discord.gg/c53FQn3pRv", - icon: 'faDiscord', }, { label: "Twitter(X)", href: "https://twitter.com/CodesWithAjay", - icon: 'faTwitter', }, ], }, diff --git a/dsa-solutions/gfg-solutions/Basic/0093.md b/dsa-solutions/gfg-solutions/Basic/0093.md index 9cd7b226c..009d0d146 100644 --- a/dsa-solutions/gfg-solutions/Basic/0093.md +++ b/dsa-solutions/gfg-solutions/Basic/0093.md @@ -1,12 +1,12 @@ --- -id: replace-zeros-with-fives +id: replace-zeros-with-five title: Replace All 0's with 5 sidebar_label: 0093 Replace All 0's with 5 tags: -- Python -- Java -- C++ -- C + - Python + - Java + - C++ + - C description: "This document covers methods to replace all occurrences of the digit 0 with the digit 5 in a given number in various programming languages." --- @@ -15,7 +15,9 @@ description: "This document covers methods to replace all occurrences of the dig Given a number N. The task is to complete the function **convertFive()** which replaces all zeros in the number with 5 and returns the number. ### Examples: + **Example 1:** + ``` Input 2 @@ -50,7 +52,9 @@ Since this is a functional problem you don't have to worry about input, you just - $1 <= N <= 10^4$ ## Solution + ### Python + ```python def convertFive(self,n): num_str = str(n) @@ -64,6 +68,7 @@ def convertFive(self,n): ``` ### Java + ```java public static int convertFive(int n){ String numStr = String.valueOf(n); @@ -72,7 +77,7 @@ public static int convertFive(int n){ char currentChar = numStr.charAt(i); if (currentChar == '0') { result.append('5'); - } + } else { result.append(currentChar); } @@ -83,6 +88,7 @@ public static int convertFive(int n){ ``` ### C++ + ```cpp int convertFive(int n) { string numStr = to_string(n); @@ -97,6 +103,7 @@ int convertFive(int n) { ``` ### C + ```c int convertFive(int n) { int result = 0; @@ -105,7 +112,7 @@ int convertFive(int n) { int digit = n % 10; if (digit == 0) { result += 5 * position; - } + } else { result += digit * position; } diff --git a/src/components/Chatbot/index.tsx b/src/components/Chatbot/index.tsx new file mode 100644 index 000000000..c96290b8a --- /dev/null +++ b/src/components/Chatbot/index.tsx @@ -0,0 +1,29 @@ +import React, { useEffect } from 'react'; +import styles from './styles.module.css'; + +const Chatbot = () => { + useEffect(() => { + const script1 = document.createElement('script'); + script1.src = "https://cdn.botpress.cloud/webchat/v1/inject.js"; + script1.async = true; + document.body.appendChild(script1); + + const script2 = document.createElement('script'); + script2.src = "https://mediafiles.botpress.cloud/4e10f671-b66c-4211-a966-8d2a4b404513/webchat/config.js"; + script2.defer = true; + document.body.appendChild(script2); + + return () => { + document.body.removeChild(script1); + document.body.removeChild(script2); + }; + }, []); + + return ( +
+
+
+ ); +}; + +export default Chatbot; diff --git a/src/components/Chatbot/styles.module.css b/src/components/Chatbot/styles.module.css new file mode 100644 index 000000000..cc03ba9c4 --- /dev/null +++ b/src/components/Chatbot/styles.module.css @@ -0,0 +1,220 @@ + +.bpw-layout-left { + width: 400px !important; + height: 70vh; + border-radius: 10px; + left: 10px; + bottom: 5px; + border: 1px solid transparent; + position: fixed !important; + z-index: 9999; +} + +.bpw-from-bot > div, +#input-message { + direction: ltr; +} + +.bpw-new-messages-indicator { + background-color: #f5f5f51e; +} + +.bpw-header-container { + margin: 10px; + background: var(--ifm-color-primary); + border-radius: 10px; + position: relative; + overflow: hidden; + border: 1px; +} + +.bpw-header-name { + font-size: 16px; + font-weight: 600; +} + +.bpw-typing-bubble { + background: #00000050; +} + +.bpw-chat-bubble-content { + border-radius: 3px; + border: 1px transparent; +} + +.bpw-date-container, +.bpw-header-name, +.bpw-header-subtitle { + color: #ffffff3e; +} + +.bpw-layout { + width: 400px !important; + height: 70vh; + border-radius: 10px; + right: 10px; + bottom: 5px; + border: 1px; +} + +@media (max-width: 450px) { + .bpw-layout-left { + width: 100% !important; + height: 100%; + left: 0; + bottom: 0; + border-radius: 0; + } +} + +.bpw-header-icon, +.bpw-header-icon svg, +.bpw-header-icon svg path { + fill: #ffffff !important; +} + +#input-message::placeholder { + color: rgba(0, 0, 0, 0.3); +} + +.bpw-composer textarea { + outline: none !important; + border: 1px solid black; +} + +.bpw-composer textarea:focus { + outline: none !important; + border: 1px solid black; +} + +.bpw-keyboard-single-choice { + background-color: #ffffff33; + border: none; +} + +.bpw-button, +.bpw-button-alt { + background-color: var(--ifm-color-primary); + color: #000000; + border-radius: 10px; + border: none; +} + +.bpw-button:hover, +.bpw-button-alt:hover { + background-color: #f5f5f55c; +} + +.bpw-chat-container { + background-color: #ffffff3e; + scrollbar-width: thin; + scrollbar-color: #f5f5f5 #ffffff; + border: none; +} + +.bpw-from-bot .bpw-chat-bubble .bpw-chat-bubble-content { + background-color: #f5f5f537; + color: #000000; +} + +.bpw-from-user .bpw-chat-bubble .bpw-chat-bubble-content { + background-color: #00bfa6; + color: #ffffff; +} + +.bpw-composer { + background-color: #ffffff45; + border-top: none; +} + +.bpw-chat-container::-webkit-scrollbar, +.bpw-chat-container::-moz-scrollbar { + width: 10px; + background-color: #ffffff42; + border: none; +} + +::-webkit-scrollbar-track, +.bpw-chat-container::-webkit-scrollbar-track, +.bpw-chat-container::-moz-scrollbar-track { + background-color: transparent; +} + +::-webkit-scrollbar-thumb, +.bpw-chat-container::-webkit-scrollbar-thumb, +.bpw-chat-container::-moz-scrollbar-thumb { + background-color: #ffffff30; + border-radius: 1rem; + border: 0.5rem solid transparent; +} + +.bpw-bot-avatar img, +.bpw-bot-avatar svg { + border: 3px solid #ffffff; +} + +::-webkit-scrollbar { + width: 0.5rem; +} + +::-webkit-scrollbar-track { + background-color: transparent; +} + +::-webkit-scrollbar-thumb { + background-color: #ffffff; + border-radius: 1rem; + border: 0.5rem solid transparent; +} + +.bpw-floating-button i svg path { + fill: var(--ifm-color-primary); +} + +.bpw-powered { + text-align: center; + padding: 10px; + font-size: 14px; + border-bottom-right-radius: 10px; + border-bottom-left-radius: 10px; +} + +.bpw-powered a { + color: rgba(82, 82, 163, 0.777); + text-decoration: underline; +} + +.bpw-powered a:hover { + text-decoration: underline; +} + +.bpw-send-button { + background: var(--ifm-color-primary); +} + +.bpw-send-button:hover { + background: #00bfa6b5; +} + +.bpw-widget-btn { + border-radius: 50%; + background: var(--ifm-color-primary); +} + +.bpw-floating-button::before { + background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 01-2.555-.337A5.972 5.972 0 015.41 20.97a5.969 5.969 0 01-.474-.065 4.48 4.48 0 00.978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25z' /%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + height: undefinedpx !important; + width: undefinedpx !important; +} + +.bpw-floating-button { + box-shadow: none !important; +} + +.bpw-floating-button:hover { + background-color: var(--ifm-color-primary); + box-shadow: none !important; +} diff --git a/src/css/custom.css b/src/css/custom.css index 57e725100..aa43f0b12 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -47,7 +47,7 @@ } .header-github-link::before { - content: ''; + content: ""; width: 24px; height: 24px; display: flex; @@ -55,21 +55,20 @@ no-repeat; } - -[data-theme='dark'] .header-github-link::before { +[data-theme="dark"] .header-github-link::before { background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat; } -[data-theme='dark'] .invert img { +[data-theme="dark"] .invert img { filter: invert(82%); } -div[class^='announcementBar_'] { +div[class^="announcementBar_"] { background: #06e06fb4; color: #fff; border-bottom: 1.8px dotted rgb(37, 184, 11); - font-weight: bold; + font-weight: bold; font-size: 18px; width: 100%; height: auto; @@ -78,7 +77,7 @@ div[class^='announcementBar_'] { text-align: center; } -div[class^='announcementBar_'] a { +div[class^="announcementBar_"] a { font-size: 1.2em; padding: 1px 4px; background: linear-gradient( @@ -92,12 +91,12 @@ div[class^='announcementBar_'] a { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #ff00de, 0 0 1px #ff00de; } -div[class^='announcementBar_'] a:hover { +div[class^="announcementBar_"] a:hover { font-size: 1.2em; padding: 1px 4px; background: linear-gradient( 90deg, - rgb(131 58 180 / 100%) 0%, + rgb(131 58 180 / 100%) 0%, rgb(253 29 29 / 100%) 50%, rgb(252 176 69 / 100%) 100% ); @@ -105,12 +104,12 @@ div[class^='announcementBar_'] a:hover { -webkit-text-fill-color: transparent; } -[data-theme='dark'] div[class^='announcementBar_'] a { +[data-theme="dark"] div[class^="announcementBar_"] a { font-size: 1.2em; padding: 1px 4px; background: linear-gradient( 90deg, - rgb(131 58 180 / 100%) 0%, + rgb(131 58 180 / 100%) 0%, rgb(253 29 29 / 100%) 50%, rgb(252 176 69 / 100%) 100% ); @@ -118,7 +117,7 @@ div[class^='announcementBar_'] a:hover { -webkit-text-fill-color: transparent; } -[data-theme='dark'] div[class^='announcementBar_'] a:hover { +[data-theme="dark"] div[class^="announcementBar_"] a:hover { font-size: 1.2em; padding: 1px 4px; background: linear-gradient( @@ -131,7 +130,7 @@ div[class^='announcementBar_'] a:hover { -webkit-text-fill-color: transparent; } -div[class^='announcementBar_'] .clean-btn { +div[class^="announcementBar_"] .clean-btn { color: #ffe11c; opacity: 100%; } @@ -146,7 +145,8 @@ mark { } .footer { - background-image: linear-gradient(#272329aa, #2d2c2d50, transparent), url("../../static/img/use-svg-as-background-image-particle-strokes.svg"); + background-image: linear-gradient(#272329aa, #2d2c2d50, transparent), + url("../../static/img/use-svg-as-background-image-particle-strokes.svg"); color: #f2f2f2; padding: 20px; } @@ -162,13 +162,13 @@ mark { .footer_info--container img { width: 62px; border-radius: 8px; - padding: 0.2rem; + padding: 0.2rem; } @media screen and (max-width: 420px) { .footer_info--container { width: 100%; - } + } } .hero__title { @@ -214,7 +214,6 @@ mark { } } - .footer .container a { text-decoration: none; } @@ -223,21 +222,21 @@ mark { margin-top: 40px; } -.footer__copyright a { - color: #F0DB4F; +.footer__copyright a { + color: #f0db4f; text-decoration: none; position: relative; transition: color 0.3s; } .footer__copyright a::after { - content: ''; + content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; - background-color: #F0DB4F; + background-color: #f0db4f; visibility: hidden; transform: scaleX(0); transition: all 0.3s ease-in-out 0s; @@ -261,7 +260,7 @@ mark { } table { - width:100%; + width: 100%; } table th:nth-child(1) { @@ -287,7 +286,10 @@ table.suggested-problem-table tbody > tr > td:nth-child(4) { text-align: center; } -table, tr, td, th { +table, +tr, +td, +th { border: none !important; } @@ -309,8 +311,6 @@ table, tr, td, th { } } - - @media screen and (min-width: 1205px) { .nav-emoji { display: inline-block; @@ -342,10 +342,10 @@ table, tr, td, th { margin: 2px; } -.dsa-content{ +.dsa-content { display: flex; - justify-content: space-evenly; - align-items: center; + justify-content: space-evenly; + align-items: center; } .dropdown-content { @@ -367,4 +367,4 @@ table, tr, td, th { .row .col .card { margin-top: 10px; -} \ No newline at end of file +} diff --git a/src/pages/me.md b/src/pages/me.md index e48f74062..01411bb58 100644 --- a/src/pages/me.md +++ b/src/pages/me.md @@ -4,6 +4,8 @@ description: In this page, I will introduce myself. hide_table_of_contents: true --- +import Chatbot from "../components/Chatbot"; + # Introduction (परिचयः) 🙏 [![An image of @ajaydhangar's Holopin badges, which is a link to view their full Holopin profile](https://holopin.me/ajaydhangar)](https://holopin.io/@ajaydhangar) @@ -114,3 +116,5 @@ hide_table_of_contents: true + +