added certificates to the website and updated teampage UI

components/cards/MemberCard.module.scss

@@ -7,8 +7,6 @@
   flex-direction: column;
   border-radius: 30px;
   margin: 5px 20px;
-
-  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.185));
   img {
     height: 240px;
     width: auto;
@@ -27,15 +25,6 @@
     }
   }
 }
-.studentCard:hover {
-  background-color: rgba(255, 170, 0, 0.726);
-  transition: 1s;
-  img {
-    border-radius: 0;
-    transition: 0.4s;
-  }
-}
-
 #gdscLeadAnimation {
   opacity: 0;
   animation: slideUp 1.5s 0.4s forwards;

components/homepage/Landing.js

@@ -21,7 +21,6 @@ function Landing() {
           />
         </div>
       </section>
-      <section id={styles.landingPageDesign} />
     </div>
   );
 }

components/homepage/Landing.module.scss

@@ -35,18 +35,11 @@
   }
 }
 
-#landingPageDesign {
-  filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.123));
-  height: 25vh;
-  width: 100%;
-  background-color: rgb(255, 255, 255);
-  position: relative;
-}
-
 #gdscIntro {
   display: flex;
   flex-direction: column;
   justify-content: center;
+  align-items: center;
   p {
     width: 40vw;
     padding-left: 6vw;

components/layout/Layout.js

@@ -6,6 +6,7 @@ import Navbar from "./navbar/Navbar";
 function Layout({ children }) {
   const [active, setActive] = useState(false);
   const [visible, setVisible] = useState(false);
+
   useEffect(() => {
     if (typeof window !== "undefined") {
       window.addEventListener("scroll", () =>

pages/certificates/PDF.js

@@ -0,0 +1,60 @@
+// import GDSCNITANDHRA_WS2022_WEB_001 from "../../public/certificates/page_001.pdf";
+// import GDSCNITANDHRA_WS2022_GGH_001 from "../../public/certificates/page_002.pdf";
+// import GDSCNITANDHRA_WS2022_WEB_002 from "../../public/certificates/page_003.pdf";
+// import GDSCNITANDHRA_WS2022_GGH_002 from "../../public/certificates/page_004.pdf";
+// import GDSCNITANDHRA_WS2022_WEB_003 from "../../public/certificates/page_005.pdf";
+// import GDSCNITANDHRA_WS2022_GGH_003 from "../../public/certificates/page_006.pdf";
+// import GDSCNITANDHRA_WS2022_WEB_004 from "../../public/certificates/page_007.pdf";
+// import GDSCNITANDHRA_WS2022_GGH_004 from "../../public/certificates/page_008.pdf";
+// import GDSCNITANDHRA_WS2022_WEB_005 from "../../public/certificates/page_009.pdf";
+// import GDSCNITANDHRA_WS2022_GGH_005 from "../../public/certificates/page_010.pdf";
+// import GDSCNITANDHRA_WS2022_WEB_006 from "../../public/certificates/page_011.pdf";
+// import GDSCNITANDHRA_WS2022_GGH_006 from "../../public/certificates/page_012.pdf";
+// import GDSCNITANDHRA_WS2022_DSA_006 from "../../public/certificates/page_013.pdf";
+// import GDSCNITANDHRA_WS2022_WEB_007 from "../../public/certificates/page_014.pdf";
+// import GDSCNITANDHRA_WS2022_GGH_007 from "../../public/certificates/page_015.pdf";
+// import GDSCNITANDHRA_WS2022_WEB_008 from "../../public/certificates/page_016.pdf";
+// import GDSCNITANDHRA_WS2022_GGH_008 from "../../public/certificates/page_017.pdf";
+// import GDSCNITANDHRA_WS2022_GGH_009 from "../../public/certificates/page_018.pdf";
+// import GDSCNITANDHRA_WS2022_WEB_010 from "../../public/certificates/page_019.pdf";
+// import GDSCNITANDHRA_WS2022_WEB_011 from "../../public/certificates/page_020.pdf";
+
+const certificatePairs = {
+  GDSCNITANDHRA_WS2022_WEB_001: "./page_001.pdf",
+  GDSCNITANDHRA_WS2022_GGH_001: "./page_002.pdf",
+  GDSCNITANDHRA_WS2022_WEB_002: "./page_003.pdf",
+  GDSCNITANDHRA_WS2022_GGH_002: "./page_004.pdf",
+  GDSCNITANDHRA_WS2022_WEB_003: "./page_00.5pdf",
+  GDSCNITANDHRA_WS2022_GGH_003: "./page_006.pdf",
+  GDSCNITANDHRA_WS2022_WEB_004: "./page_007.pdf",
+  GDSCNITANDHRA_WS2022_GGH_004: "./page_008.pdf",
+  GDSCNITANDHRA_WS2022_WEB_005: "./page_009.pdf",
+  GDSCNITANDHRA_WS2022_GGH_005: "./page_010.pdf",
+  GDSCNITANDHRA_WS2022_WEB_006: "./page_011.pdf",
+  GDSCNITANDHRA_WS2022_GGH_006: "./page_012.pdf",
+  GDSCNITANDHRA_WS2022_DSA_006: "./page_013.pdf",
+  GDSCNITANDHRA_WS2022_WEB_007: "./page_014.pdf",
+  GDSCNITANDHRA_WS2022_GGH_007: "./page_015.pdf",
+  GDSCNITANDHRA_WS2022_WEB_008: "./page_016.pdf",
+  GDSCNITANDHRA_WS2022_GGH_008: "./page_017.pdf",
+  GDSCNITANDHRA_WS2022_GGH_009: "./page_018.pdf",
+  GDSCNITANDHRA_WS2022_WEB_010: "./page_019.pdf",
+  GDSCNITANDHRA_WS2022_WEB_011: "./page_020.pdf",
+};
+
+function PDF({ id }) {
+  return (
+    <iframe
+      style={{
+        height: "100%",
+        width: "100%",
+        position: "absolute",
+        zIndex: "100",
+      }}
+      src={certificatePairs[id]}
+      allow="autoplay"
+    />
+  );
+}
+
+export default PDF;

pages/certificates/[id].js

@@ -0,0 +1,11 @@
+import { useRouter } from "next/router";
+import dynamic from "next/dynamic";
+const Load = dynamic(() => import("./PDF.js"), { ssr: false });
+
+function Id() {
+  const router = useRouter();
+  const { id } = router.query;
+  return <Load id={id} />;
+}
+
+export default Id;

pages/contact/Contact.module.scss

@@ -3,11 +3,6 @@
   width: 100%;
 }
 
-#page {
-  height: auto;
-  width: 100%;
-}
-
 @keyframes slideUp {
   0% {
     transform: translateY(10vw);
@@ -45,6 +40,7 @@
 #contactUsForm {
   width: 50%;
   height: 60vh;
+  margin-bottom: 5vh;
   opacity: 0;
   display: flex;
   flex-direction: column;
@@ -76,26 +72,6 @@
   background-color: rgb(14, 176, 95);
 }
 
-#socialLinks {
-  margin: 7vh 10%;
-  font-size: 2rem;
-  display: flex;
-  flex-direction: row;
-  p {
-    margin-right: 2.5%;
-  }
-  img {
-    height: 7vh;
-    width: 7vh;
-    margin: 0 4px;
-    transition: 0.2s ease-in-out;
-  }
-  img:hover {
-    transform: translateY(-0.5vh);
-    filter: drop-shadow(0 10px 5px rgba(0, 0, 0, 0.137));
-  }
-}
-
 @media only screen and (max-width: 450px) {
   #contactContainer {
     flex-direction: column;
@@ -112,23 +88,6 @@
   #submitButton {
     width: 60%;
   }
-
-  #socialLinks {
-    margin: 0 5%;
-    display: flex;
-    justify-content: space-evenly;
-    font-size: 1.3rem;
-    img {
-      height: 10vw;
-      width: 10vw;
-      margin: 0 1vw;
-    }
-    p {
-      height: 10vw;
-      display: flex;
-      align-items: center;
-    }
-  }
 }
 @media only screen and (max-width: 380px) and (max-height: 455px) {
   #contactContainer {

pages/contact/index.js

@@ -13,8 +13,6 @@ function Contact() {
   return (
     <>
       <h1 id={styles.contactHeading}>Contact Us</h1>
-      <Image id={styles.page} src={page} alt="" />
-
       <div id={styles.contactContainer}>
         {/* <form
           action="mailto:[email protected]"
@@ -49,27 +47,6 @@ function Contact() {
         <IframeComponent id={styles.contactUsForm} />
         <Image priority={true} src={curiousity} alt="" />
       </div>
-
-      <div id={styles.socialLinks}>
-        <p>Lets connect! </p>
-        <div>
-          <Link
-            href="https://www.linkedin.com/company/gdscnitandhra/"
-            target={"_blank"}
-          >
-            <Image src={linkedin} alt="linkedin" />
-          </Link>
-          <Link href="mailto:[email protected]" target={"_blank"}>
-            <Image src={mail} alt="mail" />
-          </Link>
-          <Link href="https://twitter.com/gdscnitandhra" target={"_blank"}>
-            <Image src={twitter} alt="twitter" />
-          </Link>
-          <Link href="https://www.youtube.com/@gdscnitandhra">
-            <Image src={youtube} alt="youtube" />
-          </Link>
-        </div>
-      </div>
     </>
   );
 }