hack-wpi-python/templates/index.html
2019-12-04 12:36:25 -05:00

203 lines
8.5 KiB
HTML
Executable file

{% include 'header.html' %}
<div>
<div id="index-banner" class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h2 id="tagline" class="header center red-text text-darken-2">Learn. Hack. Compete.</h2>
<div class="row center">
<h5 class="header col s12 light">An open for all WPI Hackathon, for both hardware and software!</h5>
</div>
<div id="event-info" class="row center">
<h5 class="header col s6 m5 light" style="margin-top:0; float: left; display: block">
<i class="small material-icons">today</i> January 17 - 19th, 2020
</h5>
<h5 class="header col s6 m5 light" style="margin-top:0; float: right; display: block">
<i class="small material-icons">room</i> WPI Odeum
</h5>
</div>
<div class="row center">
{% if registration_open %}
<a class="col s12 m8 push-m2 btn-large waves-effect waves-light red darken-1"
style= "float: left; display: inline-block; text-decoration: none;"
href="/register">Register</a>
{% else %}
<span class="col s12 m8 push-m2 btn-large waves-effect waves-light red lighten-3"
style= "float: left; display: inline-block; text-decoration: none;"
disabled="true">Registration isn't open yet.</a>
{% endif %}
</div>
<div class="row center">
<a id="cocbutton" class="sub-button col s8 push-s2 m6 push-m3 btn waves-effect waves-light grey darken-1"
href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf" data-mode="1" target="_blank">Code of Conduct</a>
</div>
<br>
</div>
</div>
<div class="parallax"><img src="../static/img/background1.jpg" alt="background image"></div>
</div>
<div class="container">
<div class="section">
<!-- Icpathon Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">grade</i></h2>
<h5 class="center">Learn</h5>
<p class="light">Participate in the workshops taught by experienced students and learn everything you need to take your project from idea to reality. Ask currently employed Mentors for help when needed.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">settings</i></h2>
<h5 class="center">Hack</h5>
<p class="light">Work all weekend long to build and hack your project together. We provide food, snacks, drinks, and entertainment; everything you need to stay focused and have fun for the whole event.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">group</i></h2>
<h5 class="center">Compete</h5>
<p class="light">Present your project at the end of the hackathon to our panel of judges, and win various prizes! Grand prizes are available for the top three teams, the best overall, the best software, and the best hardware project. Additionally, smaller prizes will also be available for various categories.</p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<img src="../static/img/cosponsors.png" alt="cosponsors" style='height: 100%; width: 100%; object-fit: contain'/>
</div>
</div>
</div>
<div class="parallax">
<img src="../static/img/background2.jpg" alt="background image">
</div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 center" style="margin-top: -40px; margin-bottom: -50px;">
<div class="icon-block">
<h1 class="center brown-text"><strong>&#11014;</strong></h1>
<h5 class="center">Organizing Club</h5>
<p class="light">Hack @ WPI is run by the local ACM chapter. The event would not be possible without their support!</p>
<div class="divider"></div>
<h5 class="center">Sponsoring Companies</h5>
<p class="light">Hack @ WPI is proud to announce that the companies below are all part of making the event a reality.</p>
<div class="row">
<a class="col s12 btn waves-effect waves-light red darken-2"
style= "float: left; display: inline-block; text-decoration: none;"
href= "../static/assets/Hack@WPI-SponsorshipInformation-2020.pdf">Sponsorship Package</a>
</div>
<h1 class="center brown-text"><strong>&#11015;</strong></h1>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center sponsors">
<div class="partner-sponsors">
<h2>Title Sponsors</h2>
<img class="logo" src="../static/img/logos/bose-white.png">
</div>
<div class="platinum-sponsors">
<h2>Platinum Sponsors</h2>
<div style="font-size: 100px;" class="sponsor-name">WPI Computer Science Department</div>
</div>
<div class="gold-sponsors">
<h2>Gold Sponsors</h2>
<!-- iBoss's logo is a bit teeny. need to make it bigger. -->
<img class="logo" style="max-height: 80px;" src="../static/img/logos/iboss.png">
<img class="logo" src="../static/img/logos/abbvie.png">
<img class="logo" src="../static/img/logos/paytronix.png">
</div>
<div class="silver-sponsors">
<h2>Silver Sponsors</h2>
<img class="logo" src="../static/img/logos/carbon-black.png">
</div>
<div class="bronze-sponsors">
<h2>Bronze Sponsors</h2>
<img class="logo" src="../static/img/logos/amazon.png">
<img class="logo" src="../static/img/logos/everquote.png">
<img class="logo" src="../static/img/logos/wakefly.png">
<img class="logo" src="../static/img/logos/symposes.png">
</div>
</div>
</div>
</div>
<div class="parallax">
<img src="../static/img/background3.jpg" alt="background image">
</div>
</div>
</div>
<footer class="page-footer red darken-2">
<div class="footer-info row">
<h5 class="white-text">Interested in Sponsoring or Co-Sponsoring?</h5>
<div class="col l6 s12">
<p class="grey-text text-lighten-4">For any inquiries regarding sponsoring the event as a company or co-sponsoring the event as an on campus club, please email <a class="white-text" href="mailto:hack@wpi.edu?subject=[Hackathon]" target="_top"><u>hack@wpi.edu</u></a>, and we will happily discuss it with you!</p>
</div>
</div>
{% if registration_open %}
<div class="footer-info row">
<h4 class="white-text">FAQ</h4>
</div>
<div class="footer-info row">
<div class="col l6 s6">
<h5 class="white-text">Who is coming?</h5>
<p class="grey-text text-lighten-4">We're expecting 200 hackers from all over New England to attend!</p>
</div>
<h5 class="white-text">Who can attend?</h5>
<p class="grey-text text-lighten-4">All students are welcome! However, we cannot grant prizes to students under 18. They are still more than welcome to attend!</p>
</div>
<div class="footer-info row">
<div class="col l6 s6">
<h5 class="white-text">Will there be travel reimbursements?</h5>
<p class="grey-text text-lighten-4">Sadly, we cannot provide reimbursements for travel. The event, however, doesn't cost a thing!</p>
</div>
<div class="col l6 s6">
<h5 class="white-text">What if I don't have experience?</h5>
<p class="grey-text text-lighten-4">Doesn't matter! We'll have plenty of mentors from sponsoring companies, as well as workshops throughout the weekend!</p>
</div>
</div>
<div class="footer-info row">
<div class="col l6 s6">
<h5 class="white-text">What should I bring?</h5>
<p class="grey-text text-lighten-4">Bring your laptop, chargers, a sleeping bag, and whatever else you need to make yourself comfortable. Food is provided. </p>
</div>
<div class="col l6 s6">
<h5 class="white-text">What if I don't have a team?</h5>
<p class="grey-text text-lighten-4">Doesn't matter! We'll have plenty of mentors from sponsoring companies, as well as workshops throughout the weekend!</p>
</div>
</div>
<div class="footer-info row">
<div class="col l6 s6">
<h5 class="white-text">When will the schedule be posted?</h5>
<p class="grey-text text-lighten-4">We will post the schedule as soon as possible.</p>
</div>
</div>
{% endif %}
<div class="footer-copyright">
<div class="container">
For issues, please contact <a class="white-text" href="mailto:acm@wpi.edu?subject=[Site]" target="_top"><u>acm@wpi.edu</u></a>
</div>
</div>
</footer>
</div>
{% include 'footer.html' %}