Merge pull request #86 from A1Kumari/master

minor content changes
CodechefAdgitm · Aug 22, 2023 · dbd76da · dbd76da
2 parents db8df6c + edadf9c
commit dbd76da
Show file tree

Hide file tree

Showing 7 changed files with 114 additions and 42 deletions.
diff --git a/src/components/ask/Ask.jsx b/src/components/ask/Ask.jsx
@@ -3,8 +3,8 @@ import "./Ask.css";
 
 const faqData = [
   {
-    question: "What is a Hackathon",
-    answer: `Hackathons are community events, where you get to interact with students from all around the world as well as forming teams to create future tech.`,
+    question: "Is Hackathon online or offline ",
+    answer: `Hackathon will be conducted completely in online mode`,
   },
   {
     question: "I have no idea what coding is",
@@ -20,11 +20,11 @@ const faqData = [
   },
   {
     question: "Is it necessary to form the team of 4 students",
-    answer: "No the team can range from 2 to 4 members.",
+    answer: "No the team can range from 1 to 4 members.",
   },
   {
     question: "How to participate",
-    answer: "All you need is to fill our form above and we will guide you through everything in email.",
+    answer: "All you need is to fill our the devfolio form and we will guide you through everything in email.",
   },
   {
     question: "I have more doubts",

diff --git a/src/components/contact/Contact.css b/src/components/contact/Contact.css
@@ -17,6 +17,7 @@
   align-items: center;
   max-width: 1200px;
   margin: 0 auto;
+  font-family: 'IBM Plex Mono', monospace;
 }
 
 .footer-left h3,
@@ -26,7 +27,9 @@
   font-family: 'IBM Plex Mono', monospace;
   font-weight: 900;
 }
-
+.footer-middle h3, p{
+  font-family: 'IBM Plex Mono', monospace;
+}
 .footer-left p,
 .footer-right li {
   margin-bottom: 5px;

diff --git a/src/components/contact/Contact.jsx b/src/components/contact/Contact.jsx
@@ -12,20 +12,20 @@ export default function Contact() {
       <div className="footer-content">
         <div className="footer-left">
           <h3>Contact Us</h3>
-          <p>Email: <br/> Codechef <br/> [email protected] <br/> [email protected] <br/> Elixir <br/>[email protected] </p>
+          <h5>Email:</h5>
+          <p> Codechef <br/> [email protected] <br/> [email protected] <br/> Elixir <br/>[email protected] </p>
 
         </div>
         <div className="footer-middle">
-          <h3>Contact Us</h3>
-
-          <p>Phone: <br/> Codechef <br/>Mansi Sharma - +91 99539 30377  <br/> Tanisha Bansal - +91 92131 16476 <br/> Elixir <br/>  Ansh Saxena - +91 73557 43158 <br/></p>
+          <h5>Phone: </h5>
+          <p> Codechef <br/>Mansi Sharma - +91 99539 30377  <br/> Tanisha Bansal - +91 92131 16476 <br/> Elixir <br/>  Ansh Saxena - +91 73557 43158 <br/></p>
         </div>
         <div className="footer-right">
           <h3>Follow Us</h3>
           <ul className="social-links">
             <li><a href="https://www.linkedin.com/company/codechefadgitm/" target="_blank" rel="noopener noreferrer"><FaLinkedin/></a></li>
-            <li><a href="https://twitter.com/hackathon" target="_blank" rel="noopener noreferrer"><FaInstagram/></a></li>
-            <li><a href="https://www.instagram.com/codechefadgitm/" target="_blank" rel="noopener noreferrer"><FaTwitter/></a></li>
+            <li><a href="https://www.instagram.com/codechefadgitm/" target="_blank" rel="noopener noreferrer"><FaInstagram/></a></li>
+            <li><a href="https://twitter.com/hackathon " target="_blank" rel="noopener noreferrer"><FaTwitter/></a></li>
           </ul>
         </div>
       </div>

diff --git a/src/components/hero/hero.css b/src/components/hero/hero.css
@@ -84,23 +84,30 @@
   }
 
   .left {
-    width: 100%;
-    padding: 6vw;
+    max-width: 70%;
+    padding: 20px;
+    margin: 20px;
     text-align: center;
+    margin-left: auto;   /* Center the section horizontally */
+    margin-right: auto;  /* Center the section horizontally */
   }
 
-  .right {
-    width: 100%;
+  .left h1{
+    font-size: 31px;
+    padding: 5px;
+
+    width: 80%;
+    margin: auto;
   }
-
-  .right img {
-    max-width: 80%;
-    margin-top: 3rem;
+  .left p{
+    font-size: 15px;
+
+    width: 80%;
+    margin: auto;
   }
+
 
-  /* Adjust font size and padding for mobile */
-  .hero-para {
-    font-size: 16px;
-    padding: 0 10px;
-  }
+
 }
+
+
diff --git a/src/components/participation_rules/Rules.css b/src/components/participation_rules/Rules.css
@@ -1,5 +1,5 @@
 .colorBlack{
-  background-color: #f8f8f8;
+  background-color: #fff;
 }
 .participation-rules {
   display: flex;

diff --git a/src/components/prize_section/Prize.jsx b/src/components/prize_section/Prize.jsx
@@ -10,7 +10,9 @@ export default function Prize() {
   return (
     <div>
       <div className="prize-section">
-
+      <div className='prizeTotal'>
+        <h1>Total prize pool <br/><span>$5000</span></h1>
+      </div>
         <div className="container1">
             <div className="prize1 prize">
                 <div className="first-cup rotate">
@@ -50,20 +52,20 @@ export default function Prize() {
                 <div className="others">
                     <img src={other} alt=""/>
                 </div>
-                <h2>Overall Fourth & Fifth</h2>
+                <h2>Solana</h2>
                 <a href="">T&C</a>
-                <p>Devfolio swag kit, egg head coupon, taskade 2 year, Gfg 150 coupon, Coding ninjas 25%off coupon</p>
+                <p>rising teknoking: $250 <br/>$USDC 250 for the best project that goes into depth, demonstrating higher-order code. <br/> master glasseater: $500<br/>$USDC 500 for the best advanced project that is almost ready for full-time development.</p>
             </div>
             <br/>
             <br/>
             <div className="polygon prize">
                 <div className="others">
                     <img src={other} alt=""/>
                 </div>
-                <h2>Polygon - Devfolio</h2>
+                <h2>Polygon</h2>
                 <h2>Hackathon Season Prize</h2>
                 <a href="">T&C</a>
-                <p>Polygon will be giving away a cash prize for the best hack built on top of Ethereum (Rs.10000) during the hackathon. For teams that integrate Polygon in their hacks as well the prize money will be higher (Rs.15000) along with eligibility for internship/full-time role interviews and a chance to land seed funding of upto 5000 USD
+                <p>Polygon will be giving away a cash prize for the best hack built on top of Ethereum ($200) during the hackathon. For teams that integrate Polygon in their hacks as well the prize money will be higher (Rs.15000) along with eligibility for internship/full-time role interviews and a chance to land seed funding of upto 5000 USD
 
                 </p>
             </div>
@@ -73,54 +75,54 @@ export default function Prize() {
                 <div className="others">
                     <img src={other} alt=""/>
                 </div>
-                <h2>Tezos - Devfolio Hackathon</h2>
+                <h2>Etherenum</h2>
                 <h2>Season Prizer</h2>
                 <a href="">T&C</a>
-                <p>15000 INR for best Dapp built on Tezos,Continuity grant opportunity up to 5,000 USD for an outstanding project and Every valid submission made in the Tezos track will be rewarded with exclusive Schwag Kits.</p>
+                <p>$150 for best Dapp built on Tezos,Continuity grant opportunity up to 5,000 USD for an outstanding project and Every valid submission made in the Tezos track will be rewarded with exclusive Schwag Kits.</p>
             </div>
             <br/>
             <br/>
             <div className="filecoin prize">
                 <div className="others">
                     <img src={other} alt=""/>
                 </div>
-                <h2>Filecoin - Devfolio</h2>
+                <h2>Ethereum + Polygon Track</h2>
                 <h2>Hackathon Season Prize</h2>
                 <a href="">T&C</a>
-                <p>15000 INR for best use of IPFS and/or Filecoin</p>
+                <p>Polygon is a protocol and a framework for building and connecting Ethereum-compatible blockchain networks. Best hack built on Etherenum + polygon will be awarded a cash prize of $200</p>
             </div>
             <br/>
             <br/>
             <div className="sawo prize">
                 <div className="others">
                     <img src={other} alt=""/>
                 </div>
-                <h2>Sawo Lab API Prize</h2>
+                <h2>Filecoin</h2>
                 <a href="">T&C</a>
-                <p>100$ and Community Box to the winning team for using Sawo Labs API</p>
+                <p>Read about the bounty details and find code templates for Filecoin here: <a href="https://nsb.dev/filecoin-bounty" target="_blank">https://nsb.dev/filecoin-bounty</a>.Best use of Filecoin and/or IPFS: $250</p>
             </div>
             <br/>
             <br/>
             <div className="celo prize">
                 <div className="others">
                     <img src={other} alt=""/>
                 </div>
-                <h2>Celo - Devfolio Hackathon</h2>
+                <h2>Replit</h2>
                 <h2>Season Prize</h2>
                 <a href="">T&C</a>
-                <p>15000 INR for best Dapp built on Celo</p>
+                <p>Winning Project deployed on Replit: $50</p>
             </div>
             <br/>
             <br/>
-            <div className="coil prize">
+            {/* <div className="coil prize">
                 <div className="others">
                     <img src={other} alt=""/>
                 </div>
                 <h2>Coil API Prize</h2>
                 <a href="">T&C</a>
                 <p>3 Coil Prizes for overall winners and Coil Prizes for all who integrate coil API</p>
-            </div>
-            <br/>
+            </div> */}
+            {/* <br/>
             <br/>
             <div className="more prize">
                 <div className="others">
@@ -130,12 +132,13 @@ export default function Prize() {
                 <a href="">T&C</a>
                 <p>More prizes will be revealed soon..</p>
             </div>  
-            </div>
+            </div> */}
         </div>
 
         <div className='shape'>
 
         </div>
     </div>
+    </div>
   )
 }
diff --git a/src/components/prize_section/prize.css b/src/components/prize_section/prize.css
@@ -4,6 +4,28 @@ body {
 }
 
 /* =========== PRIZE SECTION CODE ================== */
+/* CSS for total prize pool section */
+.prizeTotal {
+  background-color: #E4F2FF; /* Light blue background */
+
+  margin: auto;
+  padding: 20px;
+  border-radius: 10px;
+  text-align: center;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.prizeTotal h1 {
+  font-size: 24px;
+  margin: 0;
+}
+
+.prizeTotal span {
+  font-size: 36px;
+  font-weight: bold;
+  color: #2A2B2A; /* Dark text color */
+}
+
 .prize-section {
   width: 100%;
   height: 100%;
@@ -123,4 +145,41 @@ body {
   margin-bottom: 20px;
 }
 
+@media (max-width: 768px) {
+  .prize-section .container1 {
+    padding: 0px 10px; /* Adjust padding for smaller screens */
+  }
 
+  .shape, .shapedown {
+    height: 50px; /* Adjust the height for smaller screens */
+  }
+
+  .first-cup img, .second-cup img, .third-cup img, .others img {
+    margin-left: -60px; /* Adjust margins for smaller screens */
+  }
+
+  .prize {
+    padding: 5vw 5vh; /* Adjust padding for smaller screens */
+  }
+}
+
+/* Media query for mobile */
+@media (max-width: 480px) {
+  .prize-section .container1 {
+    padding: 0px; /* No padding for very small screens */
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .shape, .shapedown {
+    height: 30px; /* Further adjust the height for very small screens */
+  }
+
+  .first-cup img, .second-cup img, .third-cup img, .others img {
+    margin-left: -40px; /* Further adjust margins for very small screens */
+  }
+
+  .prize {
+    padding: 6vw 6vh; /* Adjust padding for very small screens */
+  }
+}