@@ -30,21 +31,29 @@ const Footer = () => { style={{ cursor: "pointer" }} onClick={() => openInNewWindow(footerData.instagram)} /> - openInNewWindow(footerData.linkedin)} /> - openInNewWindow(footerData.youtube̦)} /> - openInNewWindow(footerData.twitter)} />

+ Code of Conduct +

Email us for more details

+ + dscnsecorg@gmail.com + +

Resources

diff --git a/src/components/Footer/Footer.scss b/src/components/Footer/Footer.scss index 87fbb7b..0b6b793 100644 --- a/src/components/Footer/Footer.scss +++ b/src/components/Footer/Footer.scss @@ -6,47 +6,56 @@ box-sizing: border-box; position: relative; z-index: 2; + @media screen and (max-width: 560px) { padding: 20px 20px; } } + .footer_top { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 80px; + @media screen and (max-width: 560px) { flex-direction: column; - justify-content: center; + justify-content: space-between; margin-bottom: 30px; align-items: flex-start; } } + .footer_logo_first { display: flex; align-items: center; } + .footer_logo { max-width: 33.33%; display: flex; flex-direction: column; align-items: center; + @media screen and (max-width: 560px) { max-width: 100%; justify-content: center; align-items: center; } } + .footer_woc_logo { width: 40px; height: 40px; margin-right: 10px; + @media screen and (max-width: 560px) { width: 50px; height: 50px; } } + .footer_logo_text { font-size: 20px; font-weight: 600; @@ -62,13 +71,16 @@ align-items: center; justify-content: center; margin-top: 10px; + p { font-size: 10px; + @media screen and (max-width: 560px) { font-size: 15px; } } } + .footer_logo_socials { margin-top: 10px; display: flex; @@ -77,32 +89,40 @@ max-width: 100%; gap: 8px; } + .footer_logo_socials_icons1 { font-size: 25px; + @media screen and (max-width: 560px) { font-size: 15px; background: rgba(255, 255, 255, 0.2); border-radius: 100%; } } + .footer_logo_socials_icons2 { font-size: 25px; + @media screen and (max-width: 560px) { font-size: 15px; background: rgba(255, 255, 255, 0.2); border-radius: 100%; } } + .footer_logo_socials_icons3 { - font-size: 25px; + font-size: 24px; + @media screen and (max-width: 560px) { - font-size: 15px; + font-size: 16px; background: rgba(255, 255, 255, 0.2); border-radius: 100%; } } + .footer_resources { max-width: 33.33%; + @media screen and (max-width: 560px) { max-width: 100%; display: flex; @@ -113,26 +133,31 @@ margin-top: 20px; } } + .footer_resources_heading { margin: 0; margin-bottom: 5px; font-size: 20px; + @media screen and (max-width: 560px) { font-size: 18px; margin-bottom: 12px; } } + .footer_resources_text { margin: 8px 0px; - font-size: 14px; + font-size: 16px; @media screen and (max-width: 560px) { font-size: 12px; margin: 6px 0px; } } + .footer_socials { max-width: 33%; + @media screen and (max-width: 560px) { max-width: 100%; display: flex; @@ -141,41 +166,68 @@ align-items: flex-start; } } + .footer_socials_heading { margin: 0; margin-bottom: 5px; font-size: 20px; + @media screen and (max-width: 560px) { font-size: 18px; margin-bottom: 12px; } } + .footer_socials_text { margin: 8px 0px; - font-size: 14px; + font-size: 16px; @media screen and (max-width: 560px) { font-size: 12px; - margin: 6px 0px ; + margin: 6px 0px; } } + .footer_bottom { display: flex; justify-content: center; align-items: center; flex-direction: column; - } + .footer_bottom img { width: 50%; + @media screen and (max-width: 560px) { width: 100%; } } + .footer_bottom p { margin: 10px 20px; - font-size: 14px; + font-size: 16px; + @media screen and (max-width: 560px) { - font-size: 12px; + font-size: 14px; + } +} + +.footer_coc { + margin-top: 20px; + + .footer_coc_email { + color: #87a0f9; + margin-top: 10px; + margin-bottom: 10px; + } + + .email_2 { + color: #ffffff; + text-transform: lowercase; + font-weight: 600; + } + + @media screen and (max-width: 560px) { + font-size: 15px; } } diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx index 70a2591..dbc1a74 100644 --- a/src/components/Navbar/Navbar.jsx +++ b/src/components/Navbar/Navbar.jsx @@ -5,7 +5,7 @@ import { RxCross2 } from "react-icons/rx"; // @ts-ignore import logo from "../../assets/org-logo.png"; import "./Navbar.scss"; -import { Link, useLocation } from "react-router-dom"; +import { useLocation } from "react-router-dom"; import { HashLink } from "react-router-hash-link"; const Navbar = () => { @@ -47,7 +47,6 @@ const Navbar = () => { } function closeNavMenu() { setShowNav(false); - if (location.pathname !== "/") setNavBackground(false); } return ( @@ -74,6 +73,7 @@ const Navbar = () => { border: "none", borderRadius: "20px 20px 0px 0px", boxShadow: "15px 15px 15px 15px black", + overflow: "hidden", }} open={showNav} onClose={() => setShowNav(false)} @@ -101,34 +101,48 @@ function NavMenu({ isInline = false, closeNavMenu = null }) { window.scrollTo({ top: yCoordinate + yOffset, behavior: "smooth" }); } return ( -

- - GDSC NSEC - -
- Team -
- scrollWithOffset(el)} - > - Organization - -
- scrollWithOffset(el)}> - Timeline - -
- scrollWithOffset(el)}> - FAQ - -

+ + GDSC NSEC + + scrollWithOffset(el)} + onClick={closeNavMenu} + > + Team + + scrollWithOffset(el)} + onClick={closeNavMenu} + > + Organization + + scrollWithOffset(el)} + onClick={closeNavMenu} + > + Timeline + + + scrollWithOffset(el)} + onClick={closeNavMenu} + > + FAQ + +

); } diff --git a/src/components/Navbar/Navbar.scss b/src/components/Navbar/Navbar.scss index ada8df7..1d73098 100644 --- a/src/components/Navbar/Navbar.scss +++ b/src/components/Navbar/Navbar.scss @@ -46,12 +46,13 @@ a { color: white; list-style: none; display: flex; + overflow: hidden; } -.menu li { +.menu a { margin-left: 2em; cursor: pointer; } -.navbar > .menu li a { +.navbar > .menu a { color: white; } @@ -59,10 +60,11 @@ a { .navbar { padding: 1.5rem 2rem; } - .menu li { - padding: 1em 0em; + .navbar > .menu { + display: none; } - .menu li a { + .menu a { + padding: 0.9em 0em; color: #505050; } .logoImg { @@ -80,7 +82,4 @@ a { padding: 0.5em; cursor: pointer; } - .navbar > .menu { - display: none; - } } diff --git a/src/components/ProjectCard/ProjectCard.jsx b/src/components/ProjectCard/ProjectCard.jsx new file mode 100644 index 0000000..95409a5 --- /dev/null +++ b/src/components/ProjectCard/ProjectCard.jsx @@ -0,0 +1,25 @@ +import React from 'react'; +import "./ProjectCard.scss" +// @ts-ignore +import gdscLogo from "../../assets/woc.svg" +import { useNavigate } from 'react-router-dom'; +const ProjectCard = ({data}) => { + + const navigate = useNavigate(); + const handleClick = () => { + navigate(`/${data.organization}/projects`,{ state: { cardData: data } }) + } + return ( +

{data.organization}

{data.noOfProjects} projects

+ +

+ ); +} + +export default ProjectCard; diff --git a/src/components/ProjectCard/ProjectCard.scss b/src/components/ProjectCard/ProjectCard.scss new file mode 100644 index 0000000..4f48d1e --- /dev/null +++ b/src/components/ProjectCard/ProjectCard.scss @@ -0,0 +1,52 @@ +.single-card-container { + display: flex; + align-items: center; + flex-direction: column; + border-radius: 8px; + overflow: hidden; + margin: 16px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +background-color: white; + min-height: 300px; + max-height: 300px; + img { + object-fit: contain; + padding-top: 15px; + width: 100%; + height: 50%; + } + + .single-card-description { + padding: 16px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + h2 { + font-size: 1.2rem; + margin-bottom: 8px; + color: #555; + } + + p { + font-size: 1rem; + color: #555; + } + + button { + border: 1px solid #3498db; + background-color: white; + color: black; + //margin-bottom: 10px; + padding: 8px 16px; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s ease; + margin-top: 1rem; + &:hover { + background-color: #2980b9; + color: white; + } + } + } +} diff --git a/src/constants/SponsorData.js b/src/constants/SponsorData.js new file mode 100644 index 0000000..dc3d4d7 --- /dev/null +++ b/src/constants/SponsorData.js @@ -0,0 +1,29 @@ +export const sponsorData = [ + { + id: 1, + name: "GitHub", + profileImage: "../SponsorsAssets/github.png", + websiteLink: "https://www.github.com", + linkedInLink: "https://www.linkedin.com/company/github", + tag: "Gigabyte", + bgColor: "#FACC15", + }, + { + id: 2, + name: "Loft Labs", + profileImage: "../SponsorsAssets/Loft.png", + websiteLink: "https://www.loft.sh", + linkedInLink: "https://www.linkedin.com/company/loft-sh", + tag: "Gigabyte", + bgColor: "#FACC15", + }, + { + id: 3, + name: "Presar", + profileImage: "../SponsorsAssets/presar.jpg", + websiteLink: "https://presear.com/", + linkedInLink: "https://www.linkedin.com/in/janesmith", + tag: "Byte", + bgColor: "#C0C0C0", + }, +]; diff --git a/src/constants/communityData.js b/src/constants/communityData.js new file mode 100644 index 0000000..2a7c542 --- /dev/null +++ b/src/constants/communityData.js @@ -0,0 +1,40 @@ +// @ts-nocheck +import GDSCAliah from "assets/CommunityData/GDSC Aliah logo.png"; +import GDSCBBIT from "assets/CommunityData/GDSC BBIT.png"; +import ClueLess from "assets/CommunityData/clueless.png"; +import GDSCKalyani from "assets/CommunityData/GDSC IIIT Kalyani.png"; +import ACM from "assets/CommunityData/acmlogo.jpeg"; +import Devorld from "assets/CommunityData/20230207_171323_0000 - Harshavardhan Bajoria.png"; + +export const community = [ + { + name: "GDSC Aliah", + url: GDSCAliah, + link: "https://www.linkedin.com/company/gdsc-aliah/", + }, + { + name: "GDSC BBIT", + url: GDSCBBIT, + link: "", + }, + { + name: "ClueLess", + url: ClueLess, + link: "https://www.linkedin.com/company/79089507", + }, + { + name: "GDSC IIIT Kalyani", + url: GDSCKalyani, + link: "https://www.linkedin.com/company/gdsc-iiit-kalyani/", + }, + { + name: "ACM SSCBS", + url: ACM, + link: "https://www.linkedin.com/in/acm-sscbs/", + }, + { + name: "Devorld", + url: Devorld, + link: "https://www.linkedin.com/company/devorld/", + }, +]; diff --git a/src/constants/projectData.js b/src/constants/projectData.js index 44bf58c..743896c 100644 --- a/src/constants/projectData.js +++ b/src/constants/projectData.js @@ -1,90 +1,369 @@ -const projectData = [ +// @ts-ignore +import logo from "../assets/wocLogo1.png" +const newProjectData = [ { - "src": "https://winterofcode.com/static/media/deepfusionai.ca6299a3.png", - "title": "Deep Fusion AI", - "no_of_projects": "1 Project", - "projects": [ + organization: 'GDSC NSEC', + imageUrl: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbEAAAB0CAMAAAA8XPwwAAABVlBMVEX///9ChfQ0qFPqQzX7vARXX2deZm1aYmqHjJFfZ25dZGxjanFmbXTi4+TS1NX8/Px2fIKRlZqfoqZ+g4nHycu0t7pSW2OrrrH7twDy8/OYnKDNz9GBhoxvdnx4foTq6+y5u74pevPc3d6kp6vpLxvqPS44gPT98fARoT8jpEjpNSPU6tnsQjDv9P71+va02r2NyZrI5M5luXlErV9QjfXd5/394KPD1fv+8tn95rZHUFr2t7Tvf3frUkXudW30ramAw4/xjoc+q1v3xsPrSTvl8uj74uDtY1latHD85eRqu32f0KrsXFHylpD91M/tLw73w8DcfYe2S3upYZjFV3mysN9Mct97dcrWTluJcL2GrPdtedWrxPlRgelVkPXbRkz/y1WqsS5unvb803mGr0DiuRlgq0rGtSjS4PyYsDuTqyC/wmOTtPiwyPr92Y37xT78zmj95LJY9A9OAAAQq0lEQVR4nO1c+5vbxnXlajUznBkQIEgCFECCwIK76911JNtxZMvyu7bjV2K3dZKmiqO6jtumbeq0//8vvTODx+BFQlwuV5HnfP70abHzuDPn3nvuDCAPBn/7cN5+593jd997/6XOFg9e+eCzz7549eUDGmXQjfdPr86Oj4/Prr7+sKPFqxeXdwCXF3/32kEtM2jDR8dXxzmuPm4Lswd3JF8SFz//5OAWGuj45aenxxrOjp1GkwclX5KzV5tNDA6Flz78+uy4grP3Go0+u1PF5eUrt2CqgcD7pzW+AKdf1Rq9dnGnjksjZ7eCjz6+avAFQfZOrVk9xIyc3RI+rwpYiatquwfNEDNydgtwGgJWpsVqufjyZTtjRs4OivevuvgCxn5ZafpaF2PA2evmRH0YfNUqYAVjn1cab2AMUuMXRs5uHp0CljNWbf5Jh44VcnY7q/jpYIOAKTQOZBsJM3J209gkYFmIfVTr8uWmtGjk7Gbx1bubBEyF2K/qnZxtjAk5e3Aby3nh8dJ7pz/bRli9thdoufRohJmRs/3D+fUWAZMRVivtFV7ZTpmRs73j7autCREC7NP2d5qvXW7PjEbO9oqvPv56e0K8Ovv7zgG+vOjB2cUHRs72g8//4R+/+eY3x5tV7Oz015vGePBFn9R48eWh1vRC47e/Oz8S+Kfff72Br3e6P/JQePn1PqnxjpGz6+L+U8WXwD93XU+d/qqt4qjjlT5ydvGZSY3XwsOSL4Fv2lLj1dnbPUd7tU9qvGMouwacoxr++Jt6DbJFwKr4pI+cvX5z63nx8eS8TtnRH36v3wT/7PS9bQJWRQ85uzT1x864f9IgTMhZ+b3b1bv1zzq2Y7ucXd7AUn4i+LYZYkrOVGo8u+orYFVsk7NL8+HOrvi+gzEpZ2enH+76qcYnP9/I2aW5ZdwVTzsIE3L2L59+vn2ATrz8+ibKvtjbCn5q+EU3Y0fn315n5Eff/ath7AbQmRUlZedv7jqu86d7d+/e/cFkxb2jq/LIOXv6cKdh3xB8Af7t3zsYM1dVu+LhyUbGjo5Ontx/5kHfupsRBviPVsYuzK3HzthQemRhdvKMcvbou5IvgRY5u/zgRtby00D7EbrK2dEzyJkSsCoacnZpQuwaeHM7ZUcnveXsjSZfTTm7MO+ir4U3TzZXH88gZ7qAVaHJ2eWlIeyauP99jzDrIWd1AasilzPzT172gT//okeYbZOzFgGrxdl//vDDf/33owOt6UXH/5z3SY0b5KxdwGq4d/etA67pBYfzl35y1t77UaeAVQh747BretHRT86O2iqQt3rx9ScjYPtGLzk7au57H8LufWcE7CbQQ87Ov693cnrwZQTsptBDzk7q5cePW0PMCNhNYqucnderj+0CZi6lbhZvHm15BVNt/mhziN37qxGwm8e3G+XspFoubqw7jIAdCM6TDamxJmSbzs5GwA6Hh91y1jvG7v2vEbBDolPOTqrtunTMCNjh8W1rpd84kBkBe37QKmcn9Sv8tvPYvR9vxWCDwcOndc7OnzYaGQF7rlCXs/PmVXBNyYyA3TZ0OTtv3FEJ/J9GmRGw5wD3n2ScnZ983/65R/F+7J4RsOcDD/9ydHJycvTkz50t3voO2Lr31x+NgD03cO5veyH5wLBlYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBwDTjpYmbHt23FoZHOkkVwyAkDezaz9zHjYokIAJFwdJ1hxtG6+5cjK5JYud7uk4TRcue+DXiMMEb84bM46joa7z5hEqlttjz1DzvCaNjSyrGiZMtA8RhhghhHCFPk7m7QgLNJ9y9HiGMmgDEapzvO4LJrbFgNS8LBR2HNvt2/04RZu863wIwSBCCUYTmly1Yt7RyfJJtHsn2KljI5xB7F2Nr9/zRo4U2MERrOAZOhcI4NDTfBxXtjbE3wChwnSBBHMk95bri91wT3Y2ztzutPYJ6h2OZgMUTcTwZiNa2MIZxsHNv2OS6dLPTrMz0DtjBG8siacUra8sF27I+xwOdZgk19JI1xSbS9W1/GVvUFzhG1CjVIscxluzEWEE51KVz0Mqgd2xgrHWNJibfLDPtjbFE60DqRaSXEe2RsiquMpT4fa8krluG8G2Mh9q9Vbejoz9ggylLRM2J/jM0YqlUcN8pYxHFTbXZiLPBp5y47i3U4SfR1pfMw9NLqg0kCWx/HYv8LxpzZOlzPqiZWGRshNi/HyAdVwwyyv6uZg2QSzvPILxlLvTCc20VbYYM3CT3d2pGnWSub2Ot13sUmbKavNQ5cGgWyVRAUVgRBtghhhahxS8bsebk5ThxDO7FoaWgQBys6DLTV2IjosxWrWQ2a0ynG8p3Nl5vMvYW0JWm4WgEPEVHa+cO8X2oh8QBF+S4EK8SgWgXp476o63PGPF8UsaQqiVXGBiuqlg6FqhgDRSLSxz4qjH8shwRhZXKwWbZGxdgoUqZwNeTYD6EhIQz7bu4nmXFq4MHA95Mggpo4d30Hcd2exWPELaiWxaQrf1oY8VjNO5FW+MPBOqsVU0stcSk3Z/T4cZxy2C+MrECsPxssyYd3KW/ZYcXY1M+9ENY8E5axBIyHwRjKdtDm6lggfgxpVyoYEo4id0kwJYrTxOeED4fwR2ZJjCixwskKofVKRkzGmEsocdchZxX1rTHmMZkWR4ii8WQyRdRPpbjk0eRhX/x+xRgN1y7ByviMsRmYQoeuBaZIOZyyyZAIa1FR68ZgRDSZLFFWvGOWWBhhvzAJloOWhUXAGM0ZWxYZLUAqEFdMrMglJJqrGAMD0HQ9GSOKZZENm4zQKnQZ5VYbY6xVLxRjQ5yfMdV0EGOexdDKHYNTycOWLWYTg4sfx7TjADYhdCWYcuaIU0d1Y3I7F5j7Mso4R3I9IwtzXDLmIawcfY708qLGmC2V32GZp8cRZdAJ03yzLPk3FxMZaY7L5MYrxkZAmJzZ5twXNk05ZzKWHDBbBUhuHAxMhDWYW8SF3S1Fe+ZTTthEPXACB7KiI9NSgzGwIlRWEC4YGcQ+57KfjelYMmZhJvdkSOEwBYNBVnSKlFow35Mxi0pTB/EUE7mv2WwhebyAjSmuKeaYZ7CkTbkqJgTLlMezWAP7pNlzhjIKHJ0xSDe5BWuMSi2rMZbKcJpjlKXYgDBP/qxycIrE4CO/8M2lTAaKsTFH2cYHmFPFWC4vYJXg0GO5cDhM2gYm1o9bQQgnQ4qm2bKKyqPO2MineVdXxhDwkmsJ2LmQjOXrwFSuvlp5xIi0ndK7GcvDaMoh0zg+zjw/TIUrF+G6VupDwPPkZhf6NhUPbAj8/EGCxXbiMjxnrGRMU8YAkfKw0MoYK2JKKUSMMuNcmX1Cisr2YljJ2AjhQiFnTAwDFhb1kCW3zCocDjgUGoI5a26Zk0A6zpN8J2OhDP/sgWAMyrXCz6fYlT6cdwmVYjUYazs1dTHGiVN0FPvh64lwXG5ZOlNwKc7XrSCPLnMtXhyxZSPNbxxUMgZuaGdIOS4vGtuyIqjYOm+8piK8lqogcZR/wL6n2a8XTKxGMuZh7WRAhMtNaVlzg0A6QmLDfOC5dD5M22804hBxX4ZjJ2NUi05XzDQj2MtHlzVFXGa9ORNBX2Ms0NxdQxdjmqlLPBW3WXhp57sfCnqqkJZrbqzscfUSRYTtgmj7FpWVRwQKkoPi0jmalUcMY0A1kIFxcTC0iUwvCZP+gaxyLC5SumQsxLQcZyV0a8rKeWwRjLY2MFRQqag8ui5zUiJySDdjjr7dnsgE8AfRzK5kvVbGOvylizFN9GSCcMYEEzSdSymArFLPsBa4FPQqiwbpIUOqnfZAV8URtGRMqxUtHg0LLDtjbCV8cyaKzwJSUJTcRPJPyA8rbawkY8zVIgrsGov9KTcE0u0IGONLredoE2PgHtKyLsYqZUMiGAPF183uwRgk1paJuxjTUqiHZccZVPsE6sdAXq/Vzt22FBii5TOZhSvbZIHLSF/OoVUeK9xefdZP0KJHZYx8xRBdI6RKC8Jqd1mSsTXWli/T+hTXYkzSVkGDsbQ8t6ogamEszmKstGIuGAMdr461lTEb1VeiVtMRY0nRJD//DRx7HsGBJRCH+NoNXyQleqUlQVlL6OIRiFO57nqxpmMT3HZYbL+laql65aOQqdlXtbsexRhEd0GHUtApL/Ok5LN501NjLI7Kw1KTsXwLU3kxEmmaPhaVh133h62MifK24puxWo1iLD+wq+lAx0r/i3T/h6p9LitzpC9uiOU5JilKd5nnRLlfVpUT6sfCu6PyQcmYfiETaneHFcaGmZ9oY8xm+a9Wg/yKIym5CdbOIGMs0GqnuWwBtWKeSKCYFxlyWaaEhVxePcZIedFnk2pWLC8oIJnN8jkkUnWwIWW95omu2xmDIyTXNiNmy0HOWEhzd5vQrLovgiOVm2nnOX8qfUccR928xSjKD4vllX6oOIQzSLYrCyQNXiC2zh/oJ+ioOLi55HF5Cam9bVlYVB3mxRiZNZAIV9n+sTUm6iFYkb+uG5PHQX4eA4sS9dRGUl7hPJZbu5TeBEvNnTMmSDBRZywhfKWGDqys8si1xsPZ/qfIElsoSno1umPx7CiaJ6aZ709aGavfJSWIl548Uy/IFGMJq04nzmNZUAdwOBa3M/lyI+UpKaIUDRM7XXhTxFG2g+K1mbiJTKdMJQmHcjSBzYgnMLdcAATKcCS8H3GtVpQuMI8HTrpiWgkn32h687m3HjJSzDIYMryCwjXwYA0ZzxanhYjOfE7BCgc4RmKPFGOwcSgUpsyzt5FTOiZc+FM6zq6zBiFhYzEwMCNfTjR0bMkon8VB7LGsuk8YTOvEUtupLTfZsuQuw24zYcWMs0gd1SNwuVTthbgQajIGYpPIwQp4sC3W3I5j24uy27XsJhh2Wtg+I1bGGI+IeNnqzKi6XYooWgsNcXH2djpYAmfiphNj7UJ75lOGKByoURbfscUwwvAf45klS/glo4j46VjuR/bVgA1NEEGk+gnCCBaXfzUQafkR5hDv7nERgR4pyBP+BVbAaFRdK2dfDQQRkaYwzGS+mrJJAud/iG5avN12xcDQN7tVYbheK7rAA5TnGGeKBjuFibx+BkcgooD3R1TFxRw2VZwTUJgQdV4UVQABs5ml7hU1xuRxKfY5I6VUCqQWoVCkIyI2YKRWs8q5VNNJB3F8shgiQRujypcCC7qAl9Lym4nUVR8gDPU6IHbhCaQU/XAgHmhLT8Sdsg9VuYqxcaR+FYSqZ+WcPwIXEhgP5xXZnlmiLZmUdU001kNzCFQgtFR8Ft+yeFT2WqvEJlTDjsSWanMuxHcwCGVa6vuNr4bssRwjzN0jhg6qVcKydeHMg1PZlCaDJFrpBlC14JiwgrFMBMVVfpUxWOpSHuGwmzXOVzMTY/mrGFx+Jr/MscVxVbwZyN/mrEVxT/zKdXIQB41Xbs7IToPKk9iufSKXtcD1M/0oHfV+Yxmn6abPmRwYq+XbEzClYF7pfMO4YPPAzQawmmym0WJR7Rrbi9p5YYvZg9RueVUcj+K2fWlMV+xsMVqS2Lt/gVMMWtjRftN5MNQrM4NWzCy/vOtCG5veNAxjvSA+NlFxmyByjS+w9gDDWD9AScXWi0WyIq1fmBwQhrGeSHwsP8Lwr/Mh8T4wRnv8uPuFRuC5q6nrbS7IDgB7setn4X9z+H/5QoRtzpT0dgAAAABJRU5ErkJggg==", + projects: [ { - "name": "projetc1", - "link": "projectlink.com" + id: 1, + name: "Moksh", + students: 5, + codeLink: "https://github.com/akshitagupta15june/Moksh", + techStack: ["OpenCV", "ML", "HTML", "CSS", "JS", "Reactjs"], + description: `Moksh is a spiritual productivity tool designed for individuals who want to unlock their potential and + achieve true balance in life. Our customized spiritual features help you take control of your work, focus + on what truly matters, and rejuvenate your mind and spirit. By reading Bhagavad Gita, we become soul + conscious and gain the strength to fight life's challenges. With Moksh, you can overcome the mental + problems that arise from our body consciousness and find true happiness. + This platform will help engineers, students, office workers to cope up with stressful environments. + `, + mentor: [{ + name: "Akshita Gupta", + linkedin: "https://www.linkedin.com/in/akshita-gupta-a4a895187", + },], }, { - "name": "projetc1", - "link": "projectlink.com" + id: 2, + name: "face-X", + students: 5, + codeLink: "https://github.com/akshitagupta15june/Face-X", + techStack: ["OpenCV", "ML", "HTML", "CSS", "JS", "Reactjs"], + description: `Face-X is a comprehensive repository of algorithms and operations related to facial recognition, which + includes a range of functionalities from facial filters, image processing, face mask detection, and facial + attendance systems to animated emotions and facial cartoonification. It encompasses all the possible + operations that can be performed on the frontal human face, making it a versatile platform for facial related tasks. + `, + mentor: [{ + name: "Akshita Gupta", + linkedin: "https://www.linkedin.com/in/akshita-gupta-a4a895187", + },], }, { - "name": "projetc1", - "link": "projectlink.com" + id: 3, + name: "PetMe", + students: 5, + codeLink: "https://github.com/akshitagupta15june/PetMe", + techStack: ["OpenCV", "ML", "HTML", "CSS", "JS", "Reactjs"], + description: `PetMe is an all-in-one platform that allows animals to be adopted, donated to pet lovers, and provides + emergency medical care to stray animals in need. + Our mission is to provide a platform that connects animal lovers with pets in need of a forever home, + while also providing emergency medical care for stray animals in distress. We strive to make a + difference in the lives of these innocent creatures by offering options to Adopt, Donate and through our + SOS feature Report stray animals in need of immediate assistance. Together, we can create a better + world for all animals. + `, + mentor: [{ + name: "Akshita Gupta", + linkedin: "https://www.linkedin.com/in/akshita-gupta-a4a895187", + },], }, { - "name": "projetc1", - "link": "projectlink.com" + id: 4, + name: `Hedging of financial Derivatives`, + students: 5, + codeLink: "https://github.com/Akshat111111/Hedging-of-Financial-Derivatives", + techStack: ["Financial Programming", "Fintech", " Machine Learning", "Deep Learning"], + description: `A Hedging is a market neutral trading strategy enabling traders to profit + from virtually any market conditions: uptrend, downtrend, or sideways + movement. This strategy is categorized as a statistical arbitrage and + convergence trading strategy. + + `, + mentor: [{ + name: "Akshat Sharma", + linkedin: "https://www.linkedin.com/in/akshat-sharma11/", + },], }, { - "name": "projetc1", - "link": "projectlink.com" + id: 5, + name: "GeoWellAdvisor", + students: 5, + codeLink: "https://github.com/047pegasus/GeoWellAdvisor", + techStack: ["React ", "Vite","Flutter","Python","LeafletJS"], + description: `GeoWell Advisor is a powerful tool designed to help users determine the feasibility of digging a well at a specific location. Whether you are a farmer, a land developer, or simply someone interested in exploring groundwater resources, GeoWell Advisor provides you with essential information and insights to make informed decisions about well placement. + `, + mentor: [{ + name: "Tanishq Agarwal", + linkedin: "https://www.linkedin.com/in/tanishq047/", + },], + }, + { + id: 6, + name: "DoodleCollab", + students: 5, + codeLink: " https://github.com/WikiPortal/DoodleCollab", + techStack: ["Software Development"], + description: `DoodleCollab is a cutting-edge application designed to transform the way we collaborate, offering an + unparalleled whiteboard and sharing experience. Developed using the powerful ReactJS framework, our + app seamlessly combines intuitive design with advanced functionalities to enhance your collaborative + efforts. + + `, + mentor: [{ + name: "Jyotirmoy Roy", + linkedin: "https://www.linkedin.com/in/jyotirmoyroy69/", + },], + }, + { + id: 7, + name: "Acme Rockets", + students: 7, + codeLink: " https://github.com/Jagroop2001/AcmeRockets", + techStack: ["HTML", "Tailwind CSS", "CSS", "JS", "Reactjs"], + description: `Welcome to the AcmeRockets project! This repository houses the codebase for a captivating static website dedicated to showcasing the innovative rocket-powered products of Acme Rockets. Whether you're an aerospace enthusiast or a curious visitor, this project aims to deliver an immersive experience with its dynamic content and responsive design. + `, + mentor: [{ + name: "Jagroop", + linkedin: "https://www.linkedin.com/in/jagroop-singh-3a2a401b4/", + },], + }, + { + id: 8, + name: "Pages : A book shop landing page ", + students: 7, + codeLink: "https://github.com/Jagroop2001/Pages-A-Book-Shop-Website", + techStack: ["HTML", "Bootstrap", "CSS"], + description: `I created Pages-A-Book-Shop-Website, a stylish and user-friendly landing page tailored for book enthusiasts. The site, crafted using HTML, Bootstrap, and CSS, ensures a seamless browsing experience. It features a diverse book catalog, intuitive navigation, and responsive design. The GitHub repository here offers transparency and collaboration. As the project's mentor, I oversee its development; connect with me on LinkedIn for insights. Immerse yourself in the world of literature with Pages-A-Book-Shop-Website today + `, + mentor: [{ + name: "Jagroop", + linkedin: "https://www.linkedin.com/in/jagroop-singh-3a2a401b4/", + },], }, - ] - }, - { - "src": "https://winterofcode.com/static/media/TechNScience.0edf5897.png", - "title": "Tech N Science", - "no_of_projects": "1 Project", - "projects": [ { - "name": "projetc", - "link": "projectlink.com" + id: 9, + name: "NASA Rocket project", + students: 7, + codeLink: " https://github.com/Jagroop2001/nasa-project-fullstack", + techStack: ["Node", "MongoDb", "Express", "Reactjs"], + description: `Fullstack application for controlling space missions and enabling seamless exploration beyond our planet. 🌌🛰 + Build with Node.js and React Application, a powerful combination for building dynamic and scalable web applications with seamless server-side functionality. + `, + mentor: [{ + name: "Jagroop", + linkedin: "https://www.linkedin.com/in/jagroop-singh-3a2a401b4/", + },], }, { - "name": "projetc1", - "link": "projectlink.com" - } - ] + id: 10, + name: "Music Player App", + students: 7, + codeLink: " https://github.com/Jagroop2001/music-player ", + techStack: ["Vue js"], + description: ` This is a simple music player frontend project created using Vuejs + + `, + mentor: [{ + name: "Jagroop", + linkedin: "https://www.linkedin.com/in/jagroop-singh-3a2a401b4/", + },], + }, + ], + noOfProjects: 10, }, { - "src": "https://winterofcode.com/static/media/dscnitrourkela.4df22901.png", - "title": "DSC NIT Rourkela", - "no_of_projects": "5 Projects", - "projects": [ - { - "name": "projetc1", - "link": "projectlink.com" - } - ] + organization: 'Presar', + imageUrl: "https://presear.com/assets/img/logo.svg", + projects: [ + { + id: 1, + name: "eduAlgo", + students: 5, + codeLink: "https://github.com/edualgo/eduAlgo", + techStack: ["Ai", "Ml", "Python", "Cloud Computing", "Computer Vision"], + description: `This is a very simple python package made up with python script to study different algorithms for educational purposes. + `, + mentor: [{ + name: "Abhijit Tripathy", + linkedin: "https://www.linkedin.com/in/abhijit-tripathy/", + }, + { + name: "ISHWAR", + linkedin: "https://www.linkedin.com/in/ishwar-ajgalley-7a86b3203", + },], + }, + { + id: 2, + name: "Documentation", + students: 5, + codeLink: "https://github.com/edualgo/documentation", + techStack: ["Ai", "Ml", "Python", "Cloud Computing", "Computer Vision"], + description: `The documentation website for the python package "eduAlgo" + `, + mentor: [{ + name: "Abhijit Tripathy", + linkedin: "https://www.linkedin.com/in/abhijit-tripathy/", + }, + { + name: "ISHWAR", + linkedin: "https://www.linkedin.com/in/ishwar-ajgalley-7a86b3203", + },], + }, + { + id: 3, + name: "interview-corner", + students: 5, + codeLink: "https://github.com/edualgo/interview-corner", + techStack: ["Ai", "Ml", "Python", "Cloud Computing", "Computer Vision"], + description: `Many time, when an interview approaches, candidates start searching for different algorithms in different programming languages for practise. This project aims to build a website which will contain the codes along with the techniques and explanations so that it can be helpful for many. + `, + mentor: [{ + name: "Abhijit Tripathy", + linkedin: "https://www.linkedin.com/in/abhijit-tripathy/", + }, + { + name: "ISHWAR", + linkedin: "https://www.linkedin.com/in/ishwar-ajgalley-7a86b3203", + },], + }, + { + id: 4, + name: "Grokking-Machine-Learning", + students: 5, + codeLink: "https://github.com/edualgo/Grokking-Machine-Learning", + techStack: ["Ai", "Ml", "Python", "Cloud Computing", "Computer Vision"], + description: `This repo aims to contain different machine learning use cases along with the descriptions to the model architectures. This project is a part of eduAlgo. + `, + mentor: [{ + name: "Abhijit Tripathy", + linkedin: "https://www.linkedin.com/in/abhijit-tripathy/", + }, + { + name: "ISHWAR", + linkedin: "https://www.linkedin.com/in/ishwar-ajgalley-7a86b3203", + },], + }, + ], + noOfProjects: 4, }, { - "src": "https://winterofcode.com/static/media/canvasbird.a4c243fd.png", - "title": "Canvasbird", - "no_of_projects": "1 Project", - "projects": [ - { - "name": "projetc1", - "link": "projectlink.com" - } - ] + organization: 'Eduhub-Community', + imageUrl: "https://eduhubcommunity.tech/src/images/eduhub/img.png", + projects: [ + { + id: 1, + name: "Eduhub-Community", + students: 5, + codeLink: "https://github.com/Eduhub-Community/Eduhub-Community.github.io", + techStack: ["Blockchain", "Web Development"], + description: `Eduhub is a community of the people, for the people and by the people. Our vision is to create an environment where people can learn and apply technical knowledge together. Our mission is to build a strong technical community which is open-minded and has an intense desire for consistent learning from one another in the community. We have been conducting and organizing numerous Open Source Programs, Hackathons, Meetups, Conferences and 1:1 Mentorships. + + An Open Source project Website built using HTML, CSS, JavaScript and Bootstrap Php + `, + mentor: [{ + name: "Sahitya Roy", + linkedin: "https://www.linkedin.com/in/sahitya-roy-244b941a2/", + },], + }, + + ], + noOfProjects: 1, }, { - "src": "https://winterofcode.com/static/media/canvasbird.a4c243fd.png", - "title": "Canvasbird", - "no_of_projects": "1 Project", - "projects": [ - { - "name": "projetc1", - "link": "projectlink.com" - } - ] + organization: 'Subhankar Mishra Lab', + imageUrl: "https://firebasestorage.googleapis.com/v0/b/winterofcode-55d97.appspot.com/o/tirtha-logo-light.svg?alt=media&token=91567821-ade8-4f7b-bfdb-a578b7d83583", + projects: [ + { + id: 1, + name: " Idea 1: Automatically generate mesh poster images and add automated testing for the process", + students: 4, + codeLink: "https://github.com/smlab-niser/tirtha-public/issues/14", + techStack: ["Javascript", "Python"], + description: `Description: The goal of this project is to automate the generation of the poster images (or previews) for the meshes, after the orientation of the mesh (for a pipeline run) is changed (manually). Currently, we use the JavaScript code mentioned in the linked GH issue to create preview images manually and attach them to the mesh. This project would automate this. A supplementary task is adding Python tests to ensure that the posters are produced and saved correctly. + Expected Outcome: By the end of this project, for each new mesh created using the Tirtha pipeline, the poster image should be automatically generated after the mesh orientation has been updated (manually). A (few) Python test(s) should also be added. + `, + mentor: [{ + name: "Jyotirmaya Shivottam", + linkedin: "", + }, { + name: "Dr. Subhankar Mishra", + linkedin: "", + },], + }, + { + id: 2, + name: " Idea 2: Improve the UI/UX of the Tirtha frontend", + students: 4, + codeLink: "https://github.com/smlab-niser/tirtha-public/issues?q=is%3Aissue+is%3Aopen+label%3Afrontend", + techStack: ["Javascript", "Python","JQuery","HTML","CSS"], + description: `Description: This project aims to improve the UI / UX of the platform’s frontend. At the moment, we seek to overhaul the frontend aspects covered by the GitHub issues in the attached list (above). Some of these include: creation & addition of a dark theme with system-preference-based switching, more details on each run, such as contributor information, auto-update of poster images for each mesh to OpenGraph tags, etc. Based on the qualifications and interests of the candidate, we can work on further frontend improvements. + Expected Outcome: By the end of this project, most of the GH issues in the list should be resolved. + `, + mentor: [{ + name: "Jyotirmaya Shivottam", + linkedin: "", + }, { + name: "Dr. Subhankar Mishra", + linkedin: "", + },], + }, + { + id: 3, + name: " Idea 3: Implement a more private authentication flow", + students: 4, + codeLink: "https://github.com/smlab-niser/tirtha-public/issues/34", + techStack: ["Javascript", "Python"], + description: `Description: We currently use Sign in with Google to tag user contributions (sets of images of heritage sites) and to store a minimal amount of user information (name, email), to attribute them in accordance with the CC BY-NC-SA 4.0 license for user contributions. However, this presents a privacy risk, as Google’s code completely controls the Sign-in button and includes cross-site trackers. We would like to avoid this. One solution is to use a library based on an open authentication standard and to interact with Google Sign-In via web tokens. This will also allow us to support authentication using other social platforms. + Expected Outcome: The candidate is expected to assess possible approaches (e.g., Authlib) and implement the most appropriate one. By the end of this project, Tirtha should move away from Google Auth, and the privacy issue should be resolved. + `, + mentor: [{ + name: "Jyotirmaya Shivottam", + linkedin: "", + }, { + name: "Dr. Subhankar Mishra", + linkedin: "", + },], + }, + { + id: 4, + name: " Idea 4: Make image content-safety checks run on client-side", + students: 4, + codeLink: "https://github.com/smlab-niser/tirtha-public/issues/15", + techStack: ["JavaScript","Tensorflow","HTML","CSS", "Python"], + description: `Description: Currently, we check images submitted by users on the server-side using GantMan/nsfw_model. This should be offloaded to the client-side for two primary reasons: (i) user privacy and (ii) saving bandwidth. This project aims to leverage nsfwjs’s small neural network models written in TensorflowJS to check the images on the client-side. + Expected Outcome: By the end of this project, content safety checks should move to the client-side. + `, + mentor: [{ + name: "Jyotirmaya Shivottam", + linkedin: "", + }, { + name: "Dr. Subhankar Mishra", + linkedin: "", + },], + }, + + ], + noOfProjects: 4, }, { - "src": "https://winterofcode.com/static/media/canvasbird.a4c243fd.png", - "title": "Canvasbird", - "no_of_projects": "1 Project", - "projects": [ - { - "name": "projetc1", - "link": "projectlink.com" - } - ] + organization: 'Cosaimosh', + imageUrl: "https://firebasestorage.googleapis.com/v0/b/twitter-x-clone-f142c.appspot.com/o/cosaimosh.png?alt=media&token=2e8db40d-667b-472d-a14c-3adf424bf6d8", + projects: [ + { + id: 1, + name: "DataBot", + students: 5, + codeLink: "https://github.com/cos-ai-mosh/DataBot", + techStack: ["Typescript", "Next.js","Tailwind CSS","Vector DB","ML"], + description: `The project motto is to develop low latency chatbot applications for any kind of data available. The implementation should/must use free open source tools. + `, + mentor: [{ + name: "Piyush Thakur", + linkedin: "https://www.linkedin.com/in/cosmo3769?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app", + }, + { + name: "Ayush Mishra", + linkedin: "https://www.linkedin.com/in/ayush-mishra-62586b190?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app", + },], + }, + + ], + noOfProjects: 1, }, -] -export default projectData; \ No newline at end of file + + + +] +export default newProjectData; \ No newline at end of file diff --git a/src/constants/teamData.js b/src/constants/teamData.js index 1c2a18b..80243b4 100644 --- a/src/constants/teamData.js +++ b/src/constants/teamData.js @@ -33,23 +33,6 @@ export const teamData = [ }, ], }, - { - name: "Soham Dey", - title: "Design Lead", - image: soham, - socials: [ - { - url: "https://github.com/7sohamd/", - title: "GitHub", - icon: "https://img.icons8.com/3d-fluency/32/github.png", - }, - { - url: "https://www.linkedin.com/in/soham-dey-891332256?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app", - title: "LinkedIn", - icon: "https://img.icons8.com/color/32/linkedin.png", - }, - ], - }, { name: "Sambaran Das", title: "ML Lead", @@ -123,6 +106,23 @@ export const teamData = [ }, ], }, + { + name: "Soham Dey", + title: "Design Lead", + image: soham, + socials: [ + { + url: "https://github.com/7sohamd/", + title: "GitHub", + icon: "https://img.icons8.com/3d-fluency/32/github.png", + }, + { + url: "https://www.linkedin.com/in/soham-dey-891332256?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app", + title: "LinkedIn", + icon: "https://img.icons8.com/color/32/linkedin.png", + }, + ], + }, { name: "Debojit Saha", title: "Web Lead", diff --git a/src/constants/timelineData.js b/src/constants/timelineData.js index f332755..804e320 100644 --- a/src/constants/timelineData.js +++ b/src/constants/timelineData.js @@ -2,7 +2,7 @@ export const timelineData = [ { id: 1, bgIconColor: "#EA4335", - dateVal: "20th January, 2024", + dateVal: "24th December, 2023", title: " First contact with Companies established", description: "Finishing off contact with organizations and communities involved.", @@ -10,69 +10,78 @@ export const timelineData = [ { id: 2, bgIconColor: "#FBBC05", - dateVal: "23th January, 2024", + dateVal: "1st January, 2024", title: "Organisation Project registration starts", description: "Organisations will be able to register their project under WoC.", }, { id: 3, - bgIconColor: "#34A853", - dateVal: "12th February, 2024", - title: - "Finalizing Video promos, Proposals and Registrations for Organizations", + bgIconColor: "#4285F4", + dateVal: "27th January, 2024", + title: "Info Session and Pre-registration starts", description: - "Video promos, proposals and registrations for Organizations will be finalized.", + "An info session will be held to introduce the students to the program and the pre-registration starts.", }, { id: 4, - bgIconColor: "#EA4335", - dateVal: "15th February, 2024", - title: "Organization Registration ends", - description: "Registration for projects under organisation ends.", + bgIconColor: "#34A853", + dateVal: "5th February, 2024", + title: + "Pre-registration ends", + description: + "Pre-registration for the students ends and the students will be able to register for the projects.", }, { - id: 5, + id: 6, bgIconColor: "#FBBC05", - dateVal: "17th February, 2024", + dateVal: "5th February, 2024", title: "Proposal submissions Start", description: "Students will be able to submit their proposals for the projects.", }, { - id: 6, + id: 7, bgIconColor: "#4285F4", - dateVal: "27th February, 2024", + dateVal: "20th February, 2024", title: "Proposal submissions end and Screening starts", description: "Proposal submissions will be closed and the screening process will start.", }, { - id: 7, + id: 8, bgIconColor: "#34A853", - dateVal: "3rd March, 2024", + dateVal: "1st March, 2024", title: "Students Announced", - description: "Selected students will be announced to the projects.", + description: "Selected students will be mailed about the projects they are shortlisted in.", }, { - id: 8, + id: 9, bgIconColor: "#4285F4", - dateVal: "6th March, 2024", + dateVal: "3rd March, 2024", title: "Student Contribution Starts", description: "Selected students will be starting to contribute to the assigned projects.", }, { - id: 9, + id: 10, bgIconColor: "#EA4335", + dateVal: "14th March, 2024", + title: "GitHub Offline Event", + description: + "A basic to advanced GitHub session will be held for the students.", + }, + { + id: 11, + bgIconColor: "#FBBC05", dateVal: "17th March, 2024", title: "Project evaluation", description: "Review of the students contribution will be shared by the organisations.", }, { - id: 10, - bgIconColor: "#FBBC05", + id: 12, + bgIconColor: "#EA4335", dateVal: "28th March, 2024", title: "Project submission", description: "Students will be able to submit their projects.", diff --git a/src/index.css b/src/index.css index 436b945..e96c84b 100644 --- a/src/index.css +++ b/src/index.css @@ -26,3 +26,4 @@ body { color: white !important; } } + diff --git a/src/main.jsx b/src/main.jsx index e83454f..ce1986c 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -1,12 +1,14 @@ import React from "react"; -import ReactDOM from "react-dom/client"; +import { createRoot } from "react-dom/client"; import App from "./App.jsx"; import "./index.css"; -import { RouterProvider, createBrowserRouter } from "react-router-dom"; +import { RouterProvider, createHashRouter } from "react-router-dom"; import NotFound404 from "utils/NotFound404/NotFound404.jsx"; import Home from "pages/Home/Home.jsx"; import Team from "pages/Team/Team.jsx"; +import Organisation from "pages/Organisation/Organisation.jsx"; import MainLayout from "components/Layout/MainLayout.jsx"; +import Coc from "pages/Coc/Coc.jsx"; const routes = [ { @@ -21,6 +23,14 @@ const routes = [ path: "/team", element: , }, + { + path: "/coc", + element: , + }, + { + path: "/:organisation/:projects", + element: , + } ], }, { @@ -29,12 +39,12 @@ const routes = [ }, ]; -const router = createBrowserRouter(routes); +const router = createHashRouter(routes); -ReactDOM.createRoot(document.getElementById("root")).render( +createRoot(document.getElementById("root")).render( - + Loading...

} /> ); diff --git a/src/pages/Coc/Coc.jsx b/src/pages/Coc/Coc.jsx new file mode 100644 index 0000000..6fcc905 --- /dev/null +++ b/src/pages/Coc/Coc.jsx @@ -0,0 +1,166 @@ +import React from "react"; +import "./Coc.scss"; +const Coc = () => { + return ( +

Code of Conduct

+ By participating in Winter Of Code, all participants agree to abide by + this Code of Conduct. Failure to comply with this Code of Conduct may + result in disqualification and expulsion from the event, and may also + lead to legal action in severe cases. +

+ Respect: + All participants must respect each other's opinions, beliefs, and + values. Discriminatory language or behavior will not be tolerated. + This includes, but is not limited to, sexism, racism, homophobia, and + ableism. +

+ Collaboration: + Participants should embrace collaboration and teamwork. Any attempts + to sabotage or undermine other contributors' work will not be + tolerated. +

+ Privacy: + Participants must respect the privacy of others. Any confidential + information shared during the Winter of Code must not be disclosed + without the express consent of the person or team that shared it. +

+ Professionalism: + Participants should conduct themselves in a professional manner + throughout the Winter of Code. This includes dressing appropriately, + refraining from using inappropriate language, and avoiding any + behavior that would be considered unprofessional. +

+ Safety: + Participants should prioritize their safety and the safety of others + throughout the Winter of Code. Any behavior that puts others in + danger, including but not limited to physical violence or verbal + threats, will not be tolerated +

+ Code of Conduct Violations: + Any participant who violates the Code of Conduct may be subject to + disciplinary action, up to and including expulsion from the Winter of + Code. All participants have the right to report any Code of Conduct + violations to the event organizers. +

+ Inclusivity: + The Winter of Code should be inclusive to all individuals regardless + of gender, ethnicity, race, religion, age, or any other + characteristic. All participants should work towards creating a safe + and welcoming environment for everyone involved. +

+ Intellectual Property: + Participants should respect the intellectual property rights of + others. Any use of copyrighted or trademarked material must be + properly attributed or cleared for use +

+ Compliance with Laws: + All participants must comply with all applicable laws and regulations + throughout the Winter of Code. Any illegal activities will not be + tolerated. +

+ Accountability: + All participants are accountable for their own actions and should take + responsibility for any consequences that may arise from those actions. +

Reporting a Breach

+ If you experience or witness a breach of the Winter of Code Code of + Conduct, we encourage you to report it immediately. You can report it + in the following ways: +

+ + Speak with a member of the Winter of Code team:{" "} + + + You can approach any member of the Winter of Code team and share + your concerns with them. They will take appropriate action to + address the situation. The team will be identifiable by Winter of + Code official t-shirts, bearing the Winter of Code logo, along + with a lanyard and identity card. + +
+ Email the Winter of Code team: + + You can send an email to the official Winter of Code email address + + dscnsecorg@gmail.com + + {" "} + and describe the incident in detail. We will investigate the + matter and take appropriate action. + +
+ + Contact the following Winter of Code Representatives: + + + {" "} + If you prefer to tell us in person but the team is not near, call + the lead organizers below: + +
- + Souvik Pal:{" "} + + kolkatasouvik1@gmail.com + +
- + Subhajit Hait:{" "} + + hsubhajit454@gmail.com + +
- + Nikhil Mishra:{" "} + mnik7044@gmail.com +
- + Debojit Saha:{" "} + + saha05debojit@gmail.com + +
+

+ + We take all reports of Code of Conduct breaches seriously and will + take appropriate action to address the situation. + +

+ + Winter of Code reserves the right to amend, make exceptions, or + otherwise revise the policies either partially or fully. If you have + any questions regarding the policies, please contact us at + + dscnsecorg@gmail.com + +

+ ); +}; + +export default Coc; diff --git a/src/pages/Coc/Coc.scss b/src/pages/Coc/Coc.scss new file mode 100644 index 0000000..b21f0cc --- /dev/null +++ b/src/pages/Coc/Coc.scss @@ -0,0 +1,76 @@ +section { + position: block; +} + +.coc { + width: 70%; + margin: auto; + margin-bottom: 4rem; + margin-top: 8rem; + + .heading { + font-size: 1.5em; + color: #ffffff; + margin: 4rem 0; + position: relative; + + &:after { + content: ""; + position: absolute; + width: 20%; + border: 1px solid #fff; + bottom: -10px; + left: 50%; + transform: translate(-50%, -50%); + } + } + + p { + font-family: var(--body-font); + word-wrap: break-word; + margin: 2rem 0; + font-weight: 200; + } + + .text__bold { + font-weight: 700; + letter-spacing: 1px; + } + + .coc_list { + padding: 0; + } + + li { + font-family: var(--body-font); + margin: 0 0 2rem; + word-wrap: break-word; + + &::marker { + unicode-bidi: isolate; + font-variant-numeric: tabular-nums; + text-transform: none; + text-indent: 0px !important; + text-align: start !important; + text-align-last: start !important; + } + + .emails { + margin-top: 10px; + margin-left: 30px; + padding: 0; + + li { + margin-bottom: 2px; + } + a { + font-weight: 600; + } + } + } + a { + color: #fff; + text-decoration: underline; + font-weight: 600; + } +} diff --git a/src/pages/Home/Home.jsx b/src/pages/Home/Home.jsx index 5607143..a11cb50 100644 --- a/src/pages/Home/Home.jsx +++ b/src/pages/Home/Home.jsx @@ -8,6 +8,8 @@ import Apply from "partials/Apply/Apply"; import Projects from "partials/Projects/Projects"; import Timeline from "partials/Timeline/Timeline"; import FAQ from "partials/FAQ/FAQ.jsx"; +import Community from "partials/Community/Community"; +import Sponsors from "partials/Sponsors/Sponsors"; const Home = () => { return ( @@ -16,8 +18,10 @@ const Home = () => { + + - {/* */} +

diff --git a/src/pages/Organisation/Organisation.jsx b/src/pages/Organisation/Organisation.jsx new file mode 100644 index 0000000..3e43c72 --- /dev/null +++ b/src/pages/Organisation/Organisation.jsx @@ -0,0 +1,215 @@ +import React, { useEffect, useState } from "react"; +import { useLocation } from "react-router-dom"; +import "./Organisation.scss"; +import { Modal, Tag, message } from "antd"; + +const Organisation = () => { + const location = useLocation(); + const cardData = location.state && location.state.cardData; + const [isOpened, setIsOpened] = useState(false); + const [selectedProject, setSelectedProject] = useState(null); + + const openModal = (project) => { + setSelectedProject(project); + setIsOpened(true); + }; + + const closeModal = () => { + setSelectedProject(null); + setIsOpened(false); + }; + const openInNewWindow = (url) => { + window.open(url, "_blank"); + }; + const colors = [ + "magenta", + "red", + "volcano", + "orange", + "gold", + "lime", + "green", + "cyan", + "blue", + "geekblue", + "purple", + ]; + + return ( +

{cardData.organization}

{cardData.noOfProjects} projects

+ {cardData.projects.map((project) => ( +

Students allowed

{project.students}

Mentors

+ {project.mentor.map((mentor, index) => ( +

openInNewWindow(mentor.linkedin) : undefined} > + {mentor.name} + {index < project.mentor.length - 1 && ", "} +

+ +

+ ))} +

+ +

+ {project.techStack.map((tech, index) => ( + + {tech} + + ))} +

{project.name}

+ {project.description.length > 150 ? ( +

+ {project.description.substring(0, 350)} + {"... "} + openModal(project)} + > + See More + +

+ ) : ( +

{project.description}

+ )} +

+ {" "} + +

+ openInNewWindow("https://forms.gle/byNwoCxiM4RDEuzX7") + } + > + Apply now +

+ ))} +

+ {selectedProject && ( + +

{selectedProject.name}

Students allowed

{selectedProject.students}

Mentors

+ {selectedProject.mentor.map((mentor, index) => ( +

openInNewWindow(mentor.linkedin) : undefined}> + {mentor.name} + {index < selectedProject.mentor.length - 1 && ", "} +

+ ))} +

+ +

+ {selectedProject.techStack.map((tech, index) => ( +

+ + {tech} + +

+ ))} +

{selectedProject.description}

+ +

+ + +

+ openInNewWindow("https://forms.gle/byNwoCxiM4RDEuzX7") + } + > + Apply now +

+ + )} +

+ ); +}; + +export default Organisation; diff --git a/src/pages/Organisation/Organisation.scss b/src/pages/Organisation/Organisation.scss new file mode 100644 index 0000000..98697aa --- /dev/null +++ b/src/pages/Organisation/Organisation.scss @@ -0,0 +1,451 @@ +.Organisation { + margin-top: 100px; + display: flex; + flex-direction: column; + padding: 0rem 2rem; + margin-bottom: 50px; + + h1 { + font-size: 2rem; + margin-bottom: 0.5rem; + } + + h3 { + font-size: 1.2rem; + color: white; + margin-bottom: 1rem; + } + + &-project { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(900px, 1fr)); + gap: 1.5rem; + margin-top: 1.5rem; + + &-card { + background: linear-gradient(70deg, #516dc2c8 0%, #212038b3 79.69%); + color: rgb(255, 255, 255); + padding: 1.5rem; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + display: flex; + flex-direction: column; + justify-content: space-between; + + > div { + gap: 1rem; + } + + &-mentor, + &-tech { + h4{ + font-size: 1rem; + margin-bottom: 1rem; + } + p { + margin: 0; + font-size: 1.3rem; + cursor: pointer; + &:hover { + color: #babac0; + // border-bottom: 1px solid #babac0; + } + } + } + + h2 { + font-size: 1.5rem; + margin-bottom: 0.5rem; + } + + + + button { + background-color: #007bff; + color: white; + padding: 0.5rem 1rem; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s; + + &:hover { + background-color: #0056b3; + } + } + + + + &-first { + display: flex; + flex-direction: row; + } + + &-button { + display: flex; + } + } + } +} +.scroll-modal::-webkit-scrollbar { + width: 5px; +} +.scroll-modal::-webkit-scrollbar-track { + background: #a3b0bc; +} +.scroll-modal::-webkit-scrollbar-thumb { + background: #797fd4; +} +.scroll-modal::-webkit-scrollbar-thumb:hover { + background: #1120f0; +} +.Organisation-project-card-mentor { + margin-right: 5rem; + max-width: 50%; + div { + display: flex; + flex-wrap: wrap; + margin: 0; + } +p{ + text-decoration: underline; +} + +} +.Organisation-project-card-tech { + h4 { + font-size: 1.5rem; + } +} +.Organisation-project-card-description { + h2 { + font-size: 1.5rem; + } + p { + font-size: 1.2rem; + } +} +.Organisation-project-card-button { + margin-top: 1rem; + display: flex; + flex-direction: row; + align-items: center; + button { + background-color: #007bff; + color: white; + padding: 0.5rem 1rem; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s; + &:hover { + background-color: #0056b3; + } + } + p { + margin-left: 1rem; + font-size: 1rem; + cursor: pointer; + } +} +.Organisation-project-card-first{ + margin-bottom: 1rem; +} +.Modal { + h1 { + font-size: 1.5rem; + margin-bottom: 0.5rem; + } + .Modal-Students{ + display: flex; + flex-direction: column; + margin-bottom: 1rem; + h4{ + font-size: 1rem; + } + p{ + font-size: 1.2rem; + } + } + .Modal-first { + display: flex; + flex-direction: row; + justify-content: space-between; + margin-bottom: 1.5rem; + } + .Modal-mentor { + margin-right: 5rem; + max-width: 50%; + div{ + display: flex; + flex-wrap: wrap; + margin: 0; + } + h4 { + font-size: 1rem; + } + p { + font-size: 1.2rem; + font-weight: 500; + cursor: pointer; + text-decoration: underline; + } + &:hover { + p{ + color: #78787e; + //border-bottom: 1px solid #737376; + } + + } + } + .Modal-tech { + max-width: 50%; + h4 { + font-size: 1.2rem; + } + p { + font-size: 1rem; + } + } + .Modal-buttons { + margin-top: 1rem; + display: flex; + flex-direction: row; + align-items: center; + button { + background-color: #007bff; + color: white; + padding: 0.5rem 1rem; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s; + &:hover { + background-color: #0056b3; + } + } + p { + margin-left: 1rem; + font-size: 1rem; + color: #3f49d8; + border-bottom: 1px solid #3f49d8; + } + } +} +//add media query for tablet and mobile +@media only screen and (max-width: 768px) { + .Organisation { + margin-top: 100px; + display: flex; + flex-direction: column; + padding: 0rem 2rem; + h1 { + font-size: 2rem; + margin-bottom: 0.5rem; + } + + h3 { + font-size: 1.2rem; + color: white; + margin-bottom: 1rem; + } + + &-project { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(600px, 1fr)); + gap: 1.5rem; + margin-top: 1.5rem; + + &-card { + + padding: 1.5rem; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + display: flex; + flex-direction: column; + justify-content: space-between; + + > div { + gap: 1rem; + } + + &-mentor, + &-tech { + p { + margin: 0; + } + } + + h2 { + font-size: 1.5rem; + margin-bottom: 0.5rem; + } + + p { + font-size: 1rem; + + } + + button { + background-color: #007bff; + color: white; + padding: 0.5rem 1rem; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s; + + &:hover { + background-color: #0056b3; + } + } + + p { + font-size: 1rem; + margin-top: 1rem; + } + + &-first { + display: flex; + flex-direction: row; + } + + &-button { + display: flex; + } + } + } + } + .Organisation-project-card-first { + display: flex; + flex-direction: column; + } + .Organisation-project-card-mentor { + margin-right: 1.5rem; + h4 { + font-size: 1rem; + } + p{ + text-decoration: underline; + } + } + .Organisation-project-card-tech { + h4 { + font-size: 1rem; + } + } + .Organisation-project-card-description { + h2 { + font-size: 1.5rem; + } + p { + font-size: 1.2rem; + } + } + .Organisation-project-card-button { + margin-top: 1rem; + display: flex; + flex-direction: row; + align-items: center; + button { + background-color: #007bff; + color: white; + padding: 0.5rem 1rem; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s; + &:hover { + background-color: #0056b3; + } + } + p { + margin-left: 1rem; + font-size: 1rem; + color: #3f49d8; + border-bottom: 1px solid #3f49d8; + } + } + .Modal { + h1 { + font-size: 1.5rem; + margin-bottom: 0.5rem; + } + .Modal-first { + display: flex; + flex-direction: column; + margin-bottom: 1.5rem; + } + .Modal-mentor { + max-width: 100%; + h4 { + font-size: 1.2rem; + } + p { + font-size: 1rem; + } + } + .Modal-tech { + margin-top: 2rem; + max-width: 100%; + h4 { + font-size: 1.2rem; + } + p { + font-size: 1rem; + } + } + .Modal-buttons { + margin-top: 1rem; + display: flex; + flex-direction: row; + align-items: center; + button { + background-color: #007bff; + color: white; + padding: 0.5rem 1rem; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s; + &:hover { + background-color: #0056b3; + } + } + p { + margin-left: 1rem; + font-size: 1rem; + color: #3f49d8; + border-bottom: 1px solid #3f49d8; + } + } + } +} +.Organisation-project-card-student{ + min-width: 25%; + h4{ + font-size: 1rem; + margin-bottom:10px; + } + p{ + font-size:1.5rem + } +} +.Organisation-project-card-mentor{ + min-width: 25%; +} +@media only screen and (max-width: 426px) { + .Organisation-project{ + grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); + } +} +@media only screen and (max-width: 932px) and (min-width: 768px) { + .Organisation-project { + grid-template-columns: repeat(auto-fill, minmax(675px, 1fr)); + } +} +@media only screen and (max-width: 630px) and (min-width: 427px) { + .Organisation-project { + grid-template-columns: repeat(auto-fill, minmax(375px, 1fr)); + } +} diff --git a/src/pages/Team/Team.scss b/src/pages/Team/Team.scss index 2a86475..70bc376 100644 --- a/src/pages/Team/Team.scss +++ b/src/pages/Team/Team.scss @@ -52,6 +52,7 @@ @media (max-width: 767px) { grid-template-columns: 1fr; // Single column on mobile + // place-items: center; } } @@ -69,7 +70,7 @@ justify-content: space-around; padding: 15px; - img{ + img { width: 100%; height: 100%; object-fit: cover; diff --git a/src/partials/About/About.jsx b/src/partials/About/About.jsx index c16be0a..5779ff7 100644 --- a/src/partials/About/About.jsx +++ b/src/partials/About/About.jsx @@ -26,6 +26,14 @@ const About = () => { your formative years. Above all, we hope you get encouraged into the world of open source and develop more code for the benefit of all.

+ + See our Brochure +

); }; diff --git a/src/partials/About/About.scss b/src/partials/About/About.scss index 36e38c3..e89a423 100644 --- a/src/partials/About/About.scss +++ b/src/partials/About/About.scss @@ -20,6 +20,15 @@ font-size: 18px; text-align: center; } +.button { + display: inline-block; + color: #fff; + padding: 10px 30px; + margin-top: 30px; + font-size: 18px; + cursor: pointer; + border-radius: 10px; +} /* Responsive styles */ @media (max-width: 768px) { @@ -30,4 +39,8 @@ .description { font-size: 16px; } + .button { + font-size: 15px; + padding: 10px 20px; + } } diff --git a/src/partials/Apply/Apply.jsx b/src/partials/Apply/Apply.jsx index 7be56a9..0ddc2dc 100644 --- a/src/partials/Apply/Apply.jsx +++ b/src/partials/Apply/Apply.jsx @@ -1,13 +1,12 @@ import React from "react"; import "./Apply.scss"; -import { Button, Flex, message } from "antd"; - -// const boxStyle = { -// width: '100%', -// height: 120, -// }; +import { Button, message } from "antd"; const Apply = () => { + const openInNewWindow = (url) => { + window.open(url, "_blank"); + }; + return ( <>

@@ -25,9 +24,7 @@ const Apply = () => { type="primary" className="primary" onClick={() => - message.warning( - "Applications for Organisations have not started yet." - ) + openInNewWindow("https://forms.gle/wx1CKpzGCt6yXY6M7") } > Apply As Organisation @@ -36,9 +33,7 @@ const Apply = () => { type="primary" className="primary" onClick={() => - message.warning( - "Applications for Community Partners have not started yet." - ) + openInNewWindow("https://forms.gle/uY693jkYamRQ6bfv5") } > Apply As Community Partner @@ -49,9 +44,7 @@ const Apply = () => { type="primary" className="primary" onClick={() => - message.warning( - "Applications for Mentors have not started yet." - ) + openInNewWindow("https://forms.gle/VCjpHpUvyR6Abr2W9") } > Apply As Mentor @@ -60,9 +53,7 @@ const Apply = () => { type="primary" className="primary" onClick={() => - message.warning( - "Applications for Students have not started yet." - ) + openInNewWindow("https://forms.gle/oemhBfWoGXdxtTNm8") } > Apply As Student diff --git a/src/partials/Community/Community.jsx b/src/partials/Community/Community.jsx new file mode 100644 index 0000000..7ffb03e --- /dev/null +++ b/src/partials/Community/Community.jsx @@ -0,0 +1,78 @@ +import React from "react"; +import "./Community.scss"; +import Marquee from "react-fast-marquee"; +import { community } from "constants/communityData"; + +const Community = () => { + return ( +

Community Partners

+ + {community.map((item) => { + return ( + +

+ + ); + })} + {community.map((item) => { + return ( + +

+ + ); + })} + + + {community.map((item) => { + return ( + +

+ + ); + })} + {community.map((item) => { + return ( + +

+ + ); + })} + +

+ ); +}; + +export default Community; diff --git a/src/partials/Community/Community.scss b/src/partials/Community/Community.scss new file mode 100644 index 0000000..73b01a1 --- /dev/null +++ b/src/partials/Community/Community.scss @@ -0,0 +1,26 @@ +.scroll { + width: 100%; + height: 400px; + margin: 10px 0px 70px 0px; +} +.image { + height: 130px; + // width: 200px; + background-color: white; + object-fit: cover; + margin: 8px; +} +.community { + text-align: center; + margin-bottom: 40px; +} +@media screen and (max-width: 768px) { + .scroll { + height: 200px; + margin-top: 20px; + } + .image { + height: 70px; + margin: 10px 12px; + } +} diff --git a/src/partials/FAQ/FAQ.jsx b/src/partials/FAQ/FAQ.jsx index f2c3a87..81b3994 100644 --- a/src/partials/FAQ/FAQ.jsx +++ b/src/partials/FAQ/FAQ.jsx @@ -1,6 +1,5 @@ import React, { useEffect, useState } from "react"; -// @ts-ignore -import styles from "./FAQ.scss?inline"; +import "./FAQ.scss"; import { CaretRightOutlined } from "@ant-design/icons"; import { Collapse, Space } from "antd"; @@ -30,7 +29,7 @@ const FAQ = () => { Collapse: { headerPadding: "5px 10px", contentPadding: "2px 10px ", - fontSize: isSmallScreen ? "10px" : "16px", // fixed syntax error + fontSize: isSmallScreen ? "16px" : "18px", // fixed syntax error }, Input: { colorPrimary: "#eb2f96", @@ -42,7 +41,7 @@ const FAQ = () => { {faqData.map((item, index) => { return ( ( { >

{ return ( - <> -

- {projectData.map((projectData, index) => -

- -

- )} +

Projects

+ {newProjectData.map((project, index) => ( + + ))}

- - ) +

+ ); }; export default Projects; diff --git a/src/partials/Projects/Projects.scss b/src/partials/Projects/Projects.scss index e69de29..8aee28c 100644 --- a/src/partials/Projects/Projects.scss +++ b/src/partials/Projects/Projects.scss @@ -0,0 +1,50 @@ +.projects-container { + display: flex; + flex-direction: column; + width: 100%; + align-items: center; + + h1 { + text-align: center; + font-size: 3rem; + } + + .projects-card-conatiner { + display: grid; + grid-template-columns: repeat(3, minmax(100px, 1fr)); + + width: 100%; + gap: 5px; + + justify-content: center; + } + //add media query + @media (max-width: 768px) { + .projects-card-conatiner { + grid-template-columns: repeat(2, minmax(100px, 1fr)); + + } + } + //add media query for mobile + @media (max-width: 480px) { + .projects-card-conatiner { + grid-template-columns: repeat(1, minmax(100px, 1fr)); + } + } + } + .projects{ + padding: 0 3rem; + } + //add media query for mobile + @media (max-width: 480px) { + .projects { + padding: 0 0; + } + } + //add media query for tablet + @media (max-width: 768px) { + .projects { + padding: 0 0; + } + } + \ No newline at end of file diff --git a/src/partials/Sponsors/Sponsors.jsx b/src/partials/Sponsors/Sponsors.jsx new file mode 100644 index 0000000..6dd0738 --- /dev/null +++ b/src/partials/Sponsors/Sponsors.jsx @@ -0,0 +1,19 @@ +import React from "react"; +import SponsorsCard from "./SponsorsCard"; +import { sponsorData } from "../../constants/SponsorData"; +import "./Sponsors.scss"; + +function Sponsors() { + return ( +

Resources

{data.organization}

Code of Conduct

Reporting a Breach

{cardData.organization}

{cardData.noOfProjects} projects

Students allowed

Mentors

{project.name}

{selectedProject.name}

Students allowed

Mentors

Community Partners

Projects

Sponsors

{user.tag}

{user.name}