Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
105 changes: 104 additions & 1 deletion frontend/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 3 additions & 1 deletion frontend/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,11 +11,13 @@
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"formik": "^2.2.9",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.10.0",
"react-scripts": "^5.0.1",
"web-vitals": "^2.1.4"
"web-vitals": "^2.1.4",
"yup": "^1.1.1"
},
"scripts": {
"start": "react-scripts start",
Expand Down
65 changes: 46 additions & 19 deletions frontend/src/components/About.jsx
Original file line number Diff line number Diff line change
@@ -1,25 +1,52 @@
import { Link } from 'react-router-dom';
import eva_bg from "../assets/images/eva_bg.png";
import eva_bg from '../assets/images/eva_bg.png';

function About() {
return(
<div id="about" className="bg-[#24263B] lg:pt-12 lg:pb-16 lg:flex md:pt-12 md:pb-16 md:flex pb-20">
<div className="lg:pl-20 lg:w-1/2 md:pl-20 md:w-1/2 p-4">
<div className="lg:text-6xl lg:pb-2 md:text-4xl md:pb-2 text-[#22C3FF] pb-2 font-poppins font-bold text-3xl">HACKMAN</div>
<div className="lg:text-xl lg:pt-2 md:text-md md:pt-2 text-[#22C3FF] pt-2 font-poppins font-semibold">Code is our canvas, innovation is our paint</div>
<div className="lg:text-xl lg:pt-2 md:text-md md:pt-2 text-[#22C3FF] pt-2 pb-2 font-poppins font-semibold">Date : June 4th - 5th</div>
<div className="text-[#ffffff] text-justify lg:text-xl md:text-lg text-sm">HackMan v.6 is an Inter College, extravagant 24-hours Hackathon, hosted by the Department of ISE, Dayananda Sagar College of Engineering (DSCE), Bangalore. We give the brightest of minds a chance to brainstorm as a team and come up with unique solutions, code it out and solve some of the pressing problems of our society. Over the first 4 versions we have seen some brilliant projects and we challenge you to top them off with your Out-of-the-box ideas. “You can't solve a problem on the same level that it was created. You have to rise above it to the next level.”</div>
<div className="lg:flex lg:justify-center lg:float-left lg:pt-8 md:flex md:justify-center md:float-left md:pt-8 flex justify-center float-left pt-6">
<Link to={"/registeration"} className="lg:text-3xl shadow bg-[#D4DFC7] hover:bg-[#22C3FF] hover:text-white focus:shadow-outline focus:outline-none text-black font-bold py-2 px-4 rounded-lg text-sm" type="button">
REGISTER
</Link>
</div>
</div>
<div className="lg:w-1/2 lg:flex lg:items-center lg:justify-center md:w-1/2 md:flex md:items-center md:justify-center flex items-center">
<img className="lg:block lg:w-[40%] md:w-[50%] hidden" src={eva_bg} alt="Registration eva" />
</div>
return (
<div
id="about"
className="bg-[#24263B] lg:pt-12 lg:pb-16 lg:flex md:pt-12 md:pb-16 md:flex pb-20"
>
<div className="lg:pl-20 lg:w-1/2 md:pl-20 md:w-1/2 p-4">
<div className="lg:text-6xl lg:pb-2 md:text-4xl md:pb-2 text-[#22C3FF] pb-2 font-poppins font-bold text-3xl">
HACKMAN
</div>
);
<div className="lg:text-xl lg:pt-2 md:text-md md:pt-2 text-[#22C3FF] pt-2 font-poppins font-semibold">
Code is our canvas, innovation is our paint
</div>
<div className="lg:text-xl lg:pt-2 md:text-md md:pt-2 text-[#22C3FF] pt-2 pb-2 font-poppins font-semibold">
Date : June 4th - 5th
</div>
<div className="text-[#ffffff] text-justify lg:text-xl md:text-lg text-sm">
HackMan v.6 is an Inter College, extravagant 24-hours Hackathon,
hosted by the Department of ISE, Dayananda Sagar College of
Engineering (DSCE), Bangalore. We give the brightest of minds a chance
to brainstorm as a team and come up with unique solutions, code it out
and solve some of the pressing problems of our society. Over the first
4 versions we have seen some brilliant projects and we challenge you
to top them off with your Out-of-the-box ideas. “You can't solve a
problem on the same level that it was created. You have to rise above
it to the next level.”
</div>
<div className="lg:flex lg:justify-center lg:float-left lg:pt-8 md:flex md:justify-center md:float-left md:pt-8 flex justify-center float-left pt-6">
<Link
to={'/registeration'}
className="lg:text-3xl shadow bg-[#D4DFC7] hover:bg-[#22C3FF] hover:text-white focus:shadow-outline focus:outline-none text-black font-bold py-2 px-4 rounded-lg text-sm"
type="button"
>
Register
</Link>
</div>
</div>
<div className="lg:w-1/2 lg:flex lg:items-center lg:justify-center md:w-1/2 md:flex md:items-center md:justify-center flex items-center">
<img
className="lg:block lg:w-[40%] md:w-[50%] hidden"
src={eva_bg}
alt="Registration eva"
/>
</div>
</div>
);
}

export default About;
export default About;
Loading