Skip to content

Commit 7a77179

Browse files
ajay-dhangarajay-dhangar
committed
new update
1 parent cc33678 commit 7a77179

File tree

8 files changed

+285
-37
lines changed

8 files changed

+285
-37
lines changed

‎docs/index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ title: Welcome to CodeHarborHub Tutorials
44
sidebar_label: Welcome to CodeHarborHub
55
sidebar_position: 1
66
slug: /
7+
sidebar_class_name: "tutorial-learning-tasks"
78
---
89

910
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.

‎docusaurus.config.js

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
1-
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
2-
import { faLinkedin, faYoutube, faDiscord, } from '@fortawesome/free-brands-svg-icons';
3-
41
import { themes as prismThemes } from "prism-react-renderer";
52
import { default as npm2yarn } from "@docusaurus/remark-plugin-npm2yarn";
63
const remarkMath = require("remark-math");
@@ -362,7 +359,6 @@ const config = {
362359
{
363360
label: "LinkedIn",
364361
href: "https://www.linkedin.com/company/codeharborhub/",
365-
icon: 'faLinkedin',
366362
},
367363
{
368364
label: "YouTube",
@@ -372,12 +368,10 @@ const config = {
372368
{
373369
label: "Discord",
374370
href: "https://discord.gg/c53FQn3pRv",
375-
icon: 'faDiscord',
376371
},
377372
{
378373
label: "Twitter(X)",
379374
href: "https://twitter.com/CodesWithAjay",
380-
icon: 'faTwitter',
381375
},
382376
],
383377
},

‎dsa-solutions/gfg-solutions/Basic/0093.md

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
---
2-
id: replace-zeros-with-fives
3-
title: Replace All 0's with 5
2+
id: replace-zeros-with-fivetitle: Replace All 0's with 5
43
sidebar_label: 0093 Replace All 0's with 5
54
tags:
65
- Python

‎src/components/Chatbot/index.tsx

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
import React, { useEffect } from 'react';
2+
import styles from './styles.module.css';
3+
4+
const Chatbot = () => {
5+
useEffect(() => {
6+
const script1 = document.createElement('script');
7+
script1.src = "https://cdn.botpress.cloud/webchat/v1/inject.js";
8+
script1.async = true;
9+
document.body.appendChild(script1);
10+
11+
const script2 = document.createElement('script');
12+
script2.src = "https://mediafiles.botpress.cloud/4e10f671-b66c-4211-a966-8d2a4b404513/webchat/config.js";
13+
script2.defer = true;
14+
document.body.appendChild(script2);
15+
16+
return () => {
17+
document.body.removeChild(script1);
18+
document.body.removeChild(script2);
19+
};
20+
}, []);
21+
22+
return (
23+
<div>
24+
<div id="bp-web-widget" className={styles.bpwLayoutLeft}></div>
25+
</div>
26+
);
27+
};
28+
29+
export default Chatbot;

‎src/components/Chatbot/styles.module.css

Lines changed: 220 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,220 @@
1+
2+
.bpw-layout-left {
3+
width: 400px !important;
4+
height: 70vh;
5+
border-radius: 10px;
6+
left: 10px;
7+
bottom: 5px;
8+
border: 1px solid transparent;
9+
position: fixed !important;
10+
z-index: 9999;
11+
}
12+
13+
.bpw-from-bot > div,
14+
#input-message {
15+
direction: ltr;
16+
}
17+
18+
.bpw-new-messages-indicator {
19+
background-color: #f5f5f51e;
20+
}
21+
22+
.bpw-header-container {
23+
margin: 10px;
24+
background: var(--ifm-color-primary);
25+
border-radius: 10px;
26+
position: relative;
27+
overflow: hidden;
28+
border: 1px;
29+
}
30+
31+
.bpw-header-name {
32+
font-size: 16px;
33+
font-weight: 600;
34+
}
35+
36+
.bpw-typing-bubble {
37+
background: #00000050;
38+
}
39+
40+
.bpw-chat-bubble-content {
41+
border-radius: 3px;
42+
border: 1px transparent;
43+
}
44+
45+
.bpw-date-container,
46+
.bpw-header-name,
47+
.bpw-header-subtitle {
48+
color: #ffffff3e;
49+
}
50+
51+
.bpw-layout {
52+
width: 400px !important;
53+
height: 70vh;
54+
border-radius: 10px;
55+
right: 10px;
56+
bottom: 5px;
57+
border: 1px;
58+
}
59+
60+
@media (max-width: 450px) {
61+
.bpw-layout-left {
62+
width: 100% !important;
63+
height: 100%;
64+
left: 0;
65+
bottom: 0;
66+
border-radius: 0;
67+
}
68+
}
69+
70+
.bpw-header-icon,
71+
.bpw-header-icon svg,
72+
.bpw-header-icon svg path {
73+
fill: #ffffff !important;
74+
}
75+
76+
#input-message::placeholder {
77+
color: rgba(0, 0, 0, 0.3);
78+
}
79+
80+
.bpw-composer textarea {
81+
outline: none !important;
82+
border: 1px solid black;
83+
}
84+
85+
.bpw-composer textarea:focus {
86+
outline: none !important;
87+
border: 1px solid black;
88+
}
89+
90+
.bpw-keyboard-single-choice {
91+
background-color: #ffffff33;
92+
border: none;
93+
}
94+
95+
.bpw-button,
96+
.bpw-button-alt {
97+
background-color: var(--ifm-color-primary);
98+
color: #000000;
99+
border-radius: 10px;
100+
border: none;
101+
}
102+
103+
.bpw-button:hover,
104+
.bpw-button-alt:hover {
105+
background-color: #f5f5f55c;
106+
}
107+
108+
.bpw-chat-container {
109+
background-color: #ffffff3e;
110+
scrollbar-width: thin;
111+
scrollbar-color: #f5f5f5 #ffffff;
112+
border: none;
113+
}
114+
115+
.bpw-from-bot .bpw-chat-bubble .bpw-chat-bubble-content {
116+
background-color: #f5f5f537;
117+
color: #000000;
118+
}
119+
120+
.bpw-from-user .bpw-chat-bubble .bpw-chat-bubble-content {
121+
background-color: #00bfa6;
122+
color: #ffffff;
123+
}
124+
125+
.bpw-composer {
126+
background-color: #ffffff45;
127+
border-top: none;
128+
}
129+
130+
.bpw-chat-container::-webkit-scrollbar,
131+
.bpw-chat-container::-moz-scrollbar {
132+
width: 10px;
133+
background-color: #ffffff42;
134+
border: none;
135+
}
136+
137+
::-webkit-scrollbar-track,
138+
.bpw-chat-container::-webkit-scrollbar-track,
139+
.bpw-chat-container::-moz-scrollbar-track {
140+
background-color: transparent;
141+
}
142+
143+
::-webkit-scrollbar-thumb,
144+
.bpw-chat-container::-webkit-scrollbar-thumb,
145+
.bpw-chat-container::-moz-scrollbar-thumb {
146+
background-color: #ffffff30;
147+
border-radius: 1rem;
148+
border: 0.5rem solid transparent;
149+
}
150+
151+
.bpw-bot-avatar img,
152+
.bpw-bot-avatar svg {
153+
border: 3px solid #ffffff;
154+
}
155+
156+
::-webkit-scrollbar {
157+
width: 0.5rem;
158+
}
159+
160+
::-webkit-scrollbar-track {
161+
background-color: transparent;
162+
}
163+
164+
::-webkit-scrollbar-thumb {
165+
background-color: #ffffff;
166+
border-radius: 1rem;
167+
border: 0.5rem solid transparent;
168+
}
169+
170+
.bpw-floating-button i svg path {
171+
fill: var(--ifm-color-primary);
172+
}
173+
174+
.bpw-powered {
175+
text-align: center;
176+
padding: 10px;
177+
font-size: 14px;
178+
border-bottom-right-radius: 10px;
179+
border-bottom-left-radius: 10px;
180+
}
181+
182+
.bpw-powered a {
183+
color: rgba(82, 82, 163, 0.777);
184+
text-decoration: underline;
185+
}
186+
187+
.bpw-powered a:hover {
188+
text-decoration: underline;
189+
}
190+
191+
.bpw-send-button {
192+
background: var(--ifm-color-primary);
193+
}
194+
195+
.bpw-send-button:hover {
196+
background: #00bfa6b5;
197+
}
198+
199+
.bpw-widget-btn {
200+
border-radius: 50%;
201+
background: var(--ifm-color-primary);
202+
}
203+
204+
.bpw-floating-button::before {
205+
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");
206+
background-repeat: no-repeat;
207+
background-position: center;
208+
background-size: contain;
209+
height: undefinedpx !important;
210+
width: undefinedpx !important;
211+
}
212+
213+
.bpw-floating-button {
214+
box-shadow: none !important;
215+
}
216+
217+
.bpw-floating-button:hover {
218+
background-color: var(--ifm-color-primary);
219+
box-shadow: none !important;
220+
}

0 commit comments

Comments
 (0)