From 3feed08ec49b283a370cc733b81bfce9cbd4126e Mon Sep 17 00:00:00 2001 From: Mubeen Mohammed Date: Fri, 24 Oct 2025 22:34:33 -0400 Subject: [PATCH 1/4] Trying some fix for different browser screen --- src/components/About/Container.jsx | 2 +- src/components/FAQ/Container.jsx | 2 +- src/components/FAQ/WindowStyles.jsx | 2 +- src/components/Hero/Button.jsx | 2 +- src/components/Hero/HeroStyles.jsx | 2 +- src/components/Involvement/Button.jsx | 2 +- src/components/Involvement/Container.jsx | 2 +- src/components/Involvement/WindowStyles.jsx | 2 +- 8 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/components/About/Container.jsx b/src/components/About/Container.jsx index c043162..31bd93c 100644 --- a/src/components/About/Container.jsx +++ b/src/components/About/Container.jsx @@ -17,7 +17,7 @@ export const Container = styled.section` margin-top: 50px; } - @media screen and (max-width: ${styleVars.xsUp}) { + @media only screen and (max-width: ${styleVars.xsUp}) { display: flex; flex-direction: column; align-self: center; diff --git a/src/components/FAQ/Container.jsx b/src/components/FAQ/Container.jsx index d893d40..92fdd2b 100644 --- a/src/components/FAQ/Container.jsx +++ b/src/components/FAQ/Container.jsx @@ -71,7 +71,7 @@ const Container = styled.section` display: none !important; } - @media screen and (max-width: ${styleVars.xsUp}) { + @media only screen and (max-width: ${styleVars.xsUp}) { margin-top: 20px; padding-right: 0; height: 650px; diff --git a/src/components/FAQ/WindowStyles.jsx b/src/components/FAQ/WindowStyles.jsx index 6cd3f4f..5e04d0b 100644 --- a/src/components/FAQ/WindowStyles.jsx +++ b/src/components/FAQ/WindowStyles.jsx @@ -33,7 +33,7 @@ export const WindowStyles = styled.div` color: ${styleVars.m12White}; } - @media screen and (max-width: ${styleVars.xsUp}) { + @media only screen and (max-width: ${styleVars.xsUp}) { margin: 20px 0px; display: flex; flex-direction: column; diff --git a/src/components/Hero/Button.jsx b/src/components/Hero/Button.jsx index 357c14c..557d124 100644 --- a/src/components/Hero/Button.jsx +++ b/src/components/Hero/Button.jsx @@ -38,7 +38,7 @@ export const Button = styled.button` align-items: left; } - @media screen and (max-width: ${styleVars.xsUp}) { + @media only screen and (max-width: ${styleVars.xsUp}) { font-size: 16px; margin: 0px; padding: 5px 16px; diff --git a/src/components/Hero/HeroStyles.jsx b/src/components/Hero/HeroStyles.jsx index 419196d..e8f9eae 100644 --- a/src/components/Hero/HeroStyles.jsx +++ b/src/components/Hero/HeroStyles.jsx @@ -211,7 +211,7 @@ export const HeroStyles = styled.section` margin-bottom: -10px; } - @media screen and (max-width: ${styleVars.xsUp}) { + @media only screen and (max-width: ${styleVars.xsUp}) { .hero__wrapper { margin-top: 60px !important; padding-top: 10px; diff --git a/src/components/Involvement/Button.jsx b/src/components/Involvement/Button.jsx index 6315263..339d268 100644 --- a/src/components/Involvement/Button.jsx +++ b/src/components/Involvement/Button.jsx @@ -31,7 +31,7 @@ export const Button = styled.button` } - @media screen and (max-width: ${styleVars.xsUp}) { + @media only screen and (max-width: ${styleVars.xsUp}) { margin: 16px auto 8px; padding: 5px 16px; font-size: 13px; diff --git a/src/components/Involvement/Container.jsx b/src/components/Involvement/Container.jsx index 5a7f4e4..2fc31c5 100644 --- a/src/components/Involvement/Container.jsx +++ b/src/components/Involvement/Container.jsx @@ -71,7 +71,7 @@ const Container = styled.section` } - @media screen and (max-width: ${styleVars.xsUp}) { + @media only screen and (max-width: ${styleVars.xsUp}) { margin-top: 20px; padding-left: 0; diff --git a/src/components/Involvement/WindowStyles.jsx b/src/components/Involvement/WindowStyles.jsx index e952a18..7345e39 100644 --- a/src/components/Involvement/WindowStyles.jsx +++ b/src/components/Involvement/WindowStyles.jsx @@ -34,7 +34,7 @@ export const WindowStyles = styled.div` color: ${styleVars.m12White}; } - @media screen and (max-width: ${styleVars.xsUp}) { + @media only screen and (max-width: ${styleVars.xsUp}) { margin: 20px 0; display: flex; flex-direction: column; From 7f77ccc77cbe277cdc7b94e9448129e628cf921b Mon Sep 17 00:00:00 2001 From: Mubeen Mohammed Date: Fri, 24 Oct 2025 23:11:15 -0400 Subject: [PATCH 2/4] added campfire --- src/components/Sponsor/Container.jsx | 32 ++++++++++++++++++++++++++++ src/components/Sponsor/Sponsor.jsx | 3 +++ 2 files changed, 35 insertions(+) diff --git a/src/components/Sponsor/Container.jsx b/src/components/Sponsor/Container.jsx index 0e82e4c..37803b4 100644 --- a/src/components/Sponsor/Container.jsx +++ b/src/components/Sponsor/Container.jsx @@ -9,6 +9,30 @@ export const Container = styled.section` align-items: center; padding-left: 280px; + .campfire-image { + position: absolute; + top: -300px; + right: 100px; + width: 300px; + fill: #fd8007; /* base orange fill */ + filter: drop-shadow(0 0 45px rgba(255, 203, 60, 1)); + animation: campfire-shine 2.5s infinite ease-in-out; +} + +@keyframes campfire-shine { + 0%, 100% { + filter: drop-shadow(0 0 30px rgba(255, 180, 50, 0.9)); + } + 50% { + filter: drop-shadow(0 0 60px rgba(241, 241, 0, 1)); + } +} + + + + + + @media (max-width: 1500px) { margin-top: 300px; @@ -20,6 +44,9 @@ export const Container = styled.section` @media (max-width: ${styleVars.smUp}) { margin-top: 150px; padding-right: 100px; + .campfire-image { + display: none; + } } @media (max-width: 480px) { @@ -27,6 +54,7 @@ export const Container = styled.section` padding-right: 50px; } + @media screen and (max-width: ${styleVars.xsUp}) { padding: 0; display: flex; @@ -35,6 +63,10 @@ export const Container = styled.section` justify-self: center; margin-top: 20px; width: 80%; + + .campfire-image { + display: none; + } } ` diff --git a/src/components/Sponsor/Sponsor.jsx b/src/components/Sponsor/Sponsor.jsx index 29c28a0..fa0f7b0 100644 --- a/src/components/Sponsor/Sponsor.jsx +++ b/src/components/Sponsor/Sponsor.jsx @@ -4,8 +4,11 @@ import Container from "./Container" import Content from "./Content" import Text from "./Text" +import campfire from "../../assets/images/designs/mchacks13-campfire.svg" + const Sponsor = ({ scrollRef }) => ( + campfire image

Sponsoring McHacks

From db2805996fe6306341d7ed049188a079abb1f7d2 Mon Sep 17 00:00:00 2001 From: Mubeen Mohammed Date: Sat, 25 Oct 2025 15:12:33 -0400 Subject: [PATCH 3/4] added mobile background --- src/assets/images/designs/mchacks13-bg-mobile.svg | 9 +++++++++ src/styles/index.css | 9 ++++++++- 2 files changed, 17 insertions(+), 1 deletion(-) create mode 100644 src/assets/images/designs/mchacks13-bg-mobile.svg diff --git a/src/assets/images/designs/mchacks13-bg-mobile.svg b/src/assets/images/designs/mchacks13-bg-mobile.svg new file mode 100644 index 0000000..62cc14b --- /dev/null +++ b/src/assets/images/designs/mchacks13-bg-mobile.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/styles/index.css b/src/styles/index.css index a6cfc59..9948d01 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -5,7 +5,6 @@ @import url("https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&display=swap"); @import url('https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap'); - @font-face { font-family: "Brown"; src: url("../assets/fonts/Brown-Regular.ttf"); @@ -36,6 +35,14 @@ body { background-size: 100%; } +@media only screen and (max-width: 435px) { + body { + background: url(../assets/images/designs/mchacks13-bg-mobile.svg); + background-repeat: no-repeat; + background-size: 100%; + } +} + p { font-family: Hind Siliguri, From d17dd9893394f284df5fd5016d79cd87b15b696b Mon Sep 17 00:00:00 2001 From: Mubeen Mohammed Date: Sat, 25 Oct 2025 15:27:38 -0400 Subject: [PATCH 4/4] Revert "added mobile background" This reverts commit db2805996fe6306341d7ed049188a079abb1f7d2. --- src/assets/images/designs/mchacks13-bg-mobile.svg | 9 --------- src/styles/index.css | 9 +-------- 2 files changed, 1 insertion(+), 17 deletions(-) delete mode 100644 src/assets/images/designs/mchacks13-bg-mobile.svg diff --git a/src/assets/images/designs/mchacks13-bg-mobile.svg b/src/assets/images/designs/mchacks13-bg-mobile.svg deleted file mode 100644 index 62cc14b..0000000 --- a/src/assets/images/designs/mchacks13-bg-mobile.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/src/styles/index.css b/src/styles/index.css index 9948d01..a6cfc59 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -5,6 +5,7 @@ @import url("https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&display=swap"); @import url('https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap'); + @font-face { font-family: "Brown"; src: url("../assets/fonts/Brown-Regular.ttf"); @@ -35,14 +36,6 @@ body { background-size: 100%; } -@media only screen and (max-width: 435px) { - body { - background: url(../assets/images/designs/mchacks13-bg-mobile.svg); - background-repeat: no-repeat; - background-size: 100%; - } -} - p { font-family: Hind Siliguri,