Skip to content

Commit 87e5204

Browse files
committed
project gallaery changed
1 parent db1b239 commit 87e5204

13 files changed

+102
-79
lines changed

public/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
5-
<link rel="icon" href="/favicon.ico" />
5+
<link rel="icon" href="./gdu_logo.png" />
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<meta name="theme-color" content="#000000" />
88
<meta

src/Components/AboutUs_components/AboutUs_card.js

+7-8
Original file line numberDiff line numberDiff line change
@@ -28,26 +28,25 @@ export default AboutUs_card;*/
2828
import React from 'react';
2929
import "../../Styles/AboutUs.css";
3030

31-
import {CCard,CCol,CCardImage,CCardBody,CCardTitle,CCardText,CRow} from "@coreui/react";
32-
function AboutUs_card(props)
33-
{
34-
return ( <div className='w-full mx-auto my-2' ><CCard className="mb-3 about_us_card" style={{ maxWidth: '80%',backgroundColor:"#EEEEEE3B",borderRadius:50, margin:"4px auto"}} >
31+
import { CCard, CCol, CCardImage, CCardBody, CCardTitle, CCardText, CRow } from "@coreui/react";
32+
function AboutUs_card(props) {
33+
return (<div className='w-full mx-auto my-2' ><CCard className="mb-3 about_us_card" style={{ maxWidth: '80%', backgroundColor: "#EEEEEE3B", borderRadius: 50, margin: "4px auto" }} >
3534
<CRow className="g-0">
3635
<CCol md={4}>
37-
<CCardImage src={props.image} className="card_image" style={{width:250,height:250}} />
36+
<CCardImage src={props.image} className="card_image" style={{ width: 250, height: 250 }} />
3837
</CCol>
3938
<CCol md={8}>
4039
<CCardBody>
4140
<CCardTitle className="about_us_title">{props.title}</CCardTitle>
4241
<CCardText className="about_us_text">
43-
{props.text}
42+
{props.text}
4443

4544
</CCardText>
46-
45+
4746
</CCardBody>
4847
</CCol>
4948
</CRow>
50-
</CCard></div> );
49+
</CCard></div>);
5150
}
5251

5352
export default AboutUs_card;

src/Components/ProjectGallery.js

+77-60
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,13 @@
11
import React, { useEffect, useCallback, useState } from "react";
22
import "../Styles/ProjectGallery.css";
3-
import chaos from "../images/Chaos_Awakens.jpeg";
4-
import Charter_Yacht from "../images/Charter_Yacht.png";
5-
import Connect from "../images/Connect.png";
6-
import Cubicles from "../images/Cubicles.png";
7-
import Star from "../images/Star.png";
8-
import Voxel from "../images/voxel_battle.jpg";
3+
import Macabre from "../images/macabre.png"
4+
import dicey from "../images/dicey.jfif"
5+
import event_horizon from "../images/event_horizon.JPG"
6+
import bedash from "../images/bedash.png"
7+
import vibora from '../images/vibora.jfif'
8+
import sunken from "../images/sunken.jpg"
9+
import disarm from "../images/disarm.jpg"
10+
import wingit from "../images/wingit.jpg"
911

1012

1113
/*
@@ -16,48 +18,63 @@ import Voxel from "../images/voxel_battle.jpg";
1618
const cardItems = [
1719
{
1820
id: 1,
19-
title: "Charter Yacht",
20-
image:Charter_Yacht,
21-
link:"https://teams24.itch.io/charter-yacht",
22-
copy:
23-
"Charter Yacht is a unique game developed by Teams24 (a part of our club) which comes under the category of survival game. The game’s unique design allows for the player’s brain to react quickly to the dynamically changing Game environment where the player has to stress upon their visual memory in order to chart a path for the Yacht, making this game a good source of adrenaline rush!",
21+
title: "Macabre",
22+
image: Macabre,
23+
link: "https://tejas022.itch.io/macabre",
24+
copy: "Macabre Game, created by GDU PICT students Tejas Bendkule, Malhar Choure, and Chinmay Surve, is a top-notch 3D horror experience. Using Unity and Blender, they crafted a spooky world that won first prize at IIT Madras."
2425
},
2526
{
2627
id: 2,
27-
title: "Chaos Awakens",
28-
image:chaos,
29-
link:"https://teams24.itch.io/voxel-battle-chaos-awakens",
30-
copy: "Chaos Awakens is a game developed by Teams24 (a part of our club) which comes under the category of shooter and survival games. The game’s unique design blends both the genres of games and employs a unique algorithm for solving the enemy-crowding problem in normal 2D shooter video games. The game is a sequel of the Voxel Battle and with some noteworthy changes made in the game design to make it more chaotic and addictive."
28+
title: "Vibora",
29+
image: vibora,
30+
link: "https://gamedevutopia.itch.io/vibora-game",
31+
copy:
32+
"Taking steps from the classic Snake Game but with a potent and clever enemy alike which targets your food and life even if it means its demise. Get your snake rolling and bring your best arcade skills to get survive and thrive! Made By Co Founder of GDU Apurv Henkare in Love2D (Lua).",
3133
},
3234
{
3335
id: 3,
34-
title: "Connect 4",
35-
image:Connect,
36+
title: "Dicey Roads",
37+
image: dicey,
3638
copy:
37-
"Connect 4 is a game developed by Teams24 (a part of our club) which comes under the category of puzzles and party games and is currently published on the Itch.io platform. Inspired from the classic cross-and-naughts (commonly known as X and O), the game brings new complexity to the puzzle and its unique design and GUI facilitates realistic gameplay.",
38-
link:"https://teams24.itch.io/connect-4"
39-
},
39+
"A puzzle and strategy game where your wits are tested to see if you can win before rage quitting or punching a hole in your monitor. Also since it was originally made for a jam don't spam keys. Made By Tejas Sonone, Ayush Gupta and Malhar Choure in Unity (C#).",
40+
link: "https://tejas022.itch.io/dicey-roads"
41+
},
4042
{
4143
id: 4,
42-
title: "Cubicles",
43-
image:Cubicles,
44-
link:"https://teams24.itch.io/pict-cubicles",
45-
copy: "PICT Cubicles is a hyper-casual game developed by Teams24 (a part of our club) and is currently hosted on itch.io platform. The game follows an infinite loop approach and has been inspired from everyone’s favourite hyper-casual game Flappy Bird by dotGears studios."
44+
title: "BE-Dash",
45+
image: bedash,
46+
link: "https://kushalbhalgat.itch.io/be-dash",
47+
copy: "B.E Dash, a solo survival game depicting the tough engineering journey, was created by Kushal Balghat from GDU PICT using Unity. Each game level mirrors a year, illustrating the shift from knowing everything to knowing nothing. The game captures the dynamic difficulty of engineering, offering a hardcore challenge."
4648
},
4749
{
4850
id: 5,
49-
title: "Star Endurance",
50-
image:Star,
51-
link:"https://teams24.itch.io/star-endurance",
52-
copy: "Star Endurance is a game developed by GameDevUtopia which comes under the category of third person survival shooter and is currently published on the Itch.io platform. The game design is inspired from the old school arcade game named Asteroid, which is a space themed multidirectional shooter.Our game adds various twists to that concept."
51+
title: "Event Horizon",
52+
image: event_horizon,
53+
link: "https://gamedevutopia.itch.io/event-horizon",
54+
copy: "Event Horizon is a unique game centered around the theme of parallel worlds. Crafted with thoughtful level design, the game features four distinct levels. Made In Love2d (Lua) By Apurv and Prajwal. This Game also won IIIT Kottayam Game Jam."
5355
},
5456
{
5557
id: 6,
56-
title: "Voxel Battle",
57-
image:Voxel,
58-
link:"https://teams24.itch.io/voxel-battle",
59-
copy: "Voxel Battle is a game developed by Teams24 (a part of our club) which comes under the category of shooter and survival games and is currently published on the Itch.io platform. The game’s unique design blends both the genres of games and employs a unique algorithm for solving the enemy-crowding problem in normal 2D shooter video games."
60-
}
58+
title: "Sunken",
59+
image: sunken,
60+
link: "https://gamedevutopia.itch.io/sunken",
61+
copy: "Aliens attacked Earth, and we're safe underwater with antimatter railguns as our last defense. In a game by GDU Co-founders Mihir Ranade, Prajwal Pawar, and Apurv Henkare using Love2D (Lua), your mission is to deliver antimatter warheads to load up the railguns and save humanity."
62+
},
63+
{
64+
id: 7,
65+
title: "Disarm-It",
66+
image: disarm,
67+
link: "https://bharathk33.itch.io/disarm-it",
68+
copy: "Disarm It, a game by S. Bharath Krishnan and S. Krishna Narayan from GDU IIIT Kottayam, is a survival challenge in Unity (C#). In this game, a bomb is planted on a car, and you have just 2 minutes to survive. Can you disarm it and make it out in time?"
69+
},
70+
{
71+
id: 8,
72+
title: "Wing-It",
73+
image: wingit,
74+
link: "https://bharathk33.itch.io/wingit",
75+
copy: "Inspired by Flappy Bird and created using the C++ programming language with the SDL library. In this game, players guide a young bird through a challenging environment filled with falling rocks. Credits to the developers: Pratyush, Bharath, Gowrish, and Govind from GDU IIIT Kottayam."
76+
},
77+
6178
];
6279

6380
function determineClasses(indexes, cardIndex) {
@@ -109,34 +126,34 @@ const CardCarousel = () => {
109126

110127
return (
111128
<div className="lg:m-16">
112-
<div className="justify-content-center gx-0 row align-self-center" id="project_gallery">
113-
<h1 className="project_heading">Project Gallery</h1>
114-
<ul className="card-carousel">
115-
{cardItems.map((card, index) => (
116-
<li
117-
key={card.id}
118-
className={`Project_card ${determineClasses(indexes, index)}`}
119-
>
120-
121-
<div className="row">
122-
<div className="col-md-3 col-sm-6 project_col " ><img src={card.image} alt="img not found" className="project_image"></img></div>
123-
<div className="col-md-9 col-sm-6 project_col" ><h2 className="game_name">{card.title}</h2>
124-
<p style={{textAlign:"justify-left",color:"white"}}>{card.copy}</p>
125-
<br/>
126-
<a href={card.link} className="playbtn">Play</a>
127-
128-
129-
</div>
129+
<div className="justify-content-center gx-0 row align-self-center" id="project_gallery">
130+
<h1 className="project_heading">Project Gallery</h1>
131+
<ul className="card-carousel">
132+
{cardItems.map((card, index) => (
133+
<li
134+
key={card.id}
135+
className={`Project_card ${determineClasses(indexes, index)}`}
136+
>
137+
138+
<div className="row">
139+
<div className="col-md-3 col-sm-6 project_col " ><img src={card.image} alt="img not found" className="project_image"></img></div>
140+
<div className="col-md-9 col-sm-6 project_col" ><h2 className="game_name">{card.title}</h2>
141+
<p style={{ textAlign: "justify-left", color: "white" }}>{card.copy}</p>
142+
<br />
143+
<a href={card.link} className="playbtn">Play</a>
144+
145+
130146
</div>
131-
132-
133-
134-
135-
136-
</li>
137-
))}
138-
</ul>
139-
</div>
147+
</div>
148+
149+
150+
151+
152+
153+
</li>
154+
))}
155+
</ul>
156+
</div>
140157
</div>
141158
);
142159
};

src/Components/SocialFollow.js

+12-8
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import React from "react";
22
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
33
import {
4-
faYoutube,
5-
faLinkedin,
6-
faTwitter,
7-
faInstagram
4+
faYoutube,
5+
faLinkedin,
6+
faTwitter,
7+
faInstagram
88
} from "@fortawesome/free-brands-svg-icons";
99

1010
export default function SocialFollow() {
@@ -14,18 +14,22 @@ export default function SocialFollow() {
1414
<a href="https://www.instagram.com/gamedevutopia/"
1515
className="instagram social">
1616
<FontAwesomeIcon icon={faInstagram} size="2x" />
17+
<p>PICT</p>
1718
</a>
1819
<a href="https://www.linkedin.com/company/gamedevutopia/"
1920
className="linkedin social">
2021
<FontAwesomeIcon icon={faLinkedin} size="2x" />
22+
<p>LinkedIn</p>
2123
</a>
22-
<a href="https://www.twitter.com/GameDevUtopia1/" className="twitter social">
23-
<FontAwesomeIcon icon={faTwitter} size="2x" />
24+
<a href="https://www.instagram.com/gamedevutopia_iiitk/" className="instagram social">
25+
<FontAwesomeIcon icon={faInstagram} size="2x" />
26+
<p>IIITK</p>
2427
</a>
25-
<a href="https://www.youtube.com/@gamedevutopia3007/"
28+
{/* <a href="https://www.youtube.com/@gamedevutopia3007/"
2629
className="youtube social">
2730
<FontAwesomeIcon icon={faYoutube} size="2x" />
28-
</a>
31+
<p>Youtube</p>
32+
</a> */}
2933
</div>
3034
);
3135
}

src/Styles/ProjectGallery.css

+5-2
Original file line numberDiff line numberDiff line change
@@ -88,10 +88,12 @@
8888
}
8989

9090
.project_image{
91+
display: flex;
9192
width: 100%;
9293
height: 100%;
9394
/*margin-left: 50px;*/
94-
padding: 2%;
95+
/* padding: 2%; */
96+
justify-content: center;
9597
border-radius: 10%;
9698
align-items: center;
9799
text-align: center;
@@ -109,9 +111,10 @@
109111
@media screen and (max-width: 768px) {
110112

111113
.project_image{
112-
width: 200px;
114+
width: 300px;
113115
height: 200px;
114116
/* margin-left: 10%;*/
117+
margin: auto;
115118
margin-bottom: 5%;
116119
padding: 2%;
117120
border-radius: 10%;

src/images/bedash.png

57 KB
Loading

src/images/dicey.jfif

106 KB
Binary file not shown.

src/images/disarm.jpg

42 KB
Loading

src/images/event_horizon.JPG

108 KB
Loading

src/images/macabre.png

4.17 MB
Loading

src/images/sunken.jpg

192 KB
Loading

src/images/vibora.jfif

22.9 KB
Binary file not shown.

src/images/wingit.jpg

62.4 KB
Loading

0 commit comments

Comments
 (0)