hackfairview/index.html at 291e75f84fc1653b96d28a3b741af10053991d62 · fairviewhs/hackfairview · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>HackFairview 2016</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
    <script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script src="script.js"></script>

    <link rel="stylesheet" href="index.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <div id="landing">
      <div id="background-parallax">
      </div>
      <div id="background-overlay">
      </div>
      <script>
      $(document).ready(function() {
        $(window).scroll(function() {
          var height = window.innerHeight;
          var scroll = $(window).scrollTop();
          $("#background-overlay").css("opacity", (3*(scroll/height) + 0.25))
        });
      });
      </script>
      <div id="maintitle">
        <div class="textarea">
          <div class="titletext">HackFairview</div>
          <div class="subtext">Fairview High School, Boulder, Colorado</div>
          <div class="subtext">April 16 - 17, 2016</div>
        </div>
        <a class="top-button" href="google.com">Apply</a>
        <a class="top-button" href="google.com">Sponsor</a>
      </div>
      <a href="https://mlh.io/seasons/s2016/events?utm_source=s2016&utm_medium=TrustBadge&utm_campaign=s2016" target="_blank"><img src="mlh-banner.png" /></a>
    </div>
    <div id="secondary">
      <div class="title">What is HackFairview?</div>
      <div class="description">
        HackFairview is the only 24 hour high school hackathon in the Rocky Mountain region. It is hosted at
        Fairview High School in Boulder, Colorado. Over 200 students will come together to build whatever
        they want, hardware or software. Students will use collaborative effort and their thoughtful creativity
        to innovate, learn, and have fun.
      </div>
    </div>
    <div id="schedule">
      <div class="title">Schedule</div>
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <div class="cell titlecell">Saturday</div>
            <div class="cell">
              <div class="time">10:00 AM</div>
              <div class="desc">Check-in</div>
            </div>
            <div class="cell">
              <div class="time">11:00 AM</div>
              <div class="desc">Opening Ceremony</div>
            </div>
            <div class="cell">
              <div class="time">12:00 PM</div>
              <div class="desc">Hacking Starts</div>
            </div>
            <div class="cell">
              <div class="time">1:00 PM</div>
              <div class="desc">Lunch</div>
            </div>
            <div class="cell">
              <div class="time">7:00 PM</div>
              <div class="desc">Dinner</div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="cell titlecell">Sunday</div>
            <div class="cell">
              <div class="time">12:00 AM</div>
              <div class="desc">Midnight Snack</div>
            </div>
            <div class="cell">
              <div class="time">7:00 AM</div>
              <div class="desc">Breakfast</div>
            </div>
            <div class="cell">
              <div class="time">12:00 PM</div>
              <div class="desc">Hacking Ends</div>
            </div>
            <div class="cell">
              <div class="time">12:00 PM</div>
              <div class="desc">Lunch</div>
            </div>
            <div class="cell">
              <div class="time">1:00 PM</div>
              <div class="desc">Judging Starts</div>
            </div>
            <div class="cell">
              <div class="time">3:00 PM</div>
              <div class="desc">Closing Ceremony</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="secondary">
      <div class="title">FAQ</div>
      <div class="container">
        <div class="row">
          <div class="col-md-4 card">
            <div class="question">Who can attend?</div>
            <div class="answer">Anyone who is currently attending high school.</div>
          </div>
          <div class="col-md-4 card">
            <div class="question">Does this cost money?</div>
            <div class="answer">Nope! Admission is free and it includes food, drinks, and tons of swag!</div>
          </div>
          <div class="col-md-4 card">
            <div class="question">I'm tired of coming up of questions</div>
            <div class="answer">OK</div>
          </div>
        </div>
      </div>
    </div>
    <div id="sponsor">
      <div class="title">Sponsors</div>
      More coming soon!
      <div class="title">Partners</div>
      <img src="img/mlh-logo.png" width="200" />
    </div>
  </body>
</html>