fix: changes

hack4bengal · Jun 4, 2024 · c2bfcfc · c2bfcfc
1 parent 92633c2
commit c2bfcfc
Show file tree

Hide file tree

Showing 9 changed files with 81 additions and 16 deletions.
diff --git a/src/assets/data/HeaderContent.js b/src/assets/data/HeaderContent.js
@@ -24,8 +24,8 @@ const HeaderData = {
   sponsors: {
     backWord: "Supporters",
     backWordMobile: "Backers",
-    backWordSize: "130px",
-    backWordSpacing: "0.5rem",
+    backWordSize: "120px",
+    backWordSpacing: "0.3rem",
     backWordSize_mobile: "75px",
     backWordSpacing_mobile: "0.2rem",
     frontWord: "Sponsors",

diff --git a/src/assets/data/SponsorsContent.js b/src/assets/data/SponsorsContent.js
@@ -21,6 +21,7 @@ import graph from "../images/SponsorImages/graph.png";
 // import snu from "../images/SponsorImages/snu.webp";
 // import solana from "../images/SponsorImages/solana.webp";
 import xyz from "../images/SponsorImages/xyz.png";
+import jis from "../images/SponsorImages/jis.png";
 // import zeeve from "../images/SponsorImages/zeeve.webp";
 
 const sponsors = {

diff --git a/src/assets/images/SponsorImages/jis.png b/src/assets/images/SponsorImages/jis.png
diff --git a/src/components/private/faq/FAQ.jsx b/src/components/private/faq/FAQ.jsx
@@ -24,7 +24,7 @@ const Faq = () => {
     {
       question: "Who can participate?",
       answer:
-        "Students in college, schools can apply. If you can innovate or just want to have a fun learning weekend, you are most welcome.",
+        "Students currently enrolled in any course in High School or College can participate in Hack4Bengal. Along with that current year passouts can participate too.",
     },
     {
       question: "How much does it cost to participate?",

diff --git a/src/components/private/faq/FAQ.scss b/src/components/private/faq/FAQ.scss
@@ -122,6 +122,12 @@
               align-items: center;
               border-radius: 50%;
 
+              svg {
+                width: 1em;
+                height: 1em;
+                fill: #ff1717;
+              }
+
               @media screen and (max-width: 576px) {
                 top: 50%;
                 transform: translateY(-50%);

diff --git a/src/components/private/sponsors/Sponsors.jsx b/src/components/private/sponsors/Sponsors.jsx
@@ -42,14 +42,27 @@ const Sponsors = () => {
           </div>
         </div>
 
-        <div className="sponsors__container domain_container">
-          <h1>Domain Partners</h1>
-          <div className="sponsors__flexbox">
-            {sponsors["Domain"].map((item, index) => {
-              return (
-                <SingleSponsors key={index} sponsor={item} type="domain" />
-              );
-            })}
+        <div className="sponsors__container_flex">
+          {/* <div className="sponsors__container">
+            <h1>Venue Partner</h1>
+            <div className="sponsors__flexbox">
+              {sponsors["Venue"].map((item, index) => {
+                return (
+                  <SingleSponsors key={index} sponsor={item} type="silver" />
+                );
+              })}
+            </div>
+          </div> */}
+
+          <div className="sponsors__container domain_container">
+            <h1>Domain Partner</h1>
+            <div className="sponsors__flexbox">
+              {sponsors["Domain"].map((item, index) => {
+                return (
+                  <SingleSponsors key={index} sponsor={item} type="domain" />
+                );
+              })}
+            </div>
           </div>
         </div>
       </div>

diff --git a/src/components/private/sponsors/Sponsors.scss b/src/components/private/sponsors/Sponsors.scss
@@ -14,6 +14,20 @@
     gap: 4rem;
   }
 
+  .sponsors__container_flex {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    gap: 4rem;
+    max-width: 1400px;
+    margin: auto;
+
+    @media screen and (max-width: 576px) {
+      gap: 1rem;
+    }
+  }
+
   .sponsors__container {
     display: flex;
     flex-direction: column;

diff --git a/src/components/private/timer/Timer.jsx b/src/components/private/timer/Timer.jsx
@@ -54,23 +54,44 @@ const Timer = () => {
 
             <div className="countdown">
               <div className="time">
-                <p>{timeLeft.days}</p>
+                <p>
+                  {timeLeft?.days < 10 ? `0${timeLeft?.days}` : timeLeft?.days}
+                </p>
                 <p>Days</p>
               </div>
 
               <p className="colon">:</p>
 
               <div className="time">
-                <p>{timeLeft.hours === 0 ? "00" : timeLeft.hours}</p>
+                <p>
+                  {timeLeft?.hours < 10
+                    ? `0${timeLeft?.hours}`
+                    : timeLeft?.hours}
+                </p>
                 <p>Hours</p>
               </div>
 
               <p className="colon">:</p>
 
               <div className="time">
-                <p>{timeLeft.minutes === 0 ? "00" : timeLeft?.minutes}</p>
+                <p>
+                  {timeLeft?.minutes < 10
+                    ? `0${timeLeft?.minutes}`
+                    : timeLeft?.minutes}
+                </p>
                 <p>Mins</p>
               </div>
+
+              {/* <p className="colon">:</p>
+
+              <div className="time">
+                <p>
+                  {timeLeft?.seconds < 10
+                    ? `0${timeLeft?.seconds}`
+                    : timeLeft?.seconds}
+                </p>
+                <p>Secs</p>
+              </div> */}
             </div>
           </div>
         </div>

diff --git a/src/components/private/timer/Timer.scss b/src/components/private/timer/Timer.scss
@@ -33,13 +33,18 @@
       .header_1 {
         font-family: "Montserrat", sans-serif;
         letter-spacing: 2px;
-        font-size: 100px;
+        font-size: 77px;
         text-align: center;
         color: white;
         font-weight: 800;
-        line-height: 1;
+
         z-index: 1;
 
+        background: #ffffff;
+        background: linear-gradient(to right, #ffffff 0%, #ff0000 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+
         @media screen and (max-width: 576px) {
           font-size: 48px;
         }
@@ -54,6 +59,9 @@
 
         @media screen and (max-width: 576px) {
           gap: 10px;
+          display: grid;
+          grid-template-columns: repeat(4, 1fr);
+          margin-left: auto;
         }
 
         .time {
@@ -66,6 +74,8 @@
           background-color: #2a2727;
           padding: 1rem;
           border-radius: 18px;
+          width: 115px;
+          height: 115px;
 
           @media screen and (max-width: 576px) {
             font-size: 28px;