From 053a0b141500c8a9a8a6471a6af54c649902c5a8 Mon Sep 17 00:00:00 2001 From: HaudinFlorence Date: Tue, 3 Sep 2024 22:13:39 +0200 Subject: [PATCH 1/2] Change organization name in docusaurus.config.ts. --- docusaurus.config.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 99d965cea..3c764c351 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -16,7 +16,7 @@ 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. + organizationName: "/HaudinFlorence/", // Usually your GitHub org/user name. projectName: "quantstack.github.io", // Usually your repo name. onBrokenLinks: "throw", From 3924d93165f46ad1faeba5939a848eac2f3cffea Mon Sep 17 00:00:00 2001 From: HaudinFlorence Date: Wed, 4 Sep 2024 10:07:29 +0200 Subject: [PATCH 2/2] Fix style and alignment issues for the mobile design. --- .github/workflows/static.yml | 2 +- src/components/about/styles.module.css | 13 ++++++--- .../home/WhatWeDo/styles.module.css | 8 +++++- src/components/projects/AllProjects.tsx | 27 +++++++++++-------- src/components/projects/ProjectCard.tsx | 2 +- src/components/projects/styles.module.css | 20 ++++++++------ src/components/services/SpecialProjects.tsx | 2 +- src/components/services/Support.tsx | 2 +- src/css/custom.css | 8 ++++-- 9 files changed, 54 insertions(+), 30 deletions(-) diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml index 10f2492ce..5cbe3aea7 100644 --- a/.github/workflows/static.yml +++ b/.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 \ No newline at end of file diff --git a/src/components/about/styles.module.css b/src/components/about/styles.module.css index 5bad741be..99d05377d 100644 --- a/src/components/about/styles.module.css +++ b/src/components/about/styles.module.css @@ -24,7 +24,7 @@ line-height: 20px; letter-spacing: 0.25px; color: var(--ifm-text-color-on-primary-p1); - text-align: center; + text-align: justify; } div .row { @@ -138,9 +138,9 @@ div .join_the_team_text { @media only screen and (max-width: 996px) { /*Mobile*/ .value_card { - height: 400px; + height: 420px; width: 264px; - padding: var(--ifm-spacing-xl) var(--ifm-spacing-lg); + padding: var(--ifm-spacing-lg) var(--ifm-spacing-md); border-radius: 8px; box-shadow: 0px 0px 8px 1px #c8c8c7; background-color: var(--ifm-color-primary-p1); @@ -158,6 +158,11 @@ div .join_the_team_text { color: var(--ifm-text-color-on-primary-p1); } + .value_text p { + text-align: justify; + padding: 0; + } + .large_portrait_card { width: 100%; height: 100%; @@ -189,7 +194,7 @@ div .join_the_team_text { @media only screen and (min-width: 996px) { /*Desktop*/ .value_card { - height: 540px; + height: 460px; width: 264px; padding: var(--ifm-spacing-2xl) var(--ifm-spacing-lg); border-radius: 8px; diff --git a/src/components/home/WhatWeDo/styles.module.css b/src/components/home/WhatWeDo/styles.module.css index 3894b31b6..23ad23366 100644 --- a/src/components/home/WhatWeDo/styles.module.css +++ b/src/components/home/WhatWeDo/styles.module.css @@ -27,9 +27,15 @@ div .topics_header { .topics_card { width: 100%; - padding: var(--ifm-spacing-2xl) var(--ifm-spacing-lg); + padding: var(--ifm-spacing-lg) var(--ifm-spacing-lg); + text-align: justify; + } + + .topics_card .p { + padding: var(--ifm-spacing-lg) var(--ifm-spacing-lg); } + .services_link_desktop { display: none; } diff --git a/src/components/projects/AllProjects.tsx b/src/components/projects/AllProjects.tsx index 6301b9a1b..8ed3881c3 100644 --- a/src/components/projects/AllProjects.tsx +++ b/src/components/projects/AllProjects.tsx @@ -1,18 +1,23 @@ import { projectsDetails } from "./descriptions/projectsDetails"; -import ProjectCard from "./ProjectCard" +import ProjectCard from "./ProjectCard"; +import styles from "./styles.module.css"; export default function AllProjects() { return ( -
-
    - {projectsDetails.map((project, index) => { - return( -
  • -
    - -
    -
    • - ) +
    +
      + {projectsDetails.map((project, index) => { + return ( +
    • +
      + +
      +
      • + ); })}
    diff --git a/src/components/projects/ProjectCard.tsx b/src/components/projects/ProjectCard.tsx index 93797fd92..0704844dd 100644 --- a/src/components/projects/ProjectCard.tsx +++ b/src/components/projects/ProjectCard.tsx @@ -5,7 +5,7 @@ export default function ProjectCard({ project }): JSX.Element { const base = `${prefix}${project.name}` return (
    -
    +
    diff --git a/src/components/projects/styles.module.css b/src/components/projects/styles.module.css index c1f3268cd..90a8a5a58 100644 --- a/src/components/projects/styles.module.css +++ b/src/components/projects/styles.module.css @@ -17,7 +17,7 @@ div .project_title { .project_description { padding: var(--ifm-spacing-md) var(--ifm-spacing-xl); - text-align: center; + text-align: justify; } .project_description p { @@ -26,6 +26,10 @@ div .project_title { @media only screen and (max-width: 996px) { /*Mobile*/ + .all_projects_container { + margin-bottom: var(--ifm-spacing-3xl); + + } .header_container { padding-top: var(--ifm-spacing-2xl); @@ -44,12 +48,12 @@ div .project_title { font-weight: 400; line-height: 20px; letter-spacing: 0.25px; - text-align: center; + text-align: justify; margin-bottom: var(--ifm-spacing-lg); - padding: var(--ifm-spacing-lg) var(--ifm-spacing-2xl); + padding: var(--ifm-spacing-lg) var(--ifm-spacing-xl); } - .col_project_text p { + .project_text { background-color: white; text-align: justify; } @@ -77,6 +81,10 @@ div .project_title { @media only screen and (min-width: 996px) { /*Desktop*/ + + .all_projects_container { + margin: 0 0 var(--ifm-spacing-5xl) 0 ; + } .header_container { margin-top: var(--ifm-spacing-6xl); } @@ -95,10 +103,6 @@ div .project_title { padding: var(--ifm-spacing-lg) var(--ifm-spacing-4xl); } - .header_text p { - text-align: center; - } - .project_text { background-color: var(--ifm-color-orange-light); padding: var(--ifm-spacing-4xl) var(--ifm-spacing-3xl); diff --git a/src/components/services/SpecialProjects.tsx b/src/components/services/SpecialProjects.tsx index f6cbac94b..13f298f51 100644 --- a/src/components/services/SpecialProjects.tsx +++ b/src/components/services/SpecialProjects.tsx @@ -7,7 +7,7 @@ export default function SpecialProjects() {
    -
    +

    Special projects

    diff --git a/src/components/services/Support.tsx b/src/components/services/Support.tsx index 2bfc68adf..82a9a2d73 100644 --- a/src/components/services/Support.tsx +++ b/src/components/services/Support.tsx @@ -11,7 +11,7 @@ export default function Support() {
    -
    +

    Professional Support

    diff --git a/src/css/custom.css b/src/css/custom.css index 50b0d9083..52f560614 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -92,6 +92,7 @@ ul { padding-left: 0; + margin-left:0; } .container { @@ -211,7 +212,7 @@ ul { line-height: 150%; line-height: 20px; letter-spacing: 0.25px; - text-align: center; + padding: 0 var(--ifm-spacing-lg) } li { @@ -297,6 +298,7 @@ ul { margin: var(--ifm-spacing-2xl) 0; } + h1 { color: var(--ifm-color-primary-p2); font-family: var(--ifm-font-family-bebas-neue); @@ -637,10 +639,12 @@ a.menu__link:active { .cards-list { list-style-type: none; padding: none; + margin-left: 0; } .projects-list { list-style-type: none; padding: none; + margin-left:0; width: 100%; -} +} \ No newline at end of file