Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Task3 Kashiyatra #11

Open
wants to merge 32 commits into
base: main
Choose a base branch
from
Open
Changes from 1 commit
Commits
Show all changes
32 commits
Select commit Hold shift + click to select a range
3a32ae5
Add files via upload
Rew0611 Sep 5, 2022
5fbd174
Update README.md
Rew0611 Sep 5, 2022
0bbdb07
Delete .eslintcache
Rew0611 Sep 5, 2022
9193659
Delete src directory
Rew0611 Sep 5, 2022
7693b68
Delete public directory
Rew0611 Sep 5, 2022
63e618c
Delete package.json
Rew0611 Sep 5, 2022
fa46989
Delete package-lock.json
Rew0611 Sep 5, 2022
1c4582c
Delete .gitignore
Rew0611 Sep 5, 2022
2db5ddc
Add files via upload
Rew0611 Sep 5, 2022
25cc1ca
Add files via upload
Rew0611 Sep 5, 2022
a3c8e3c
Create FUNDING.yml
Rew0611 Sep 5, 2022
52738b2
Delete src directory
Rew0611 Sep 5, 2022
f137d9f
Delete public directory
Rew0611 Sep 5, 2022
4e62d7a
Delete package.json
Rew0611 Sep 5, 2022
a815074
Delete package-lock.json
Rew0611 Sep 5, 2022
0103621
Delete .gitignore
Rew0611 Sep 5, 2022
65aa5b4
Delete .eslintcache
Rew0611 Sep 5, 2022
9403784
Add files via upload
Rew0611 Sep 5, 2022
00d6753
Add files via upload
Rew0611 Sep 5, 2022
ff3d94f
Add files via upload
Rew0611 Sep 5, 2022
9f68635
Delete build directory
Rew0611 Sep 5, 2022
8709434
Delete .github directory
Rew0611 Sep 5, 2022
12ff981
Delete public directory
Rew0611 Sep 5, 2022
3da906c
Delete src directory
Rew0611 Sep 5, 2022
27eed3b
Delete .eslintcache
Rew0611 Sep 5, 2022
aa925e1
Delete package.json
Rew0611 Sep 5, 2022
497369d
Delete package-lock.json
Rew0611 Sep 5, 2022
92e8941
Delete .gitignore
Rew0611 Sep 5, 2022
34d386d
Add files via upload
Rew0611 Sep 5, 2022
90edbbc
Update index.html
Rew0611 Sep 6, 2022
ff66437
Update package.json
Rew0611 Sep 6, 2022
a23b527
Update package.json
Rew0611 Sep 6, 2022
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Add files via upload
Rew0611 authored Sep 5, 2022
commit 25cc1ca8b9a75d880dfcd751edcb699521b9955c
Binary file added public/favicon.ico
Binary file not shown.
24 changes: 24 additions & 0 deletions public/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<script
src="https://kit.fontawesome.com/585143586a.js"
crossorigin="anonymous"
></script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>Brigrate</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
13 changes: 13 additions & 0 deletions src/App.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import React from 'react'
import Nav from './Components/Nav'
import Mode from './Components/Mode'

const App = () => {
return (
<>
<Nav />
<Mode />
</>
)
}
export default App
33 changes: 33 additions & 0 deletions src/Components/Contact.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
import React from 'react'
import '../index.css'
import '../tabres.css'
import '../responsive.css'
import TeamData from './TeamData'
import SingleTeam from './SingleTeam'
import SectionTitle from './SectionTitle'

function Contact() {
document.title = 'Kashiyatra'
return (
<>
<section id="Team">
<div id="Container">
<SectionTitle title="Contact" desc="For any Query contact any person below" />
<div id="TeamContentWrapper">
{TeamData.map((data, index) => {
return (
<SingleTeam
key={data.id}
src={data.src}
desc={data.desc}
name={data.name}
/>
)
})}
</div>
</div>
</section>
</>
)
}
export default Contact
53 changes: 53 additions & 0 deletions src/Components/Duties.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
import React from 'react'
import '../index.css'
import '../tabres.css'
import '../responsive.css'
import Image from './img/About.png'

function Duties() {
document.title = 'Kashiyatra - Duties'
return (
<>
<section id="About">
<div id="Container">
<div id="AboutContentWrapper">
<div id="AboutDesc">
<h2>Duties of a CA</h2>
<p>
Campus Ambassador is the face of Kashiyatra.They Act as a link
between Kashiyatra and their college and are the first point of
contact for the students .Following are the responsibilities one
has to take
</p>
<br/>
<h1>Represent</h1>
<p>
Represent and exemplify Kashiyatra in your college among your
peers.
</p>
<br/>
<h1>Publicize</h1>
<p>
Promote Kashiyatra by Publicizing its events through social media Platforms.
</p>
<br/>
<h1>Conceptualize</h1>
<p>
Bring forth ideas and propasals as valuable input for team Kashiyatra.
</p>
<br/>
<h1>Organise</h1>
<p>
Conduct workshops and promotional event in your college for Kashiyatra.
</p>
</div>
<div id="AboutImage">
<img draggable="false" src={Image} alt="Error" />
</div>
</div>
</div>
</section>
</>
)
}
export default Duties
67 changes: 67 additions & 0 deletions src/Components/Error.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
import React from 'react'
import { useHistory } from 'react-router-dom'
import ErrorSrc from './img/Error.png'

function Error() {
document.title = '404 not Found'
const history = useHistory()
const ErrorSection = {
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
flexDirection: 'column',
}
const ErrorImage = {
width: '60%',
margin: 'auto',
}
return (
<>
<section style={{ padding: '50px 0px' }} id="Error">
<div id="Container">
<div style={ErrorSection} id="ErrorContentWrapper">
<div style={ErrorImage} id="ErrorImage">
<img
style={{ width: '100%' }}
src={ErrorSrc}
alt="Failed To load"
/>
</div>
<div
style={{
textAlign: 'center',
fontSize: '2.2rem',
fontFamily: '"open sans",cursive',
}}
id="ErrorDesc"
>
<h2>
Seems Like The adress you have typed is incorrect.{' '}
<span style={{ color: 'red' }}> 404 not found </span>
</h2>
<button
onClick={() => {
history.goBack()
}}
style={{
padding: '10px 20px',
color: 'white',
background: 'linear-gradient(to left, red,blue)',
border: 'none',
outline: 'none',
fontSize: '1.5rem',
display: 'inline-block',
margin: ' 30px 0px',
borderRadius: '5px',
}}
>
Go Back
</button>
</div>
</div>
</div>
</section>
</>
)
}
export default Error
29 changes: 29 additions & 0 deletions src/Components/Home.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
import React from 'react'
import '../index.css'
import '../tabres.css'
import '../responsive.css'
import { NavLink } from 'react-router-dom'

function Home() {
document.title = 'Kashiyatra'
return (
<>
<header>
<div id="Container">
<div id="HeaderContentWrapper">
<div id="HeaderDesc">
<h1>Kashiyatra 2022</h1>
<p>
The Annual Social-cultural festival of <span> Indian Institute of Technology (BHU) Varanasi.</span>
</p>
<NavLink exact to="/signup">
Sign Up
</NavLink>
</div>
</div>
</div>
</header>
</>
)
}
export default Home
46 changes: 46 additions & 0 deletions src/Components/Mode.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
import React, { useState } from 'react'
import '../index.css'
import '../tabres.css'
import '../responsive.css'
import Brightness4TwoToneIcon from '@material-ui/icons/Brightness4TwoTone'
import Brightness7TwoToneIcon from '@material-ui/icons/Brightness7TwoTone'
import Button from '@material-ui/core/Button'

const Mode = () => {
const [mode, setMode] = useState(false)
const [icon, setIcon] = useState(false)
function Mode() {
document.querySelector('html').style.background = '#171E24'
document.querySelector('html').style.color = 'white'
setMode(!mode)
setIcon(!icon)
}
function ChangeMode() {
document.querySelector('html').style.background = 'white'
document.querySelector('html').style.color = 'black'
setMode(!mode)
setIcon(!icon)
}
return (
<>
<div id="Mode">
<Button color="secondary">
{icon ? (
<Brightness7TwoToneIcon
onClick={mode ? ChangeMode : Mode}
title="Dark Mode"
id="ModesIcons"
/>
) : (
<Brightness4TwoToneIcon
onClick={mode ? ChangeMode : Mode}
title="Dark Mode"
id="ModesIcons"
/>
)}
</Button>
</div>
</>
)
}
export default Mode
93 changes: 93 additions & 0 deletions src/Components/Nav.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
import React from 'react'
import '../index.css'
import '../tabres.css'
import '../responsive.css'
import {
BrowserRouter as Router,
Route,
Switch,
NavLink,
Redirect,
} from 'react-router-dom'
import Home from './Home'
// import About from './About'
// import Service from './Service'
// import Team from './Team'
// import Project from './Project'
import Signup from './Signup'
import Duties from './Duties'
import Contact from './Contact'
import Error from './Error'

const Nav = () => {
return (
<>
<Router>
<nav>
<div id="Container">
<div id="NavContentWrapper">
<h2 id="NavTitle">Kashiyatra 2022</h2>
<ul id="NavLinks">
<li>
<NavLink exact activeClassName="active" to="/">
Home
</NavLink>
</li>
<li>
<NavLink exact activeClassName="active" to="/duties">
Duties
</NavLink>
</li>
<li>
<NavLink exact activeClassName="active" to="/contact">
Contact
</NavLink>
</li>
<li>
<NavLink exact activeClassName="active" to="/signup">
SignUp
</NavLink>
</li>
</ul>
<div id="Burger">
<i className="fas fa-bars"></i>
<ul id="NavLinksMobile">
<li>
<NavLink exact activeClassName="active" to="/">
Home
</NavLink>
</li>
<li>
<NavLink exact activeClassName="active" to="/duties">
Duties
</NavLink>
</li>
<li>
<NavLink exact activeClassName="active" to="/contact">
Contact
</NavLink>
</li>
<li>
<NavLink exact activeClassName="active" to="/signup">
SignUp
</NavLink>
</li>
</ul>
</div>
</div>
</div>
</nav>
<Switch>
<Route exact path="/" component={Home} />
<Route exact path="/duties" component={Duties} />
<Route exact path="/contact" component={Contact} />
{/* <Route exact path="/service" component={Service} />
<Route exact path="/project" component={Project} /> */}
<Route exact path="/signup" component={Signup} />
<Redirect to="/" />
</Switch>
</Router>
</>
)
}
export default Nav
17 changes: 17 additions & 0 deletions src/Components/SectionTitle.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import React from 'react'
import '../index.css'
import '../tabres.css'
import '../responsive.css'

const SectionTitle = (prop) => {
return (
<>
<div id="SectionTitle">
<h2> {prop.title} </h2>
<p> {prop.desc} </p>
<div id="Line"></div>
</div>
</>
)
}
export default SectionTitle
Loading