Skip to content

Commit

Permalink
Fixed Issue #32
Browse files Browse the repository at this point in the history
  • Loading branch information
@Mayank1403 @vrajashkr
Mayank1403 authored and vrajashkr committed Oct 4, 2020
1 parent cd46410 commit 6c22429
Show file tree
Hide file tree
Showing 3 changed files with 171 additions and 112 deletions.
57 changes: 31 additions & 26 deletions css/events.css
View file
Original file line number Diff line number Diff line change
@@ -1,46 +1,51 @@
.eventSection {
display: flex;
margin-top: 50px;
margin-bottom: 50px;
display: flex;
margin-top: 50px;
margin-bottom: 50px;
}

.eventSectionImage {
flex: 1;
padding: 0px 30px;
flex: 1;
padding: 0px 30px;
}

.eventSectionImage:nth-child(odd) {
text-align: right;
text-align: right;
}

.eventHeading {
color: #7cb342 !important;
font-size: 2rem !important;
font-family: Changa, sans-serif;
color: #7cb342 !important;
font-size: 2rem !important;
font-family: Changa, sans-serif;
cursor: pointer;
}

.eventPageLink {
text-decoration: none;
}

.eventText {
color: white !important;
color: white !important;
}

.eventSectionText {
flex: 1;
flex: 1;
}

@media only screen and (max-device-width: 540px) {
.eventSection {
flex-direction: column;
text-align: center;
}

.eventSectionImage:nth-child(odd) {
text-align: center;
}

.eventSection:nth-child(odd) {
flex-direction: column-reverse !important;
}
.footerSection {
padding: 10px 10px !important;
}
.eventSection {
flex-direction: column;
text-align: center;
}

.eventSectionImage:nth-child(odd) {
text-align: center;
}

.eventSection:nth-child(odd) {
flex-direction: column-reverse !important;
}
.footerSection {
padding: 10px 10px !important;
}
}
23 changes: 23 additions & 0 deletions pages/comingSoon.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
import Layout from "../components/Layout";
import { Container, Typography } from "@material-ui/core";

function comingSoon() {
return (
<Layout title={"PIL | Coming Soon"}>
<Container style={{display:"flex",justifyContent: "center", alignItems: "center", minHeight: "50vh"}}>
<Typography
style={{
textAlign: "center",
color: "white",
fontSize: "1.4rem",
fontWeight: "Bold",
}}
>
Coming Soon...
</Typography>
</Container>
</Layout>
);
}

export default comingSoon;
203 changes: 117 additions & 86 deletions pages/events.js
View file
Original file line number Diff line number Diff line change
@@ -1,97 +1,128 @@
// pages/events.js
// pages/events.js
import Layout from "../components/Layout";
import { Container, Typography } from "@material-ui/core";
import "../css/events.css";
import Link from "next/link";

function Events() {
return(
<Layout title={'PIL | Events'} active={'Events'}>
<Container>
<Typography className={'pageHeader'}>
What we do
</Typography>
<br></br>
<Typography style={{textAlign:"center", color:"white", fontSize: '1.4rem'}}>
We've got the perfect platform and events for your skills and ideas to explore new heights
</Typography>
function Events() {
return (
<Layout title={"PIL | Events"} active={"Events"}>
<Container>
<Typography className={"pageHeader"}>What we do</Typography>
<br></br>
<Typography
style={{ textAlign: "center", color: "white", fontSize: "1.4rem" }}
>
We've got the perfect platform and events for your skills and ideas to
explore new heights
</Typography>

<div className='eventSection'>
<div className='eventSectionImage'>
<img src={`${process.env.ASSET_PREFIX}/images/mlab/hackathon.png`}/>
</div>
<div className='eventSectionText'>
<Typography className='eventHeading'>
HashCode
</Typography>
<Typography className='eventText'>
HashCode is the annual 24-hour hackathon organised by the Lab, with students proposing
interesting ideas and presenting projects from several domains. The hackathon also
provides a learning platform to participating teams, with mentors and members of academia
assisting them. Esteemed personalities from different industrial backgrounds come to judge
the show, evaluating projects from all possible angles. HashCode 2020 is the 9th edition
of the annual hackathon. The winners bag cash prizes worth up to one lakh indian rupees.
</Typography>
</div>
</div>
<div className="eventSection">
<div className="eventSectionImage">
<img
src={`${process.env.ASSET_PREFIX}/images/mlab/hackathon.png`}
/>
</div>
<div className="eventSectionText">
<Link
className="eventPageLink"
href={`${process.env.ASSET_PREFIX}/hashcode`}
>
<Typography className="eventHeading">HashCode</Typography>
</Link>
<Typography className="eventText">
HashCode is the annual 24-hour hackathon organised by the Lab,
with students proposing interesting ideas and presenting projects
from several domains. The hackathon also provides a learning
platform to participating teams, with mentors and members of
academia assisting them. Esteemed personalities from different
industrial backgrounds come to judge the show, evaluating projects
from all possible angles. HashCode 2020 is the 9th edition of the
annual hackathon. The winners bag cash prizes worth up to one lakh
indian rupees.
</Typography>
</div>
</div>

<div className='eventSection'>
<div className='eventSectionText'>
<Typography className='eventHeading'>
Summer Internship Program
</Typography>
<Typography className='eventText'>
We, at PES Innovation Lab, organise an annual summer internship for new recruits
to work on cutting-edge research projects in varied domains such as Robotics, Machine Learning,
Artificial Intelligence, Sensor Networking, Virtual Reality, Brain-Computer Interface, Cloud computing and App Development.
The results and prototype demonstrations of these projects are presented at Roadshow, an event attended by a large number
of students across disciplines at PES University.
</Typography>
</div>
<div className='eventSectionImage'>
<img src={`${process.env.ASSET_PREFIX}/images/mlab/internship.png`}/>
</div>
</div>
<div className="eventSection">
<div className="eventSectionText">
<Link
className="eventPageLink"
href={`${process.env.ASSET_PREFIX}/comingSoon`}
>
<Typography className="eventHeading">
Summer Internship Program
</Typography>
</Link>
<Typography className="eventText">
We, at PES Innovation Lab, organise an annual summer internship
for new recruits to work on cutting-edge research projects in
varied domains such as Robotics, Machine Learning, Artificial
Intelligence, Sensor Networking, Virtual Reality, Brain-Computer
Interface, Cloud computing and App Development. The results and
prototype demonstrations of these projects are presented at
Roadshow, an event attended by a large number of students across
disciplines at PES University.
</Typography>
</div>
<div className="eventSectionImage">
<img
src={`${process.env.ASSET_PREFIX}/images/mlab/internship.png`}
/>
</div>
</div>

<div className='eventSection'>
<div className='eventSectionImage'>
<img src={`${process.env.ASSET_PREFIX}/images/mlab/roadshow.png`}/>
</div>
<div className='eventSectionText'>
<Typography className='eventHeading'>
Roadshow
</Typography>
<Typography className='eventText'>
Roadshow is an Innovation Expo organized by the Lab each year after the Summer Internship Program.
PES Lab summer interns present the projects that they have worked on during the internship.
This serves as a great platform for students from PES University to interact with members and
gain knowledge about the cutting-edge technologies that we work on. Roadshow also serves as a platform
where our interns receive constructive feedback and further insights on their projects from experienced professionals,
professors and their peers.
</Typography>
</div>
</div>
<div className="eventSection">
<div className="eventSectionImage">
<img src={`${process.env.ASSET_PREFIX}/images/mlab/roadshow.png`} />
</div>
<div className="eventSectionText">
<Link
className="eventPageLink"
href={`${process.env.ASSET_PREFIX}/comingSoon`}
>
<Typography className="eventHeading">Roadshow</Typography>
</Link>
<Typography className="eventText">
Roadshow is an Innovation Expo organized by the Lab each year
after the Summer Internship Program. PES Lab summer interns
present the projects that they have worked on during the
internship. This serves as a great platform for students from PES
University to interact with members and gain knowledge about the
cutting-edge technologies that we work on. Roadshow also serves as
a platform where our interns receive constructive feedback and
further insights on their projects from experienced professionals,
professors and their peers.
</Typography>
</div>
</div>

<div className='eventSection'>
<div className='eventSectionText'>
<Typography className='eventHeading'>
Incito
</Typography>
<Typography className='eventText'>
Incito is the ideathon organized by PES Lab.
It is a conglomerate of brilliant minds, all incubating innovative ideas.
The shortlisted 10 best ideas battle it out in the final round to win cash prizes up to Rs. 40,000
in all. The participants test the design and feasibility of their ideas without the constraints
of implementing the same, hence encouraging innovative thinking. The best ideas are also provided
the platform and resources to implement their ideas and make these a reality.
</Typography>
</div>
<div className='eventSectionImage'>
<img src={`${process.env.ASSET_PREFIX}/images/mlab/ideathon.png`}/>
</div>
</div>
</Container>
<div className="eventSection">
<div className="eventSectionText">
<Link
className="eventPageLink"
href={`${process.env.ASSET_PREFIX}/comingSoon`}
>
<Typography className="eventHeading">Incito</Typography>
</Link>
<Typography className="eventText">
Incito is the ideathon organized by PES Lab. It is a conglomerate
of brilliant minds, all incubating innovative ideas. The
shortlisted 10 best ideas battle it out in the final round to win
cash prizes up to Rs. 40,000 in all. The participants test the
design and feasibility of their ideas without the constraints of
implementing the same, hence encouraging innovative thinking. The
best ideas are also provided the platform and resources to
implement their ideas and make these a reality.
</Typography>
</div>
<div className="eventSectionImage">
<img src={`${process.env.ASSET_PREFIX}/images/mlab/ideathon.png`} />
</div>
</div>
</Container>
</Layout>
);
);
}

export default Events;
export default Events;

0 comments on commit 6c22429

Please sign in to comment.