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.

Sign up for GitHub

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

add guidelines route #12

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

add guidelines route #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
15 changes: 15 additions & 0 deletions package-lock.json
View file
Open in desktop

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

6 changes: 6 additions & 0 deletions public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,12 @@
integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
prefix: 'tw-'
}
</script>
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
Expand Down
10 changes: 10 additions & 0 deletions src/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import {
sbhthemesRoute,
updatesRoute,
EmailRoute,
guidelinesRoute
} from "./Routes";
import { lazy, Suspense } from "react";
import { DataProvider } from "./contexts/Data";
Expand All @@ -24,6 +25,7 @@ const ProjectImplementation = lazy(
() => import("./pages/ProjectImplementation/ProjectImplementation")
);
const Venue = lazy(() => import("./pages/Venue/Venue"));
const Guidelines = lazy(() => import("./pages/Guidelines/index"));
const ThemePage = lazy(() => import("./pages/ThemePage/ThemePage"));
const Updates = lazy(() => import("./pages/Updates/Updates"));
const ProcessFlow = lazy(() => import("./pages/ProcessFlow/ProcessFlow"));
Expand Down Expand Up @@ -66,6 +68,14 @@ function App() {
</Suspense>
}
></Route>
<Route
path={guidelinesRoute}
element={
<Suspense fallback={<></>}>
<Guidelines />
</Suspense>
}
></Route>
<Route
path={venueRoute}
element={
Expand Down
1 change: 1 addition & 0 deletions src/Routes.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,3 +6,4 @@ export const venueRoute = "/venue";
export const sbhthemesRoute = "/sbh-themes";
export const updatesRoute = "/updates";
export const EmailRoute = "/email";
export const guidelinesRoute = '/guidelines'
21 changes: 5 additions & 16 deletions src/components/NavBar/NavBar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@ import {
venueRoute,
sbhthemesRoute,
updatesRoute,
guidelinesRoute
} from "../../Routes";
import guideline_clg from "../../assets/docs/Guidelines-College-SPOC.pdf";
import guideline_school from "../../assets/docs/Guidelines-School-SPOC.pdf";
import idea_template_college from "../../assets/docs/Idea-Presentation-Format-SBH2023-College.pptx";
import idea_template_school from "../../assets/docs/Idea-Presentation-Format-SIH2022-School.pptx";
Expand All @@ -21,7 +21,7 @@ const NavBar = () => {
return (
<>
<Navbar collapseOnSelect expand="xxl" className="px-3">
<Navbar.Brand href="#home">
<Navbar.Brand href={indexRoute}>
<img
src={logo}
alt="logo"
Expand Down Expand Up @@ -64,20 +64,9 @@ const NavBar = () => {
Project Implementation
</Link>
</div>
<NavDropdown title="Guidelines">
<div className="dropdown-item">
<span className="dot"></span>
<a href={guideline_clg} target="_blank">
Colleges
</a>
</div>
<div className="dropdown-item">
<span className="dot"></span>
<a href={guideline_school} target="_blank">
Schools
</a>
</div>
</NavDropdown>
<div className="nav-link text-decoration-none">
<Link to={guidelinesRoute}>Guidelines</Link>
</div>
<NavDropdown title="Idea Template">
<div className="dropdown-item">
<span className="dot"></span>
Expand Down
3 changes: 3 additions & 0 deletions src/pages/Guidelines/guidelines.style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
p {
margin-bottom: 0 !important;
}
116 changes: 116 additions & 0 deletions src/pages/Guidelines/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
import './guidelines.style.css'
import pdf_college from '../../assets/docs/Guidelines-College-SPOC.pdf'
import pdf_school from '../../assets/docs/Guidelines-School-SPOC.pdf'

const info = [
'Total cash prizes worth INR 2,00,000 + goodies, internship opportunities for SBH Senior & SBH Junior both.',
'With certificate of excellence for top 3 teams.',
'With certificate of distinction for top 10 teams.',
'With certificate of participation to all teams.'
]

const Guidelines = ()=> {
return (
<div className="tw-min-h-screen tw-space-y-4 tw-mb-0 tw-p-6 sm:tw-mx-auto sm:tw-max-w-2xl">
<div>
<h1 className="tw-mb-4 tw-text-2xl tw-font-bold">Rewards and Prizes</h1>
<p>All participants will be provided a With certificate of participation. Top 3 teams will be awarded with prize money, exciting goodies and a With certificate of excellence for SBH Junior and SBH Senior. Also the team of the best solution against each problem statement will also be awarded. SBH Senior</p>
</div>
<div>
<h3 className="tw-mb-4 tw-text-xl tw-font-bold">Read the guidelines</h3>
<div className="tw-flex tw-items-center tw-space-x-6">
<a href={pdf_college} target="_blank" className="tw-rounded tw-bg-transparent tw-px-5 tw-py-2 tw-text-sm tw-font-bold tw-text-blue-600 tw-ring-2 hover:tw-bg-blue-600 hover:tw-text-white">For college</a>
<a href={pdf_school} target="_blank" className="tw-rounded tw-bg-transparent tw-px-5 tw-py-2 tw-text-sm tw-font-bold tw-text-blue-600 tw-ring-2 hover:tw-bg-blue-600 hover:tw-text-white">For school</a>
</div>
</div>
<h3 className="tw-pt-4 tw-text-xl tw-font-bold tw-border-b-2">SBH Senior</h3>
<div className="tw-flex tw-items-center tw-rounded tw-border tw-bg-yellow-200 tw-p-4">
<div className="tw-mr-6 tw-aspect-square tw-w-16">
<img src="https://png.pngtree.com/png-vector/20191029/ourmid/pngtree-first-prize-gold-trophy-icon-prize-gold-trophy-winner-first-prize-png-image_1908592.jpg" alt="prize image" />
</div>
<div>
<p className="tw-text-lg tw-font-bold">Winner</p>
<p>&#8377; 50,000</p>
<p className="tw-text-sm tw-font-medium tw-text-yellow-600">With certificate</p>
</div>
</div>
<div className="tw-flex tw-items-center tw-rounded tw-border tw-bg-cyan-200 tw-p-4">
<div className="tw-mr-6 tw-aspect-square tw-w-16">
<img src="https://png.pngtree.com/png-vector/20191029/ourmid/pngtree-first-prize-gold-trophy-icon-prize-gold-trophy-winner-first-prize-png-image_1908592.jpg" alt="prize image" />
</div>
<div>
<p className="tw-text-lg tw-font-bold">First runner up</p>
<p>&#8377; 30,000</p>
<p className="tw-text-sm tw-font-medium tw-text-cyan-600">With certificate</p>
</div>
</div>
<div className="tw-flex tw-items-center tw-rounded tw-border tw-bg-green-200 tw-p-4">
<div className="tw-mr-6 tw-aspect-square tw-w-16">
<img src="https://png.pngtree.com/png-vector/20191029/ourmid/pngtree-first-prize-gold-trophy-icon-prize-gold-trophy-winner-first-prize-png-image_1908592.jpg" alt="prize image" />
</div>
<div>
<p className="tw-text-lg tw-font-bold">Second runner up</p>
<p>&#8377; 20,000</p>
<p className="tw-text-sm tw-font-medium tw-text-green-600">With certificate</p>
</div>
</div>
<div className="tw-flex tw-items-center tw-rounded tw-border tw-bg-gray-200 tw-p-4">
<div className="tw-mr-6 tw-aspect-square tw-w-16">
<img src="https://png.pngtree.com/png-vector/20191029/ourmid/pngtree-first-prize-gold-trophy-icon-prize-gold-trophy-winner-first-prize-png-image_1908592.jpg" alt="prize image" />
</div>
<div>
<p className="tw-text-lg tw-font-bold">Participation With certificate</p>
<p className="tw-text-sm tw-font-medium tw-text-gray-600">With certificate</p>
</div>
</div>
<h3 className="tw-pt-4 tw-text-xl tw-font-bold tw-border-b-2">SBH Junior</h3>
<div className="tw-flex tw-items-center tw-rounded tw-border tw-bg-yellow-200 tw-p-4">
<div className="tw-mr-6 tw-aspect-square tw-w-16">
<img src="https://png.pngtree.com/png-vector/20191029/ourmid/pngtree-first-prize-gold-trophy-icon-prize-gold-trophy-winner-first-prize-png-image_1908592.jpg" alt="prize image" />
</div>
<div>
<p className="tw-text-lg tw-font-bold">Winner</p>
<p>&#8377; 25,000</p>
<p className="tw-text-sm tw-font-medium tw-text-yellow-600">With certificate</p>
</div>
</div>
<div className="tw-flex tw-items-center tw-rounded tw-border tw-bg-cyan-200 tw-p-4">
<div className="tw-mr-6 tw-aspect-square tw-w-16">
<img src="https://png.pngtree.com/png-vector/20191029/ourmid/pngtree-first-prize-gold-trophy-icon-prize-gold-trophy-winner-first-prize-png-image_1908592.jpg" alt="prize image" />
</div>
<div>
<p className="tw-text-lg tw-font-bold">First runner up</p>
<p>&#8377; 15,000</p>
<p className="tw-text-sm tw-font-medium tw-text-cyan-600">With certificate</p>
</div>
</div>
<div className="tw-flex tw-items-center tw-rounded tw-border tw-bg-green-200 tw-p-4">
<div className="tw-mr-6 tw-aspect-square tw-w-16">
<img src="https://png.pngtree.com/png-vector/20191029/ourmid/pngtree-first-prize-gold-trophy-icon-prize-gold-trophy-winner-first-prize-png-image_1908592.jpg" alt="prize image" />
</div>
<div>
<p className="tw-text-lg tw-font-bold">Second runner up</p>
<p>&#8377; 10,000</p>
<p className="tw-text-sm tw-font-medium tw-text-green-600">With certificate</p>
</div>
</div>
<div className="tw-flex tw-items-center tw-rounded tw-border tw-bg-gray-200 tw-p-4">
<div className="tw-mr-6 tw-aspect-square tw-w-16">
<img src="https://png.pngtree.com/png-vector/20191029/ourmid/pngtree-first-prize-gold-trophy-icon-prize-gold-trophy-winner-first-prize-png-image_1908592.jpg" alt="prize image" />
</div>
<div>
<p className="tw-text-lg tw-font-bold">Participation</p>
<p className="tw-text-sm tw-font-medium tw-text-gray-600">With certificate</p>
</div>
</div>
<div className="tw-pt-4 tw-text-xl tw-font-bold">Additional info</div>
<div>
{
info.map((data, index) => (<p className="tw-font-medium">{++index}. {data}</p>))
}
</div>
</div>
);
}

export default Guidelines;