Skip to content

Commit

Permalink
Merge pull request #30 from headout/ft-faq
Browse files Browse the repository at this point in the history 
move faq
  • Loading branch information
@harshgoel05
harshgoel05 authored Oct 4, 2022
2 parents ac13060 + 9b92f51 commit a6abb50
Showing 1 changed file with 217 additions and 80 deletions.
297 changes: 217 additions & 80 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,14 @@
<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
src="/assets/lottie.json"
background="transparent"
speed="1"
class="lottie"
loop
autoplay
>
</lottie-player>
</div>

Expand All @@ -24,35 +31,69 @@ <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 id="apply-button" class="dark" type="button">
<a href="https://hackout2022.devfolio.co" target="_blank" rel="noreferrer noopener">
<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
<a
href="https://hackout2022.devfolio.co"
target="_blank"
rel="noreferrer noopener"
>
<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
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>
55.41 0 0 1 50.58 55.34z"
></path>
</svg>
<span id="apply-button-title">Apply with Devfolio</span>
</a>
Expand All @@ -77,13 +118,31 @@ <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 @@ -95,8 +154,13 @@ <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 @@ -135,30 +199,6 @@ <h2 id="speakers">Prizes</h2>
</div>
</section> -->

<section class="faq container" id="faqs">
<div class="faq-container">
<div class="faq-right-container">
<div class="top-bar">
<img src="/assets/svg/dots.svg" alt="" />
</div>
<div class="right-container-content" id="faq-heading-container">
<h1 class="faq-heading">FAQs</h1>
<div class="faq">
{% for faq in faqs.2022 %}
<details>
<summary class="faq-title">
{{ faq.title }}
<span class="faq-chevron-icon"><img src="assets/svg/chevron.svg" alt="chevron" /></span>
</summary>
<p class="faq-content">{{ faq.content }}</p>
</details>
{% endfor %}
</div>
</div>
</div>
</div>
</section>

<section class="schedule container" data-scroll-section>
<div class="section-copy">
<h2 id="schedule">Schedule</h2>
Expand Down Expand Up @@ -315,30 +355,65 @@ <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> -->
</section>

<section class="faq container" id="faqs">
<div class="faq-container">
<div class="faq-right-container">
<div class="top-bar">
<img src="/assets/svg/dots.svg" alt="" />
</div>
<div class="right-container-content" id="faq-heading-container">
<h1 class="faq-heading">FAQs</h1>
<div class="faq">
{% for faq in faqs.2022 %}
<details>
<summary class="faq-title">
{{ faq.title }}
<span class="faq-chevron-icon"
><img src="assets/svg/chevron.svg" alt="chevron"
/></span>
</summary>
<p class="faq-content">{{ faq.content }}</p>
</details>
{% endfor %}
</div>
</div>
</div>
</div>
</section>

<section class="contact container" id="contact">
<div class="contact-container">
<div class="contact-right-container">
Expand All @@ -349,21 +424,43 @@ <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 @@ -373,30 +470,70 @@ <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>

0 comments on commit a6abb50

Please sign in to comment.