diff --git a/public/assets/images/titles/vh-faq.png b/public/assets/images/titles/vh-faq.png new file mode 100644 index 0000000..1ed5f89 Binary files /dev/null and b/public/assets/images/titles/vh-faq.png differ diff --git a/public/assets/images/titles/vh-partners.png b/public/assets/images/titles/vh-partners.png new file mode 100644 index 0000000..3afe455 Binary files /dev/null and b/public/assets/images/titles/vh-partners.png differ diff --git a/src/app/components/partners/Partners.jsx b/src/app/components/partners/Partners.jsx index 546f473..5cf7967 100644 --- a/src/app/components/partners/Partners.jsx +++ b/src/app/components/partners/Partners.jsx @@ -1,6 +1,6 @@ import Partner from "./Partner"; -import partners_title from "/assets/images/titles/vh-partners.svg"; +import partners_title from "/assets/images/titles/vh-partners.png"; import acm from "/assets/images/2024-partners/acm.png"; import cyber from "/assets/images/2024-partners/cyber.png"; diff --git a/src/app/components/partners/Partners.scss b/src/app/components/partners/Partners.scss index 974c483..8bbbf4e 100644 --- a/src/app/components/partners/Partners.scss +++ b/src/app/components/partners/Partners.scss @@ -8,7 +8,6 @@ @media screen and (max-width: $break-medium) { height: 35vw; max-height: 200px; - margin: 20px auto; } } @@ -17,9 +16,8 @@ flex-wrap: wrap; justify-content: center; align-items: center; - background-color: #a8acf977; - margin: 20px 60px; - padding: 15px 20px; + margin: 0px 60px; + padding: 0px 20px; border-radius: 20px; color: #4767b1; diff --git a/src/app/components/sponsors/Sponsors.scss b/src/app/components/sponsors/Sponsors.scss index 894f872..fa2005e 100644 --- a/src/app/components/sponsors/Sponsors.scss +++ b/src/app/components/sponsors/Sponsors.scss @@ -19,9 +19,8 @@ flex-wrap: wrap; justify-content: center; align-items: center; - background-color: #a8acf977; - margin: 20px 60px; - padding: 15px 20px; + margin: 0px 60px; + padding: 0px 20px; border-radius: 20px; color: #4767b1; diff --git a/src/app/views/home/Home.jsx b/src/app/views/home/Home.jsx index 3172fd7..4e09c2e 100644 --- a/src/app/views/home/Home.jsx +++ b/src/app/views/home/Home.jsx @@ -4,7 +4,7 @@ import Partners from "src/app/components/partners/Partners"; import vh_title from "/assets/images/titles/venushacks.svg"; import about_title from "/assets/images/titles/vh-about.svg"; -import faq_title from "/assets/images/titles/vh-faq.svg"; +import faq_title from "/assets/images/titles/vh-faq.png"; import "./Home.scss"; diff --git a/src/app/views/home/Home.scss b/src/app/views/home/Home.scss index c5b50ff..a66fcb9 100644 --- a/src/app/views/home/Home.scss +++ b/src/app/views/home/Home.scss @@ -61,19 +61,18 @@ body { width: 45%; justify-content: space-between; max-width: 600px; - margin-top: 150px; - transform: translateY(-700px); + transform: translateY(-550px); @media screen and (max-width: $break-medium) { width: 100%; max-width: 325px; - transform: translateY(-600px); + transform: translateY(-400px); } @media screen and (max-width: $break-small) { width: 100%; max-width: 325px; - transform: translateY(-400px); + transform: translateY(-250px); } @keyframes floatBoba { @@ -181,9 +180,6 @@ body { } // END #astronaut-animation #hero-right { - // width: 48%; - // margin-bottom: 20px; - @media screen and (max-width: $break-medium) { width: initial; } @@ -272,13 +268,20 @@ body { } // END HERO #planet { - width: 75vw; - height: 75vw; + width: 50vw; + height: 50vw; background: url($planet); background-size: contain; background-repeat: no-repeat; margin: auto; - margin-top: -50%; + margin-top: -55%; + margin-bottom: 50px; + + @media screen and (max-width: $break-medium) { + margin-top: -80%; + width: 70vw; + height: 70vw; + } } #about { @@ -308,7 +311,6 @@ body { color: $darkPurple; font-family: "Varela", sans-serif; font-weight: 500; - background-color: #a8acf977; margin: 20px 60px; padding: 15px 20px; border-radius: 20px; @@ -348,6 +350,7 @@ body { flex-direction: column; font-family: "Varela", sans-serif; color: $darkPurple; + margin-top: 50px; .section-title { height: 140px; @@ -359,7 +362,6 @@ body { #faq-container { align-items: center; - background-color: #a8acf977; margin: 20px 60px; padding: 15px 20px; border-radius: 20px;