Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dev #39

Merged
merged 2 commits into from
Mar 1, 2024
Merged

Dev #39

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
bd261af
update home page
ajay-dhangar Mar 1, 2024
c9889fa
update home page
ajay-dhangar Mar 1, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/javascript/datatypes/non-primitive-data-types/date-js.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ id: date-datatypes-in-javascript
title: Date Datatypes in JavaScript
sidebar_label: Date
sidebar_position: 4
tags: [JavaScript, Date, Date Datatypes in JavaScript, Date in JavaScript]
tags: [JavaScript, Date, Date Datatypes in JavaScript, Date in JavaScript, JavaScript Date, JavaScript Date Datatypes, JavaScript Date Object, JavaScript Date Methods, JavaScript Date Examples, JavaScript Date Tutorial, JavaScript Date and Time, JavaScript Date Format, JavaScript Date Operations, JavaScript Date Functions, JavaScript Date Properties, JavaScript Date Setters, JavaScript Date Getters, JavaScript Date Working with Dates and Times, JavaScript Date Difference, JavaScript Date Add Days, JavaScript Date Add Months, JavaScript Date Add Years, JavaScript Date Add Hours, JavaScript Date Add Minutes, JavaScript Date Add Seconds, JavaScript Date Add Milliseconds, JavaScript Date Add Time, JavaScript Date Format, JavaScript Date Format Examples, JavaScript Date Format Tutorial, JavaScript Date Format Options, JavaScript Date Format Locale, JavaScript Date Format Timezone, JavaScript Date Format Date, JavaScript Date Format Time, JavaScript Date Format Day, JavaScript Date Format Month, JavaScript Date Format Year, JavaScript Date Format Weekday, JavaScript Date Format Week, JavaScript Date Format Hour, JavaScript Date Format Minute, JavaScript Date Format Second, JavaScript Date Format Millisecond, JavaScript Date Format UTC, JavaScript Date Format Local, JavaScript Date Format ISO, JavaScript Date Format Short, JavaScript Date Format Medium, JavaScript Date Format Long, JavaScript Date Format Full, JavaScript Date Format Custom]
description: What is a Date in JavaScript and how to use it to work with dates and times.
---

Expand Down
41 changes: 22 additions & 19 deletions src/components/GiscusComponent/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,26 +1,29 @@
import React from 'react';
import React from "react";
import Giscus from "@giscus/react";
import { useColorMode } from '@docusaurus/theme-common';
import { useColorMode } from "@docusaurus/theme-common";
import "./style.css";

export default function GiscusComponent() {
const { colorMode } = useColorMode();

return (
<Giscus
id='giscus'
repo="ajay-dhangar/code-harbor-hub"
repoId="R_kgDOLNryZQ"
category="General"
categoryId="DIC_kwDOLNryZc4Cc7ll"
mapping="pathname"
term="Welcome to @giscus/react component!"
strict="0"
reactionsEnabled="1"
emitMetadata="1"
inputPosition="top"
theme={colorMode}
lang="en"
loading="lazy"
/>
<div className="giscus-component">
<Giscus
id="giscus"
repo="ajay-dhangar/code-harbor-hub"
repoId="R_kgDOLNryZQ"
category="General"
categoryId="DIC_kwDOLNryZc4Cc7ll"
mapping="pathname"
term="Welcome to @giscus/react component!"
strict="0"
reactionsEnabled="1"
emitMetadata="1"
inputPosition="bottom"
theme={colorMode}
lang="en"
loading="lazy"
/>
</div>
);
}
}
3 changes: 3 additions & 0 deletions src/components/GiscusComponent/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.giscus-component {
padding: 20px;
}
104 changes: 0 additions & 104 deletions src/components/HomepageFeatures/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,33 +3,6 @@ import Heading from "@theme/Heading";
import styles from "./styles.module.css";

const FeatureList = [
// {
// title: 'Easy to Use',
// Svg: require('@site/static/img/svg/undraw_docusaurus_mountain.svg').default,
// description: (
// <>
// CodeHarbor is designed to be easy to learn and improve your coding skills. Start with the basics and learn at your own pace.
// </>
// ),
// },
// {
// title: 'Focus on What Matters',
// Svg: require('@site/static/img/svg/undraw_docusaurus_tree.svg').default,
// description: (
// <>
// CodeHarbor lets you focus on your coding skills, and we'll do the chores. Go ahead and learn the basics of coding.
// </>
// ),
// },
// {
// title: 'Powered by React',
// Svg: require('@site/static/img/svg/undraw_docusaurus_react.svg').default,
// description: (
// <>
// CodeHarbor is built using React, a popular JavaScript library for building user interfaces. React makes it painless to create interactive UIs.
// </>
// ),
// },
{
title: "Blogging Platform",
Svg: require("@site/static/img/svg/blogging.svg").default,
Expand All @@ -40,29 +13,6 @@ const FeatureList = [
</>
),
},

// {
// title: "Bug Fixes and Improvements",
// Svg: require("@site/static/img/svg/bug_fixing.svg").default,
// description: (
// <>
// CodeHarbor is constantly being improved and updated. We are always open
// to feedback and suggestions.
// </>
// ),
// },

// {
// title: "YouTub Tutorial",
// Svg: require("@site/static/img/svg/youtube_tutorial.svg").default,
// description: (
// <>
// CodeHarbor provides video tutorials on various topics. Learn from the
// best and improve your coding skills.
// </>
// ),
// },

{
title: "Website Setup",
Svg: require("@site/static/img/svg/website_setup.svg").default,
Expand All @@ -73,51 +23,6 @@ const FeatureList = [
</>
),
},

// {
// title: "Web Development",
// Svg: require("@site/static/img/svg/web_development.svg").default,
// description: (
// <>
// CodeHarbor provides tutorials on web development. Learn how to build
// websites and web applications.
// </>
// ),
// },

// {
// title: "Wall Post",
// Svg: require("@site/static/img/svg/wall_post.svg").default,
// description: (
// <>
// CodeHarbor provides a wall post feature. Share your thoughts and ideas
// with the community.
// </>
// ),
// },

// {
// title: "Virtual Assistant",
// Svg: require("@site/static/img/svg/virtual_assistant.svg").default,
// description: (
// <>
// CodeHarbor provides a virtual assistant to help you with your coding
// problems. Get help from the best.
// </>
// ),
// },

// {
// title: "Usability Testing",
// Svg: require("@site/static/img/svg/usability_testing.svg").default,
// description: (
// <>
// CodeHarbor provides useability testing for your website. Get feedback
// from the community and improve your website.
// </>
// ),
// },

{
title: "Website",
Svg: require("@site/static/img/svg/website.svg").default,
Expand All @@ -129,15 +34,6 @@ const FeatureList = [
),
},

// {
// title: 'Teaching',
// Svg: require('@site/static/img/svg/teaching.svg').default,
// description: (
// <>
// CodeHarbor provides tutorials on teaching. Learn how to teach and share your knowledge with others.
// </>
// ),
// },
];

function Feature({ Svg, title, description }) {
Expand Down
16 changes: 0 additions & 16 deletions src/components/HomepageHero/index.js
View file
Open in desktop

This file was deleted.

3 changes: 0 additions & 3 deletions src/components/HomepageHero/styles.module.css
View file
Open in desktop

This file was deleted.

76 changes: 42 additions & 34 deletions src/pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,58 +1,66 @@
import clsx from 'clsx';
import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import Layout from '@theme/Layout';
import HomepageFeatures from '@site/src/components/HomepageFeatures';
import HomepageWelcome from '@site/src/components/HomepageWelcome';
import CoursesOfferedContent from '@site/src/components/CoursesOfferedContent';
import FeaturedCourses from '@site/src/components/FeaturedCoursesWrapper';
import OurInstructors from '@site/src/components/OurInstructors';
import UpcomingEvents from '@site/src/components/UpcomingEvents';
import GiscusComponent from '@site/src/components/GiscusComponent';
import clsx from "clsx";
import Link from "@docusaurus/Link";
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import Layout from "@theme/Layout";
// import HomepageFeatures from '@site/src/components/HomepageFeatures';
import HomepageWelcome from "@site/src/components/HomepageWelcome";
import CoursesOfferedContent from "@site/src/components/CoursesOfferedContent";
import FeaturedCourses from "@site/src/components/FeaturedCoursesWrapper";
import OurInstructors from "@site/src/components/OurInstructors";
import UpcomingEvents from "@site/src/components/UpcomingEvents";
import GiscusComponent from "@site/src/components/GiscusComponent";

import Heading from '@theme/Heading';
import styles from './index.module.css';
import Heading from "@theme/Heading";
import styles from "./index.module.css";

function HomepageHeader() {
const {siteConfig} = useDocusaurusContext();
const { siteConfig } = useDocusaurusContext();
return (
<header className={clsx('hero hero--primary', styles.heroBanner)}>
<header className={clsx("hero hero--primary", styles.heroBanner)}>
<div className="container">
<Heading as="h1" className="hero__title">
{siteConfig.title}
<HomepageWelcome />
{/* <p className="hero__subtitle">{siteConfig.tagline}</p> */}
</Heading>
<HomepageWelcome />
{/* <div className={styles.buttons}>
{/* <HomepageWelcome /> */}
<div className={styles.buttons}>
<Link
className="button button--secondary button--lg"
to="/docs/intro">
Documentation - Get Started
to="/docs/intro"
>
Documentation - Get Started
</Link>
</div> */}
</div>
</div>
</header>
);
}

export default function Home() {
const {siteConfig} = useDocusaurusContext();
const { siteConfig } = useDocusaurusContext();
return (
<Layout
title={`Hello from ${siteConfig.title}`}
description="CodeHarbor is a platform for developers to share their knowledge and experience with the community.">
description="CodeHarbor is a platform for developers to share their knowledge and experience with the community."
>
<HomepageHeader />
<main>
<HomepageFeatures />
<hr />
<CoursesOfferedContent />
<hr />
<FeaturedCourses />
<hr />
<OurInstructors />
<hr />
<UpcomingEvents />
<hr />
<div className="">
<main>
{/* <HomepageFeatures /> */}
<div className={styles.home__divider}>
<CoursesOfferedContent />
</div>
<div className={styles.home__divider}>
<FeaturedCourses />
</div>
<div className={styles.home__divider}>
<OurInstructors />
</div>
<div className={styles.home__divider}>
<UpcomingEvents />
</div>

<div>
<GiscusComponent />
</div>
</main>
Expand Down
Loading
Loading