Skip to content
This repository has been archived by the owner on Aug 30, 2021. It is now read-only.

Commit

Permalink
Guide & Timeline (#93)
Browse files Browse the repository at this point in the history
* Rewrite image URLs to GitHub

* complete guide section

* popoulate timeline

* update more info in timeline

* format guide section

* Modify AWS workshop

* Format Guide Section

* Minor Change

* Had to commit

Co-authored-by: CIPHERTron <[email protected]>
  • Loading branch information
HarishTeens and CIPHERTron authored Mar 7, 2021
1 parent c676b3e commit 6b400aa
Show file tree
Hide file tree
Showing 18 changed files with 531 additions and 297 deletions.
59 changes: 59 additions & 0 deletions pages/guide.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
import Head from 'next/head';
import GuideScreen from '../src/screens/GuideScreen/index';

export default function Gallery() {
return (
<>
<Head>
<title>HackNITR 2.0 | Virtual Edition</title>
<meta name="title" content="HackNITR 2.0 | Virtual Edition" />
<meta
name="description"
content="Annual Hackathon at NIT Rourkela aiming to provide student developers, a platform to transform their ideas into prototypes, alongside amazing workshops, sessions and fun mini-events. Awaiting awesome hackers like you!"
/>

<meta property="og:type" content="website" />
<meta property="og:url" content="https://hacknitr.tech/" />
<meta property="og:title" content="HackNITR 2.0 | Virtual Edition" />
<meta
property="og:description"
content="Annual Hackathon at NIT Rourkela aiming to provide student developers, a platform to transform their ideas into prototypes, alongside amazing workshops, sessions and fun mini-events. Awaiting awesome hackers like you!"
/>
<meta property="og:image" content="/images/hacknitr_cover.png" />

<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://hacknitr.tech/" />
<meta
property="twitter:title"
content="HackNITR 2.0 | Virtual Edition"
/>
<meta
property="twitter:description"
content="Annual Hackathon at NIT Rourkela aiming to provide student developers, a platform to transform their ideas into prototypes, alongside amazing workshops, sessions and fun mini-events. Awaiting awesome hackers like you!"
/>
<meta property="twitter:image" content="/images/hacknitr_cover.png" />
<meta charSet="utf-8" />
<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="description" content="Description" />
<meta name="keywords" content="Keywords" />

<link href="/icons/maskable_icon_x128.png" rel="icon" type="image/png" sizes="128x128" />
<link href="/icons/maskable_icon_x144.png" rel="icon" type="image/png" sizes="144x144" />
<link href="/icons/maskable_icon_x152.png" rel="icon" type="image/png" sizes="152x152" />
<link href="/icons/maskable_icon_x384.png" rel="icon" type="image/png" sizes="384x384" />
<link href="/icons/maskable_icon_x512.png" rel="icon" type="image/png" sizes="512x512" />

<link rel="apple-touch-icon" href="/icons/maskable_icon_x384.png" />
<link rel="shortcut icon" href="/favicon.ico" />

<link href="/manifest.json" rel="manifest" />
<meta name="theme-color" content="#17171D" />

</Head>
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/8898157.js"></script>

<GuideScreen />
</>
);
}
Binary file added public/images/stickers.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions src/components/nav.js
Original file line number Diff line number Diff line change
Expand Up @@ -165,8 +165,8 @@ const Navigation = ({ muted, handleMute, handleToggle, ...props }) => (
</Link>
</Box>

<Box className="navLink" sx={{mb: [4, 0]}}>
<Link href='/'>
<Box className="navLink">
<Link href='/guide'>
<a>Guide</a>
</Link>
</Box>
Expand Down
7 changes: 4 additions & 3 deletions src/components/workshop.js
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,8 @@ export default function workshop(props) {
title1,
href2,
icon2,
title2
title2,
href
} = props;
return (
<Box
Expand Down Expand Up @@ -124,7 +125,7 @@ export default function workshop(props) {
</Heading>
<Text
sx={{
textAlign: 'justify',
textAlign: 'left',
fontSize: '14px',
pt: [1, 2],
pb: [1, 3]
Expand Down Expand Up @@ -188,7 +189,7 @@ export default function workshop(props) {
display: 'flex',
color: '#fff'
}}
href="https://google.com"
href={href}
target="_blank"
>
<Service
Expand Down
196 changes: 196 additions & 0 deletions src/screens/GuideScreen/GuideSection.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,196 @@
import {
Box,
Button,
Image,
Container,
Grid,
Heading,
Text,
Link
} from 'theme-ui';
import theme from '../../lib/theme';

const Gallery = () => {
return (
<Box
as="section"
sx={{
color: 'white',
minHeight: '100vh',
width: '100%',
height: 'fit-content',
pt: [5, 5],
pb: [5, 6],
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
backgroundColor: theme.colors.darker
}}
>
<Container
sx={{
margin: ['2rem 3rem', '2rem 3rem'],
padding: 0,
justifyContent: 'left',
alignItems: 'left',
h3: {
margin: '2rem auto'
}
}}
>
<Heading sx={{ fontSize: ['35px', '100px'] }}>Hello Hackers 👋</Heading>

<Heading sx={{ mt: '1rem', mb: '1rem' }}> Important links </Heading>
<ul>
<li>
<strong>Devfolio</strong>(Registrations and Submissions){' '}
<strong>:</strong>{' '}
<Link href="https://hacknitr2.devfolio.co/">
https://hacknitr2.devfolio.co/
</Link>{' '}
</li>
<li>
<strong>Discord:</strong>{' '}
<Link href="https://hacknitr.tech/discord">
https://hacknitr.tech/discord
</Link>
</li>
<li>
<strong>Airmeet:</strong>(Virtual Conference for all workshops and
sessions)<strong>:</strong>{' '}
<Link href="https://www.facebook.com/hacknitr">
https://hacknitr.tech/live
</Link>
</li>
<li>
<strong>Timeline:</strong>{' '}
<Link href="https://hacknitr.tech/timeline">
https://hacknitr.tech/timeline
</Link>
</li>
<li>
<strong>HackNITR 1.0 Report:</strong> If you want to know what
happened in our first edition, check out this link{' '}
<Link href="https://report.hacknitr.tech/">
https://report.hacknitr.tech/
</Link>{' '}
. For new hackers, we highly recommend you to go through the
submissions for inspiration.
</li>
</ul>

<Heading sx={{ mt: '2rem', mb: '1rem' }}>
Free Resources worth <span style={{ color: '#EC3750' }}>USD126k</span>{' '}
& <span style={{ color: '#EC3750' }}>stickers</span> for all.
</Heading>
<Container sx={{ display: 'flex', flexDirection: ['column', 'row'] }}>
<Box>
<ul>
<li>
<strong>Codex:</strong> Free 3 months trial subscription
</li>
<li>
<strong>EchoAR:</strong> 1 month free business Tier Access
</li>
<li>
<strong>Invision:</strong> Upgrade for 3 months
</li>
<li>
<strong>Matic:</strong> Lifetime Premium Plan
</li>
<li>
<strong>Voiceflow:</strong> PRO access for 6 months
</li>
<li>
<strong>Taskade:</strong>Upgrade to Taskade unlimited
</li>
<li>
<strong>Sashido:</strong>Sashido Platform Credits
</li>
<li>
<strong>Wolfram:</strong>Wolfram|One for thirty days
</li>
</ul>
<Text>
Join our Discord server and check out the{' '}
<Link href="https://hacknitr.tech/discord">
<code>#resources</code>
</Link>{' '}
channel to claim all the above resources 🚀
</Text>
</Box>
<Box>
<Image
sx={{
objectFit: 'contain',
height: '250px',
width: '100%',
paddingTop: '5px',
borderRadius: '10px'
}}
src="/images/stickers.jpeg"
/>
</Box>
</Container>

<Heading sx={{ mt: '2rem', mb: '1rem' }}>
Submission Requirements:
</Heading>
<Container>
<ul>
<li>
You must submit a 2-minute (max) video demo! Mention the services
by our sponsors you used and the tracks you are applying for in
the introduction of the video.
</li>
<li>
The video should demonstrate your project and not be a
presentation or pitch.
</li>
<li>You must link to a public code repository for your project.</li>
<li>
The project should be entirely built during the hackathon hours
xcept for the hack which is built under the Old Hacks Track).
</li>
</ul>
</Container>

<Heading sx={{ mt: '2rem', mb: '1rem' }}>Pathways & Guide</Heading>
<Container
sx={{
margin: 0,
padding: 0,
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
width: '100%',
height: '100vh',
margin: '0 auto'
}}
>
<iframe
style={{
border: 'None',
height: '100vh',
width: '100%'
}}
src="https://whimsical.com/embed/Ww44y1QzyexHKuXJzbpQCi@7YNFXnKbYoW3uWdkVxnxL"
></iframe>
</Container>

<br />
<Heading sx={{ mt: '2rem', fontSize: ['24px', '32px'] }}>
In case of any further queries, DM us on any of our social media
handles mentioned below or write a mail to{' '}
<span>
<Link href="mailto:[email protected]">
[email protected]
</Link>
</span>
</Heading>
</Container>
</Box>
);
};

export default Gallery;
19 changes: 19 additions & 0 deletions src/screens/GuideScreen/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
import Nav from '../../components/nav';
import Footer from '../../components/footer';

import GuideSection from './GuideSection';
const color = '#f6f6f6';

const GuideScreen = () => {
return (
<>
<Nav color={color} dark />

<GuideSection />

<Footer dark />
</>
);
};

export default GuideScreen;
2 changes: 1 addition & 1 deletion src/screens/LandingScreen/FAQSection.js
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ const FAQSection = () => {
sx={{ alignItems: 'center', span: { color: 'white' } }}
>
<Image
src="/images/image2.svg"
src="https://raw.githubusercontent.com/dscnitrourkela/project-kiwi/dev/public/images/image2.svg"
alt="FAQ Image"
// width={512}
/>
Expand Down
2 changes: 1 addition & 1 deletion src/screens/LandingScreen/HeroSection.js
Original file line number Diff line number Diff line change
Expand Up @@ -142,7 +142,7 @@ const HeroSection = () => {
}}
>
<Image
src="/images/undraw2.png"
src="https://raw.githubusercontent.com/dscnitrourkela/project-kiwi/dev/public/images/undraw2.png"
alt="Hackathon Cover"
width={512}
sx={{
Expand Down
18 changes: 9 additions & 9 deletions src/screens/LandingScreen/PrizesSection.js
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ const PrizesSection = () => {
}}
>
<SponsoredPrize
src="/images/first.png"
src="https://raw.githubusercontent.com/dscnitrourkela/project-kiwi/dev/public/images/first.png"
name="Overall Winner get prizes worth $2400"
/>

Expand All @@ -78,10 +78,10 @@ const PrizesSection = () => {
mt: [3]
}}
>
<CategoryPrize src="/images/social.png" heading="Social Good" description="Winner in this track gets prizes worth $1600" />
<CategoryPrize src="/images/entertainment.jpg" heading="Fun & Entertainment" description="Winner in this track gets prizes worth $1600" />
<CategoryPrize src="/images/oldhacks.jpg" heading="Old Hacks" description="Winner in this track gets prizes worth $1600" />
<CategoryPrize src="/images/innovation.jpg" heading="Open Innovation" description="Winner in this track gets prizes worth $1600" />
<CategoryPrize src="https://raw.githubusercontent.com/dscnitrourkela/project-kiwi/dev/public/images/social.png" heading="Social Good" description="Winner in this track gets prizes worth $1600" />
<CategoryPrize src="https://raw.githubusercontent.com/dscnitrourkela/project-kiwi/dev/public/images/entertainment.jpg" heading="Fun & Entertainment" description="Winner in this track gets prizes worth $1600" />
<CategoryPrize src="https://raw.githubusercontent.com/dscnitrourkela/project-kiwi/dev/public/images/oldhacks.jpg" heading="Old Hacks" description="Winner in this track gets prizes worth $1600" />
<CategoryPrize src="https://raw.githubusercontent.com/dscnitrourkela/project-kiwi/dev/public/images/innovation.jpg" heading="Open Innovation" description="Winner in this track gets prizes worth $1600" />
</Grid>

<Grid
Expand All @@ -97,19 +97,19 @@ const PrizesSection = () => {
}}
>
<SponsoredPrize
src="/images/past4.png"
src="https://raw.githubusercontent.com/dscnitrourkela/project-kiwi/dev/public/images/past4.png"
name="Best hack built with Matic"
amount="Rs. 15,000"
/>

<SponsoredPrize
src="/images/tezos.png"
src="https://raw.githubusercontent.com/dscnitrourkela/project-kiwi/dev/public/images/tezos.png"
name="Best hack built with Tezos"
amount="Rs. 20,000"
/>

<SponsoredPrize
src="/images/portis.png"
src="https://raw.githubusercontent.com/dscnitrourkela/project-kiwi/dev/public/images/portis.png"
name="Best hack built with Portis"
amount="Rs. 15,000"
/>
Expand All @@ -121,7 +121,7 @@ const PrizesSection = () => {
/>

<SponsoredPrize
src="/images/sashido.png"
src="https://raw.githubusercontent.com/dscnitrourkela/project-kiwi/dev/public/images/sashido.png"
name="Best hack built with ML and SashiDo"
description="3 special prizes to top three winners"
/>
Expand Down
Loading

1 comment on commit 6b400aa

@vercel
Copy link

@vercel vercel bot commented on 6b400aa Mar 7, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.