Add home page improvements

99x · Nov 10, 2023 · 9083298 · 9083298
1 parent 1036d1b
commit 9083298
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 2 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -62,6 +62,23 @@
   background: var(--ifm-color-primary);
 }
 
+.hero__title {
+  margin-bottom: 5px;
+}
+
+.hero__title,
+.hero__subtitle {
+  color: var(--ifm-color-primary);
+  text-align: left;
+}
+
+.hero--primary {
+  background-image: url('../../static/img/home-banner.jpg');
+  background-position: center center;
+  background-size: cover;
+  background-color: var(--ifm-color-primary);
+}
+
 .button {
   border-radius: 50px;
   padding: 14px 48px;

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -20,7 +20,7 @@ function HomepageHeader() {
           <Link
             className="button button--secondary button--lg"
             to="/docs/intro">
-            Docusaurus Tutorial - 5min ⏱️
+            Get Started
           </Link>
         </div>
       </div>

diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -8,6 +8,7 @@
   text-align: center;
   position: relative;
   overflow: hidden;
+  min-height: 600px;
 }
 
 @media screen and (max-width: 996px) {
@@ -19,5 +20,4 @@
 .buttons {
   display: flex;
   align-items: center;
-  justify-content: center;
 }
diff --git a/static/img/home-banner.jpg b/static/img/home-banner.jpg