diff --git a/package-lock.json b/package-lock.json index 3a2b2d5..8537f7d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2676,9 +2676,9 @@ } }, "node_modules/@types/eslint": { - "version": "8.44.7", - "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.7.tgz", - "integrity": "sha512-f5ORu2hcBbKei97U73mf+l9t4zTGl74IqZ0GQk4oVea/VS8tQZYkUveSYojk+frraAVYId0V2WC9O4PTNru2FQ==", + "version": "8.56.2", + "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.2.tgz", + "integrity": "sha512-uQDwm1wFHmbBbCZCqAlq6Do9LYwByNZHWzXppSnay9SuwJ+VRbjkbLABer54kcPnMSlG6Fdiy2yaFXm/z9Z5gw==", "dev": true, "peer": true, "dependencies": { @@ -2716,9 +2716,9 @@ "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==" }, "node_modules/@types/node": { - "version": "20.10.0", - "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.0.tgz", - "integrity": "sha512-D0WfRmU9TQ8I9PFx9Yc+EBHw+vSpIub4IDvQivcp26PtPrdMGAq5SDcpXEo/epqa/DXotVpekHiLNTg3iaKXBQ==", + "version": "20.11.5", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.5.tgz", + "integrity": "sha512-g557vgQjUUfN76MZAN/dt1z3dzcUsimuysco0KeluHgrPdJXkP/XdAURgyO2W9fZWHRtRBiVKzKn8vyOAwlG+w==", "devOptional": true, "peer": true, "dependencies": { @@ -9034,9 +9034,9 @@ } }, "node_modules/serialize-javascript": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz", - "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz", + "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==", "dev": true, "peer": true, "dependencies": { @@ -9567,9 +9567,9 @@ } }, "node_modules/terser": { - "version": "5.24.0", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.24.0.tgz", - "integrity": "sha512-ZpGR4Hy3+wBEzVEnHvstMvqpD/nABNelQn/z2r0fjVWGQsN3bpOLzQlqDxmb4CDZnXq5lpjnQ+mHQLAOpfM5iw==", + "version": "5.27.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.27.0.tgz", + "integrity": "sha512-bi1HRwVRskAjheeYl291n3JC4GgO/Ty4z1nVs5AAsmonJulGxpSektecnNedrwK9C7vpvVtcX3cw00VSLt7U2A==", "devOptional": true, "peer": true, "dependencies": { @@ -9586,17 +9586,17 @@ } }, "node_modules/terser-webpack-plugin": { - "version": "5.3.9", - "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz", - "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==", + "version": "5.3.10", + "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz", + "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==", "dev": true, "peer": true, "dependencies": { - "@jridgewell/trace-mapping": "^0.3.17", + "@jridgewell/trace-mapping": "^0.3.20", "jest-worker": "^27.4.5", "schema-utils": "^3.1.1", "serialize-javascript": "^6.0.1", - "terser": "^5.16.8" + "terser": "^5.26.0" }, "engines": { "node": ">= 10.13.0" @@ -12165,9 +12165,9 @@ } }, "@types/eslint": { - "version": "8.44.7", - "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.7.tgz", - "integrity": "sha512-f5ORu2hcBbKei97U73mf+l9t4zTGl74IqZ0GQk4oVea/VS8tQZYkUveSYojk+frraAVYId0V2WC9O4PTNru2FQ==", + "version": "8.56.2", + "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.2.tgz", + "integrity": "sha512-uQDwm1wFHmbBbCZCqAlq6Do9LYwByNZHWzXppSnay9SuwJ+VRbjkbLABer54kcPnMSlG6Fdiy2yaFXm/z9Z5gw==", "dev": true, "peer": true, "requires": { @@ -12205,9 +12205,9 @@ "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==" }, "@types/node": { - "version": "20.10.0", - "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.0.tgz", - "integrity": "sha512-D0WfRmU9TQ8I9PFx9Yc+EBHw+vSpIub4IDvQivcp26PtPrdMGAq5SDcpXEo/epqa/DXotVpekHiLNTg3iaKXBQ==", + "version": "20.11.5", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.5.tgz", + "integrity": "sha512-g557vgQjUUfN76MZAN/dt1z3dzcUsimuysco0KeluHgrPdJXkP/XdAURgyO2W9fZWHRtRBiVKzKn8vyOAwlG+w==", "devOptional": true, "peer": true, "requires": { @@ -17071,9 +17071,9 @@ "dev": true }, "serialize-javascript": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz", - "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz", + "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==", "dev": true, "peer": true, "requires": { @@ -17494,9 +17494,9 @@ "peer": true }, "terser": { - "version": "5.24.0", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.24.0.tgz", - "integrity": "sha512-ZpGR4Hy3+wBEzVEnHvstMvqpD/nABNelQn/z2r0fjVWGQsN3bpOLzQlqDxmb4CDZnXq5lpjnQ+mHQLAOpfM5iw==", + "version": "5.27.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.27.0.tgz", + "integrity": "sha512-bi1HRwVRskAjheeYl291n3JC4GgO/Ty4z1nVs5AAsmonJulGxpSektecnNedrwK9C7vpvVtcX3cw00VSLt7U2A==", "devOptional": true, "peer": true, "requires": { @@ -17534,17 +17534,17 @@ } }, "terser-webpack-plugin": { - "version": "5.3.9", - "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz", - "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==", + "version": "5.3.10", + "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz", + "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==", "dev": true, "peer": true, "requires": { - "@jridgewell/trace-mapping": "^0.3.17", + "@jridgewell/trace-mapping": "^0.3.20", "jest-worker": "^27.4.5", "schema-utils": "^3.1.1", "serialize-javascript": "^6.0.1", - "terser": "^5.16.8" + "terser": "^5.26.0" }, "dependencies": { "schema-utils": { diff --git a/public/SponsorsAssets/Loft.png b/public/SponsorsAssets/Loft.png new file mode 100644 index 0000000..6e789a6 Binary files /dev/null and b/public/SponsorsAssets/Loft.png differ diff --git a/public/SponsorsAssets/github.png b/public/SponsorsAssets/github.png new file mode 100644 index 0000000..e28a837 Binary files /dev/null and b/public/SponsorsAssets/github.png differ diff --git a/public/SponsorsAssets/presar.jpg b/public/SponsorsAssets/presar.jpg new file mode 100644 index 0000000..49b9044 Binary files /dev/null and b/public/SponsorsAssets/presar.jpg differ diff --git a/src/components/ProjectCard/ProjectCard.jsx b/src/components/ProjectCard/ProjectCard.jsx index 1ae5178..95409a5 100644 --- a/src/components/ProjectCard/ProjectCard.jsx +++ b/src/components/ProjectCard/ProjectCard.jsx @@ -11,7 +11,7 @@ const ProjectCard = ({data}) => { } return (
- +

{data.organization}

{data.noOfProjects} projects

diff --git a/src/components/ProjectCard/ProjectCard.scss b/src/components/ProjectCard/ProjectCard.scss index 5b013df..4f48d1e 100644 --- a/src/components/ProjectCard/ProjectCard.scss +++ b/src/components/ProjectCard/ProjectCard.scss @@ -1,5 +1,6 @@ .single-card-container { display: flex; + align-items: center; flex-direction: column; border-radius: 8px; overflow: hidden; @@ -9,6 +10,8 @@ background-color: white; min-height: 300px; max-height: 300px; img { + object-fit: contain; + padding-top: 15px; width: 100%; height: 50%; } @@ -20,7 +23,7 @@ background-color: white; justify-content: center; align-items: center; h2 { - font-size: 1.5rem; + font-size: 1.2rem; margin-bottom: 8px; color: #555; } @@ -34,6 +37,7 @@ background-color: white; border: 1px solid #3498db; background-color: white; color: black; + //margin-bottom: 10px; padding: 8px 16px; border-radius: 4px; cursor: pointer; 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 index 531d5be..2a7c542 100644 --- a/src/constants/communityData.js +++ b/src/constants/communityData.js @@ -5,6 +5,7 @@ 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", diff --git a/src/constants/projectData.js b/src/constants/projectData.js index 3ac242f..743896c 100644 --- a/src/constants/projectData.js +++ b/src/constants/projectData.js @@ -3,7 +3,7 @@ import logo from "../assets/wocLogo1.png" const newProjectData = [ { organization: 'GDSC NSEC', - imageUrl:{logo}, + imageUrl: "data:image/png;base64,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", projects: [ { id: 1, @@ -80,7 +80,7 @@ const newProjectData = [ name: "GeoWellAdvisor", students: 5, codeLink: "https://github.com/047pegasus/GeoWellAdvisor", - techStack: ["Backend ", "DevOps"], + 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: [{ @@ -162,6 +162,205 @@ const newProjectData = [ ], noOfProjects: 10, }, + { + 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, + }, + { + 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, + }, + { + 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, + }, + { + 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, + }, 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/pages/Home/Home.jsx b/src/pages/Home/Home.jsx index bad12de..a11cb50 100644 --- a/src/pages/Home/Home.jsx +++ b/src/pages/Home/Home.jsx @@ -9,6 +9,7 @@ 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 ( @@ -17,6 +18,7 @@ const Home = () => { + diff --git a/src/pages/Organisation/Organisation.jsx b/src/pages/Organisation/Organisation.jsx index 3f760b5..3e43c72 100644 --- a/src/pages/Organisation/Organisation.jsx +++ b/src/pages/Organisation/Organisation.jsx @@ -1,8 +1,8 @@ -import React, { useState } from "react"; +import React, { useEffect, useState } from "react"; import { useLocation } from "react-router-dom"; import "./Organisation.scss"; -import { Button, Modal, Tag } from "antd"; -import { Link } from "react-router-dom"; +import { Modal, Tag, message } from "antd"; + const Organisation = () => { const location = useLocation(); const cardData = location.state && location.state.cardData; @@ -20,10 +20,23 @@ const Organisation = () => { }; const openInNewWindow = (url) => { window.open(url, "_blank"); - } - const colors = ["magenta", "red", "volcano", "orange", "gold", "lime", "green", "cyan", "blue", "geekblue", "purple"] + }; + const colors = [ + "magenta", + "red", + "volcano", + "orange", + "gold", + "lime", + "green", + "cyan", + "blue", + "geekblue", + "purple", + ]; + return ( -
+

{cardData.organization}

{cardData.noOfProjects} projects

@@ -39,25 +52,32 @@ const Organisation = () => {
{project.mentor.map((mentor, index) => (
-

openInNewWindow(mentor.linkedin)}> +

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

+
))}
- -
+
{project.techStack.map((tech, index) => ( - - + {tech} - - ))}
@@ -66,9 +86,14 @@ const Organisation = () => {

{project.name}

{project.description.length > 150 ? (

- {project.description.substring(0, 350)}{"... "} + {project.description.substring(0, 350)} + {"... "} openModal(project)} > See More @@ -79,13 +104,23 @@ const Organisation = () => { )}

- {" "} - - -

openInNewWindow("https://forms.gle/aCnUEkymwxfqsAQm7") - }>Apply now

+ +

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

))} @@ -112,7 +147,7 @@ const Organisation = () => {
{selectedProject.mentor.map((mentor, index) => (
-

openInNewWindow(mentor.linkedin)}> +

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

@@ -122,14 +157,23 @@ const Organisation = () => {
- -
+
{selectedProject.techStack.map((tech, index) => (

- + {tech} -

@@ -137,16 +181,28 @@ const Organisation = () => {
-
-

{selectedProject.description}

+
+

{selectedProject.description}

- + -

openInNewWindow("https://forms.gle/aCnUEkymwxfqsAQm7") - }>Apply now

+

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

diff --git a/src/pages/Organisation/Organisation.scss b/src/pages/Organisation/Organisation.scss index 79bd644..98697aa 100644 --- a/src/pages/Organisation/Organisation.scss +++ b/src/pages/Organisation/Organisation.scss @@ -4,6 +4,7 @@ flex-direction: column; padding: 0rem 2rem; margin-bottom: 50px; + h1 { font-size: 2rem; margin-bottom: 0.5rem; @@ -47,7 +48,7 @@ cursor: pointer; &:hover { color: #babac0; - border-bottom: 1px solid #babac0; + // border-bottom: 1px solid #babac0; } } } @@ -106,7 +107,9 @@ flex-wrap: wrap; margin: 0; } - +p{ + text-decoration: underline; +} } .Organisation-project-card-tech { @@ -185,11 +188,12 @@ font-size: 1.2rem; font-weight: 500; cursor: pointer; + text-decoration: underline; } &:hover { p{ color: #78787e; - border-bottom: 1px solid #737376; + //border-bottom: 1px solid #737376; } } @@ -321,6 +325,9 @@ h4 { font-size: 1rem; } + p{ + text-decoration: underline; + } } .Organisation-project-card-tech { h4 { @@ -426,4 +433,19 @@ } .Organisation-project-card-mentor{ min-width: 25%; -} \ No newline at end of file +} +@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/Apply/Apply.jsx b/src/partials/Apply/Apply.jsx index a9572f0..0ddc2dc 100644 --- a/src/partials/Apply/Apply.jsx +++ b/src/partials/Apply/Apply.jsx @@ -53,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 index 7376c26..7ffb03e 100644 --- a/src/partials/Community/Community.jsx +++ b/src/partials/Community/Community.jsx @@ -1,8 +1,8 @@ import React from "react"; import "./Community.scss"; import Marquee from "react-fast-marquee"; - import { community } from "constants/communityData"; + const Community = () => { return (
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 ( +
+

Sponsors

+
+ {sponsorData.map((user) => ( + + ))} +
+
+ ); +} + +export default Sponsors; diff --git a/src/partials/Sponsors/Sponsors.scss b/src/partials/Sponsors/Sponsors.scss new file mode 100644 index 0000000..9b767ac --- /dev/null +++ b/src/partials/Sponsors/Sponsors.scss @@ -0,0 +1,7 @@ +.sponsor-section { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + padding: 20px; +} \ No newline at end of file diff --git a/src/partials/Sponsors/SponsorsCard.jsx b/src/partials/Sponsors/SponsorsCard.jsx new file mode 100644 index 0000000..f20d6cb --- /dev/null +++ b/src/partials/Sponsors/SponsorsCard.jsx @@ -0,0 +1,40 @@ +import React from "react"; +import "./SponsorsCard.scss"; +import { FaGlobe } from "react-icons/fa"; +import { FaLinkedin } from "react-icons/fa"; + +const SponsorsCard = ({ user }) => { + return ( +
+
+ {user.name} +
+
+

{user.tag}

+ +
+
+

{user.name}

+
+
+ ); +}; + +export default SponsorsCard; diff --git a/src/partials/Sponsors/SponsorsCard.scss b/src/partials/Sponsors/SponsorsCard.scss new file mode 100644 index 0000000..d16be5d --- /dev/null +++ b/src/partials/Sponsors/SponsorsCard.scss @@ -0,0 +1,62 @@ +.sponsor-card { + position: relative; + width: 200px; + margin: 10px; + border-radius: 12px; + overflow: hidden; + box-shadow: 1px 3px 10px 4px rgba(0, 0, 0, 0.3882352941); +} + +.circle { + overflow: hidden; + border-radius: 50%; + padding: 24px; +} + +.circle img { + display: block; + width: 100%; + height: auto; + border-radius: 50%; + object-fit: cover; +} + +.overlay { + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background-color: rgba( + 0, + 0, + 0, + 0.7 + ); + color: rgb(255, 255, 255); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + transition: left 0.3s ease-in-out; +} + +.sponsor-card:hover .overlay { + left: 0; +} + +.name-container { + margin: 10px; + text-align: center; + + @media screen and (max-width: 450px) { + font-size: 28px !important; + } +} + +@media screen and (max-width: 479px) { + .sponsor-card { + width: 250px; + } +} \ No newline at end of file diff --git a/src/partials/Timeline/Timeline.jsx b/src/partials/Timeline/Timeline.jsx index aa1fb5b..c92b4cf 100644 --- a/src/partials/Timeline/Timeline.jsx +++ b/src/partials/Timeline/Timeline.jsx @@ -1,4 +1,3 @@ -// eslint-disable-next-line no-unused-vars import React from "react"; import "./Timeline.scss"; import { StarFull } from "assets/timelineIcons"; @@ -9,6 +8,7 @@ import { import "react-vertical-timeline-component/style.min.css"; import { timelineData } from "constants/timelineData"; import { AiFillCaretDown } from "react-icons/ai"; + const Timeline = () => { return (