Fix padding and margins issues.

Author: HaudinFlorence

.github/workflows/static.yml

@@ -51,4 +51,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v4

docusaurus.config.ts

@@ -16,8 +16,8 @@ const config: Config = {
 
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
-  organizationName: "/QuantStack/", // Usually your GitHub org/user name.
-  projectName: "quantstack.github.io", // Usually your repo name.
+  organizationName: "QuantStack", // Usually your GitHub org/user name.
+  projectName: "/quantstack.github.io/", // Usually your repo name.
 
   onBrokenLinks: "throw",
   onBrokenMarkdownLinks: "warn",

src/components/footer/Footer.tsx renamed to src/components/contact/footer/Footer.tsx

@@ -9,7 +9,7 @@ export default function AllProjects() {
         {projectsDetails.map((project, index) => {
           return(
           <li className="projects-list" key={index}>
-            <div className="col">
+            <div className="col" style={{padding:"0 0"}}>
               <ProjectCard project={project}/>
             </div>
           </li>

src/components/footer/styles.module.css renamed to src/components/contact/footer/styles.module.css

@@ -5,7 +5,7 @@ export default function ProjectCard({ project }): JSX.Element {
   const base = `${prefix}${project.name}` 
   return (
     <div className="container">
-      <div className="row row--no-gutters horizontally-centered">
+      <div className="row row--no-gutters">
         <div
           className={"col col--6 col" + " " + styles.project_text}
         >

src/components/projects/AllProjects.tsx

@@ -73,12 +73,18 @@ div .project_title {
     border: none;
     margin-bottom: var(--ifm-spacing-xl);
   }
+
+ li .project_ {
+    padding-left: 0;
+    margin-left: 0;
+  }
 }
 
 @media only screen and (min-width: 996px) {
   /*Desktop*/
   .header_container {
     margin-top: var(--ifm-spacing-6xl);
+    background-color: red;
   }
   .header_title {
     padding-left: var(--ifm-spacing-4xl);

src/components/projects/ProjectCard.tsx

@@ -92,6 +92,7 @@
 
 ul {
   padding-left: 0;
+  margin-left:0;
 }
 
 .container {
@@ -641,6 +642,7 @@ a.menu__link:active {
 
 .projects-list {
   list-style-type: none;
-  padding: none;
-  width: 100%;
-}
+  padding-left: 0;
+  margin-left: 0;
+ /* width: 100%;*/
+}

src/components/projects/styles.module.css

@@ -2,7 +2,7 @@ import Layout from "@theme/Layout";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import {About} from "../components/about";
 import BrowserOnly from "@docusaurus/BrowserOnly";
-import Footer from "../components/footer/Footer";
+import Footer from "../components/contact/footer/Footer";
 
 export default function AboutPage(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();

src/css/custom.css

@@ -2,7 +2,7 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import BlogsComponent from "../components/blog";
 import blogpostDetails from "@site/src/components/blog/blogpostsDetails.json";
-import Footer from "../components/footer/Footer";
+import Footer from "../components/contact/footer/Footer";
 
 
 export default function BlogPage(): JSX.Element {