Skip to content

Commit

Permalink
added crousel in homepage and wings data
Browse files Browse the repository at this point in the history
  • Loading branch information
@SachinMondal
SachinMondal committed Apr 27, 2024
1 parent 13e38c7 commit eb04c71
Show file tree
Hide file tree
Showing 5 changed files with 498 additions and 165 deletions.
68 changes: 48 additions & 20 deletions src/components/CardHome.js
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,11 @@
import React from 'react'

const CardHome = (props) => {
return (
<>
<style>
{`

return (
<>
<style>
{`
.card{
border-radius: 25px;
background-color: #FFF;
Expand Down Expand Up @@ -120,24 +121,51 @@ const CardHome = (props) => {
}
`}
</style>
<div className="card swiper-slide w-[170px] md:w-[250px]">
<div className="image-content">
<span className="overlay"></span>
<div className="card-image">
<img src={props.photo} alt="" className="card-img rounded-full" />
</div>
</div>
</style>
<div className="card swiper-slide w-[170px] md:w-[250px] border border-red-600">
<div className="image-content">
<span className="overlay"></span>
<div className="card-image">
<img src={props.photo} alt="" className="card-img rounded-full" />
</div>
</div>

<div className="card-content flex flex-col mt-2">
<h2 className="name text-center">{props.name}</h2>
<p className="description mt-2 font-semibold">{props.designation.toUpperCase()}</p>


<ul className="flex justify-center mt-4 space-x-4">
{props.media.facebook && (
<li>
<a href={props.media.facebook} target='_blank' rel="noopener noreferrer" className="text-[#39569c] hover:text-gray-900 ">
<svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fillRule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clipRule="evenodd" /></svg>
</a>
</li>
)}
{props.media.linkedin && (
<li>
<a href={props.media.linkedin} target='_blank' rel="noopener noreferrer" className="text-[#00acee] hover:text-gray-900 ">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" className='w-6 h-6'><path fill="#0078d4" d="M24,4C12.954,4,4,12.954,4,24s8.954,20,20,20s20-8.954,20-20S35.046,4,24,4z" /><path d="M30,35v-9c0-1.103-0.897-2-2-2s-2,0.897-2,2v9h-6V18h6v1.027C27.04,18.359,28.252,18,29.5,18 c3.584,0,6.5,2.916,6.5,6.5V35H30z M13,35V18h2.966C14.247,18,13,16.738,13,14.999C13,13.261,14.267,12,16.011,12 c1.696,0,2.953,1.252,2.989,2.979C19,16.733,17.733,18,15.988,18H19v17H13z" opacity=".05" /><path d="M30.5,34.5V26c0-1.378-1.121-2.5-2.5-2.5s-2.5,1.122-2.5,2.5v8.5h-5v-16h5v1.534 c1.09-0.977,2.512-1.534,4-1.534c3.309,0,6,2.691,6,6v10H30.5z M13.5,34.5v-16h5v16H13.5z M15.966,17.5 c-1.429,0-2.466-1.052-2.466-2.501c0-1.448,1.056-2.499,2.511-2.499c1.436,0,2.459,1.023,2.489,2.489 c0,1.459-1.057,2.511-2.512,2.511H15.966z" opacity=".07" /><path fill="#fff" d="M14,19h4v15h-4V19z M15.988,17h-0.022C14.772,17,14,16.11,14,14.999C14,13.864,14.796,13,16.011,13 c1.217,0,1.966,0.864,1.989,1.999C18,16.11,17.228,17,15.988,17z M35,24.5c0-3.038-2.462-5.5-5.5-5.5 c-1.862,0-3.505,0.928-4.5,2.344V19h-4v15h4v-8c0-1.657,1.343-3,3-3s3,1.343,3,3v8h4C35,34,35,24.921,35,24.5z" /></svg>
</a>
</li>
)}
{props.media.instagram && (
<li>
<a href={props.media.instagram} target='_blank' rel="noopener noreferrer" className="text-[#00acee] hover:text-gray-900 ">
<svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fillRule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clipRule="evenodd" /></svg>
</a>
</li>
)}
</ul>



<div className="card-content flex flex-col mt-2">
<h2 className="name text-center">{props.name}</h2>
<p className="description mt-2 font-semibold">{props.designation.toUpperCase()}</p>


</div>
</div>
</>
)
</div>
</div >
</>
)
}

export default CardHome
252 changes: 251 additions & 1 deletion src/data/wingData.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,6 +70,89 @@ export const wingData = {
},
]
},
eloquense: {
name: 'eloquense',
coverImage: eloquenseImg,
aboutBrief: "'Eloquence', the official literary club of Netaji Subhash Engineering College Under Phoenix. Fostering articulate expression through public speaking, debate, communication skills development, inspiring confidence and persuasive prowess in students.",
aboutExtended: "Eloquence Club is a dynamic gathering of individuals passionate about mastering the art of communication. Through workshops, debates, and speeches, members refine their oratory skills, from persuasive rhetoric to captivating storytelling. The club fosters an environment of mutual support and constructive feedback, encouraging members to overcome stage fright and hone their confidence. With diverse topics and formats, Eloquence Club cultivates versatility in expression, empowering members to articulate ideas with clarity and impact. Whether polishing professional presentations or perfecting personal narratives, participants find a welcoming space to sharpen their eloquence and connect with like-minded communicators on a journey of continuous improvement.The Robonix Club is a student community dedicated to advancing skills and knowledge in utilizing modern technology for scientific endeavors. The club focuses on automation, artificial intelligence, and robotics. It provides a platform for students to explore these fields, turning innovative ideas into reality. The club organizes workshops, events, and technical sessions to enhance students’ understanding and practical experience in robotics, mechatronics, and related areas, fostering creativity and passion for technological advancements.",
members: [
{
name: "soham das",
designation: "Wing Lead",
profileImgUrl: "#",
socials: {
insta: "#",
github: "#",
linkedin: "#",
}
},
{
name: "soham das",
designation: "Wing coordinator",
profileImgUrl: "#",
socials: {
insta: "#",
github: "#",
linkedin: "#",
}
},
{
name: "soham das",
designation: "Wing coordinator",
profileImgUrl: "#",
socials: {
insta: "#",
github: "#",
linkedin: "#",
}
},
{
name: "soham das",
designation: "Wing coordinator",
profileImgUrl: "#",
socials: {
insta: "#",
github: "#",
linkedin: "#",
}
},
],

gallery: [
{
url: img1,
caption: "caption"
},
{
url: img2,
caption: "caption"
},
{
url: img3,
caption: "caption"
},
{
url: img4,
caption: "caption"
},
{
url: img1,
caption: "caption"
},
{
url: img1,
caption: "caption"
},
{
url: img1,
caption: "caption"
},
{
url: img1,
caption: "caption"
},
]
},
robonix: {
name: 'robonix',
coverImage: robonixImg,
Expand Down Expand Up @@ -152,5 +235,172 @@ export const wingData = {
caption: "caption"
},
]
}
},
nirman: {
name: 'nirman',
coverImage: nirmanImg,
aboutBrief: "Nirman is the Civil Wing of Phoenix - The official Tech club of Netaji Subhash Engineering College. Nirman engages civil engineering enthusiasts in activities, workshops, and projects to foster skill development and innovation within the field.",
aboutExtended: "Nirman is a hub for civil engineering enthusiasts, fostering skill development and networking. It offers workshops and seminars to enhance practical knowledge. Members engage in projects spanning construction, infrastructure, and sustainability, honing expertise in areas like structural analysis, project management, collaborative efforts to tackle real-world challenges, encouraging innovation and problem-solving. The club cultivates a community of future engineers, promoting camaraderie and professional growth. With a focus on hands-on learning and industry insights, Nirman Wing empowers members to excel in the dynamic field of civil engineering.",
members: [
{
name: "soham das",
designation: "Wing Lead",
profileImgUrl: "#",
socials: {
insta: "#",
github: "#",
linkedin: "#",
}
},
{
name: "soham das",
designation: "Wing coordinator",
profileImgUrl: "#",
socials: {
insta: "#",
github: "#",
linkedin: "#",
}
},
{
name: "soham das",
designation: "Wing coordinator",
profileImgUrl: "#",
socials: {
insta: "#",
github: "#",
linkedin: "#",
}
},
{
name: "soham das",
designation: "Wing coordinator",
profileImgUrl: "#",
socials: {
insta: "#",
github: "#",
linkedin: "#",
}
},
],

gallery: [
{
url: img1,
caption: "caption"
},
{
url: img2,
caption: "caption"
},
{
url: img3,
caption: "caption"
},
{
url: img4,
caption: "caption"
},
{
url: img1,
caption: "caption"
},
{
url: img1,
caption: "caption"
},
{
url: img1,
caption: "caption"
},
{
url: img1,
caption: "caption"
},
]
},
illustro: {
name: 'illustro',
coverImage: "",
aboutBrief: "Illustro is the official photography wing of Phoenix - The official Tech club of Netaji Subhash Engineering College. Capturing moments, creating memories. Explore, learn, and share your passion with Illustro. Join us to unleash your creativity through the lens.",
aboutExtended: "Illustro is a vibrant community of photography enthusiasts dedicated to capturing moments and exploring the artistry of visual storytelling. From amateur hobbyists to seasoned professionals, members share techniques, critique each other's work, and organize exhibitions to showcase their talents. Regular workshops and guest lectures by industry experts foster skill development and creativity. Through outings and photo walks, members discover new perspectives and subjects, enriching their photographic journeys. With a supportive atmosphere and a passion for imagery, Illustro serves as a hub for fostering talent and camaraderie among photographers of all levels.",
members: [
{
name: "soham das",
designation: "Wing Lead",
profileImgUrl: "#",
socials: {
insta: "#",
github: "#",
linkedin: "#",
}
},
{
name: "soham das",
designation: "Wing coordinator",
profileImgUrl: "#",
socials: {
insta: "#",
github: "#",
linkedin: "#",
}
},
{
name: "soham das",
designation: "Wing coordinator",
profileImgUrl: "#",
socials: {
insta: "#",
github: "#",
linkedin: "#",
}
},
{
name: "soham das",
designation: "Wing coordinator",
profileImgUrl: "#",
socials: {
insta: "#",
github: "#",
linkedin: "#",
}
},
],

gallery: [
{
url: img1,
caption: "caption"
},
{
url: img2,
caption: "caption"
},
{
url: img3,
caption: "caption"
},
{
url: img4,
caption: "caption"
},
{
url: img1,
caption: "caption"
},
{
url: img1,
caption: "caption"
},
{
url: img1,
caption: "caption"
},
{
url: img1,
caption: "caption"
},
]
},

}
20 changes: 20 additions & 0 deletions src/pages/Clubs/Clubs.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,18 @@ const data = [
link: 'nirman'
},
isCLub: true
},
{
image: "",
title: 'Illustro',
description: 'Illustro is the official photography wing of Phoenix - The official Tech club of Netaji Subhash Engineering College. Capturing moments, creating memories. Explore, learn, and share your passion with Illustro. Join us to unleash your creativity through the lens.',
extraButton: {
name: 'Learn More',
link: 'illustro'
},
isCLub: true
}

]


Expand All @@ -66,6 +77,15 @@ function Clubs() {
case "robonix":
setCurWing(wingData.robonix)
break;
case "nirman":
setCurWing(wingData.nirman)
break;
case "eloquense":
setCurWing(wingData.eloquense)
break;
case "illustro":
setCurWing(wingData.illustro)
break;

default:
setCurWing()
Expand Down
Loading

0 comments on commit eb04c71

Please sign in to comment.