updated the documentation

opiopan · Jun 17, 2024 · c188c8c · c188c8c
1 parent 7ab5251
commit c188c8c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
@@ -7,7 +7,7 @@ import HomepageFeatures from '@site/src/components/HomepageFeatures';
 import HomepageTopics from '@site/src/components/HomepageTopics';
 
 import Heading from '@theme/Heading';
-import styles from './index.module.css';
+import styles from './index.module.scss';
 
 import { Version } from '@site/.version';
 

diff --git a/docs/src/pages/index.module.css → docs/src/pages/index.module.scss b/docs/src/pages/index.module.css → docs/src/pages/index.module.scss
@@ -3,6 +3,8 @@
  * and scoped locally.
  */
 
+ $screen_threshold: 996px;
+
 .heroBanner {
   height: 30rem;
   padding: 4rem 0;
@@ -18,6 +20,15 @@
   background-size: cover;
   background-position-x: center;
   color:white;
+
+  @media screen and (max-width: $screen_threshold) {
+    background: 
+      linear-gradient(to bottom, transparent 40%, var(--fm-background) 100%),
+      linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2)  100%),
+      url("/static/img/titleback-small.webp")
+      black
+    ;
+  }
 }
 
 .heroTitleText {

diff --git a/docs/static/img/titleback-small.webp b/docs/static/img/titleback-small.webp