├── public
├── index.css
├── LOGO.png
├── images
│ ├── ai1.jpg
│ ├── edu.png
│ ├── env1.jpg
│ ├── web31.jpg
│ ├── open_inno1.png
│ ├── health_care1.jpg
│ └── Credit
│ │ ├── Credit.txt
│ │ ├── License free-env.txt
│ │ └── License free-health_care.txt
├── static
│ ├── 9edca546c286b30c74548112224b3b13
│ │ └── 85067
│ │ │ └── left-icon.webp
│ └── dce241aacd13f70a3003c8187c0cddf0
│ │ └── 85067
│ │ └── right-icon.webp
├── page-data
│ ├── 404.html
│ │ └── page-data.json
│ ├── index
│ │ └── page-data.json
│ ├── dev-404-page
│ │ └── page-data.json
│ └── sq
│ │ └── d
│ │ └── 2869923128.json
├── admin
│ ├── index.html
│ └── react.production.min.js
└── index.html
├── src
├── react-app-env.d.ts
├── Module
│ ├── Assets
│ │ ├── boy.png
│ │ ├── team.gif
│ │ ├── team1.gif
│ │ ├── teami
│ │ │ ├── Ryah.jpg
│ │ │ ├── manav.jpg
│ │ │ ├── smit.jpeg
│ │ │ ├── Nirali.jpeg
│ │ │ ├── Aneri_Sonani.jpg
│ │ │ ├── Ayush_Rudani.jpg
│ │ │ ├── Parshwa_Mehta.jpg
│ │ │ ├── Dharmesh_Poriya.jpg
│ │ │ ├── Vashishth_Patel.jpg
│ │ │ ├── Dhruvi_Sherathiya.jpg
│ │ │ └── Zenisha_Savaliya.jpeg
│ │ └── sponsorsLogos
│ │ │ ├── do.png
│ │ │ ├── gfg.png
│ │ │ ├── ib.png
│ │ │ ├── alan.png
│ │ │ ├── celo.png
│ │ │ ├── koii.png
│ │ │ ├── tezos.png
│ │ │ ├── certopus.png
│ │ │ ├── cuvette.png
│ │ │ ├── devfolio.png
│ │ │ ├── digilogo.png
│ │ │ ├── echo3d.png
│ │ │ ├── filecoin.png
│ │ │ ├── maruti.jpeg
│ │ │ ├── polygon.png
│ │ │ ├── postmn.JPG
│ │ │ ├── prayosys.png
│ │ │ ├── replit.png
│ │ │ ├── shivam.JPG
│ │ │ ├── sublime.png
│ │ │ ├── taskade.png
│ │ │ ├── wolfram.jpg
│ │ │ ├── shivalika.JPG
│ │ │ ├── jay_bhavani.jpeg
│ │ │ ├── jay_maharaj.jpeg
│ │ │ ├── shutterbugs.png
│ │ │ ├── streamyard1.JPG
│ │ │ └── pm.svg
│ └── General.js
├── components
│ ├── Footer
│ │ ├── dsc.png
│ │ ├── icons8-linkedin-2.svg
│ │ ├── icons8-dev-post.svg
│ │ ├── cross.svg
│ │ ├── icons8-instagram.svg
│ │ ├── icons8-mail.svg
│ │ ├── footer.js
│ │ ├── icons8-twitter.svg
│ │ ├── icons8-discord.svg
│ │ ├── footer.scss
│ │ └── Logo_final.svg
│ ├── Themes
│ │ ├── boy.png
│ │ ├── theme.css
│ │ └── theme.jsx
│ ├── navbar
│ │ ├── LOGO.png
│ │ ├── ham.svg
│ │ ├── ham-c.svg
│ │ ├── styles.scss
│ │ └── App.js
│ ├── Loading
│ │ ├── preloader.gif
│ │ ├── loading.css
│ │ └── loading.js
│ ├── logo-section
│ │ ├── LOGO.png
│ │ ├── logoSection.jsx
│ │ └── logoSection.css
│ ├── Main-page
│ │ ├── pattern4.png
│ │ ├── about.css
│ │ └── HomePage.jsx
│ ├── toggle.jsx
│ │ ├── toggle.scss
│ │ └── toggle.jsx
│ ├── Routes
│ │ ├── Twitter.jsx
│ │ ├── Discord.jsx
│ │ └── LinkedIn.jsx
│ ├── team
│ │ ├── ham.svg
│ │ ├── team.css
│ │ └── team.jsx
│ ├── typing-effect
│ │ ├── typing.js
│ │ └── typing.css
│ ├── prize tracks
│ │ ├── prizes.jsx
│ │ └── prizes.css
│ ├── count-down
│ │ ├── countDown.jsx
│ │ └── countDown.css
│ ├── media
│ │ ├── media.css
│ │ ├── icons8-mail.svg
│ │ ├── media.jsx
│ │ └── icons8-twitter.svg
│ ├── Sponsors
│ │ ├── sponsors.scss
│ │ └── sponsors.jsx
│ ├── Birds
│ │ ├── birds.jsx
│ │ └── birds.scss
│ ├── FAQ
│ │ ├── faq.css
│ │ └── faq.jsx
│ ├── Timeline
│ │ ├── Timeline.css
│ │ └── Timeline.jsx
│ └── Top-division-components
│ │ ├── Top-division-components.jsx
│ │ └── top-division-c.css
├── App.test.js
└── index.js
├── .prettierignore
├── .prettierrc
├── .gitignore
├── @types
└── calenderState.types.ts
├── README.md
├── tsconfig.json
├── LICENSE
└── package.json
/public/index.css:
--------------------------------------------------------------------------------
1 | #loader{
2 | transition: 0.8s;
3 | }
--------------------------------------------------------------------------------
/src/react-app-env.d.ts:
--------------------------------------------------------------------------------
1 | ///
;
8 | }
9 |
10 | export default Twitter;
11 |
--------------------------------------------------------------------------------
/src/components/Routes/Discord.jsx:
--------------------------------------------------------------------------------
1 | import React, {useEffect} from 'react';
2 |
3 | function Discord() {
4 | useEffect(() => {
5 | window.location.href = 'https://discord.gg/cvHPEK7U3v';
6 | }, []);
7 | return
;
8 | }
9 |
10 | export default Discord;
11 |
--------------------------------------------------------------------------------
/src/components/Routes/LinkedIn.jsx:
--------------------------------------------------------------------------------
1 | import React, {useEffect} from 'react';
2 |
3 | function Linkedin() {
4 | useEffect(() => {
5 | window.location.href = 'https://www.linkedin.com/company/duhacks/';
6 | }, []);
7 | return
;
8 | }
9 |
10 | export default Linkedin;
11 |
--------------------------------------------------------------------------------
/src/App.test.js:
--------------------------------------------------------------------------------
1 | // import { render, screen } from '@testing-library/react';
2 | // import App from './App';
3 |
4 | // test('renders learn react link', () => {
5 | // render(
8 |
9 |
9 |
10 |
12 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 | .cache/
8 | package-lock.json
9 | # testing
10 | /coverage
11 |
12 | # production
13 | /build
14 |
15 | # misc
16 | .DS_Store
17 | .env.local
18 | .env.development.local
19 | .env.test.local
20 | .env.production.local
21 |
22 | npm-debug.log*
23 | yarn-debug.log*
24 | yarn-error.log*
25 |
--------------------------------------------------------------------------------
/src/components/Footer/icons8-linkedin-2.svg:
--------------------------------------------------------------------------------
1 | Environment vector created by storyset - www.freepik.com
2 | WEB3 => Crypto exchange vector created by macrovector - www.freepik.com
3 | EDU => https://dribbble.com/shots/6564686-Concept-for-web-page-Investment-in-education?utm_source=Pinterest_Shot&utm_campaign=Magura&utm_content=Concept+for+web+page.+Investment+in+education&utm_medium=Social_Share
--------------------------------------------------------------------------------
/src/components/prize tracks/prizes.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import './prizes.css';
3 |
4 | function PrizeHeading(props) {
5 | return (
6 |
7 |
{props.type}
8 |
9 | );
10 | }
11 |
12 | function FirstPrize(props) {
13 | return (
14 |
15 | {props.icon}
16 |
{props.type}
17 |
{props.content}
18 |
10 |
17 | );
18 | };
19 |
--------------------------------------------------------------------------------
/public/admin/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Content Manager
6 |
11 | //
12 | //
14 | // ,
15 | // rootElement
16 | // );
17 |
18 | const rootElement = document.getElementById("body");
19 | const footer = document.getElementById("footer");
20 |
21 | ReactDOM.render(
22 |
23 |
,
25 | rootElement
26 | );
27 |
28 | ReactDOM.render(
29 |
30 | ,
32 | footer
33 | );
34 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # DUHacks Hackathon
2 |
3 | 
4 |
5 | DUHacks is a 36-hour National-Level hybrid hackathon organized by Google Developer Student Club, DDU in which all participants can sharpen their skills and connect with people to grow together. The hackathon is designed to spark innovation, attract and educate new talent and create new channels for collaboration between performance and capacity professionals. We aim to spread the idea that programming is a useful skill that everyone can learn. We want to host approximately 150 students offline in the institution with proper preparation, as well as 150+ students online. Only DDU students are allowed to attend this hackathon in offline mode. Rest all students from across the nation can participate this hackathon in online mode.
6 |
--------------------------------------------------------------------------------
/src/components/prize tracks/prizes.css:
--------------------------------------------------------------------------------
1 | .Prizes {
2 | width: 32rem;
3 | height: 25rem;
4 | width: fit-content;
5 | margin: 0 auto;
6 | text-align: center;
7 | margin-top: 2.5rem;
8 | }
9 |
10 | .Prizes p {
11 | color: rgb(145, 143, 143);
12 | }
13 | .Prizes .first {
14 | color: #a239ea;
15 | height: 6rem;
16 | }
17 |
18 | .Prizes .second {
19 | color: #39a2db;
20 | height: 6rem;
21 | }
22 |
23 | .Prizes .third {
24 | color: #ff616d;
25 | height: 6rem;
26 | }
27 |
28 | .Prizes .fourth {
29 | color: #3c8dad;
30 | height: 6rem;
31 | }
32 |
33 | .Prizes .fifth {
34 | color: #bf1363;
35 | height: 6rem;
36 | }
37 |
38 | .Prizes .sixth {
39 | color: #ff96ad;
40 | height: 6rem;
41 | }
42 |
43 | .Prizes .seventh {
44 | color: #e4bad4;
45 | height: 6rem;
46 | }
47 |
48 |
49 | @media (max-width: 570px){
50 | .Prizes {
51 | margin-right: 2.1rem;
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/src/components/team/team.css:
--------------------------------------------------------------------------------
1 | .member {
2 | text-align: center;
3 | margin-top: 5rem;
4 | position: relative;
5 | top:0px;
6 | transition: top 0.2s linear;
7 |
8 | }
9 | .member:hover{
10 | top: -5px;
11 | opacity: 0.90;
12 | }
13 | .member img {
14 | width: 25rem;
15 | height: 25rem;
16 | border-radius: 50%;
17 | display: block;
18 | margin: 0 auto;
19 | border: 5px solid #67e9e6;
20 | object-fit: cover;
21 | }
22 | .members-link {
23 | text-align: center;
24 | }
25 | .members-link a {
26 | margin: 0 7px;
27 | cursor: pointer;
28 | }
29 | .joinT {
30 | text-align: center;
31 | }
32 | .joinT h3 {
33 | display: inline-block;
34 | font-weight: 500;
35 | margin-right: 40px;
36 | }
37 | @media (max-width: 570px) {
38 | .member {
39 | margin-top: 4rem;
40 | }
41 | .member img {
42 | width: 25rem;
43 | height: 25rem;
44 | }
45 | .joinT h3 {
46 | margin-right: 0px;
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "module": "esnext",
4 | "target": "esnext",
5 | "jsx": "react-jsx",
6 | "lib": [
7 | "dom",
8 | "esnext",
9 | "es5",
10 | "es6",
11 | "dom.iterable"
12 | ],
13 | "strict": true,
14 | "noEmit": true,
15 | "isolatedModules": true,
16 | "esModuleInterop": true,
17 | "noUnusedLocals": false,
18 | "allowJs": true,
19 | "moduleResolution": "Node",
20 | "baseUrl": "src",
21 | "skipLibCheck": true,
22 | "allowSyntheticDefaultImports": true,
23 | "forceConsistentCasingInFileNames": true,
24 | "noFallthroughCasesInSwitch": true,
25 | "resolveJsonModule": true
26 | },
27 | "include": [
28 | "./src/**/*",
29 | "types/**/*.d.ts",
30 | "gatsby-browser.js",
31 | "gatsby-config.js",
32 | "gatsby-ssr.js",
33 | "gatsby-node.js"
34 | ],
35 | "exclude": [
36 | "node_modules",
37 | "public",
38 | ".cache"
39 | ]
40 | }
41 |
--------------------------------------------------------------------------------
/src/components/Sponsors/sponsors.scss:
--------------------------------------------------------------------------------
1 | .Sponsor{
2 |
3 | margin-bottom: 5rem;
4 | transition: 0.3s;
5 | }
6 | .Sponsor:hover{
7 | transform: scale(1.1);
8 | }
9 | .Sponsor img{
10 | width: 25rem;
11 | display: inline-block;
12 | margin: 0;
13 | }
14 |
15 | .shead{
16 | font-size: 6rem;
17 | margin-bottom: 6rem;
18 | margin-top: -3rem;
19 | }
20 |
21 | .sponsorUS {
22 | margin-bottom: 7rem;
23 | }
24 |
25 | /* more smaller */
26 | @media (max-width: 570px){
27 | .shead{
28 | margin-top:0;
29 | }
30 | .Sponsor img{
31 |
32 | margin-bottom: 3rem;
33 | }
34 | }
35 | .Sponsor img{
36 |
37 | -webkit-animation: mover 1s infinite alternate;
38 | animation: mover 2s infinite alternate;
39 | }
40 | @-webkit-keyframes mover {
41 | 0% { transform: translateY(0); }
42 | 100% { transform: translateY(8px); }
43 | }
44 | @keyframes mover {
45 | 0% { transform: translateY(0); }
46 | 100% { transform: translateY(8px); }
47 | }
48 |
--------------------------------------------------------------------------------
/src/components/Footer/icons8-mail.svg:
--------------------------------------------------------------------------------
1 |
20 |
21 |
31 |
14 |
{MIDDLE_SECTION.TITLE}
15 |
{MIDDLE_SECTION.LONG_DESCRIPTION}
16 |
25 |
26 |
31 | {/*
32 |
*/}
33 |
9 |
Sponsors & Partners
10 | {/* Meet Our Supporters */}
11 |
12 | );
13 | }
14 |
15 | function Sponsor(props) {
16 | return (
17 |
18 | {/*
coming Soon */}
19 |
20 |
10 | {/*
13 |
14 |
17 |
18 |
21 |
22 |
*/}
25 |
26 |
27 |
38 |
39 |
8 |
Follow us on social media for updates
9 |
19 |
20 |
25 |
26 |
31 |
36 |
41 |
Designed by stories / Freepik
20 |
21 | For printing:
22 |
23 | Paste this text on the final work so the authorship is known.
24 | - For example, in the acknowledgements chapter of a book:
25 | "Designed by stories / Freepik"
26 |
27 |
28 | You are free to use this image:
29 |
30 | - For both personal and commercial projects and to modify it.
31 | - In a website or presentation template or application or as part of your design.
32 |
33 | You are not allowed to:
34 |
35 | - Sub-license, resell or rent it.
36 | - Include it in any online or offline archive or database.
37 |
38 | The full terms of the license are described in section 7 of the Freepik
39 | terms of use, available online in the following link:
40 |
41 | http://www.freepik.com/terms_of_use
42 |
43 | The terms described in the above link have precedence over the terms described
44 | in the present document. In case of disagreement, the Freepik Terms of Use
45 | will prevail.
46 |
--------------------------------------------------------------------------------
/public/images/Credit/License free-health_care.txt:
--------------------------------------------------------------------------------
1 | IMPORTANT NOTICE: This license only applies if you downloaded this content as
2 | an unsubscribed user. If you are a premium user (ie, you pay a subscription)
3 | you are bound to the license terms described in the accompanying file
4 | "License premium.txt".
5 |
6 | ---------------------
7 |
8 | You must attribute the image to its author:
9 |
10 | In order to use a content or a part of it, you must attribute it to rawpixel.com / Freepik,
11 | so we will be able to continue creating new graphic resources every day.
12 |
13 |
14 | How to attribute it?
15 |
16 | For websites:
17 |
18 | Please, copy this code on your website to accredit the author:
19 | Designed by rawpixel.com / Freepik
20 |
21 | For printing:
22 |
23 | Paste this text on the final work so the authorship is known.
24 | - For example, in the acknowledgements chapter of a book:
25 | "Designed by rawpixel.com / Freepik"
26 |
27 |
28 | You are free to use this image:
29 |
30 | - For both personal and commercial projects and to modify it.
31 | - In a website or presentation template or application or as part of your design.
32 |
33 | You are not allowed to:
34 |
35 | - Sub-license, resell or rent it.
36 | - Include it in any online or offline archive or database.
37 |
38 | The full terms of the license are described in section 7 of the Freepik
39 | terms of use, available online in the following link:
40 |
41 | http://www.freepik.com/terms_of_use
42 |
43 | The terms described in the above link have precedence over the terms described
44 | in the present document. In case of disagreement, the Freepik Terms of Use
45 | will prevail.
46 |
--------------------------------------------------------------------------------
/src/components/FAQ/faq.css:
--------------------------------------------------------------------------------
1 | .accordion {
2 | width: 100%;
3 | max-width: 480px;
4 | margin: 0 auto;
5 | position: relative;
6 | }
7 |
8 | .panel {
9 | /* background-color: #efc3ed; */
10 | background-color: #cef1f5;
11 | /* background-color: #ffefe6; */
12 | border-radius: 12px;
13 | margin-top: 10px;
14 | }
15 |
16 | .panel__label {
17 | display: block;
18 | width: 100%;
19 | background: none;
20 | border: none;
21 | text-align: left;
22 | padding: 27px 65px 27px 30px;
23 | font-weight: 400;
24 | font-size: 18px;
25 | font-family: inherit;
26 | transition: color 0.1s linear;
27 | cursor: pointer;
28 | color: black;
29 | }
30 |
31 | .panel__label:focus {
32 | outline: none;
33 | }
34 |
35 | .panel__label:after,
36 | .panel__label:before {
37 | content: "";
38 | position: absolute;
39 | right: 25px;
40 | top: 50%;
41 | width: 22px;
42 | height: 2px;
43 | margin-top: -2px;
44 | background-color: #372717;
45 | }
46 |
47 | .panel__label:before {
48 | transform: rotate(-90deg);
49 | transition: transform 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
50 | }
51 |
52 | .panel[aria-expanded="true"] .panel__content {
53 | opacity: 1;
54 | }
55 |
56 | .panel[aria-expanded="true"] .panel__label {
57 | color: #41403f;
58 | }
59 |
60 | .panel[aria-expanded="true"] .panel__label:before {
61 | transform: rotate(0deg);
62 | }
63 |
64 | .panel__inner {
65 | overflow: hidden;
66 | will-change: height;
67 | transition: height 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
68 | }
69 |
70 | .panel__content {
71 | margin: 5px 25px 25px;
72 | font-size: 17px;
73 | color: #494948;
74 | opacity: 0;
75 | transition: opacity 0.3s linear 0.18s;
76 | }
77 |
78 | .panel:not(:last-child) {
79 | margin-bottom: 3px;
80 | }
--------------------------------------------------------------------------------
/src/components/logo-section/logoSection.css:
--------------------------------------------------------------------------------
1 | .logoS{
2 | width: 400px;
3 | height: 400px;
4 | margin-top: 0;
5 | display: flex;
6 | align-items: center;
7 | margin-left: 20%;
8 | padding: 0;
9 | position: relative;
10 | right: 100px;
11 |
12 | }
13 |
14 | .darklogo{
15 | width: 35rem;
16 |
17 | }
18 | .Logo{
19 | /* width: 60%; */
20 | width: 35rem;
21 | }
22 |
23 | .logoS img{
24 | margin: 0;
25 | }
26 | .sym{
27 | z-index: 4;
28 | width: 120px;
29 | right:17px;
30 | top: 35px;
31 | transition: 0.4s;
32 | }
33 |
34 | .logo1{
35 | z-index: 3;
36 | top: 0;
37 | transition: 0.4s;
38 |
39 | }
40 | .logo2{
41 | z-index: 2;
42 | top: 21px;
43 | transition: 0.4s;
44 |
45 |
46 | }
47 | .logo3{
48 | z-index: 1;
49 | top: 41px;
50 | transition: 0.4s;
51 | }
52 | .logoS:hover .logo3{
53 | top: 96px;
54 | }
55 | .logoS:hover .logo2{
56 | top: 51px;
57 | }
58 |
59 | .LogoSectionAbout{
60 | text-align: left;
61 | width: 80%;
62 | display: inline-block;
63 | position: relative;
64 | font-family: 'Nunito', sans-serif;
65 | }
66 | .LogoSectionAbout h1{
67 | font-weight: 700;
68 | text-align: left;
69 | }
70 |
71 |
72 | .Logo{
73 |
74 | -webkit-animation: mover 1s infinite alternate;
75 | animation: mover 2s infinite alternate;
76 | }
77 | @-webkit-keyframes mover {
78 | 0% { transform: translateY(0); }
79 | 100% { transform: translateY(-10px); }
80 | }
81 | @keyframes mover {
82 | 0% { transform: translateY(0); }
83 | 100% { transform: translateY(-10px); }
84 | }
85 |
86 | @media (max-width: 570px){
87 | .logoS{
88 | margin-top: 10rem;
89 | margin-bottom: -10rem;
90 | }
91 | .Logo{
92 | margin: 0 auto;
93 | width: 30rem;
94 | }
95 | }
96 |
97 | @media (max-width: 570px){
98 | .logoS{
99 | margin-top: 10rem;
100 | margin-bottom: -10rem;
101 | /* background-color: black; */
102 | display: contents;
103 | }
104 | .Logo{
105 | margin: 0 auto;
106 | width: 30rem;
107 | }
108 | }
109 |
110 |
--------------------------------------------------------------------------------
/src/components/FAQ/faq.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import './faq.css';
3 | import ReactDOM from 'react-dom';
4 |
5 | // here
6 | class Panel extends React.Component {
7 | constructor(props) {
8 | super(props);
9 |
10 | this.state = {
11 | height: 0
12 | };
13 | }
14 |
15 | componentDidMount() {
16 | window.setTimeout(() => {
17 | const el = ReactDOM.findDOMNode(this);
18 | const height = el.querySelector('.panel__inner').scrollHeight;
19 | this.setState({
20 | height
21 | });
22 | }, 400);
23 | }
24 |
25 | render() {
26 | const { label, content, activeTab, index, activateTab } = this.props;
27 | const { height } = this.state;
28 | const isActive = activeTab === index;
29 | const innerStyle = {
30 | height: `${isActive ? height : 0}px`
31 | };
32 |
33 | return (
34 |
35 |
36 |
37 | {label}
38 |
39 |
40 |
47 |
74 | {panels.map((panel, index) => (
75 |
82 | ))}
83 |
20 | //
21 | //
22 | // Join us to{" "}
23 | // Gear Up ,
24 | // where we will be hosting PUBLIC workshops, tech talks, panel
25 | // discussions, and career sessions!
26 | //
27 | //
28 | //
29 | //
DUHacks
5 | DUHacks
41 |
42 |
43 |
44 |
45 |
46 |
47 |
65 |
66 |
73 |
74 |
75 |
--------------------------------------------------------------------------------
/src/components/Footer/icons8-twitter.svg:
--------------------------------------------------------------------------------
1 |
15 | );
16 | }
17 |
18 | function About() {
19 | return (
20 |
21 |
{TOP_SECTION.TITLE}
22 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
Environment
17 |
18 | {/*
The list of issues surrounding our environment go on.These environmental problems arise from conflicts between nature and humans. Develop a Solution to reduce Envirnmental problem.
*/}
19 |
20 |
21 |
22 |
23 |
24 |
Open Innovation
25 |
26 | {/*
Have any ideas that don't fit into any of the categories above? Worry not. We encourage you to test your ideas and discover solutions to problems without any limitations.
*/}
27 |
28 |
29 |
30 |
31 |
32 |
Web3
33 |
34 | {/*
Web 3.0 is the third generation of internet services for websites and apps that will focus on providing a data-driven and Semantic Web employing a machine-based understanding of data.
*/}
35 |
36 |
37 |
38 |
39 |
40 |
41 |
Education
42 |
43 | {/*
Since the pandemic, the educational system has had to adjust to the new normal. As a result, we urge you to create something that modernises education and makes it accessible to everybody.
*/}
44 |
45 |
46 |
47 |
48 |
49 |
Health Care
50 |
51 | {/*
Develop Solution to help Society Cope with the Drastic impact. The Healthcare track strives to develop splitting initiatives that address a variety of health-related issues.
*/}
52 |
53 |
54 |
55 |
56 |
57 |
AI/ML
58 |
59 | {/*
AI is the intelligence demonstrated by computers as a result of their perception of their surroundings. Al-based devices are capable of taking independent actions in order to achieve a specific goal.
*/}
60 |
61 |
62 |
63 |
64 |
65 |
66 |
8 |
9 |
12 |
13 |
14 |
16 | Start Registrations
17 | 1st June 2022
18 |
19 | {/*Lorem ipsum dolor sit ameters consectetur adipisicing elit. Sed qui veroes praesentium maiores, sint eos vero sapiente voluptas debitis dicta dolore.
20 | */}
21 |
22 |
23 |
24 |
25 |
27 | End Registrations
28 | 14th Jul 2022
29 |
30 | {/*Lorem ipsum dolor sit ameters consectetur adipisicing elit. Sed qui veroes praesentium maiores, sint eos vero sapiente voluptas debitis dicta dolore.
31 | */}
32 |
33 |
34 |
35 |
36 |
38 | Opening Ceremony
39 | 16th July 2022
40 |
41 | Hackathon opening ceremony will start 9:15 AM onwards.
42 |
43 |
44 |
45 |
46 |
47 |
49 | Hackathon Starts
50 | 16th July 2022
51 |
52 | Hackathon coding period will start from 10:30 AM onwards.
53 |
54 |
55 |
56 |
57 |
58 |
60 | Session from GeeksforGeeks
61 | 16th July 2022
62 |
63 | Session on Complete Interview Preperation by GeeksForGeeks on 11.30 AM Onwards.
64 |
65 |
66 |
67 |
68 |
69 |
71 | Session from Postman
72 | 16th July 2022
73 |
74 | Session on APIs 101 using Postman on 4:00 PM Onwards.
75 |
76 |
77 |
78 |
79 |
80 |
82 | Session from Alan AI
83 | 16th July 2022
84 |
85 | Session on Building Voice Ai Powered App in React JS with Alan Ai on 06:30 PM Onwards.
86 |
87 |
88 |
89 |
90 |
91 |
93 | Hackathon Ends
94 | 17th July 2022
95 |
96 | Hackathon coding period will end on 10:30 PM.
97 |
98 |
99 |
100 |
101 |
81 |
82 |
83 |
84 |
85 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
96 |
97 |
98 |
99 |
100 | About {" "}
102 |
103 |
104 |
105 | Themes {" "}
107 |
108 |
109 |
110 | Prizes {" "}
112 |
113 |
114 |
115 | Sponsors {" "}
117 |
118 |
119 |
120 | Team {" "}
122 |
123 |
124 |
125 | FAQ {" "}
127 |
128 |
129 |
136 |
138 |
139 |
146 |
147 |
148 |
149 |
151 |
152 |
153 | );
154 | };
155 |
156 | // function Projects() {
157 | // return Projects here ;
158 | // }
159 |
160 | // function Contact() {
161 | // return contact info ;
162 | // }
163 |
164 | // function Links() {
165 | // return Home ;
166 | // }
167 |
168 | export default NAVBAR;
169 |
--------------------------------------------------------------------------------
/src/components/Top-division-components/top-division-c.css:
--------------------------------------------------------------------------------
1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap");
2 | @import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&display=swap");
3 | .h1 {
4 | margin: 0;
5 | }
6 | .dev-logo {
7 | fill: rgb(255, 255, 255);
8 | }
9 | .dev-button {
10 | align-items: center;
11 | background-color: #3770ff;
12 | border-radius: 4px;
13 | color: #fff;
14 | display: inline-flex;
15 | font-size: 20px;
16 | font-weight: 600;
17 | height: 60px;
18 | justify-content: center;
19 | outline: none;
20 | padding: 0 32px;
21 | transition: all 0.1s ease-in 0s;
22 | white-space: nowrap;
23 | width: 50%;
24 |
25 | }
26 | .dis-button {
27 | align-items: center;
28 | background-color: #7289da;
29 | border-radius: 4px;
30 | color: #fff;
31 | display: inline-flex;
32 | /* font-size: px; */
33 | font-weight: 600;
34 | height: 45px;
35 | top: -9px;
36 | justify-content: center;
37 | outline: none;
38 | padding: 0 0px;
39 | transition: all 0.1s ease-in 0s;
40 | white-space: nowrap;
41 | width: 10%;
42 | }
43 |
44 | /* .dis-button {
45 | align-items: center;
46 | background-color: #7289da;
47 | border-radius: 4px;
48 | color: #fff;
49 | display: inline-flex;
50 | font-size: px;
51 | font-weight: 600;
52 | height: 60px;
53 | justify-content: center;
54 | outline: none;
55 | padding: 0 20px;
56 | transition: all 0.1s ease-in 0s;
57 | white-space: nowrap;
58 | width: 10%;
59 | } */
60 | button {
61 | width: 22rem;
62 | height: 6rem;
63 | border: none;
64 | border-radius: 19px;
65 | font-size: 2rem;
66 | color: rgb(255, 255, 255);
67 | background-color: #6a63b7;
68 | font-weight: 300;
69 | position: relative;
70 | }
71 |
72 | .join_disco {
73 | width: 25rem;
74 | background: linear-gradient(90deg, #ae67fa -13.86%, #f49867 100%);
75 | }
76 |
77 | .join_disco i {
78 | margin-right: 10px;
79 | }
80 |
81 | .join_dis {
82 | margin-bottom: 29px;
83 | margin-top: 19px;
84 | }
85 |
86 | .linkclass{
87 | display: inline;
88 | }
89 |
90 | .register {
91 | margin-left: 9rem;
92 | border: 2px solid rgb(255, 255, 255);
93 | background-color: transparent;
94 | }
95 |
96 | .AboutMe h2 {
97 | font-size: 10rem;
98 | font-family: "Noto Sans", sans-serif;
99 | }
100 |
101 | p {
102 | font-size: 2rem;
103 | line-height: 1.6;
104 | font-weight: 300;
105 | }
106 |
107 | .shortjoin{
108 | font-size: 2rem;
109 | }
110 |
111 | .Myinfo {
112 | text-align: left;
113 | margin-left: 10vh;
114 | }
115 |
116 | .Myinfo p {
117 | width: 70%;
118 | }
119 |
120 | /* Over lay effect */
121 |
122 | .overlay {
123 | position: absolute;
124 | bottom: 0;
125 | left: 100%;
126 | right: 0;
127 | background-color: white;
128 | overflow: hidden;
129 | width: 0;
130 | height: 100%;
131 | transition: 0.3s ease;
132 | border-radius: 12px;
133 | }
134 |
135 | .overlay-text {
136 | font-weight: 300;
137 | color: #2c4677;
138 | font-size: 17px;
139 | position: absolute;
140 | top: 50%;
141 | left: 50%;
142 | -webkit-transform: translate(-50%, -50%);
143 | -ms-transform: translate(-50%, -50%);
144 | transform: translate(-50%, -50%);
145 | white-space: nowrap;
146 | }
147 |
148 | button:hover .overlay {
149 | width: 100%;
150 | left: 0;
151 | }
152 |
153 | @media (max-width: 1200px) {
154 | .AboutMe h2 {
155 | /* font-size: 6rem; */
156 | }
157 | }
158 |
159 | /* main targer */
160 |
161 | @media (max-width: 570px) {
162 | .Myinfo p {
163 | width: 100%;
164 | }
165 | .AboutMe h2 {
166 | font-size: 4rem;
167 | }
168 | .register {
169 | margin-left: 0;
170 | margin-top: 3vh;
171 | }
172 | .Myinfo {
173 | text-align: center;
174 | margin-left: 0;
175 | }
176 | .Myinfo p {
177 | font-size: 1.9rem;
178 | }
179 | .AboutMe {
180 | text-align: center;
181 | }
182 | .dev-button{
183 | font-size: 10px;
184 | font-weight: 500;
185 | width: 60%;
186 | }
187 | .dis-button{
188 | width: 30%;
189 | }
190 | .svgbtn{
191 | height: "12px";
192 | width: "12px";
193 | }
194 | }
195 |
196 | @media (max-width: 659px) {
197 | .register {
198 | margin-left: 0;
199 | margin-top: 3vh;
200 | }
201 | .AboutMe h1 {
202 | font-size: 2.2em;
203 | }
204 | .Myinfo p {
205 | font-size: 1.6rem;
206 | }
207 | .dev-button{
208 | font-size: 15px;
209 | font-weight: 500;
210 | width: 50%;
211 | }
212 | .dis-button{
213 | width: 20%;
214 | }
215 | .svgbtn{
216 | height: "12px";
217 | width: "12px";
218 | }
219 | }
220 |
221 | @media (max-width: 478px) {
222 | .register {
223 | margin-left: 0;
224 | margin-top: 3vh;
225 | }
226 | .AboutMe h1 {
227 | font-size: 2.2em;
228 | }
229 | .Myinfo p {
230 | font-size: 1.6rem;
231 | }
232 | .dev-button{
233 | font-size: 15px;
234 | font-weight: 500;
235 | width: 70%;
236 | }
237 | .dis-button{
238 | width: 25%;
239 | top: 10px;
240 | }
241 | .svgbtn{
242 | height: "12px";
243 | width: "12px";
244 | }
245 | }
246 |
247 | @media (max-width: 360px) {
248 | .register {
249 | margin-left: 0;
250 | margin-top: 3vh;
251 | }
252 | .AboutMe h1 {
253 | font-size: 2.2em;
254 | }
255 | .Myinfo p {
256 | font-size: 1.6rem;
257 | }
258 | .dev-button{
259 | font-size: 10px;
260 | font-weight: 500;
261 | width: 70%;
262 | }
263 | .dis-button{
264 | width: 25%;
265 | }
266 | .svgbtn{
267 | height: "12px";
268 | width: "12px";
269 | }
270 | }
271 |
--------------------------------------------------------------------------------
/src/components/Birds/birds.scss:
--------------------------------------------------------------------------------
1 |
2 |
3 | .container {
4 | position: absolute;
5 | display: flex;
6 | align-items: center;
7 | justify-content: center;
8 | min-height: 60rem;
9 | width: 100%;
10 | background-blend-mode: soft-light;
11 | background-size: cover;
12 | background-position: center center;
13 | padding: 2rem 0;
14 | z-index: 0;
15 | overflow: hidden;
16 | }
17 |
18 | /* .bird {
19 | background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells-new.svg);
20 | background-size: auto 100%;
21 | width: 88px;
22 | height: 125px;
23 | will-change: background-position;
24 | animation-name: fly-cycle;
25 | animation-timing-function: steps(10);
26 | animation-iteration-count: infinite;
27 |
28 | &--one {
29 | animation-duration: 1s;
30 | animation-delay: -0.5s;
31 | }
32 |
33 | &--two {
34 | animation-duration: 0.9s;
35 | animation-delay: -0.75s;
36 | }
37 |
38 | &--three {
39 | animation-duration: 1.25s;
40 | animation-delay: -0.25s;
41 | }
42 |
43 | &--four {
44 | animation-duration: 1.1s;
45 | animation-delay: -0.5s;
46 | }
47 |
48 | }
49 |
50 | .bird-container {
51 | position: absolute;
52 | top: 20%;
53 | left: -10%;
54 | transform: scale(0) translateX(-10vw);
55 | will-change: transform;
56 |
57 | animation-name: fly-right-one;
58 | animation-timing-function: linear;
59 | animation-iteration-count: infinite;
60 |
61 | &--one {
62 | animation-duration: 15s;
63 | animation-delay: 0;
64 | }
65 |
66 | &--two {
67 | animation-duration: 16s;
68 | animation-delay: 1s;
69 | }
70 |
71 | &--three {
72 | animation-duration: 14.6s;
73 | animation-delay: 9.5s;
74 | }
75 |
76 | &--four {
77 | animation-duration: 16s;
78 | animation-delay: 10.25s;
79 | }
80 |
81 | }
82 |
83 | @keyframes fly-cycle {
84 |
85 | 100% {
86 | background-position: -900px 0;
87 | }
88 |
89 | }
90 |
91 | @keyframes fly-right-one {
92 |
93 | 0% {
94 | transform: scale(0.3) translateX(-10vw);
95 | }
96 |
97 | 10% {
98 | transform: translateY(2vh) translateX(10vw) scale(0.4);
99 | }
100 |
101 | 20% {
102 | transform: translateY(0vh) translateX(30vw) scale(0.5);
103 | }
104 |
105 | 30% {
106 | transform: translateY(4vh) translateX(50vw) scale(0.6);
107 | }
108 |
109 | 40% {
110 | transform: translateY(2vh) translateX(70vw) scale(0.6);
111 | }
112 |
113 | 50% {
114 | transform: translateY(0vh) translateX(90vw) scale(0.6);
115 | }
116 |
117 | 60% {
118 | transform: translateY(0vh) translateX(110vw) scale(0.6);
119 | }
120 |
121 | 100% {
122 | transform: translateY(0vh) translateX(110vw) scale(0.6);
123 | }
124 |
125 | }
126 |
127 | @keyframes fly-right-two {
128 |
129 | 0% {
130 | transform: translateY(-2vh) translateX(-10vw) scale(0.5);
131 | }
132 |
133 | 10% {
134 | transform: translateY(0vh) translateX(10vw) scale(0.4);
135 | }
136 |
137 | 20% {
138 | transform: translateY(-4vh) translateX(30vw) scale(0.6);
139 | }
140 |
141 | 30% {
142 | transform: translateY(1vh) translateX(50vw) scale(0.45);
143 | }
144 |
145 | 40% {
146 | transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
147 | }
148 |
149 | 50% {
150 | transform: translateY(0vh) translateX(90vw) scale(0.45);
151 | }
152 |
153 | 51% {
154 | transform: translateY(0vh) translateX(110vw) scale(0.45);
155 | }
156 |
157 | 100% {
158 | transform: translateY(0vh) translateX(110vw) scale(0.45);
159 | }
160 |
161 | } */
162 |
163 | @media (max-width: 570px){
164 |
165 | .container {
166 | min-height: 180rem;
167 | }
168 | }
169 |
170 | .context {
171 | width: 100%;
172 | position: absolute;
173 | top:50vh;
174 |
175 | }
176 |
177 | .context h1{
178 | text-align: center;
179 | color: #fff;
180 | font-size: 50px;
181 | }
182 |
183 |
184 | .area{
185 | width: 100%;
186 | height:100vh;
187 |
188 |
189 | }
190 |
191 | .circles{
192 | position: absolute;
193 | top: 0;
194 | left: 0;
195 | width: 100%;
196 | height: 100%;
197 | overflow: hidden;
198 | }
199 |
200 | .circles li{
201 | position: absolute;
202 | display: block;
203 | list-style: none;
204 | width: 50px;
205 | height: 50px;
206 | background: rgba(255, 25, 855, 0.2);
207 | animation: animate 25s linear infinite;
208 | bottom: -150px;
209 |
210 | }
211 |
212 | .circles li:nth-child(1){
213 | left: 25%;
214 | width: 30px;
215 | height: 30px;
216 | animation-delay: 0s;
217 | }
218 |
219 |
220 | .circles li:nth-child(2){
221 | left: 10%;
222 | width: 20px;
223 | height: 20px;
224 | animation-delay: 2s;
225 | animation-duration: 12s;
226 | }
227 |
228 | .circles li:nth-child(3){
229 | left: 70%;
230 | width: 20px;
231 | height: 20px;
232 | animation-delay: 4s;
233 | }
234 |
235 | .circles li:nth-child(4){
236 | left: 40%;
237 | width: 40px;
238 | height: 40px;
239 | animation-delay: 0s;
240 | animation-duration: 18s;
241 | }
242 |
243 | .circles li:nth-child(5){
244 | left: 65%;
245 | width: 20px;
246 | height: 20px;
247 | animation-delay: 0s;
248 | }
249 |
250 | .circles li:nth-child(6){
251 | left: 75%;
252 | width: 70px;
253 | height: 70px;
254 | animation-delay: 3s;
255 | }
256 |
257 | .circles li:nth-child(7){
258 | left: 35%;
259 | width: 50px;
260 | height: 50px;
261 | animation-delay: 7s;
262 | }
263 |
264 | .circles li:nth-child(8){
265 | left: 50%;
266 | width: 25px;
267 | height: 25px;
268 | animation-delay: 15s;
269 | animation-duration: 45s;
270 | }
271 |
272 | .circles li:nth-child(9){
273 | left: 20%;
274 | width: 15px;
275 | height: 15px;
276 | animation-delay: 2s;
277 | animation-duration: 35s;
278 | }
279 |
280 | .circles li:nth-child(10){
281 | left: 85%;
282 | width: 35px;
283 | height: 35px;
284 | animation-delay: 0s;
285 | animation-duration: 11s;
286 | }
287 |
288 |
289 |
290 | @keyframes animate {
291 |
292 | 0%{
293 | transform: translateY(0) rotate(0deg);
294 | opacity: 1;
295 | border-radius: 0;
296 | }
297 |
298 | 100%{
299 | transform: translateY(-4000px) rotate(1300deg);
300 | opacity: 0;
301 | border-radius: 50%;
302 | }
303 |
304 | }
--------------------------------------------------------------------------------
/src/Module/Assets/sponsorsLogos/pm.svg:
--------------------------------------------------------------------------------
1 | >>1,f=a[c];if(void 0!==f&&0E(g,e))void 0!==h&&0>E(h,g)?(a[c]=h,a[k]=e,c=k):(a[c]=g,a[d]=e,c=d);else if(void 0!==h&&0>E(h,e))a[c]=h,a[k]=e,c=k;else break a}}return b}return null}function E(a,b){var e=a.sortIndex-b.sortIndex;return 0!==e?e:a.id-b.id}function P(a){for(var b=p(r);null!==b;){if(null===b.callback)F(r);else if(b.startTime<=a)F(r),b.sortIndex=b.expirationTime,O(q,b);else break;b=p(r)}}
16 | function Q(a){z=!1;P(a);if(!u)if(null!==p(q))u=!0,A(R);else{var b=p(r);null!==b&&G(Q,b.startTime-a)}}function R(a,b){u=!1;z&&(z=!1,S());H=!0;var e=g;try{P(b);for(m=p(q);null!==m&&(!(m.expirationTime>b)||a&&!T());){var c=m.callback;if("function"===typeof c){m.callback=null;g=m.priorityLevel;var f=c(m.expirationTime<=b);b=t();"function"===typeof f?m.callback=f:m===p(q)&&F(q);P(b)}else F(q);m=p(q)}if(null!==m)var d=!0;else{var n=p(r);null!==n&&G(Q,n.startTime-b);d=!1}return d}finally{m=null,g=e,H=!1}}
17 | var w=60103,ha=60106;c.Fragment=60107;c.StrictMode=60108;c.Profiler=60114;var ka=60109,la=60110,ma=60112;c.Suspense=60113;var na=60115,oa=60116;if("function"===typeof Symbol&&Symbol.for){var d=Symbol.for;w=d("react.element");ha=d("react.portal");c.Fragment=d("react.fragment");c.StrictMode=d("react.strict_mode");c.Profiler=d("react.profiler");ka=d("react.provider");la=d("react.context");ma=d("react.forward_ref");c.Suspense=d("react.suspense");na=d("react.memo");oa=d("react.lazy")}var Y="function"===
18 | typeof Symbol&&Symbol.iterator,ya=Object.prototype.hasOwnProperty,U=Object.assign||function(a,b){if(null==a)throw new TypeError("Object.assign target cannot be null or undefined");for(var e=Object(a),c=1;c=ta};d=function(){};V=function(a){0>a||125d?(a.sortIndex=
25 | c,O(r,a),null===p(q)&&a===p(r)&&(z?S():z=!0,G(Q,c-d))):(a.sortIndex=e,O(q,a),u||H||(u=!0,A(R)));return a},unstable_cancelCallback:function(a){a.callback=null},unstable_wrapCallback:function(a){var b=g;return function(){var c=g;g=b;try{return a.apply(this,arguments)}finally{g=c}}},unstable_getCurrentPriorityLevel:function(){return g},get unstable_shouldYield(){return T},unstable_requestPaint:d,unstable_continueExecution:function(){u||H||(u=!0,A(R))},unstable_pauseExecution:function(){},unstable_getFirstCallbackNode:function(){return p(q)},
26 | get unstable_now(){return t},get unstable_forceFrameRate(){return V},unstable_Profiling:null},SchedulerTracing:{__proto__:null,__interactionsRef:null,__subscriberRef:null,unstable_clear:function(a){return a()},unstable_getCurrent:function(){return null},unstable_getThreadID:function(){return++Ea},unstable_trace:function(a,b,c){return c()},unstable_wrap:function(a){return a},unstable_subscribe:function(a){},unstable_unsubscribe:function(a){}}};c.Children={map:D,forEach:function(a,b,c){D(a,function(){b.apply(this,
27 | arguments)},c)},count:function(a){var b=0;D(a,function(){b++});return b},toArray:function(a){return D(a,function(a){return a})||[]},only:function(a){if(!M(a))throw Error(y(143));return a}};c.Component=v;c.PureComponent=K;c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=d;c.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error(y(267,a));var d=U({},a.props),e=a.key,g=a.ref,n=a._owner;if(null!=b){void 0!==b.ref&&(g=b.ref,n=L.current);void 0!==b.key&&(e=""+b.key);if(a.type&&a.type.defaultProps)var k=
28 | a.type.defaultProps;for(h in b)ea.call(b,h)&&!fa.hasOwnProperty(h)&&(d[h]=void 0===b[h]&&void 0!==k?k[h]:b[h])}var h=arguments.length-2;if(1===h)d.children=c;else if(1,
162 | type: "Overall First",
163 | content:
164 | "The first overall prize will be given to a project that outstands all other submissions."
165 | },
166 | {
167 | icon:
45 | {props.map((s, key) => (
46 |
59 | );
60 | }
61 |
62 | // javascript Map for sponsors end
63 |
64 | // Prize group
65 |
66 | function PrizeGroup(props) {
67 | return (
68 |
69 | {props.map((s, key) => (
70 |
75 | );
76 | }
77 |
78 | // Prize group ending
79 | function TeamMembers(props) {
80 | return (
81 |
82 | {props.map((s, k) => (
83 |
88 | );
89 | }
90 |
91 | function FrequentlyAsked(props) {
92 | return (
93 |
94 | {props.map((s, k) => (
95 |
100 | );
101 | }
102 |
103 | export default function HomePage(props) {
104 |
105 | window.onscroll = () => {
106 | toggleTopButton();
107 | console.log(document.body.scrollHeight);
108 | console.log(document.body.scrollTop);
109 | console.log("Diff", document.body.scrollHeight - document.body.scrollTop);
110 | }
111 |
112 | const scrollToTop = (event) => {
113 | window.scrollTo({ top: 0, behavior: 'smooth' });
114 | }
115 |
116 | function toggleTopButton() {
117 | if ((document.body.scrollHeight - document.body.scrollTop) < 800) {
118 | document.getElementById('back-to-up').style.display = 'none';
119 | }
120 | else if (document.body.scrollTop > 20 ||
121 | document.documentElement.scrollTop > 20) {
122 | document.getElementById('back-to-up').style.display = 'block';
123 | } else {
124 | document.getElementById('back-to-up').style.display = 'none';
125 | }
126 | }
127 |
128 |
129 |
130 | React.useEffect(() => {
131 | const script = document.createElement("script");
132 | script.src = "https://apply.devfolio.co/v2/sdk.js";
133 | script.async = true;
134 | script.defer = true;
135 | document.body.appendChild(script);
136 | return () => {
137 | document.body.removeChild(script);
138 | };
139 | }, []);
140 |
141 | return (
142 |
143 |
144 |
145 |
146 |
154 |
155 |
156 | {/*
157 |
*/}
161 |
162 |
163 |
164 | {/* Logo section */}
165 |
166 |
173 |
174 |
175 | {/*Theme Section*/}
176 |
177 |
180 |
181 | {/*TimeLine Section*/}
182 |
183 |
186 |
187 |
188 |
189 |
190 |
192 |
193 |
194 |
195 |
Overall First
196 |
Prize : Rs. 7000 Load More
197 |
198 |
199 |
200 |
Overall Second
201 |
Prize : Rs. 3000 Load More
202 |
203 |
204 |
205 |
Overall Third
206 |
Prize : Rs. 2000 Load More
207 |
208 |
210 |
211 |
Karma
212 |
Regularly evaluates our talent to ensure quality
213 |
214 |
215 |
237 |
238 |
239 |
240 |
241 |
242 | {/*
Polygon */}
243 |
244 |
245 |
246 | ₹10,000 for the best hack built on Ethereum,
247 | or ₹15,000 for the best hack built on Ethereum + Polygon.
248 | Eligibility to apply for internship/full-time roles and seed funding of up to 5,000 USD for winners!
249 |
250 |
Read More
251 |
252 |
253 |
254 |
255 |
256 |
257 |
258 |
259 |
260 |
261 |
262 |
263 |
264 | $200 prize for best use of koii network.
265 | $100 prize for second best use of koii network.
266 | Guidelines:
267 |
268 |
269 | UI must be responsive.
270 | Prizes may vary based on the project complexity.
271 |
272 |
273 |
274 |
275 |
276 |
277 | {/*
Read More */}
278 |
279 |
280 |
281 |
282 |
283 |
284 |
285 |
286 |
287 |
288 |
289 |
290 |
291 | Alan track prize winner ₹7,500
292 | Guidelines:
293 |
294 |
295 | UI must be responsive.
296 | Project must use the Alan Ai slots method in the project.
297 | Project should be live.
298 |
299 |
300 |
301 |
302 |
303 |
304 | {/*
Read More */}
305 |
306 |
307 |
308 |
309 |
310 |
311 |
312 | {/*
Filecoin */}
313 |
314 |
315 |
316 | ₹20000 for best use of IPFS and/or Filecoin.
317 |
318 |
Read More
319 |
320 |
321 |
322 |
323 | {/*
324 |
325 |
326 |
327 |
328 |
329 | ₹20000 for best Dapp built on Celo.
330 |
331 |
Read More
332 |
333 |
334 |
*/}
335 |
337 | {/*Theme end*/}
338 |
339 | {/*
343 |
345 | {Prizeinfo.map(PrizeGroup)}
346 |
347 |
*/}
348 | {/* ********Prizes ending here ***** */}
349 |
350 |
351 | {/* ********Sponsors here ***** */}
352 |
353 |
380 | {/* ********Sponsors ending here ***** */}
381 |
382 |
383 | {/* ********Team here ***** */}
384 | {/* Mentor
385 |
386 |
387 | {JudgesInfo.map(TeamMembers)} */}
388 |
389 | Our Team
390 | {/* {FOOTER.JOIN_TEAM.required && (
391 | FAQs
403 | {/* ********Frequently asked Questions here ***** */}
404 |
405 | {frequentlyAskedQuestions.map(FrequentlyAsked)}
406 | {/* ********Frequently asked Questions ending here ***** */}
407 |
408 |
409 |
410 |
416 |
417 |
418 |
419 |
214 | 
196 | 
201 | 
206 | 
219 | 
224 | 
229 |