fix(conflicts):ctf

gtech-mulearn · Oct 4, 2023 · 6dc59b2 · 6dc59b2
2 parents c3a9682 + eafdf83
commit 6dc59b2
Show file tree

Hide file tree

Showing 10 changed files with 818 additions and 6 deletions.
diff --git a/src/App.js b/src/App.js
@@ -32,7 +32,7 @@ import CommunityLanding from "./Pages/CommunityLanding/CommunityLanding";
 import CampusLogoGenerator from "./Pages/CampusLogoGen/CampusLogoGen";
 import TermsAndCondition from "./Pages/TermsAndCondition/TermsAndCondition";
 import PrivacyPolicy from "./Pages/PrivacyPolicy/PrivacyPolicy";
-
+import Cyberpunk from "./Pages/Top100C/Top100C"
 //import redirects from "./redirects.json"
 import Redirection from "./Components/Redirection/Redirection";
 import Layout from "./Layout";
@@ -88,7 +88,7 @@ function App() {
             }
           /> */}
           <Route path="mutech/leaderboard" element={<MutechLeaderboard />} />
-
+          <Route path="/top100coders" element={<Cyberpunk />} />
           <Route path="/careers" element={<Career />} />
           <Route path="*" element={<NotFound isLoaded={isLoaded} />} />
           <Route path="/termsandconditions" element={<TermsAndCondition />} />

diff --git a/src/Pages/CapTF/Spiderman.jsx b/src/Pages/CapTF/Spiderman.jsx
@@ -34,15 +34,16 @@ const Spiderman = () => {
         color: "white",
         filter: "grayscale(100%)", // added this line to make the image monochrome
         textShadow: "0px 0px 10px white", // added this line to add a horror effect to the text
+        textAlign: "center", // added this line to center the text
       }}
     >
-      <img src="/assets/captf/displaynun.jpg" alt="" />
+      <img src="/assets/captf/displaynun.jpg" alt="" style={{maxWidth: "80vw"}}/>
       <p
         style={{
           fontSize: "3rem", // added this line to increase the font size
         }}
       >
-        Here is your flag{" "}
+        Here is your flag
         <span style={{ display: "none", color: "#000000", textShadow: "none" }}>
           {flag}
         </span>
@@ -61,12 +62,27 @@ const Spiderman = () => {
             borderRadius: "5px",
             marginTop: "20px",
             cursor: "pointer",
-            boxShadow: "0px 0px 10px white", // added this line to add a horror effect to the button
           }}
         >
-          Next
+          GoTo Next Level
         </button>
       </a>
+      <br />
+      <p>
+        Don't click away in a hurry. <br />
+        Make sure you find the flag.
+      </p>
+      <div style={{ marginTop: "20px", display: "flex", flexDirection: "column", alignItems: "center" }}>
+        <p style={{ fontSize: "1.5rem", fontWeight: "bold", marginBottom: "10px" }}>Don't have a laptop? Don't worry!</p>
+        <input type="text" onChange={(e) => setKey(e.target.value)} style={{ padding: "10px", borderRadius: "5px", border: "none", boxShadow: "0px 0px 10px white", backgroundColor: "black", color: "white", marginBottom: "10px" }} placeholder="Enter the key to unlock" />
+        <button onClick={() => {
+          if (key === "display: none;") {
+            alert("BeWebFlag");
+          } else {
+            alert("Wrong answer. Try again!");
+          }
+        }} style={{ backgroundColor: "white", color: "black", padding: "10px 20px", border: "none", borderRadius: "5px", cursor: "pointer", boxShadow: "0px 0px 10px white" }}>Submit</button>
+      </div>
     </div>
   );
 };