Skip to content

Commit e17b2ab

Browse files
VinuBalagopalAPVinuBalagopalAP
committed
Games Added 🎳
1 parent 54c4794 commit e17b2ab

File tree

6 files changed

+94
-93
lines changed

6 files changed

+94
-93
lines changed

‎.DS_Store

0 Bytes
Binary file not shown.

‎public/assets/Games/LUDO.png

1.51 MB
Loading

‎public/assets/Games/PES.png

2.24 MB
Loading

‎src/pages/GamesDetail/GamesDetail.js

Lines changed: 45 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -5,52 +5,51 @@ import GamesLists from "./GamesLists";
55
import { useEffect } from "react";
66

77
const GamesDetail = () => {
8-
9-
useEffect(() => {
10-
window.scrollTo(0, 0)
11-
}, [])
12-
13-
const params = useParams();
14-
console.log(params.id);
15-
16-
const games = GamesLists.filter((event) => params.id === event.name);
17-
18-
return (
19-
<section className={classes.ambaSection}>
20-
<Background className={classes.ambassadar}>
21-
<div className={classes.tech}>
22-
<div className={classes.imgBox}>
23-
<img
24-
className={classes.img}
25-
src={games[0].imgSrc}
26-
alt="Hi Kmct"
27-
/>
28-
</div>
29-
30-
<div className={classes.ScrollBox}>
31-
<div className={classes.headingBox}>
32-
<h3 className={classes.heading}>{games[0].heading}</h3>
33-
<p className={classes.para}>{games[0].para}</p>
34-
<h3 className={classes.heading}>Game Rules</h3>
35-
36-
{games[0].rules.map((map) => {
37-
return <p className={classes.para}>{map}</p>;
38-
})}
39-
40-
<p className={classes.fees}>
41-
Registration fees: ₹
42-
<span className={classes.amount}>{games[0].regFee}</span>
43-
</p>
44-
45-
<a href={games[0].paymentLink}>
46-
<button className={classes.btn}>Register Now!</button>
47-
</a>
48-
</div>
49-
</div>
50-
</div>
51-
</Background>
52-
</section>
53-
);
8+
useEffect(() => {
9+
window.scrollTo(0, 0);
10+
}, []);
11+
12+
const params = useParams();
13+
console.log(params.id);
14+
15+
const games = GamesLists.filter((event) => params.id === event.name);
16+
17+
return (
18+
<section className={classes.ambaSection}>
19+
<Background className={classes.ambassadar}>
20+
<div className={classes.tech}>
21+
<div className={classes.imgBox}>
22+
<img className={classes.img} src={games[0].imgSrc} alt="Hi Kmct" />
23+
</div>
24+
25+
<div className={classes.ScrollBox}>
26+
<div className={classes.headingBox}>
27+
<h3 className={classes.heading}>{games[0].heading}</h3>
28+
<p className={classes.para}>{games[0].para}</p>
29+
<h3 className={classes.heading}>Game Rules</h3>
30+
31+
{games[0].rules.map((map) => {
32+
return <p className={classes.para}>{map}</p>;
33+
})}
34+
35+
<p className={classes.fees}>
36+
Registration fees: ₹
37+
<span className={classes.amount}>{games[0].regFee}</span>
38+
</p>
39+
40+
<a
41+
href={games[0].paymentLink}
42+
target="_blank"
43+
rel="noopener noreferrer"
44+
>
45+
<button className={classes.btn}>Register Now!</button>
46+
</a>
47+
</div>
48+
</div>
49+
</div>
50+
</Background>
51+
</section>
52+
);
5453
};
5554

5655
export default GamesDetail;

‎src/pages/GamesDetail/GamesLists.js

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -14,38 +14,40 @@ const GamesLists = [
1414
"6. Faking or manipulating match media is forbidden.",
1515
"7. Teams are responsible for their own technical issues (hardware/internet).",
1616
],
17-
regFee: "50",
17+
regFee: " 50/-",
1818
paymentLink: "https://rzp.io/l/Karma-PUBG",
1919
redirectLink: "/events/games/pubg",
2020
},
2121
{
2222
id: 2,
2323
name: "ludo",
24-
imgSrc: "/assets/Games/",
24+
imgSrc: "/assets/Games/LUDO.png",
2525
heading: "LUDO",
2626
para: "KARMA'22 is here with the amazing Ludo Competition for all the Ludo Kings and Queens. Show off all your skills you acquired on quarantine with this Ludo Game and win prizes worth 30K",
2727
rules: [
2828
"1. Competition will be done in the supervision of judges.",
2929
"2. The competition will be conducted at the venue. ",
3030
"3. No malpractices are allowed. ",
3131
],
32-
regFee: "50",
32+
regFee: " 30/-",
33+
paymentLink: "https://rzp.io/l/Karma-Ludo",
3334
redirectLink: "/events/games/ludo",
3435
},
3536
{
3637
id: 3,
3738
name: "pes",
38-
imgSrc: "/assets/Games/",
39+
imgSrc: "/assets/Games/PES.png",
3940
heading: "PES",
4041
para: "KARMA'22 Presents PES Tournament for all the PES players. Display your skills and win prizes over 15 K.",
4142
rules: [
42-
"1. ♦️Competition will be conducted in the supervision of judges and the decision of them will be final. ",
43-
"2. ♦️No Team Strength",
43+
"1. Competition will be conducted in the supervision of judges and the decision of them will be final. ",
44+
"2. No Team Strength",
4445
"3. 8 Minutes Gameplay",
4546
"4. Single Match (No Home and Away)",
4647
"5. Faking or manipulating match media are forbidden.",
4748
],
48-
regFee: "50",
49+
regFee: " 100/-",
50+
paymentLink: "https://rzp.io/l/Karma-PES",
4951
redirectLink: "/events/games/pes",
5052
},
5153
];

‎src/pages/TechnicalDetail/TechnicalLists.js

Lines changed: 40 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
const TechnicalLists = [
2-
{
3-
id: 1,
4-
name: "aiml",
5-
imgSrc: "/assets/Workshops/aiml.png",
6-
heading: "AI / ML Workshop",
7-
headingPara: "By attending AI/ML Workshop you will get a introduction to the world of Artificial Intelligence and Machine Learning. This workshop will help you to understand the fundementals of AI and ML and also this includes some live projects of Machine Learning which you can experince. This session will explain the complete learning path. Every beginners can attend this workshop.",
8-
certiPara:
9-
"On successful completion of this 1-day Workshop, you will earn yourself a Certification in AI / ML.",
10-
rules: [
11-
"1. Explore the career opportunities in AI ML",
12-
"2. Learn the fundamentals of AI",
13-
"3. Learn the foundation and terminology of ML",
14-
"4. Understand the current trends in AI",
15-
"5. Gain insights with python.",
16-
],
2+
// {
3+
// id: 1,
4+
// name: "aiml",
5+
// imgSrc: "/assets/Workshops/aiml.png",
6+
// heading: "AI / ML Workshop",
7+
// headingPara: "By attending AI/ML Workshop you will get a introduction to the world of Artificial Intelligence and Machine Learning. This workshop will help you to understand the fundementals of AI and ML and also this includes some live projects of Machine Learning which you can experince. This session will explain the complete learning path. Every beginners can attend this workshop.",
8+
// certiPara:
9+
// "On successful completion of this 1-day Workshop, you will earn yourself a Certification in AI / ML.",
10+
// rules: [
11+
// "1. Explore the career opportunities in AI ML",
12+
// "2. Learn the fundamentals of AI",
13+
// "3. Learn the foundation and terminology of ML",
14+
// "4. Understand the current trends in AI",
15+
// "5. Gain insights with python.",
16+
// ],
1717

18-
paymentLink: "https://rzp.io/l/Karma-AI-ML",
19-
redirectLink: "/events/technical/aiml",
20-
},
18+
// paymentLink: "https://rzp.io/l/Karma-AI-ML",
19+
// redirectLink: "/events/technical/aiml",
20+
// },
2121
{
2222
id: 2,
2323
name: "ansys",
@@ -125,30 +125,30 @@ const TechnicalLists = [
125125
paymentLink: "https://rzp.io/l/Karma-FLutter",
126126
redirectLink: "/events/technical/flutter",
127127
},
128-
{
129-
id: 7,
130-
name: "web",
131-
imgSrc: "/assets/Workshops/web.png",
132-
heading: "Web Design & Development Workshop",
133-
headingPara:
134-
"Web design is the skill of creating presentations of content that are delivered to an end-user through the World Wide Web, using a web browser or other web-enabled software. Usually hypertext or hypermedia content is presented. It Involves integrating your marketing plan and using good SEO techniques. Use of HTML designs for page layout control purposes qualitatively with productive designing.",
135-
certiPara:
136-
"On successful completion of this 1-day Workshop, you will earn yourself a Certification in Web Design & Development.",
137-
rules: [
138-
"1. Enrich knowledge in branding stationery designs for Print Inspiration, social media ads, UI designing, HTML Mailer and website layout for online promotions.",
139-
"2. Acquire great skills set of HTML5, CSS3, JQuery, Bootstrap Framework and its components to add cool features to your responsive websites.",
140-
"3. New ways of coding, tips & tricks and modern best practice to develop a website with seo esstentials.",
141-
"4. To setup up a website on host server with custom control panel.",
142-
"5. To use tools like Redmine Project Management System, SVN Source Code Managaement System and Mantis Bug Tracking System etc.",
143-
],
128+
// {
129+
// id: 7,
130+
// name: "web",
131+
// imgSrc: "/assets/Workshops/web.png",
132+
// heading: "Web Design & Development Workshop",
133+
// headingPara:
134+
// "Web design is the skill of creating presentations of content that are delivered to an end-user through the World Wide Web, using a web browser or other web-enabled software. Usually hypertext or hypermedia content is presented. It Involves integrating your marketing plan and using good SEO techniques. Use of HTML designs for page layout control purposes qualitatively with productive designing.",
135+
// certiPara:
136+
// "On successful completion of this 1-day Workshop, you will earn yourself a Certification in Web Design & Development.",
137+
// rules: [
138+
// "1. Enrich knowledge in branding stationery designs for Print Inspiration, social media ads, UI designing, HTML Mailer and website layout for online promotions.",
139+
// "2. Acquire great skills set of HTML5, CSS3, JQuery, Bootstrap Framework and its components to add cool features to your responsive websites.",
140+
// "3. New ways of coding, tips & tricks and modern best practice to develop a website with seo esstentials.",
141+
// "4. To setup up a website on host server with custom control panel.",
142+
// "5. To use tools like Redmine Project Management System, SVN Source Code Managaement System and Mantis Bug Tracking System etc.",
143+
// ],
144144

145-
regFee: "50",
146-
contact1: "",
147-
contact2: "",
145+
// regFee: "50",
146+
// contact1: "",
147+
// contact2: "",
148148

149-
paymentLink: "https://rzp.io/l/Karma-Web",
150-
redirectLink: "/events/technical/web",
151-
},
149+
// paymentLink: "https://rzp.io/l/Karma-Web",
150+
// redirectLink: "/events/technical/web",
151+
// },
152152
];
153153

154154
export default TechnicalLists;

0 commit comments

Comments
 (0)