rec link added

E-HAX · Dec 12, 2024 · e921147 · e921147
1 parent 5df9086
commit e921147
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 0 deletions.
diff --git a/src/app/page.module.css b/src/app/page.module.css
@@ -73,3 +73,34 @@
 .discordlink {
   text-decoration: none;
 }
+
+.recAlert {
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  margin-top: 24px;
+  border: 2px solid var(--text);
+  background: var(--background);
+  padding: 10px;
+  text-align: center;
+}
+.recAlert a {
+  color: var(--text);
+}
+.recAlert h3 {
+  font-size: 18px;
+}
+
+.recAlertlogo {
+  margin-right: 10px;
+}
+
+@media only screen and (max-width: 500px) {
+  .recAlertlogo {
+    margin: 0px;
+    margin-right: 15px;
+  }
+  .desc {
+    font-size: 18px;
+  }
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,6 +1,7 @@
 import { FaDiscord } from "react-icons/fa";
 import Button from "./components/Button";
 import styles from "./page.module.css";
+import { GoAlertFill } from "react-icons/go";
 
 export default function Home() {
 
@@ -14,6 +15,14 @@ export default function Home() {
           <a href="https://discord.gg/ZahW64GeWB" target="__blank" className={styles.discordlink} draggable={false}>
           <Button className={styles.discordbtn}><FaDiscord size={25} /> Enter Discord!</Button>
           </a>
+          <div className={styles.recAlert}>
+            <div className={styles.recAlertlogo}>
+              <GoAlertFill fontSize={35} />
+            </div>
+            <div>
+              <h3><a href="https://chat.whatsapp.com/IBLzrx3MTvwJQOZ30WLyAU">Recruitement CTF on 12 Jan!!!</a></h3>
+            </div>
+          </div>
         </div>
 
         {/* <div className={styles.about}>