Skip to content

Commit 3972ac4

Browse files
faisal004faisal004
committed
changes
1 parent 2c42398 commit 3972ac4

File tree

4 files changed

+70
-21
lines changed

4 files changed

+70
-21
lines changed

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

+1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
align-items: center;
44
padding: 2rem 0;
55
width: 100%;
6+
padding-top: 100px;
67
}
78

89
.featureSvg {

‎src/css/custom.css

+13
Original file line numberDiff line numberDiff line change
@@ -28,3 +28,16 @@
2828
--ifm-color-primary-lightest: #4fddbf;
2929
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
3030
}
31+
32+
[data-theme="dark"] .navbar {
33+
background-color: rgba(34, 31, 29, 0.9);
34+
}
35+
.navbar {
36+
background-color: rgba(255, 255, 255, 0.9);
37+
}
38+
39+
[data-theme='dark'] .footer {
40+
background-color: rgba(34, 31, 29, 0.9);
41+
42+
}
43+

‎src/pages/index.module.css

+37-3
Original file line numberDiff line numberDiff line change
@@ -4,20 +4,54 @@
44
*/
55

66
.heroBanner {
7-
padding: 4rem 0;
7+
background-color: transparent;
8+
margin: -4rem 0;
9+
padding: 10rem 0;
810
text-align: center;
911
position: relative;
1012
overflow: hidden;
13+
height: 100vh;
1114
}
1215

16+
[data-theme="dark"] .bg {
17+
background-image: radial-gradient(circle, #824614 , #4c0a56 );
18+
height: 800px;
19+
width: 800px;
20+
position: absolute;
21+
border-radius: 500px;
22+
top: 1%;
23+
left: 20%;
24+
z-index: 1;
25+
filter: blur(200px);
26+
}
27+
.bg {
28+
background-image: radial-gradient(circle, #d7cbc1 , #aea6af );
29+
height: 800px;
30+
width: 800px;
31+
position: absolute;
32+
border-radius: 500px;
33+
top: 1%;
34+
left: 20%;
35+
z-index: 1;
36+
filter: blur(200px);
37+
}
38+
[data-theme="dark"] .containerText{
39+
z-index: 1;
40+
color: white;
41+
}
42+
.containerText{
43+
z-index: 1;
44+
color: black;
45+
}
46+
1347
@media screen and (max-width: 996px) {
1448
.heroBanner {
15-
padding: 2rem;
49+
padding: 6rem 2rem;
1650
}
1751
}
1852

1953
.buttons {
2054
display: flex;
2155
align-items: center;
2256
justify-content: center;
23-
}
57+
}

‎src/pages/index.tsx

+19-18
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,44 @@
1-
import clsx from 'clsx';
2-
import Link from '@docusaurus/Link';
3-
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
4-
import Layout from '@theme/Layout';
5-
import HomepageFeatures from '@site/src/components/HomepageFeatures';
6-
import Heading from '@theme/Heading';
1+
import clsx from 'clsx'
2+
import Link from '@docusaurus/Link'
3+
import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
4+
import Layout from '@theme/Layout'
5+
import HomepageFeatures from '@site/src/components/HomepageFeatures'
6+
import Heading from '@theme/Heading'
77

8-
import styles from './index.module.css';
8+
import styles from './index.module.css'
99

1010
function HomepageHeader() {
11-
const {siteConfig} = useDocusaurusContext();
11+
const { siteConfig } = useDocusaurusContext()
1212
return (
1313
<header className={clsx('hero hero--primary', styles.heroBanner)}>
14-
<div className="container">
14+
<div className={styles.bg} />
15+
16+
<div className={clsx('container', styles.containerText)} >
1517
<Heading as="h1" className="hero__title">
1618
{siteConfig.title}
1719
</Heading>
1820
<p className="hero__subtitle">{siteConfig.tagline}</p>
1921
<div className={styles.buttons}>
20-
<Link
21-
className="button button--secondary button--lg"
22-
to="/docs/main">
23-
Docusaurus Tutorial - 5min ⏱️
22+
<Link className="button button--secondary button--lg" to="/docs/main">
23+
CodeBolt Tutorial - 5min ⏱️
2424
</Link>
2525
</div>
2626
</div>
2727
</header>
28-
);
28+
)
2929
}
3030

3131
export default function Home(): JSX.Element {
32-
const {siteConfig} = useDocusaurusContext();
32+
const { siteConfig } = useDocusaurusContext()
3333
return (
3434
<Layout
35-
title={`Hello from ${siteConfig.title}`}
36-
description="Description will go into a meta tag in <head />">
35+
title={`${siteConfig.title}`}
36+
description="Description will go into a meta tag in <head />"
37+
>
3738
<HomepageHeader />
3839
<main>
3940
<HomepageFeatures />
4041
</main>
4142
</Layout>
42-
);
43+
)
4344
}

0 commit comments

Comments
 (0)