About Us
- Welcome to Code Harbor Hub, your go-to destination for quality tech education. At Code Harbor Hub, we are passionate about empowering individuals with the knowledge and skills needed to thrive in the ever-evolving world of technology.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis enim doloremque rem dolorum recusandae asperiores sequi veritatis, fugiat neque cum molestias minus harum dolores est quas alias? Sequi, fugiat eum?
- 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.
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione esse numquam praesentium sequi reprehenderit magnam tempore, dolores quidem ipsum ea consectetur amet sunt labore a quas neque rem laborum consequuntur!
- With a team of experienced instructors and industry experts, we offer a diverse range of courses and learning paths tailored to meet your specific goals and interests. Join our community today and embark on your journey towards success in the tech industry!
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione esse numquam praesentium sequi reprehenderit magnam tempore, dolores quidem ipsum ea consectetur amet sunt labore a quas neque rem laborum consequuntur!
diff --git a/src/pages/VirtualMeeting/VirtualMeetingComponent.css b/src/pages/VirtualMeeting/VirtualMeetingComponent.css
deleted file mode 100644
index b179dcb1d2..0000000000
--- a/src/pages/VirtualMeeting/VirtualMeetingComponent.css
+++ /dev/null
@@ -1,120 +0,0 @@
-.virtual-meeting-container {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-evenly;
- padding: 20px;
-}
-
-.video-conference {
- position: relative;
- align-items: center;
- border: 1px solid #ccc;
- border-radius: 10px;
- overflow: hidden;
-}
-
-.video-conference video {
- border-radius: 10px;
- width: 100%;
-}
-
-.controls {
- position: absolute;
- bottom: 20px;
- left: 20%;
- transform: translateX(-50%);
- display: flex;
- gap: 20px;
-}
-
-.controls .mic-on, .video-on {
- background-color: #fff;
- color: #666;
- border: none;
- border-radius: 50%;
- padding: 10px;
- cursor: pointer;
- transition: background-color 0.3s ease;
-}
-
-.controls .mic-on:hover, .video-on:hover {
- /* background-color: #ed3636; */
- color: #333;
- background-color: #e0e0e0;
-}
-
-.controls .mic-off, .video-off {
- background-color: #ed3636;
- color: #fff;
- border: none;
- border-radius: 50%;
- padding: 10px;
- cursor: pointer;
- transition: background-color 0.3s ease;
-}
-
-.controls .mic-off:hover, .video-off:hover {
- background-color: #c62828;
-}
-
-.sidebar {
- padding: 20px;
- border: 1px solid #ccc;
- border-radius: 10px;
- width: auto;
- overflow-y: auto;
-}
-
-.participants-list,
-.chat {
- padding: 20px;
-}
-
-.participants-list h2,
-.chat h2 {
- font-size: 18px;
- margin-bottom: 10px;
-}
-
-.participants-list ul,
-.chat-messages {
- list-style: none;
-}
-
-.participants-list li,
-.chat-messages div {
- margin-bottom: 10px;
-}
-
-.message-input {
- display: flex;
- margin-top: 20px;
-}
-
-.message-input input {
- flex: 1;
- padding: 10px;
- border: 1px solid #ccc;
- border-radius: 5px;
- margin-right: 10px;
-}
-
-.message-input button {
- background-color: #007bff;
- color: #fff;
- border: none;
- padding: 10px 20px;
- border-radius: 5px;
- cursor: pointer;
-}
-
-.message-input button:hover {
- background-color: #0056b3;
-}
-
-@media (max-width: 1024px) {
- .sidebar {
- /* display: none; */
- width: 100%;
- }
-}
\ No newline at end of file
diff --git a/src/pages/VirtualMeeting/index.tsx b/src/pages/VirtualMeeting/index.tsx
deleted file mode 100644
index 7d64a703b5..0000000000
--- a/src/pages/VirtualMeeting/index.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import React, { useState, useEffect } from "react";
-import Layout from "@theme/Layout";
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faVideo, faMicrophone, faVideoSlash, faMicrophoneSlash } from '@fortawesome/free-solid-svg-icons';
-
-import "./VirtualMeetingComponent.css";
-
-const VirtualMeeting: React.FC = () => {
- const [participants, setParticipants] = useState
([]);
- const [chatMessages, setChatMessages] = useState([]);
- const [messageInput, setMessageInput] = useState("");
- const [isCameraOn, setIsCameraOn] = useState(true);
- const [isMicOn, setIsMicOn] = useState(true);
- const [videoBtn, setVideoBtn] = useState("video-on");
- const [micBtn, setMicBtn] = useState("mic-on");
-
- useEffect(() => {
- // Initialize media devices
- initializeMediaDevices();
- }, []);
-
- const initializeMediaDevices = async () => {
- try {
- const stream = await navigator.mediaDevices.getUserMedia({
- audio: true,
- video: true,
- });
- // Logic to add user's video to the meeting
- const localVideo = document.getElementById(
- "localVideo"
- ) as HTMLVideoElement;
- if (localVideo) {
- localVideo.srcObject = stream;
- }
- } catch (error) {
- console.error("Error accessing media devices:", error);
- }
- };
-
- const handleToggleCamera = () => {
- // Toggle camera state
- setIsCameraOn(!isCameraOn);
- setVideoBtn(isCameraOn ? "video-off" : "video-on");
- // Logic to turn on/off camera
- const localVideo = document.getElementById(
- "localVideo"
- ) as HTMLVideoElement;
- if (localVideo.srcObject) {
- const tracks = (localVideo.srcObject as MediaStream).getVideoTracks();
- tracks.forEach((track) => (track.enabled = !isCameraOn));
- }
- };
-
- const handleToggleMic = () => {
- // Toggle microphone state
- setIsMicOn(!isMicOn);
- setMicBtn(isMicOn ? "mic-off" : "mic-on");
- // Logic to mute/unmute microphone
- const localVideo = document.getElementById(
- "localVideo"
- ) as HTMLVideoElement;
- if (localVideo.srcObject) {
- const tracks = (localVideo.srcObject as MediaStream).getAudioTracks();
- tracks.forEach((track) => (track.enabled = !isMicOn));
- }
- };
-
- const handleSendMessage = () => {
- // Logic to send message to all participants
- setChatMessages([...chatMessages, messageInput]);
- setMessageInput("");
- };
-
- return (
-
-
-
-
-
-
- {isCameraOn ?
-
- {isMicOn ?
-
-
-
-
-
Participants
-
- {participants.map((participant, index) => (
- {participant}
- ))}
-
-
-
-
Chat
-
- {chatMessages.map((message, index) => (
-
{message}
- ))}
-
-
- Send
-
-
-
-
- );
-};
-
-export default VirtualMeeting;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index bc883a3d6b..b0176ea5ab 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,77 +1,12 @@
-import clsx from "clsx";
import React from "react";
-// import Link from "@docusaurus/Link";
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-// import LiteYouTubeEmbed from "react-lite-youtube-embed";
-// import GiscusComponent from "@site/src/components/GiscusComponent";
-import Heading from "@theme/Heading";
import Layout from "@theme/Layout";
import Link from "@docusaurus/Link";
import Head from "@docusaurus/Head";
-import Image from "@theme/IdealImage";
-import Tweet from "@site/src/components/Tweet";
-import Tweets, { TweetItem } from "@site/src/data/tweets";
-import Quotes from "@site/src/data/quotes";
import styles from "./index.module.css";
import Chatbot from "@site/src/components/Chatbot";
-import { text } from "express";
-// import AdComponent from "@site/src/components/AdComponent";
+import AdComponent from "@site/src/components/AdComponent";
-function TweetsSection() {
- const tweetColumns: TweetItem[][] = [[], [], []];
- Tweets.filter((tweet) => tweet.showOnHomepage).forEach((tweet, i) =>
- tweetColumns[i % 3]!.push(tweet)
- );
-
- return (
-
-
-
- Loved by many engineers
-
-
- {tweetColumns.map((tweetItems, i) => (
-
- {tweetItems.map((tweet) => (
-
- ))}
-
-
-
-
-
- {Quotes.map((quote) => (
-
-
-
-
-
{quote.name}
-
{quote.title}
-
-
-
- {quote.text}
-
-
- ))}
-
-
-