hack-wpi-python/templates/index.html

{% include 'header.html' %}

<div>

<style>
hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 70%;
    border-width: 10px;
    border-color: #F5665B;
  }

h2 {
    text-align: center;
}
h3 {
    text-align: center;
}
h4 {
    text-align: center;
}
h5 {
    text-align: center;
}
h6 {
    text-align: center;
    margin-right: 100px;
	margin-left: 100px;
}

div.main-logo {
    margin-top: 16px;
}

.sponsors {
    text-align: center;
    display: block;
    padding: 20px;
}

.sponsors > div {
    margin-bottom: 40px;
}

.sponsors > div:last-child {
    margin-bottom: 0;
}


.sponsors img {
	display: inline-block;
    margin-right: 40px;
    /* Hack to fix overflow of bose logo*/
    max-width: calc(100% - 10px);
}

.title-sponsors img{
    max-height: 90px;
}

.silver-sponsors img {
	max-height: 25px;
}

a {
    color: black;
}
.x{
    background-color: #E7E4C6;
    margin-right: 100px;
    margin-left: 100px;
    color: black;
    border-radius: 50px 50px 50px 50px;
    padding-bottom: 10px;
    padding-top:10px;
}

</style>
        <!--Logo + Date+ Hosted By -->
        <div class="container">
            <div class="row center main-logo">
                <img src="../static/img/hackwpilogo.png" alt="logo" style='height: 100%; width: 100%; object-fit: contain'/>
            </div>
        </div>

        <!--"Hackathon for all students" -->
        <hr/>
        <h2> A HACKATHON FOR ALL COLLEGE STUDENTS </h2>
        <hr/>

        <!--Location -->
        <h3> WPI Campus Center </h3>
        <h4>100 Institute Road</h4>
        <h4> Worcester, MA 01609</h4>
        <hr/>



        <!-- Sponsors for 2020 -->
        <h2> OUR SPONSORS FOR 2020 </h2>

        <div class="container">
                <div class="row center sponsors">
                    <div class="title-sponsors">
                            <img class="logo" src="../static/img/logos/bose.png"></div>
                    <div class="platinum-sponsors">
					    <h1>WPI Computer Science Department</h1>
                    </div>

                    <div class="gold-sponsors">
                            <img class="logo" src="../static/img/logos/iboss.png" style = "height: 150px">
                            <img class="logo" src="../static/img/logos/kronos.png" style = "height: 75px">
                            <img class="logo" src="../static/img/logos/paytronix.png" style = "height: 30px">
                            <img class="logo" src="../static/img/logos/abbvie.png" style = "height: 60px">
                        </div>

                    <div class="silver-sponsors">
                        <img class="logo" src="../static/img/logos/carbonblack.png" >
                    </div>

                    <div class="bronze-sponsors">
                            <img class="logo" src="../static/img/logos/wakefly.png" style = "height: 70px">
                            <img class="logo" src="../static/img/logos/amazon.png" style = "height: 70px">
                            <img class="logo" src="../static/img/logos/everquote.png" style = "height: 35px">
                            <img class="logo" src="../static/img/logos/synopses.png" style = "height: 20px">
                            <img class="logo" src="../static/img/logos/boozallenhamilton.png" style = "height: 35px">
                       </div>

                </div>
        </div>

        <!--FAQs -->
        <hr/>
        <div class = "x">
        <h2> FAQs </h2>

        <div class = "FAQ">
            <h4>Who can attend?</h4>
            <h6> Our event is open to any college student! You don’t need any experience to participate. However, due to legal issues, anyone under 18 must have a legal guardian present and cannot win prizes </h6>
        </div>

        <div class = "FAQ">
            <h4>What is the max team size?</h4>
            <h6>The maximum is 5 people per team. Minimum is 1 :P</h6>
        </div>

        <div class = "FAQ">
            <h4>What are the awards for?</h4>
            <h6>The categories this year are: </h6>
            <h6>Best Overall Project
            <h6>Best Game </h6>
            <h6>Best Software </h6>
            <h6>Best Hardware </h6>
            <h6>Company Favorite </h6>
            <h6>Best Use of the Bose API/SDK </h6>
            <h6>Best Meme </h6>
            <h6>Best Rookie </h6>
        </div>

        <div class = "FAQ">
            <h4>What should I bring?</h4>
            <h6>Bring devices, chargers, sleeping bags, toiletries, basically anything you need to be comfortable. We will provide showers at certain time slots during the weekend. Food will also be provided.</h6>
        </div>

        <div class = "FAQ">
            <h4>What if I don't have a team?</h4>
            <h6>You don’t need a team to register! We will have a team formation session right after the opening ceremony for those who would like to work with a team. If you prefer to stay solo, that’s also great. </h6>
        </div>

        <div class = "FAQ">
            <h4>How should I prepare beforehand?</h4>
            <h6>Make sure you have travel plans in place, especially in case of random snowfalls. Unfortunately, we do not provide travel reimbursements.
                    It’s also nice to have an idea in mind beforehand. However, we ask that you do not bring any pre-made materials to keep the competition fair. </h6>
        </div>

        <div class = "FAQ">
            <h4>What is the schedule?</h4>
            <h6><a href = 'https://docs.google.com/spreadsheets/d/1FSh2UfZwoMwXlgrKnKjnQg2okEcLDVCP30khnPdM1H0/edit?usp=sharing' style= "color: blue">Here it is!</a> Keep in mind that this is tentative. </h6>
        </div>
    </div>

</div>

{% include 'footer.html' %}