improve the site further

L1lith · Apr 26, 2021 · 933c184 · 933c184
1 parent 933a44e
commit 933c184
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/docs-source/pages/_app.js b/docs-source/pages/_app.js
@@ -17,6 +17,8 @@ function MyApp({ Component, pageProps }) {
       <Header />
       <main id="page">
         <Component {...pageProps} />
+        <br />
+        <br />
       </main>
     </Fragment>
   )

diff --git a/docs-source/pages/home.js b/docs-source/pages/home.js
@@ -7,7 +7,7 @@ class Home extends Component {
   render() {
     return (
       <div className="home">
-        <h2>Getting started with Sandhands</h2>
+        <h1>Getting started with Sandhands</h1>
         <br />
         <p>
           Sandhands is used to sanitize all kinds of data in JS! Make sure to check out the{' '}
@@ -37,6 +37,7 @@ class Home extends Component {
           like to happen after sanitation is performed.
         </p>
         <br />
+        <br />
         <h2>A Basic Express Example</h2>
         Sandhands provides integrated support for working with express, making it perfect for
         protecting your endpoints

diff --git a/docs-source/styles/_app.less b/docs-source/styles/_app.less
@@ -33,13 +33,12 @@ body {
   border-radius: 10px;
 }
 #page {
-  & > h1, & > h2, & > h3, & > h4, & > h5, & > h6 {
+  margin-bottom: -50px;
+  & > h1, & > h2, & > h3, & > h4, & > h5, & > h6, & > * > h1, & > * >  h2, & > * >  h3, & > * >  h4, & > * >  h5, & > * > h6 { // Any header one or two layers below the page element
     background-color: rgba(24, 26, 27, 0.21);
-  }
-  & > * {
-    & > h1, & > h2, & > h3, & > h4, & > h5, & > h6 {
-      background-color: rgba(24, 26, 27, 0.21);
-    }
+    text-align: center;
+    margin: 0 auto;
+    color: white;
   }
 }
 #root, #__next {