Merge pull request #56 from E-cell-NITS/someminorchanges

UPD:url add in sidelinks & brochure btn
Ecell-NITS · Aug 27, 2023 · 4f87359 · 4f87359
2 parents c29ad36 + 449e8e3
commit 4f87359
Show file tree

Hide file tree

Showing 6 changed files with 98 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,11 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Srijan 2023</title>
+    <link
+      rel="icon"
+      href="https://res.cloudinary.com/dp92qug2f/image/upload/v1692721416/SriGen4.0/coming%20soon/6-removebg-preview_bnogvg.webp"
+    />
+    <title>SriGen 2023</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/Components/Sidelinks/Sidelinks.jsx b/src/Components/Sidelinks/Sidelinks.jsx
@@ -1,19 +1,40 @@
+/* eslint-disable jsx-a11y/control-has-associated-label */
 import React from "react";
 import { FiFacebook, FiLinkedin } from "react-icons/fi";
 import { AiOutlineInstagram } from "react-icons/ai";
 import style from "./Sidelinks.module.scss";
 
 const Sidelinks = () => {
+  const handleLinkedin = () => {
+    window.open("https://www.linkedin.com/company/srijan-nit-silchar", "_blank");
+  };
+
+  const handleFacebook = () => {
+    window.open("https://www.facebook.com/srijan.nits", "_blank");
+  };
+
+  const handleInstagram = () => {
+    window.open("https://www.instagram.com/srijan_nits/?hl=en", "_blank");
+  };
+
   return (
     <div className={style.iconcontainer}>
       <div className={style.iconimgcont}>
-        <FiLinkedin className={style.icon} />
+        <button onClick={handleLinkedin}>
+          <FiLinkedin className={style.icon} />
+        </button>
       </div>
       <div className={style.iconimgcont}>
-        <FiFacebook className={style.icon} />
+        <button onClick={handleFacebook}>
+          {" "}
+          <FiFacebook className={style.icon} />
+        </button>
       </div>
       <div className={style.iconimgcont}>
-        <AiOutlineInstagram className={style.icon} />
+        <button onClick={handleInstagram}>
+          {" "}
+          <AiOutlineInstagram className={style.icon} />
+        </button>
       </div>
       <div className={style.iconimgcont}>
         <img src="/images/Line1.png" alt="line" />

diff --git a/src/Components/Sidelinks/Sidelinks.module.scss b/src/Components/Sidelinks/Sidelinks.module.scss
@@ -7,17 +7,27 @@
   align-items: center;
   justify-content: space-between;
   top: 7rem;
+  z-index: 1000;
   .iconimgcont {
     .icon {
-      font-size: 2.5em;
+      font-size: 2.6vw;
       color: var(--srijan-white-1);
     }
+    button {
+      cursor: pointer;
+      background: transparent;
+      border: none;
+      outline: none;
+    }
   }
 }
 
-@media (max-width: 1000px) {
+@media (max-width: 1100px) {
   .iconcontainer {
     .iconimgcont {
+      .icon {
+        font-size: 4.2vw;
+      }
       width: 80%;
       display: flex;
       justify-content: center;
@@ -27,16 +37,8 @@
 
 @media (max-width: 640px) {
   .iconcontainer {
-    .iconimgcont {
-      width: 60%;
-    }
+    display: none;
   }
 }
 
-@media (max-width: 359px) {
-  .iconcontainer {
-    .iconimgcont {
-      width: 60%;
-    }
-  }
-}
+//sidelinks.css
diff --git a/src/Pages/ComingSoon/Comingsoon.jsx b/src/Pages/ComingSoon/Comingsoon.jsx
@@ -9,6 +9,12 @@ const Comingsoon = () => {
   // const bgColor = "transparent";
   const spanColor = "var(--srijan4-gradient-8)";
 
+  const handleGoToBrochure = () => {
+    window.open(
+      "https://drive.google.com/file/d/13_UqI2r2NkvjfC_lIkhcehV7pebS5Az3/view?usp=sharing",
+      "_blank"
+    );
+  };
   return (
     <div className={styles.tophead}>
       <div className={styles.main_content_comingsoon}>
@@ -369,6 +375,12 @@ const Comingsoon = () => {
           />
         </div>
       </div>
+
+      <div className={styles.btnholder_brochure}>
+        <button onClick={handleGoToBrochure} className={styles.button_download_bro}>
+          Download Brochure
+        </button>
+      </div>
     </div>
   );
 };

diff --git a/src/Pages/ComingSoon/Comingsoon.module.scss b/src/Pages/ComingSoon/Comingsoon.module.scss
@@ -292,6 +292,25 @@ $animationmobilespeed: 32s;
   }
 }
 
+.btnholder_brochure {
+  padding-bottom: 5vw;
+  .button_download_bro {
+    display: block;
+    color: white;
+    background: var(--srijan4-gradient-1);
+    padding: 0.5vw 2vw;
+    border: none;
+    outline: none;
+    margin: 2vw auto;
+    cursor: pointer;
+    font-weight: 600;
+    font-family: var(--srijan4-font-1);
+    border-radius: 20px;
+    transition: all 0.25s ease-in-out;
+    font-size: 1.25vw;
+  }
+}
+
 @media (max-width: 900px) and (min-width: 661px) {
   .srigen {
     position: absolute;
@@ -331,6 +350,15 @@ $animationmobilespeed: 32s;
 }
 
 @media (max-width: 660px) {
+  //comingsoon.module.scss
+
+  //line334
+
+  .topimg {
+    img {
+      width: 50px;
+    }
+  }
   .diamond {
     position: absolute;
     top: 60%;
@@ -477,7 +505,7 @@ $animationmobilespeed: 32s;
   }
 
   .tshirtsection {
-    margin-top: 15vw;
+    margin-top: 23vw;
     h1 {
       padding-bottom: 10vw;
       span {
@@ -502,6 +530,19 @@ $animationmobilespeed: 32s;
       }
     }
   }
+
+  .btnholder_brochure {
+    padding-bottom: 5vw;
+    .button_download_bro {
+      display: block;
+      color: white;
+      background: var(--srijan4-gradient-1);
+      padding: 2vw 6vw;
+      margin: 4vw auto;
+      border-radius: 10px;
+      font-size: 3vw;
+    }
+  }
 }
 
 @media (max-width: 540px) {

diff --git a/src/Pages/Sponsors/Sponsors.module.scss b/src/Pages/Sponsors/Sponsors.module.scss
@@ -202,7 +202,7 @@
     font-size: 1.25rem;
     line-height: 1.875rem;
     text-align: center;
-    margin-bottom: 1rem;
+    margin-bottom: 9vw;
   }
   .prevSponsors {
     display: none;