feat: added styling to landing-page, faq, and footer

src/css/custom.css

@@ -44,3 +44,20 @@
   margin-right: 8px;
   height: 32px;
 }
+
+/* Center footer content */
+.footer {
+  text-align: center;
+}
+
+.footer__links {
+  justify-content: center;
+}
+
+.footer__col {
+  text-align: center;
+}
+
+.footer__copyright {
+  text-align: center;
+}

src/pages/index.module.css

@@ -80,6 +80,11 @@
   margin: 0 auto;
 }
 
+.introduction table {
+  margin: 0 auto;
+  width: auto;
+}
+
 :global(.markdown) {
   font-size: 1.1rem;
   line-height: 1.7;
@@ -88,6 +93,12 @@
   margin: 0 auto;
 }
 
+:global(.markdown table) {
+  margin-left: auto;
+  margin-right: auto;
+  display: table;
+}
+
 :global(.markdown p) {
   text-align: center;
 }

src/pages/index.tsx

@@ -3,7 +3,6 @@ import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
-import HomepageFeatures from '@site/src/components/HomepageFeatures';
 import Heading from '@theme/Heading';
 
 import styles from './index.module.css';
@@ -52,7 +51,6 @@ export default function Home(): ReactNode {
       title={`${siteConfig.title} - Secure Data Verification`}
       description="TLSNotary - Verify the authenticity of TLS data while protecting privacy. Make data portable without compromising security.">
       <HomepageHeader />
-
       <main>
         <section className={styles.introduction}>
           <div className="container text--center">
@@ -60,7 +58,6 @@ export default function Home(): ReactNode {
             <Why />
           </div>
         </section>
-
         <section className={styles.introduction}>
           <div className="container text--center">
             <img
@@ -68,6 +65,9 @@ export default function Home(): ReactNode {
               alt="TLSNotary Infographic"
               className="margin-bottom--lg"
             />
+            <div className="markdown">
+              <TLSNotaryTable />
+            </div>
           </div>
         </section>