diff --git a/community/team.md b/community/team.md index 0cdd9078a..c5be32d90 100644 --- a/community/team.md +++ b/community/team.md @@ -21,4 +21,6 @@ If you are interested in joining the team, or would like to contribute to the Op ## Contributors {#contributors} -[![contributors](https://opencollective.com/codeharborhub/contributors.svg?button=false)](https://opencollective.com/codeharborhub/contributors.svg?button=false) \ No newline at end of file + + + \ No newline at end of file diff --git a/src/components/HomePage/header.css b/src/components/HomePage/header.css index a995ae87e..3a4a1a28c 100644 --- a/src/components/HomePage/header.css +++ b/src/components/HomePage/header.css @@ -4,7 +4,7 @@ align-items: center; transform-style: preserve-3d; overflow: hidden; - padding: 3rem 1.5rem; + padding: 3rem auto; } .chh__header { @@ -14,12 +14,13 @@ } .chh__header-content { + width: 100%; flex: 1; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; - margin-right: 5rem; + margin-right: 2rem; } .chh__header-content h1 { @@ -87,28 +88,27 @@ } .chh__header-image { - width: 400px; - height: 400px; + width: auto; + height: auto; flex: 1 0 0%; display: flex; justify-content: center; align-items: center; - padding: 0.5rem; - background: linear-gradient( - 90deg, - #ff49208d 0%, - #ffc80097 25%, - #20e3a28d 50%, - #ff49208b 75%, - #ffc8008a 100% - ); - background-image: url("/bg-img.gif"); + padding: 0.3rem; + background-image: url("/bg.gif"); border-radius: 10% 40%; border: 1px solid #20e3a2; } .chh__header-image:hover { - background-image: url("/bg.gif"); + background: linear-gradient( + 90deg, + #ff4920f6 0%, + #ffc800f3 25%, + #20e3a2 50%, + #ff4920 75%, + #ffc800 100% + ); } .chh__header-image img { @@ -277,4 +277,4 @@ font-size: 12px; line-height: 16px; } -} +} \ No newline at end of file diff --git a/src/pages/index.js b/src/pages/index.js index deda0e6fa..69a2ff699 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -19,10 +19,11 @@ export default function Home() { title={`Hello from ${siteConfig.title}`} description="Welcome to CodeHarborHub. Learn the basics to advanced concepts of web development. html, css, javascript, react, node.js, dsa, and more." > -
+
+
+
+
-
-
diff --git a/src/pages/index.module.css b/src/pages/index.module.css index acfda2f24..c30740a91 100644 --- a/src/pages/index.module.css +++ b/src/pages/index.module.css @@ -1,3 +1,6 @@ +.home__header { + margin: 1rem; +} .home__divider h2 { text-align: center; }