From 33301874f9ba50c5a0fca077676e23df46d9db99 Mon Sep 17 00:00:00 2001
From: Jacob Nguyen <76754747+jacoobes@users.noreply.github.com>
Date: Thu, 11 Aug 2022 20:14:30 -0500
Subject: [PATCH] feat: fix responsiveness and uneven footer

Co-authored-by: xxDeveloper <Murtatrxx@users.noreply.github.com>
---
 assets/css/style.css                     |  4 ++--
 docusaurus.config.js                     | 18 +++++++++++-------
 netlify.toml                             |  2 +-
 src/components/HomepageFeatures/index.js |  2 +-
 src/css/custom.css                       |  5 +++++
 src/pages/index.module.css               | 12 ++++++++----
 6 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 7eebd699d..4219b5959 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -11530,14 +11530,14 @@ section.cta:before {
     max-width: 17rem;
   }
 }
-footer a {
+/* footer a {
   color: rgba(255, 255, 255, 0.5);
   text-decoration: none;
 }
 footer a:hover, footer a:active, footer a:focus {
   color: rgba(255, 255, 255, 0.75);
   text-decoration: underline;
-}
+} */
 
 .masthead {
   background-color: #f8f9fa;
diff --git a/docusaurus.config.js b/docusaurus.config.js
index 89aa314c4..59aaa96bb 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -17,14 +17,14 @@ const config = {
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
   organizationName: 'sern-handler', // Usually your GitHub org/user name.
-  projectName: '@sern-handler/framework', // Usually your repo name.
+  projectName: '@sern-handler/handler', // Usually your repo name.
 
   // Even if you don't use internalization, you can use this field to set useful
   // metadata like html lang. For example, if your site is Chinese, you may want
   // to replace "en" with "zh-Hans".
   i18n: {
     defaultLocale: 'en',
-    locales: ['en', 'fr'],
+    locales: ['en', 'fr', 'tr'],
   },
   
   presets: [
@@ -116,17 +116,21 @@ const config = {
                 label: 'Discord',
                 href: 'https://discord.gg/DwbF5H5JgQ',
               },
+              {
+                label : 'Open Collective',
+                href: 'https://opencollective.com/sern'
+              }
             ],
           },
           {
             title: 'More',
             items: [
+              // { //this was causing the build err
+              //   label: 'blog',
+              //   to: '/blog',
+              // },
               {
-                label: 'blog',
-                to: '/blog',
-              },
-              { //idk how to get ur index.html as our homepage because docasaurus already uses its own index.html
-                label: 'GitHub', // can we configure  its html? //idk if we can make custom homepage let me check //i can add static directories but idk if its considered home page
+                label: 'GitHub', 
                 href: 'https://github.com/sern-handler',
               },
             ],
diff --git a/netlify.toml b/netlify.toml
index c7766c093..56a2cc5fc 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,3 +1,3 @@
 [build]
-publish = "/"
+publish = "/build"
 command = "npm run build"
\ No newline at end of file
diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js
index 72a67fb57..bc853ab57 100644
--- a/src/components/HomepageFeatures/index.js
+++ b/src/components/HomepageFeatures/index.js
@@ -8,7 +8,7 @@ const FeatureList = [
     Svg: require('@site/static/img/battery-svgrepo-com.svg').default,
     description: (
       <>
-        Start up a new project or integrate in minutes.
+        Start or integrate a new project in minutes.
       </>
     ),
   },
diff --git a/src/css/custom.css b/src/css/custom.css
index 607e1b49d..d13278c5c 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -22,6 +22,11 @@
   --ifm-navbar-background-color : #ca7693
 }
 
+.footer--dark {
+  margin: 0;
+  text-align: center;
+}
+
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
   --ifm-color-primary: #f7dbf2;
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 22a9aab67..ef62bd751 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -16,16 +16,20 @@
   }
 }
 
-
 .buttons {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.padding-vert--md {
-  padding-top: 10.10rem !important;
+.padding-vert--md { 
+  padding-top: 10.10rem;
   text-align: center;
   position: relative;
+}
 
-}
\ No newline at end of file
+@media screen and (max-width: 1200px) {
+  .padding-vert--md {
+    padding-top: 5rem;
+  }
+}