diff --git a/components/cards/CourseCard.js b/components/cards/CourseCard.js index ffb067f..04aec03 100644 --- a/components/cards/CourseCard.js +++ b/components/cards/CourseCard.js @@ -10,12 +10,6 @@ function CourseCard({ imgURL, courseName, courseDescription }) {

{courseName}

{courseDescription}

-
- - learn more - - -
); diff --git a/components/cards/CourseCard.module.scss b/components/cards/CourseCard.module.scss index 48db54d..aaa9e00 100644 --- a/components/cards/CourseCard.module.scss +++ b/components/cards/CourseCard.module.scss @@ -25,26 +25,6 @@ } .courseDescription { font-size: 1rem; - } - .knowMore { - display: flex; - align-items: center; - justify-content: center; - a { - margin: 10px 0; - color: rgb(0, 87, 141); - } - .arrow { - height: 1rem; - width: auto; - } - } - .knowMore:hover { - transform: translateX(-2.5px); - transition: 0.2s ease-in-out; - .arrow { - transform: translateX(5px); - transition: 0.2s ease-in-out; - } + margin-bottom: 20px; } } diff --git a/components/cards/EventCard.js b/components/cards/EventCard.js new file mode 100644 index 0000000..5ae41d5 --- /dev/null +++ b/components/cards/EventCard.js @@ -0,0 +1,43 @@ +import styles from "./EventCard.module.scss"; +import demoDay from "../../images/demoDay.png"; +import speaker from "../../images/speaker.png"; +import studyJam from "../../images/studyJam.jpg"; +import winterSchool from "../../images/winterSchool.png"; +import solutionChallange from "../../images/solutionChallenge.png"; +import sellular from "../../images/sellular.png"; +import Image from "next/image"; +import Link from "next/link"; + +const EventCard = ({ props }) => { + const image = props.image; + const title = props.title; + const date = props.date; + const content = props.content; + const href = props.href; + + const selectImg = (image) => { + if (image === "winterSchool") { + return winterSchool; + } else if (image === "demoDay") { + return demoDay; + } else if (image === "speaker") { + return speaker; + } else if (image === "solutionChallenge") { + return solutionChallange; + } else if (image === "sellular") { + return sellular; + } else { + return studyJam; + } + }; + return ( + + +

{date}

+

{title}

+

{content}

+ + ); +}; + +export default EventCard; diff --git a/pages/events/Past.module.scss b/components/cards/EventCard.module.scss similarity index 52% rename from pages/events/Past.module.scss rename to components/cards/EventCard.module.scss index 19538fa..c1db773 100644 --- a/pages/events/Past.module.scss +++ b/components/cards/EventCard.module.scss @@ -1,26 +1,7 @@ -#pastEvents { - display: flex; - flex-wrap: wrap; - - justify-content: center; -} -@keyframes slideUp { - 0% { - transform: translateY(10vh); - opacity: 0; - } - 100% { - transform: translateY(0vh); - opacity: 1; - } -} - .eventCard { width: 250px; height: auto; margin: 10px 15px; - background-color: white; - filter: drop-shadow(0 2px 3px rgba(114, 114, 114, 0.386)); animation: slideUp 0.8s 0s forwards; .eventCardImage { width: 230px; @@ -32,23 +13,27 @@ } p { text-align: center; - margin: 0; - width: 100%; + margin: 2px auto; + width: 90%; } .eventCardDate { color: rgb(45, 45, 45); + font-weight: 600; + font-size: 0.9rem; } .eventCardTitle { - font-size: 1.3rem; - background-color: rgba(0, 0, 0, 0.058); + font-size: 1.2rem; + color: black; + font-weight: 600; } .eventCardContent { color: rgb(67, 67, 67); + font-size: 0.9rem; margin-bottom: 10px; } } .eventCard:hover { background-color: rgb(250, 250, 250); - filter: drop-shadow(0 2px 3px rgba(1, 0, 0, 0.476)); + filter: drop-shadow(0 2px 3px rgba(1, 0, 0, 0.1)); } diff --git a/components/team/Card.js b/components/cards/MemberCard.js similarity index 88% rename from components/team/Card.js rename to components/cards/MemberCard.js index 7f222b9..65ca11a 100644 --- a/components/team/Card.js +++ b/components/cards/MemberCard.js @@ -1,5 +1,5 @@ import Image from "next/image"; -import styles from "./Card.module.scss"; +import styles from "./MemberCard.module.scss"; function Card({ name, role, imageURL }) { return ( diff --git a/components/team/Card.module.scss b/components/cards/MemberCard.module.scss similarity index 91% rename from components/team/Card.module.scss rename to components/cards/MemberCard.module.scss index 12080b0..b07b777 100644 --- a/components/team/Card.module.scss +++ b/components/cards/MemberCard.module.scss @@ -1,15 +1,16 @@ .studentCard { - width: 300px; + width: 240px; height: auto; margin-bottom: 5%; overflow: hidden; display: flex; flex-direction: column; - border-radius: 50px; + border-radius: 30px; + margin: 5px 20px; filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.185)); img { - height: 300px; + height: 240px; width: auto; border-radius: 50%; object-fit: cover; diff --git a/components/floatingObjects/Floaters.module.scss b/components/floatingObjects/Floaters.module.scss index 3928029..d3055c2 100644 --- a/components/floatingObjects/Floaters.module.scss +++ b/components/floatingObjects/Floaters.module.scss @@ -69,7 +69,8 @@ border-bottom: 10vh solid #f00; } .animation_3 { - top: 60vh; + top: 20vh; + right: -30vw; height: 19vh; width: 19vh; } diff --git a/components/homepage/Info.js b/components/homepage/Info.js index 445dd52..04199fb 100644 --- a/components/homepage/Info.js +++ b/components/homepage/Info.js @@ -6,6 +6,8 @@ import idea from "../../images/idea.png"; import team from "../../images/team6.gif"; import events from "../../images/team2.gif"; import Link from "next/link"; +import content from "../../content/content.json"; +import { useEffect, useState } from "react"; const Card = ({ imageURL, title, content, color }) => { return ( @@ -31,7 +33,7 @@ const LearnMoreCard = ({ return (
{title}
@@ -52,26 +54,20 @@ const Info = () => { @@ -82,9 +78,7 @@ const Info = () => { title={"Meet our team!"} buttonMessage={"Our Team"} linkTo={"teams"} - message={ - "klaeff fabefbefkea ufeu uehfheau hh uhfu hf fuhfuf rhfr uih hurh ru wru ur rhru urwrhwuoiefo " - } + message={content.homePage.meetOurTeam} /> { buttonMessage={"Visit Events"} title={"Learn about our Events"} linkTo={"events"} - message={ - "klaeff fabefbefkea ufeu uehfheau hh uhfu hf fuhfuf rhfr uih hurh ru wru ur rhru urwrhwuoiefo " - } + message={content.homePage.ourEvents} />
diff --git a/components/homepage/Info.module.scss b/components/homepage/Info.module.scss index b330525..b13ccdd 100644 --- a/components/homepage/Info.module.scss +++ b/components/homepage/Info.module.scss @@ -12,7 +12,7 @@ } .infoCard { - height: 60vh; + min-height: 60vh; margin-top: 2vh; border-radius: 10px; @@ -37,14 +37,14 @@ } } .LearnMoreCard { - width: 80%; - height: 60vh; + width: 70%; + max-height: 60vh; display: flex; flex-direction: row; - margin: 0 10%; + margin: 0 auto; img { - height: inherit; - width: auto; + height: auto; + width: 50%; } div { display: flex; @@ -79,12 +79,15 @@ } } } +#LearnMoreCardReverse { + flex-direction: row-reverse; +} #learnMoreContainer { margin: 5vh 0; } -@media only screen and (max-width: 450px) { +@media only screen and (max-width: 600px) { #infoCards { flex-direction: column; } @@ -95,9 +98,10 @@ } } .LearnMoreCard { - height: 30vh; + min-height: 30vh; + flex-direction: column; img { - width: 40vw; + width: 100%; height: auto; } div { @@ -110,10 +114,14 @@ width: 100%; } .infoButton { - width: 90%; + width: 50%; + margin: 0 auto; height: 1.8rem; font-size: 1rem; } } } + #LearnMoreCardReverse { + flex-direction: column; + } } diff --git a/components/homepage/Landing.js b/components/homepage/Landing.js index fb413f7..0bb8eab 100644 --- a/components/homepage/Landing.js +++ b/components/homepage/Landing.js @@ -1,7 +1,8 @@ import Image from "next/image"; import styles from "./Landing.module.scss"; import gdscLogo from "../../images/gdscLogo.png"; -import planet from "../../images/team4.gif"; +import team from "../../images/team4.gif"; +import content from "../../content/content.json"; function Landing() { return ( @@ -10,14 +11,14 @@ function Landing() {
-

- A community of developers, designers and tech nerds who desire to - learn, educate and grow. At GDSC NIT AP, we provide a platform for - individuals to learn, develop, collaborate, exchange ideas and - grow together -

+

{content.homePage.about}

- teamwork + teamwork
diff --git a/components/layout/footer/Footer.js b/components/layout/footer/Footer.js index 093e9dd..630711d 100644 --- a/components/layout/footer/Footer.js +++ b/components/layout/footer/Footer.js @@ -1,10 +1,11 @@ import styles from "./Footer.module.scss"; import linkedin from "../../../images/footer/linkedin.svg"; import twitter from "../../../images/footer/twitter.svg"; -import facebook from "../../../images/footer/facebook.svg"; +import youtube from "../../../images/footer/youtube.svg"; import mail from "../../../images/footer/mail.svg"; import Image from "next/image"; import GDSCLogo from "../../../images/gdscBW.png"; +import Link from "next/link"; function Footer() { return ( @@ -14,19 +15,36 @@ function Footer() {

Find us on

- linkedin - twitter - mail - facebook + + linkedin + + + twitter + + + mail + + + youtube +
diff --git a/components/layout/footer/Footer.module.scss b/components/layout/footer/Footer.module.scss index f9a3dc6..82af004 100644 --- a/components/layout/footer/Footer.module.scss +++ b/components/layout/footer/Footer.module.scss @@ -36,10 +36,6 @@ width: 6vh; opacity: 0.5; } - #footerFacebookLogo { - height: 5vh; - width: 5vh; - } img:hover { transform: scale(1.1); opacity: 1; @@ -80,10 +76,6 @@ width: 4vh; } } - #footerFacebookLogo { - height: 3vh; - width: 3vh; - } } } } diff --git a/content/content.json b/content/content.json new file mode 100644 index 0000000..01acf63 --- /dev/null +++ b/content/content.json @@ -0,0 +1,16 @@ +{ + "homePage": { + "about": "We, GDSC-NITAP are a university-based community group with the aim of arming every developer with an arsenal of all the relevant google technologies to aid them in achieving their vision.", + "aboutWhat": "Google developer student clubs is an initiative launched by Google to bring together students interested in Google Developer Technologies and associated skills in a peer-to-peer learning environment.", + "aboutWhy": "Learn about a range of technical topics and gain new skills through hands-on workshops, events, talks, and project-building activities online and in-person.", + "aboutWho": "It is mainly focused on university students with a passion to learn and build solutions with technology and be a part of the change.", + "meetOurTeam": "We are a group of creative Designers, hardworking Developers & productive Event Managers who work towards teaching, learning and building scalable solutions.", + "ourEvents": "We intend to bridge the gap between theory and practice, by making students aware of technologies that can help them tackle problems." + }, + "eventsPage": { + "about": "Through events, we aim to foster interdisciplinary collaboration to inspire projects and solutions that help people in campus, local, or global communities." + }, + "galleryPage": { + "description": "GDSC-NITAP has conducted over 12 events and you can find a few captured moments, here." + } +} diff --git a/content/events.json b/content/events.json index 66141ec..8c2c8c8 100644 --- a/content/events.json +++ b/content/events.json @@ -98,5 +98,23 @@ "image": "infoSession", "href": "https://gdsc.community.dev/events/details/developer-student-clubs-national-institute-of-technologynit-andhra-pradesh-presents-info-session/" } + ], + "upcomingEvents": [ + { + "image": "solutionChallenge", + "title": "Solution Challenge - Design Day", + "date": "FEB 23, 2023", + "content": "WORKSHOP / STUDY GROUP", + "href": "https://gdsc.community.dev/events/details/developer-student-clubs-national-institute-of-technologynit-andhra-pradesh-presents-solution-challenge-design-day/" + } + ], + "MoU": [ + { + "image": "sellular", + "title": "Sellular Community", + "date": "JAN 23, 2023", + "content": "Memorandum of Understanding", + "href": "#" + } ] } diff --git a/content/team.js b/content/team.js new file mode 100644 index 0000000..7c151dd --- /dev/null +++ b/content/team.js @@ -0,0 +1,81 @@ +import i1 from "../images/team/1669279259540 - Sushil Shinde.jpg"; +import i2 from "../images/team/20221124_082459 - PADURU VIGNATEJ REDDY NIT AP.jpg"; +import i3 from "../images/team/320113-2-2-2 - GORE SHREYASH DATTA NITAP.jpg"; +import i4 from "../images/team/420228 - RANGU LAYA NIT AP.jpg"; +import i5 from "../images/team/422169 - KARNATI CHARAN 422169.jpg"; +import i6 from "../images/team/821110 - Nikhil Madasu.jpg"; +import i7 from "../images/team/c036c5af-4efb-4a2c-a476-8a5c391c6388 - 21.jpg"; +import i8 from "../images/team/Document 36_1 - NAVANEETH K NAMPOOTHIRI NIT AP.jpg"; +import i9 from "../images/team/IMG-20220808-WA0007 - CHEVVA ASHISH REDDY NIT AP.jpg"; +import i10 from "../images/team/IMG-20220909-WA0000 - RAVIRAJ MAGAR NIT AP (1).jpg"; +import i11 from "../images/team/IMG20220122195553_2 - AYUSH POONIA NIT AP.jpg"; +import i12 from "../images/team/IMG20221002124615 - ABHIMANYU TIWARI NIT AP.jpg"; +import i13 from "../images/team/IMG20230127111217_2[1] - KORUPROLU MOHAN NIT AP.jpg"; +import i14 from "../images/team/IMG_20221123_225851 - Reconnecting.jpg"; +import i15 from "../images/team/IMG_20221123_235128_261 - Mamoor Jaan Khan.jpg"; +import i16 from "../images/team/IMG_20221124_205434 - SAI KIRAN DHULIPUDI NIT AP.jpg"; +import i17 from "../images/team/IMG_20221124_220749 - Meghana Kankipati.jpg"; +import i18 from "../images/team/IMG_20221124_234644 - Vivek Kumar.jpg"; +import i19 from "../images/team/IMG_20230122_183538_695 - ASEEM GUPTA 121103.jpg"; +import i20 from "../images/team/IMG_4856_COMPRESSED1 - Mayank Kumar Sain.jpg"; +import i21 from "../images/team/InCollage_20220613_004907150_3 - GORE SHREYASH DATTA NIT AP.jpg"; +import i22 from "../images/team/My_Photo - VALLAMKONDU SAI VARUN NIT AP.JPG"; +import i23 from "../images/team/Narasimha - PALLA LAKSHMI NARASIMHA 521208.jpg"; +import i24 from "../images/team/out. (8) - MALLADI SRI SIVA SAI SANJAY 221118.jpg"; +import i25 from "../images/team/passport size photo - Gajji Prem Kumar.JPG"; +import i26 from "../images/team/photo_1 - ANANYA RAVI 421104.jpg"; +import i27 from "../images/team/picture - ARCHANA MANJUNATH 421109.jpeg"; +import i28 from "../images/team/Siliveri Sriharshini 621251 - SILIVERI SRIHARSHINI 621251.png"; +import i29 from "../images/team/vivek pic 1 - VIVEK RANJAN 421274.jpg"; +import i30 from "../images/team/Vobugari Raja Karthik - Raja Karthik.jpg"; +import i31 from "../images/team/WhatsApp Image 2022-11-24 at 18.53.15 - PASUMARTHY SATHVIKA NIT AP.jpeg"; +import i32 from "../images/team/mano.jpg"; + +const teams = { + core: [ + { name: "MAMOOR JAAN KHAN", imgURL: i15, role: "Development Lead" }, + { + name: "VOBUGARI RAJA KARTHIK", + imgURL: i30, + role: "Senior Web Developer", + }, + { + name: "SHREYASH GOYAL", + imgURL: i21, + role: "Public Relations and OutReach Lead", + }, + { name: "NAVANEETH K NAMPOOTHIRI", imgURL: i8 }, + { name: "ANANYA RAVI", imgURL: i26 }, + { name: "PADURU VIGNATEJ REDDY", imgURL: i2 }, + { name: "PRANAV", imgURL: i7 }, + { name: "RANGU LAYA", imgURL: i4 }, + { name: "ASEEM GUPTA", imgURL: i19 }, + { name: "VIKRAM SABLE", imgURL: i14 }, + { name: "MANO W", imgURL: i32 }, + { name: "DEVESH KHICHAR", imgURL: i3 }, + { name: "KORUPROLU MOHAN", imgURL: i13 }, + { name: "ARCHANA MANJUNATH", imgURL: i27 }, + { name: "CHEVVA ASHISH REDDY", imgURL: i9 }, + { name: "AYUSH POONIA", imgURL: i11 }, + { name: "ABHIMANYU TIWARI", imgURL: i12 }, + { name: "VIVEK KUMAR", imgURL: i18 }, + { name: "MAYANK KUMAR SAIN", imgURL: i20 }, + { name: "VALLAMKONDU SAI VARUN", imgURL: i22 }, + { name: "RAVIRAJ MAGAR", imgURL: i10 }, + { name: "VIVEK RANJAN", imgURL: i29 }, + { name: "SAI KIRAN DHULIPUDI", imgURL: i16 }, + { name: "GAJJI PREM KUMAR", imgURL: i25 }, + { name: "MEGHANA KANKIPATI", imgURL: i17 }, + { name: "PASUMARTHY SATHVIKA", imgURL: i31 }, + { name: "SUSHIL SHINDE", imgURL: i1 }, + ], + others: [ + { name: "SILIVERI SRIHARSHINI", imgURL: i28 }, + { name: "KARNATI CHARAN", imgURL: i5 }, + { name: "NIKHIL MADASU", imgURL: i6 }, + { name: "PALLA LAKSHMI NARASIMHA", imgURL: i23 }, + { name: "MALLADI SRI SIVA SAI SANJAY", imgURL: i24 }, + ], +}; + +export default teams; diff --git a/images/facebook.svg b/images/facebook.svg deleted file mode 100644 index 183714f..0000000 --- a/images/facebook.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/images/footer/facebook.svg b/images/footer/facebook.svg deleted file mode 100644 index 68fdc87..0000000 --- a/images/footer/facebook.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/images/footer/youtube.svg b/images/footer/youtube.svg new file mode 100644 index 0000000..c647a85 --- /dev/null +++ b/images/footer/youtube.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/images/infoSession.svg b/images/infoSession.svg new file mode 100644 index 0000000..69fceaf --- /dev/null +++ b/images/infoSession.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/images/mail.svg b/images/mail.svg index 300c117..32b4d60 100644 --- a/images/mail.svg +++ b/images/mail.svg @@ -1,7 +1,14 @@ - - - - - + + + + + + + + + + + + diff --git a/images/sellular.png b/images/sellular.png new file mode 100644 index 0000000..0baae48 Binary files /dev/null and b/images/sellular.png differ diff --git a/images/team/1669279259540 - Sushil Shinde.jpg b/images/team/1669279259540 - Sushil Shinde.jpg new file mode 100644 index 0000000..c57687c Binary files /dev/null and b/images/team/1669279259540 - Sushil Shinde.jpg differ diff --git a/images/team/20221124_082459 - PADURU VIGNATEJ REDDY NIT AP.jpg b/images/team/20221124_082459 - PADURU VIGNATEJ REDDY NIT AP.jpg new file mode 100644 index 0000000..367074d Binary files /dev/null and b/images/team/20221124_082459 - PADURU VIGNATEJ REDDY NIT AP.jpg differ diff --git a/images/team/320113-2-2-2 - GORE SHREYASH DATTA NITAP.jpg b/images/team/320113-2-2-2 - GORE SHREYASH DATTA NITAP.jpg new file mode 100644 index 0000000..3285b08 Binary files /dev/null and b/images/team/320113-2-2-2 - GORE SHREYASH DATTA NITAP.jpg differ diff --git a/images/team/420228 - RANGU LAYA NIT AP.jpg b/images/team/420228 - RANGU LAYA NIT AP.jpg new file mode 100644 index 0000000..97302a2 Binary files /dev/null and b/images/team/420228 - RANGU LAYA NIT AP.jpg differ diff --git a/images/team/422169 - KARNATI CHARAN 422169.jpg b/images/team/422169 - KARNATI CHARAN 422169.jpg new file mode 100644 index 0000000..3f5a1f9 Binary files /dev/null and b/images/team/422169 - KARNATI CHARAN 422169.jpg differ diff --git a/images/team/821110 - Nikhil Madasu.jpg b/images/team/821110 - Nikhil Madasu.jpg new file mode 100644 index 0000000..2c62d8d Binary files /dev/null and b/images/team/821110 - Nikhil Madasu.jpg differ diff --git a/images/team/Document 36_1 - NAVANEETH K NAMPOOTHIRI NIT AP.jpg b/images/team/Document 36_1 - NAVANEETH K NAMPOOTHIRI NIT AP.jpg new file mode 100644 index 0000000..f81cb3c Binary files /dev/null and b/images/team/Document 36_1 - NAVANEETH K NAMPOOTHIRI NIT AP.jpg differ diff --git a/images/team/IMG-20220808-WA0007 - CHEVVA ASHISH REDDY NIT AP.jpg b/images/team/IMG-20220808-WA0007 - CHEVVA ASHISH REDDY NIT AP.jpg new file mode 100644 index 0000000..31fd6a3 Binary files /dev/null and b/images/team/IMG-20220808-WA0007 - CHEVVA ASHISH REDDY NIT AP.jpg differ diff --git a/images/team/IMG-20220909-WA0000 - RAVIRAJ MAGAR NIT AP (1).jpg b/images/team/IMG-20220909-WA0000 - RAVIRAJ MAGAR NIT AP (1).jpg new file mode 100644 index 0000000..66bad51 Binary files /dev/null and b/images/team/IMG-20220909-WA0000 - RAVIRAJ MAGAR NIT AP (1).jpg differ diff --git a/images/team/IMG20220122195553_2 - AYUSH POONIA NIT AP.jpg b/images/team/IMG20220122195553_2 - AYUSH POONIA NIT AP.jpg new file mode 100644 index 0000000..42bd6b3 Binary files /dev/null and b/images/team/IMG20220122195553_2 - AYUSH POONIA NIT AP.jpg differ diff --git a/images/team/IMG20221002124615 - ABHIMANYU TIWARI NIT AP.jpg b/images/team/IMG20221002124615 - ABHIMANYU TIWARI NIT AP.jpg new file mode 100644 index 0000000..db5a9a3 Binary files /dev/null and b/images/team/IMG20221002124615 - ABHIMANYU TIWARI NIT AP.jpg differ diff --git a/images/team/IMG20230127111217_2[1] - KORUPROLU MOHAN NIT AP.jpg b/images/team/IMG20230127111217_2[1] - KORUPROLU MOHAN NIT AP.jpg new file mode 100644 index 0000000..cec1119 Binary files /dev/null and b/images/team/IMG20230127111217_2[1] - KORUPROLU MOHAN NIT AP.jpg differ diff --git a/images/team/IMG_20221123_225851 - Reconnecting.jpg b/images/team/IMG_20221123_225851 - Reconnecting.jpg new file mode 100644 index 0000000..5b6ded8 Binary files /dev/null and b/images/team/IMG_20221123_225851 - Reconnecting.jpg differ diff --git a/images/team/IMG_20221123_235128_261 - Mamoor Jaan Khan.jpg b/images/team/IMG_20221123_235128_261 - Mamoor Jaan Khan.jpg new file mode 100644 index 0000000..6731bd8 Binary files /dev/null and b/images/team/IMG_20221123_235128_261 - Mamoor Jaan Khan.jpg differ diff --git a/images/team/IMG_20221124_205434 - SAI KIRAN DHULIPUDI NIT AP.jpg b/images/team/IMG_20221124_205434 - SAI KIRAN DHULIPUDI NIT AP.jpg new file mode 100644 index 0000000..1a6d955 Binary files /dev/null and b/images/team/IMG_20221124_205434 - SAI KIRAN DHULIPUDI NIT AP.jpg differ diff --git a/images/team/IMG_20221124_220749 - Meghana Kankipati.jpg b/images/team/IMG_20221124_220749 - Meghana Kankipati.jpg new file mode 100644 index 0000000..b977451 Binary files /dev/null and b/images/team/IMG_20221124_220749 - Meghana Kankipati.jpg differ diff --git a/images/team/IMG_20221124_234644 - Vivek Kumar.jpg b/images/team/IMG_20221124_234644 - Vivek Kumar.jpg new file mode 100644 index 0000000..16788cc Binary files /dev/null and b/images/team/IMG_20221124_234644 - Vivek Kumar.jpg differ diff --git a/images/team/IMG_20230122_183538_695 - ASEEM GUPTA 121103.jpg b/images/team/IMG_20230122_183538_695 - ASEEM GUPTA 121103.jpg new file mode 100644 index 0000000..0f4db40 Binary files /dev/null and b/images/team/IMG_20230122_183538_695 - ASEEM GUPTA 121103.jpg differ diff --git a/images/team/IMG_4856_COMPRESSED1 - Mayank Kumar Sain.jpg b/images/team/IMG_4856_COMPRESSED1 - Mayank Kumar Sain.jpg new file mode 100644 index 0000000..a50785c Binary files /dev/null and b/images/team/IMG_4856_COMPRESSED1 - Mayank Kumar Sain.jpg differ diff --git a/images/team/InCollage_20220613_004907150_3 - GORE SHREYASH DATTA NIT AP.jpg b/images/team/InCollage_20220613_004907150_3 - GORE SHREYASH DATTA NIT AP.jpg new file mode 100644 index 0000000..54f9e2c Binary files /dev/null and b/images/team/InCollage_20220613_004907150_3 - GORE SHREYASH DATTA NIT AP.jpg differ diff --git a/images/team/My_Photo - VALLAMKONDU SAI VARUN NIT AP.JPG b/images/team/My_Photo - VALLAMKONDU SAI VARUN NIT AP.JPG new file mode 100644 index 0000000..22948e9 Binary files /dev/null and b/images/team/My_Photo - VALLAMKONDU SAI VARUN NIT AP.JPG differ diff --git a/images/team/Narasimha - PALLA LAKSHMI NARASIMHA 521208.jpg b/images/team/Narasimha - PALLA LAKSHMI NARASIMHA 521208.jpg new file mode 100644 index 0000000..5fa3a9f Binary files /dev/null and b/images/team/Narasimha - PALLA LAKSHMI NARASIMHA 521208.jpg differ diff --git a/images/team/lead.png b/images/team/Ritvik.png similarity index 100% rename from images/team/lead.png rename to images/team/Ritvik.png diff --git a/images/team/Siliveri Sriharshini 621251 - SILIVERI SRIHARSHINI 621251.png b/images/team/Siliveri Sriharshini 621251 - SILIVERI SRIHARSHINI 621251.png new file mode 100644 index 0000000..fdac871 Binary files /dev/null and b/images/team/Siliveri Sriharshini 621251 - SILIVERI SRIHARSHINI 621251.png differ diff --git a/images/team/Vobugari Raja Karthik - Raja Karthik.jpg b/images/team/Vobugari Raja Karthik - Raja Karthik.jpg new file mode 100644 index 0000000..7e706ec Binary files /dev/null and b/images/team/Vobugari Raja Karthik - Raja Karthik.jpg differ diff --git a/images/team/WhatsApp Image 2022-11-24 at 18.53.15 - PASUMARTHY SATHVIKA NIT AP.jpeg b/images/team/WhatsApp Image 2022-11-24 at 18.53.15 - PASUMARTHY SATHVIKA NIT AP.jpeg new file mode 100644 index 0000000..45ca123 Binary files /dev/null and b/images/team/WhatsApp Image 2022-11-24 at 18.53.15 - PASUMARTHY SATHVIKA NIT AP.jpeg differ diff --git a/images/team/c036c5af-4efb-4a2c-a476-8a5c391c6388 - 21.jpg b/images/team/c036c5af-4efb-4a2c-a476-8a5c391c6388 - 21.jpg new file mode 100644 index 0000000..910028e Binary files /dev/null and b/images/team/c036c5af-4efb-4a2c-a476-8a5c391c6388 - 21.jpg differ diff --git a/images/team/mano.jpg b/images/team/mano.jpg new file mode 100644 index 0000000..cd5f0ba Binary files /dev/null and b/images/team/mano.jpg differ diff --git a/images/team/out. (8) - MALLADI SRI SIVA SAI SANJAY 221118.jpg b/images/team/out. (8) - MALLADI SRI SIVA SAI SANJAY 221118.jpg new file mode 100644 index 0000000..8f6814e Binary files /dev/null and b/images/team/out. (8) - MALLADI SRI SIVA SAI SANJAY 221118.jpg differ diff --git a/images/team/passport size photo - Gajji Prem Kumar.JPG b/images/team/passport size photo - Gajji Prem Kumar.JPG new file mode 100644 index 0000000..a670298 Binary files /dev/null and b/images/team/passport size photo - Gajji Prem Kumar.JPG differ diff --git a/images/team/photo_1 - ANANYA RAVI 421104.jpg b/images/team/photo_1 - ANANYA RAVI 421104.jpg new file mode 100644 index 0000000..bddb360 Binary files /dev/null and b/images/team/photo_1 - ANANYA RAVI 421104.jpg differ diff --git a/images/team/pic2 - KORUPROLU MOHAN NIT AP.jpg b/images/team/pic2 - KORUPROLU MOHAN NIT AP.jpg new file mode 100644 index 0000000..5ed0212 Binary files /dev/null and b/images/team/pic2 - KORUPROLU MOHAN NIT AP.jpg differ diff --git a/images/team/picture - ARCHANA MANJUNATH 421109.jpeg b/images/team/picture - ARCHANA MANJUNATH 421109.jpeg new file mode 100644 index 0000000..98ffcc5 Binary files /dev/null and b/images/team/picture - ARCHANA MANJUNATH 421109.jpeg differ diff --git a/images/team/vivek pic 1 - VIVEK RANJAN 421274.jpg b/images/team/vivek pic 1 - VIVEK RANJAN 421274.jpg new file mode 100644 index 0000000..46d6654 Binary files /dev/null and b/images/team/vivek pic 1 - VIVEK RANJAN 421274.jpg differ diff --git a/images/youtube.svg b/images/youtube.svg new file mode 100644 index 0000000..dbedef6 --- /dev/null +++ b/images/youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/pages/_app.js b/pages/_app.js index 9c17092..59087ed 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -3,6 +3,7 @@ import Loader from "../components/loader/Loader"; import "../styles/globals.css"; import NProgress from "nprogress"; import { useState } from "react"; +import Head from "next/head"; import { Router } from "next/router"; NProgress.configure({ showSpinner: false }); @@ -19,9 +20,19 @@ export default function App({ Component, pageProps }) { NProgress.done(); }); return ( - - {loading && } - - + <> + + GDSC NIT-Andhra + + + + + {loading && } + + + ); } diff --git a/pages/contact/Contact.module.scss b/pages/contact/Contact.module.scss index 0e7de61..e012e18 100644 --- a/pages/contact/Contact.module.scss +++ b/pages/contact/Contact.module.scss @@ -64,13 +64,17 @@ #submitButton { background-color: rgb(15, 157, 88); margin-top: 5vh; - color: rgb(221, 219, 216); + color: rgb(236, 236, 236); height: 45px; width: 30%; font-size: 20px; border-radius: 20px; } +#submitButton:hover { + background-color: rgb(14, 176, 95); +} + #socialLinks { margin: 7vh 10%; font-size: 2rem; diff --git a/pages/contact/index.js b/pages/contact/index.js index c9a9c4e..a598222 100644 --- a/pages/contact/index.js +++ b/pages/contact/index.js @@ -4,8 +4,9 @@ import styles from "./Contact.module.scss"; import linkedin from "../../images/linkedin.svg"; import twitter from "../../images/twitter.svg"; import mail from "../../images/mail.svg"; -import facebook from "../../images/facebook.svg"; +import youtube from "../../images/youtube.svg"; import curiousity from "../../images/curiosity.gif"; +import Link from "next/link"; function Contact() { return ( @@ -44,15 +45,26 @@ function Contact() { Submit - +

Lets connect!

- linkedin - mail - facebook - twitter + + linkedin + + + mail + + + twitter + + + youtube +
); diff --git a/pages/events/EventsContainer.module.scss b/pages/events/EventsContainer.module.scss new file mode 100644 index 0000000..139b798 --- /dev/null +++ b/pages/events/EventsContainer.module.scss @@ -0,0 +1,15 @@ +.Events { + display: flex; + flex-wrap: wrap; + justify-content: center; +} +@keyframes slideUp { + 0% { + transform: translateY(10vh); + opacity: 0; + } + 100% { + transform: translateY(0vh); + opacity: 1; + } +} diff --git a/pages/events/MoU.js b/pages/events/MoU.js index ea6ec00..ef98de3 100644 --- a/pages/events/MoU.js +++ b/pages/events/MoU.js @@ -1,7 +1,15 @@ -import React from "react"; +import EventCard from "@/components/cards/EventCard"; +import styles from "./EventsContainer.module.scss"; +import events from "../../content/events.json"; function MoU() { - return
MoU
; + return ( +
+ {events.MoU.map((ele, index) => { + return ; + })} +
+ ); } export default MoU; diff --git a/pages/events/Past.js b/pages/events/Past.js index 002eb64..b4069b6 100644 --- a/pages/events/Past.js +++ b/pages/events/Past.js @@ -1,46 +1,10 @@ -import styles from "./Past.module.scss"; +import styles from "./EventsContainer.module.scss"; import events from "../../content/events.json"; -import demoDay from "../../images/demoDay.png"; -import speaker from "../../images/speaker.png"; -import studyJam from "../../images/studyJam.jpg"; -import winterSchool from "../../images/winterSchool.png"; -import solutionChallange from "../../images/solutionChallenge.png"; -import Image from "next/image"; -import Link from "next/link"; - -const EventCard = ({ props }) => { - const image = props.image; - const title = props.title; - const date = props.date; - const content = props.content; - const href = props.href; - - const selectImg = (image) => { - if (image === "winterSchool") { - return winterSchool; - } else if (image === "demoDay") { - return demoDay; - } else if (image === "speaker") { - return speaker; - } else if (image === "solutionChallenge") { - return solutionChallange; - } else { - return studyJam; - } - }; - return ( - - -

{date}

-

{title}

-

{content}

- - ); -}; +import EventCard from "@/components/cards/EventCard"; function Past() { return ( -
+
{events.pastEvents.map((element, index) => { return ; })} diff --git a/pages/events/Upcoming.js b/pages/events/Upcoming.js index 1de1683..7fb84c1 100644 --- a/pages/events/Upcoming.js +++ b/pages/events/Upcoming.js @@ -1,13 +1,13 @@ -import React from "react"; +import styles from "./EventsContainer.module.scss"; +import EventCard from "@/components/cards/EventCard"; +import events from "../../content/events.json"; function Upcoming() { return ( -
-

- There are currently no upcoming events :/ -
- Please check again soon. -

+
+ {events.upcomingEvents.map((ele, index) => { + return ; + })}
); } diff --git a/pages/events/index.js b/pages/events/index.js index e1eaba2..34078f4 100644 --- a/pages/events/index.js +++ b/pages/events/index.js @@ -4,6 +4,7 @@ import event from "../../images/event.png"; import dynamic from "next/dynamic"; import Past from "./Past"; import Upcoming from "./Upcoming"; +import content from "../../content/content.json"; import MoU from "./MoU"; import { @@ -45,12 +46,9 @@ function Index() {

Events

-

- aebehj fihff jeaufeha akjeded keajd dkje adeb nbnjn bhm nbjn - nkmn nkn kn n nn bhbv ccvhbb jn n -

+

{content.eventsPage.about}

- event + event
diff --git a/pages/gallery/Gallery.module.scss b/pages/gallery/Gallery.module.scss index 582462a..302b480 100644 --- a/pages/gallery/Gallery.module.scss +++ b/pages/gallery/Gallery.module.scss @@ -66,6 +66,7 @@ img { height: 50vh; width: 50%; + border-radius: 50px; object-fit: cover; object-position: 50% 50%; } diff --git a/pages/gallery/index.js b/pages/gallery/index.js index 3f405f3..706f9a9 100644 --- a/pages/gallery/index.js +++ b/pages/gallery/index.js @@ -6,12 +6,11 @@ import demo from "../../images/demo.jpg"; import Floaters from "@/components/floatingObjects/Floaters"; import SwiperCore, { Navigation, Thumbs } from "swiper"; import { Swiper, SwiperSlide } from "swiper/react"; +import content from "../../content/content.json"; import "swiper/css"; import "swiper/css/navigation"; SwiperCore.use([Navigation]); - import a from "../../images/android.gif"; -// import styles from "./Gallery.module.scss"; const boxVariant = { visible: { opacity: 1, scale: 1, transition: { duration: 0.5 } }, @@ -26,10 +25,7 @@ function Index() {

Gallery.

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do - eiusmod tempor incididunt ut labore et dolore magna aliqua. -

+

{content.galleryPage.description}

diff --git a/pages/teams/Team.module.scss b/pages/teams/Team.module.scss index f909b58..2960173 100644 --- a/pages/teams/Team.module.scss +++ b/pages/teams/Team.module.scss @@ -66,14 +66,13 @@ } .theTeam { - margin-top: 5vh; min-height: 100vh; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; - overflow: hidden; + overflow-x: hidden; border-top-right-radius: 500px; border-top-left-radius: 500px; h1 { @@ -82,10 +81,18 @@ } #coreTeam { + margin-top: 5vh; background-color: rgb(155, 228, 255); } -#volunteers { - background-color: rgb(133, 221, 254); + +#volunteerWrapper { + height: auto; + width: 100%; + padding-top: 5vh; + background-color: rgb(155, 228, 255); + #volunteers { + background-color: rgb(133, 221, 254); + } } #studentCards { diff --git a/pages/teams/index.js b/pages/teams/index.js index 2409666..da75dc8 100644 --- a/pages/teams/index.js +++ b/pages/teams/index.js @@ -2,9 +2,9 @@ import styles from "./Team.module.scss"; import Image from "next/image"; import dynamic from "next/dynamic"; import team from "../../images/team.gif"; -import lead from "../../images/team/lead.png"; +import lead from "../../images/team/Ritvik.png"; import rocket from "../../images/rocket.gif"; -import Card from "../../components/team/Card"; +import Card from "../../components/cards/MemberCard"; import { ScrollContainer, ScrollPage, @@ -17,6 +17,7 @@ import { ZoomIn, MoveOut, } from "react-scroll-motion"; +import teams from "../../content/team"; const Animator = dynamic( import("react-scroll-motion").then((it) => it.Animator), @@ -69,25 +70,33 @@ function index() {

Core Team

- - - - - - - + {teams.core.map((element, index) => { + return ( + + ); + })}
- -
-

Volunteers

-
- - - - - - +
+
+

Volunteers

+
+ {teams.others.map((element, index) => { + return ( + + ); + })} +
diff --git a/pages/winter-school/WinterSchool.module.scss b/pages/winter-school/WinterSchool.module.scss index 0cdf8b5..379d04e 100644 --- a/pages/winter-school/WinterSchool.module.scss +++ b/pages/winter-school/WinterSchool.module.scss @@ -37,20 +37,6 @@ width: 50vw; } -#stayUpdatedBtn { - height: 2rem; - width: auto; - padding: 0 2.5vw; - color: rgb(241, 241, 241); - border-radius: 50px; - background-color: #2a78f6; - font-size: 1.2rem; -} - -#stayUpdatedBtn:hover { - background-color: #4285f4; -} - #coursesContainer { min-height: 100vh; width: 100%; @@ -85,8 +71,11 @@ align-items: center; gap: 1rem; .benefitText { - height: 5vh; - width: auto; + font-size: 0.9rem; + width: 50%; + color: #0000009a; + font-weight: 600; + margin: 0; } } } @@ -110,10 +99,10 @@ align-items: center; margin: 2vh 0 8vh; text-align: center; - + padding: 0 5px; img { - height: auto; - width: 20vw; + height: 18vw; + width: 18vw; object-fit: cover; object-position: 50% 50%; border-radius: 50%; @@ -121,10 +110,18 @@ p { font-size: 1.5rem; font-weight: 600; + margin: 0%; } + span { + color: #000000a4; + } +} + +.facilitatorCard:hover { + transform: scale(1.02); } -@media only screen and (max-width: 450px) { +@media only screen and (max-width: 600px) { #winterSchoolLogo { width: 60%; height: auto; @@ -133,26 +130,36 @@ width: 80%; } #benefitsWrapper { - height: 10vh; + height: 15vh; #courseBenefitsContainer { width: 90%; margin-left: 5%; .benefitsIcon { + flex-direction: column; + gap: 0.2rem; img { height: 6vh; } + .benefitText { + font-size: 0.6rem; + color: #000000a0; + font-weight: 600; + text-align: center; + margin: 0; + width: 100%; + } } } } .facilitatorCard { p { - font-size: 0.9rem; + font-size: 0.8rem; + } + span { + font-size: 0.6rem; } } #FacilitatorsTitle { margin: 3vh 10%; } - .benefitText { - display: none; - } } diff --git a/pages/winter-school/index.js b/pages/winter-school/index.js index 00d1c81..b505cb2 100644 --- a/pages/winter-school/index.js +++ b/pages/winter-school/index.js @@ -15,13 +15,16 @@ import intern from "../../images/winterSchool/intern.svg"; import internText from "../../images/winterSchool/internText.svg"; import doubt from "../../images/winterSchool/doubt.svg"; import doubtText from "../../images/winterSchool/doubtText.svg"; -import ritvik from "../../images/team/lead.png"; +import ritvik from "../../images/team/Ritvik.png"; +import mamoor from "../../images/team/IMG_20221123_235128_261 - Mamoor Jaan Khan.jpg"; +import karthik from "../../images/team/Vobugari Raja Karthik - Raja Karthik.jpg"; -const Card = ({ name, imageURL }) => { +const Card = ({ name, imageURL, designation }) => { return (
facilitator

{name}

+ {designation}
); }; @@ -29,7 +32,12 @@ const Card = ({ name, imageURL }) => { function index() { return (
- +

Winter School

@@ -47,9 +55,6 @@ function index() { counseling Renowned professionals will join the course and share their insights and knowledge in their respective fields.

- -
Stay Updated
-

Courses Offered

@@ -81,27 +86,39 @@ function index() {
- +

Certificate from GDSC

- +

1:1 Doubt Clearance Session

- +

+ Potential Internship Counselling +

- +

+ Practical Project Implementation +

Course Facilitators

- - - + + +
);