Added UI changes for 2020 hackathon #3
39 changed files with 264 additions and 344 deletions
|
|
@ -568,3 +568,4 @@ def allowed_file(filename):
|
|||
|
||||
if __name__ == '__main__':
|
||||
app.run(host=SERVER_LISTEN_ADDR, port=SERVER_PORT, threaded=True)
|
||||
|
||||
|
|
@ -6,4 +6,4 @@ requests==2.20.0
|
|||
Werkzeug==0.15.3
|
||||
python_dateutil==2.6.0
|
||||
mysql-connector-python==8.0.5
|
||||
mysqlclient==1.3.12
|
||||
mysqlclient==1.3.12
|
||||
4
static/css/materialize.min.css
vendored
4
static/css/materialize.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,18 +1,9 @@
|
|||
/* Custom Stylesheet */
|
||||
/**
|
||||
* Use this file to override Materialize files so you can update
|
||||
* the core Materialize files in the future
|
||||
*
|
||||
* Made By MaterializeCSS.com
|
||||
*/
|
||||
@font-face {font-family: "Krungthep"; src: url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.eot"); src: url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.woff") format("woff"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.svg#Krungthep") format("svg"); }
|
||||
|
||||
nav ul a,
|
||||
nav .brand-logo {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
nav {
|
||||
height: 148px !important;
|
||||
body {
|
||||
background-color: #00BEBB;
|
||||
font-family: "Krungthep";
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
p {
|
||||
|
|
@ -37,9 +28,6 @@ p {
|
|||
color: #26a69a;
|
||||
}
|
||||
|
||||
.sub-button {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.parallax-container {
|
||||
min-height: 380px;
|
||||
|
|
@ -97,11 +85,6 @@ p {
|
|||
font-size: inherit;
|
||||
}
|
||||
|
||||
footer.page-footer {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.parallax img {
|
||||
display: inherit;
|
||||
max-width: 200%;
|
||||
|
|
@ -118,75 +101,6 @@ footer.page-footer {
|
|||
z-index: 10000;
|
||||
}
|
||||
|
||||
.sponsors {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.sponsor-name {
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.sponsors img {
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.sponsors h2 {
|
||||
font-weight: 600;
|
||||
font-family: "Archivo Narrow", "Helvetica", sans-serif;
|
||||
}
|
||||
|
||||
.logo {
|
||||
max-width: 85%;
|
||||
}
|
||||
|
||||
.partner-sponsors img {
|
||||
max-height: 170px;
|
||||
}
|
||||
|
||||
.gold-sponsors img {
|
||||
max-height: 70px;
|
||||
}
|
||||
|
||||
.silver-sponsors img {
|
||||
max-height: 68px;
|
||||
}
|
||||
|
||||
.bronze-sponsors img {
|
||||
max-height: 60px;
|
||||
}
|
||||
|
||||
.platinum-sponsors .sponsor-name {
|
||||
font-size: 110px;
|
||||
}
|
||||
|
||||
.footer-info {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#logo-stack {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.nav-logo {
|
||||
height: 84px;
|
||||
}
|
||||
|
||||
#hosted-by-container {
|
||||
height: 64px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: 600;
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.hosted-by-logo {
|
||||
height: 64px;
|
||||
nav {
|
||||
line-height: normal !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 2755 1817" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g><g><path d="M657.652,341.71l113.155,0l0,507.021l-113.155,0l0,-199.471l-201.648,0l0,199.471l-113.155,0l0,-507.021l113.155,0l0,211.803l201.648,0l0,-211.803Z" style="fill:#505050;fill-rule:nonzero;"/><path d="M1256.79,848.731l-47.148,-109.528l-212.528,0l-47.148,109.528l-120.408,0l219.056,-507.021l109.528,0l219.057,507.021l-120.409,0Zm-153.049,-356.147l-63.831,147.246l126.937,0l-63.106,-147.246Z" style="fill:#505050;fill-rule:nonzero;"/><path d="M1668.79,748.633c55.61,0 101.066,-22.003 136.366,-66.007l72.535,74.711c-57.544,64.798 -125.365,97.197 -203.461,97.197c-78.096,0 -142.41,-24.662 -192.943,-73.986c-50.533,-49.324 -75.8,-111.583 -75.8,-186.778c0,-75.195 25.75,-137.938 77.25,-188.229c51.5,-50.291 114.485,-75.436 188.955,-75.436c83.173,0 152.807,31.673 208.901,95.021l-70.359,79.789c-35.784,-44.489 -80.273,-66.733 -133.465,-66.733c-42.554,0 -78.942,13.903 -109.165,41.708c-30.223,27.805 -45.335,65.282 -45.335,112.429c0,47.148 14.265,84.987 42.796,113.518c28.53,28.531 63.105,42.796 103.725,42.796Z" style="fill:#505050;fill-rule:nonzero;"/><path d="M1966.91,341.71l113.155,0l0,208.176l191.492,-208.176l139.993,0l-201.647,224.134c17.408,24.178 49.565,69.271 96.471,135.278c46.906,66.007 81.965,115.21 105.176,147.609l-132.014,0l-148.697,-200.197l-50.774,56.578l0,143.619l-113.155,0l0,-507.021Z" style="fill:#505050;fill-rule:nonzero;"/><path d="M767.849,1341.5c11.25,0 21.146,-8.959 29.688,-26.875c8.541,-17.917 12.812,-40.417 12.812,-67.5c0,-58.75 -16.875,-107.396 -50.625,-145.938c-33.75,-38.542 -78.958,-57.812 -135.625,-57.812c-56.667,0 -104.375,20.208 -143.125,60.625c-38.75,40.416 -58.125,88.854 -58.125,145.312c0,56.458 18.229,103.438 54.688,140.938c36.458,37.5 81.562,56.25 135.312,56.25c42.083,0 79.167,-15.417 111.25,-46.25l25.625,44.375c-16.667,14.583 -37.917,26.354 -63.75,35.312c-25.833,8.958 -50.208,13.438 -73.125,13.438c-69.583,0 -127.812,-23.23 -174.687,-69.688c-46.875,-46.458 -70.313,-104.583 -70.313,-174.375c0,-69.792 24.688,-129.375 74.063,-178.75c49.375,-49.375 108.854,-74.062 178.437,-74.062c69.583,0 127.708,23.75 174.375,71.25c46.667,47.5 70,106.666 70,177.5c0,45.833 -9.479,82.604 -28.437,110.312c-18.959,27.708 -43.855,41.563 -74.688,41.563c-15.833,0 -30.312,-4.792 -43.437,-14.375c-13.125,-9.584 -22.188,-21.667 -27.188,-36.25c-22.917,29.583 -51.979,44.375 -87.187,44.375c-35.209,0 -65.834,-13.334 -91.875,-40c-26.042,-26.667 -39.063,-60.521 -39.063,-101.563c0,-41.042 11.771,-75.625 35.313,-103.75c23.541,-28.125 54.479,-42.187 92.812,-42.187c12.917,0 25.208,2.812 36.875,8.437c11.667,5.625 20,11.146 25,16.563l8.125,8.125l0,-25.625l78.125,0l0,199.375c0,20.833 6.25,31.25 18.75,31.25Zm-112.812,-146.25c-11.042,-13.75 -25.521,-20.625 -43.438,-20.625c-17.917,0 -32.187,6.875 -42.812,20.625c-10.625,13.75 -15.938,30.729 -15.938,50.937c0,20.208 5.313,37.813 15.938,52.813c10.625,15 25.104,22.5 43.437,22.5c18.333,0 32.813,-7.188 43.438,-21.563c10.625,-14.375 15.937,-31.979 15.937,-52.812c0,-20.834 -5.521,-38.125 -16.562,-51.875Z" style="fill:#505050;fill-rule:nonzero;"/><path d="M1197.16,1277.95l89.943,-291.591l118.233,0l89.218,291.591l100.824,-291.591l122.584,0l-176.985,507.021l-84.141,0l-110.979,-352.521l-110.254,352.521l-84.14,0l-176.986,-507.021l122.584,0l100.099,291.591Z" style="fill:#ff3633;fill-rule:nonzero;"/><path d="M2127.43,1031.69c35.542,30.223 53.313,76.646 53.313,139.268c0,62.622 -18.255,108.44 -54.764,137.454c-36.51,29.014 -92.241,43.521 -167.194,43.521l-67.457,0l0,141.444l-113.155,0l0,-507.021l179.162,0c77.854,0 134.552,15.111 170.095,45.334Zm-83.053,199.472c13.54,-15.233 20.31,-37.477 20.31,-66.732c0,-29.256 -8.826,-50.05 -26.476,-62.381c-17.65,-12.331 -45.092,-18.496 -82.327,-18.496l-64.556,0l0,170.457l76.161,0c37.719,0 63.348,-7.616 76.888,-22.848Z" style="fill:#ff3633;fill-rule:nonzero;"/><rect x="2269.23" y="986.358" width="113.155" height="507.021" style="fill:#ff3633;fill-rule:nonzero;"/></g><path d="M2714.7,1776.83l-2675,0l0,-1737.5l2675,0l0,1737.5Zm-2583.33,-1645.83l0,1554.17l2491.67,0l0,-1554.17l-2491.67,0Z" style="fill:#505050;"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 415 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.3 KiB |
BIN
static/img/hackwpilogo.png
Normal file
BIN
static/img/hackwpilogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 100 KiB |
BIN
static/img/logos/boozallenhamilton.png
Normal file
BIN
static/img/logos/boozallenhamilton.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB |
BIN
static/img/logos/carbonblack.png
Normal file
BIN
static/img/logos/carbonblack.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 84 KiB After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 73 KiB |
BIN
static/img/logos/kronos.png
Normal file
BIN
static/img/logos/kronos.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 141 KiB |
BIN
static/img/logos/synopses.png
Normal file
BIN
static/img/logos/synopses.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB |
|
|
@ -1,6 +1,6 @@
|
|||
{% include 'header.html' %}
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
|
||||
<link href="../static/css/materialize.min.css" rel="stylesheet">
|
||||
|
||||
<div class="contact-section" style="height: 100%;">
|
||||
<div class="container">
|
||||
|
|
@ -29,15 +29,18 @@
|
|||
</form>
|
||||
{% endif %}
|
||||
<br>
|
||||
<a href="#" id="drop-link"><p class="sub-button btn waves-effect waves-light grey darken-1">Drop Application if you can't make it :(</p></a>
|
||||
|
||||
{% if admin %}
|
||||
<br>
|
||||
<a href="/admin"><p class="btn">Admin Dashboard</p></a>
|
||||
{% endif %}
|
||||
<br>
|
||||
Please sit tight, while we improve the UI of this page :P (Or we'll do it next year)
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<center><a href="#" id="drop-link"><p class="btn">Drop Application if you can't make it :(</p></a></center>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,14 @@
|
|||
<script src="../static/js/jquery-2.2.4.min.js"></script>
|
||||
<script src="../static/js/jquery.easing.min.js"></script>
|
||||
<script src="../static/js/materialize.min.js"></script>
|
||||
<script src="../static/js/init.js"></script>
|
||||
<nav class="navbar navbar-inverse " style= "margin-top: 30px">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
</div>
|
||||
<ul class="nav justify-content-end">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="mailto:hack@wpi.edu?subject=[Hackathon]">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,31 +1,42 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>Hack @ WPI</title>
|
||||
<link rel="icon" href="../static/favicon.png" type="image/png">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" integrity="sha384-dNpIIXE8U05kAbPhy3G1cz+yZmTzA6CY8Vg/u2L9xRnHjJiAK76m2BIEaSEV+/aU" crossorigin="anonymous">
|
||||
<link href="../static/css/materialize.min.css" rel="stylesheet">
|
||||
<link href="../static/css/style.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow:600" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
|
||||
<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif]-->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||||
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
||||
<link href="../static/css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<style>
|
||||
nav {
|
||||
background-color: #F5665B;
|
||||
border-color: #E7E4C6;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<nav class="main-nav white" role="navigation">
|
||||
<div class="nav-wrapper container">
|
||||
<div id="logo-container" class="black-text brand-logo">
|
||||
<img id="goat" src="../static/img/goat.png">
|
||||
<div id="logo-stack">
|
||||
<img class="nav-logo" src="../static/img/hackwpi_longlogo.png" alt="hack@WPI">
|
||||
<div id="hosted-by-container">
|
||||
<span>Hosted By</span>
|
||||
<img class="hosted-by-logo" src="../static/img/logos/bose.png" alt="Bose">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<nav class="navbar navbar-inverse sticky-top navbar-expand">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<a class="navbar-brand" href="/">HACK@WPI</a>
|
||||
</div>
|
||||
<ul class="nav justify-content-end">
|
||||
<li class="nav-item">
|
||||
{% if registration_open %}
|
||||
<a class="nav-link active" href="/register">Register</a>
|
||||
{% else %}
|
||||
<a class="nav-link active disabled" href="#">Registration is closed</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="../static/assets/Hack@WPI-SponsorshipInformation-2020.pdf">Sponsorship Packet</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf">Code of Conduct</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,207 +1,186 @@
|
|||
{% 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>
|
||||
<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;
|
||||
}
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="section">
|
||||
.sponsors img {
|
||||
display: inline-block;
|
||||
margin-right: 40px;
|
||||
/* Hack to fix overflow of bose logo*/
|
||||
max-width: calc(100% - 10px);
|
||||
}
|
||||
|
||||
<!-- 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>
|
||||
.title-sponsors img{
|
||||
max-height: 90px;
|
||||
}
|
||||
|
||||
<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>
|
||||
.silver-sponsors img {
|
||||
max-height: 25px;
|
||||
}
|
||||
|
||||
<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>
|
||||
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/>
|
||||
|
||||
|
||||
<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>⬆</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>⬇</strong></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 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 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, if you are under 18, your parents must be present for the entire time, and you cannot win prizes.</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 is the max team size?</h5>
|
||||
<p class="grey-text text-lighten-4">Five people per team.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-info row">
|
||||
<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 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' %}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,20 @@
|
|||
{% include 'header.html' %}
|
||||
<link href="../static/css/materialize.min.css" rel="stylesheet">
|
||||
<style>
|
||||
a{
|
||||
color:darkblue;
|
||||
}
|
||||
</style>
|
||||
<div style="height: 100%;">
|
||||
<div id="registration-banner" class="parallax-container valign-wrapper">
|
||||
<div class="section">
|
||||
<h2 class="header center red-text text-darken-2">Registration</h2>
|
||||
<h2 class="header center black-text text-darken-2">Registration</h2>
|
||||
</div>
|
||||
<div class="parallax"><img src="../static/img/background1.jpg" alt="background"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container">
|
||||
<h1>Hi {{ name }}, just a few more steps!</h1>
|
||||
<Center><h1>Hi {{ name }}, just a few more steps!</h1></Center>
|
||||
<div class="section">
|
||||
<form method="post" action="/register" enctype="multipart/form-data">
|
||||
<div>
|
||||
|
|
@ -26,25 +31,25 @@
|
|||
</div>
|
||||
<p>By registering & attending, you agree to the following policies:</p>
|
||||
<p>
|
||||
<a href="/tos">Hack@WPI's Terms and Conditions</a>
|
||||
<center><a href="/tos">Hack@WPI's Terms and Conditions</a></center>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://github.com/MLH/mlh-policies/blob/master/data-sharing.md">MLH's Data Sharing Notice</a>
|
||||
<center><a href="https://github.com/MLH/mlh-policies/blob/master/data-sharing.md">MLH's Data Sharing Notice</a></center>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://mlh.io/privacy">MLH's Privacy Policy</a>
|
||||
<center><a href="https://mlh.io/privacy">MLH's Privacy Policy</a></center>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://github.com/MLH/mlh-policies/blob/master/prize-terms-and-conditions/contest-terms.md">MLH's
|
||||
Contest Terms and Conditions</a>
|
||||
<center><a href="https://github.com/MLH/mlh-policies/blob/master/prize-terms-and-conditions/contest-terms.md">MLH's
|
||||
Contest Terms and Conditions</a></center>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf">MLH's Code of Conduct</a>
|
||||
<center><a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf">MLH's Code of Conduct</a></center>
|
||||
</p>
|
||||
<br>
|
||||
<input type="checkbox" name="tos" id="checkboxid" required><label for="checkboxid"><b style="color:black;">Do you agree with these Rules?</b></label>
|
||||
<input type="checkbox" name="tos" id="checkboxid" required><label for="checkboxid"><b style="color:white;">Do you agree with these Rules?</b></label>
|
||||
<br><br>
|
||||
<input name="submit" class="btn btn-lg btn-primary btn-invert" type="submit" value="Submit"/>
|
||||
<center><input name="submit" class="btn btn-lg btn-primary btn-invert" type="submit" value="Submit"/></center>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,15 +1,16 @@
|
|||
{% include 'header.html' %}
|
||||
<p>
|
||||
I agree to hold harmless the organizers of HACK@WPI and WPI’s Chapter of the Association of Computing Machinery (ACM) from any and all claims, lawsuits, demands, causes of action, liability, loss, damage and/or injury of any kind whatsoever (including without limitation all claims for monetary loss, property damager, equitable relief, personal injury and/or wrongful death), whether brought by an individual or other entity. The indemnification applies to and includes, without limitation, the payment of all penalties, fines, judgments, awards, decrees, attorneys’ fees, and related costs or expenses, and any reimbursements to ACM for all legal fees, expenses, and costs incurred by it.
|
||||
</p>
|
||||
<link href="../static/css/materialize.min.css" rel="stylesheet">
|
||||
<div style="margin: 16px">
|
||||
<p>
|
||||
I agree to hold harmless the organizers of HACK@WPI and WPI’s Chapter of the Association of Computing Machinery (ACM) from any and all claims, lawsuits, demands, causes of action, liability, loss, damage and/or injury of any kind whatsoever (including without limitation all claims for monetary loss, property damager, equitable relief, personal injury and/or wrongful death), whether brought by an individual or other entity. The indemnification applies to and includes, without limitation, the payment of all penalties, fines, judgments, awards, decrees, attorneys’ fees, and related costs or expenses, and any reimbursements to ACM for all legal fees, expenses, and costs incurred by it.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
I also acknowledge the organizers of HACK@WPI will be recording the event using video, photographs, audio recordings, and other media and give them permission to use said media in marketing/promotional materials.
|
||||
</p>
|
||||
<p>
|
||||
I also acknowledge the organizers of HACK@WPI will be recording the event using video, photographs, audio recordings, and other media and give them permission to use said media in marketing/promotional materials.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
p {
|
||||
margin: 25px 100px;
|
||||
}
|
||||
</style>
|
||||
{% include 'footer.html' %}
|
||||
<!-- This is stupid but it works -->
|
||||
<div style="position: absolute; bottom: 0; width: 100%;">
|
||||
{% include 'footer.html' %}
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue