Skip to content

Commit

Permalink
Merge pull request #27 from headout/feat-devfolio-btn
Browse files Browse the repository at this point in the history 
Feat devfolio btn
  • Loading branch information
@pranav2012
pranav2012 authored Oct 4, 2022
2 parents 1f6d764 + 3f4fbbd commit fb878c4
Show file tree
Hide file tree
Showing 3 changed files with 92 additions and 208 deletions.
6 changes: 1 addition & 5 deletions _data/faqs.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,17 +12,13 @@
"title": "How much do I have to pay to participate?",
"content": "Nothing. Nada. Nuh-uh. Participating in Hackout is absolutely free!"
},
{
"title": "Do I apply individually? Or in a team?",
"content": "Hackout is strictly a team competition. We believe that you’re stronger together than when you’re apart."
},
{
"title": "How many people can I have in a team?",
"content": "A maximum of 4. Pro tip: Get people from different fields!"
},
{
"title": "What if I don’t have a team?",
"content": " Not an issue. We’ll be organising formation and ideation events geared towards helping you people to work with. Or you know, tweet about it. See who’d like to jump in and help. You’ll be pleasantly surprised."
"content": "while you can apply individually, Hackout is strictly a team competition. We’ll be organizing formation and ideation events geared towards helping you find people to work with."
},
{
"title": "Can I attend speaker sessions and/or workshops without participating?",
Expand Down
264 changes: 62 additions & 202 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,14 +10,8 @@
<header class="container">
<div class="header-container">
<div class="banner-floppy">
<lottie-player
src="/assets/lottie.json"
background="transparent"
speed="1"
class="lottie"
loop
autoplay
></lottie-player>
<lottie-player src="/assets/lottie.json" background="transparent" speed="1" class="lottie" loop autoplay>
</lottie-player>
</div>

<div class="header-right-container">
Expand All @@ -30,74 +24,36 @@ <h1 class="header-title">hackout ‘22</h1>
<p class="header-subtitle">
Hackout — powered by Headout — is our annual open-track international
hackathon. Join us virtually on Discord or in-person at
<a
href="https://www.wework.com/en-GB/buildings/embassy-quest--bengaluru--Karnataka"
target="_blank"
>Wework Embassy Quest</a
>, <a href="https://www.iiita.ac.in/" target="_blank">IIIT-A</a>,
<a href="https://www.wework.com/en-GB/buildings/embassy-quest--bengaluru--Karnataka" target="_blank">Wework
Embassy Quest</a>, <a href="https://www.iiita.ac.in/" target="_blank">IIIT-A</a>,
<a href="https://www.iitbhu.ac.in/" target="_blank">IIT Varanasi</a>
or
<a href="https://www.iitism.ac.in/" target="_blank">IIT Dhanbad</a>
to learn, build and make your next big career move!
</p>
<div class="header-cta-wrapper">
<button class="header-cta" id="discord">
<a
href="https://discord.gg/e9G7J9E"
target="_blank"
rel="noreferrer noopener"
>
<a href="https://discord.gg/e9G7J9E" target="_blank" rel="noreferrer noopener">
<div>Join our Discord</div>
<svg
width="29"
height="30"
viewBox="0 0 29 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.83969 20.3034L19.4463 9.69678"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M8.8401 9.6967L19.4467 9.6967L19.4467 20.3033"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.83969 20.3034L19.4463 9.69678" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M8.8401 9.6967L19.4467 9.6967L19.4467 20.3033" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</button>
<button class="header-cta" id="devfolio">
<div
class="apply-button"
data-hackathon-slug="hackout2022"
data-button-theme="light"
style="height: 44px; width: 312px"
></div>
<div>Apply with Devfolio</div>
<svg
width="29"
height="30"
viewBox="0 0 29 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.83969 20.3034L19.4463 9.69678"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M8.8401 9.6967L19.4467 9.6967L19.4467 20.3033"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<button id="apply-button" class="dark" type="button">
<svg class="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 115.46 123.46" fill="#fff">
<path d="M115.46 68a55.43 55.43 0 0 1-50.85 55.11S28.12 124 16 123a12.6
12.6 0 0 1-10.09-7.5 15.85 15.85 0 0 0 5.36 1.5c4 .34 10.72.51 20.13.51
13.82 0 28.84-.38 29-.38h.26a60.14 60.14 0 0 0 54.72-52.47c.05 1.05.08
2.18.08 3.34z"></path>
<path d="M110.93 55.87A55.43 55.43 0 0 1 60.08 111s-36.48.92-48.58-.12C5 110.29.15
104.22 0 97.52l.2-83.84C.38 7 5.26.94 11.76.41c12.11-1 48.59.12 48.59.12a55.41
55.41 0 0 1 50.58 55.34z"></path>
</svg>
<span id="apply-button-title">Apply with Devfolio</span>
</button>
</div>
</div>
Expand All @@ -119,31 +75,13 @@ <h1 class="speaker-title">Speakers</h1>
</p>
<div class="speaker-cta-wrapper">
<button class="speaker-cta" id="discord">
<a
href="https://form.typeform.com/to/vp20MbEx"
target="_blank"
rel="noreferrer noopener"
>
<a href="https://form.typeform.com/to/vp20MbEx" target="_blank" rel="noreferrer noopener">
<div>Want to be a speaker? Apply here!</div>
<svg
width="29"
height="30"
viewBox="0 0 29 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.83969 20.3034L19.4463 9.69678"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M8.8401 9.6967L19.4467 9.6967L19.4467 20.3033"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.83969 20.3034L19.4463 9.69678" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M8.8401 9.6967L19.4467 9.6967L19.4467 20.3033" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</button>
Expand All @@ -155,13 +93,8 @@ <h1 class="speaker-title">Speakers</h1>
<div class="speakers-list-container">
<div class="speakers-list">
{% for speaker in speakers.2021 %}
<a
href="{{ speaker.url }}"
title=" {{speaker.name}} "
target="_blank"
rel="noreferrer"
class="speaker-card-mini"
>
<a href="{{ speaker.url }}" title=" {{speaker.name}} " target="_blank" rel="noreferrer"
class="speaker-card-mini">
<div class="speaker-details">
<img src="assets{{ speaker.image }}" alt="{{ speaker.name }}" />
<div class="speaker-name">{{ speaker.name }}</div>
Expand Down Expand Up @@ -213,9 +146,7 @@ <h1 class="faq-heading">FAQs</h1>
<details>
<summary class="faq-title">
{{ faq.title }}
<span class="faq-chevron-icon"
><img src="assets/svg/chevron.svg" alt="chevron"
/></span>
<span class="faq-chevron-icon"><img src="assets/svg/chevron.svg" alt="chevron" /></span>
</summary>
<p class="faq-content">{{ faq.content }}</p>
</details>
Expand Down Expand Up @@ -382,34 +313,25 @@ <h1 class="speaker-title">Sponsors</h1>

<div class="sponsor-logo-container">
<div class="sponsors title">
<a href="https://www.headout.com" target="_blank" rel="noreferrer"
><img src="assets/headout-logo.svg" alt="Headout Logo"
/></a>
<a href="https://www.headout.com" target="_blank" rel="noreferrer"><img src="assets/headout-logo.svg"
alt="Headout Logo" /></a>
</div>
</div>

<div class="sponsors gold">
<a href="https://www.devfolio.co" target="_blank" rel="noreferrer"
><img src="assets/sponsors/devfolio.png" alt="Devfolio Logo"
/></a>
<a href="https://polygon.technology/" target="_blank" rel="noreferrer"
><img
src="assets/sponsors/polygon.png"
alt="Matic Logo"
style="transform: scale(0.9)"
/></a>
<a href="https://www.devfolio.co" target="_blank" rel="noreferrer"><img src="assets/sponsors/devfolio.png"
alt="Devfolio Logo" /></a>
<a href="https://polygon.technology/" target="_blank" rel="noreferrer"><img src="assets/sponsors/polygon.png"
alt="Matic Logo" style="transform: scale(0.9)" /></a>
<div></div>
<a href="https://filecoin.io/" target="_blank" rel="noreferrer"
><img src="assets/sponsors/filecoin.png" alt="Filecoin Logo"
/></a>
<a href="https://filecoin.io/" target="_blank" rel="noreferrer"><img src="assets/sponsors/filecoin.png"
alt="Filecoin Logo" /></a>

<a href="https://replit.com/" target="_blank" rel="noreferrer"
><img src="assets/sponsors/replit.png" alt="Replit Logo"
/></a>
<a href="https://replit.com/" target="_blank" rel="noreferrer"><img src="assets/sponsors/replit.png"
alt="Replit Logo" /></a>

<a href="https://solana.com/" target="_blank" rel="noreferrer"
><img src="assets/sponsors/solana.png" alt="Solana Logo"
/></a>
<a href="https://solana.com/" target="_blank" rel="noreferrer"><img src="assets/sponsors/solana.png"
alt="Solana Logo" /></a>
</div>
</div>
<!-- </div> -->
Expand All @@ -425,43 +347,21 @@ <h1 class="speaker-title">Sponsors</h1>
<h1 class="contact-title">Contact</h1>
<div class="contact-cta-wrapper">
<button class="contact-cta" id="discord">
<a
href="mailto:hey@hackout.io"
target="_blank"
rel="noreferrer noopener"
>
<a href="mailto:hey@hackout.io" target="_blank" rel="noreferrer noopener">
<div>Queries? Leave us a message!</div>
<svg
width="29"
height="30"
viewBox="0 0 29 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.83969 20.3034L19.4463 9.69678"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M8.8401 9.6967L19.4467 9.6967L19.4467 20.3033"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.83969 20.3034L19.4463 9.69678" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M8.8401 9.6967L19.4467 9.6967L19.4467 20.3033" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</button>
</div>
</div>
</div>
</div>
<img
src="assets/svg/blue-star.svg"
alt="blue star vector art"
class="blue-star-vector"
/>
<img src="assets/svg/blue-star.svg" alt="blue star vector art" class="blue-star-vector" />
<div class="contact-container contact-container-right">
<div class="contact-right-container">
<div class="top-bar">
Expand All @@ -471,70 +371,30 @@ <h1 class="contact-title">Contact</h1>
<p class="contact-subtitle">2022©headout</p>
<div class="header-cta-wrapper">
<button class="contact-cta" id="twitter">
<a
href="https://twitter.com/hackoutio "
target="_blank"
rel="noreferrer noopener"
>
<a href="https://twitter.com/hackoutio " target="_blank" rel="noreferrer noopener">
<div>Twitter</div>
<svg
width="29"
height="30"
viewBox="0 0 29 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.83969 20.3034L19.4463 9.69678"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M8.8401 9.6967L19.4467 9.6967L19.4467 20.3033"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.83969 20.3034L19.4463 9.69678" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M8.8401 9.6967L19.4467 9.6967L19.4467 20.3033" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</button>
<button class="contact-cta" id="discord">
<a
href="https://discord.gg/e9G7J9E"
target="_blank"
rel="noreferrer noopener"
>
<a href="https://discord.gg/e9G7J9E" target="_blank" rel="noreferrer noopener">
<div>Discord</div>
<svg
width="29"
height="30"
viewBox="0 0 29 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.83969 20.3034L19.4463 9.69678"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M8.8401 9.6967L19.4467 9.6967L19.4467 20.3033"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.83969 20.3034L19.4463 9.69678" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M8.8401 9.6967L19.4467 9.6967L19.4467 20.3033" stroke="white" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</button>
</div>
</div>
</div>
</div>
<img
src="assets/svg/yellow-star.svg"
alt="yellow star vector art"
class="yellow-star-vector"
/>
</section>
<img src="assets/svg/yellow-star.svg" alt="yellow star vector art" class="yellow-star-vector" />
</section>
Loading

0 comments on commit fb878c4

Please sign in to comment.