hackathon/index.html at master · GFGabriel/hackathon · 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
<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <title>Go Fly A Kite</title>

    <link rel="stylesheet" href="main.css">
    <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
</head>

<body>
    <div class="mainScreen">
        <div class="kiteWindow">
            <div div="banksyGirl">
                <img src="girl-banksy-new1.png" alt="banksy girl" style="margin-top: 439px">
            </div>
            <div class="banksyBalloon">
                <img class="balloon noWind" src="balloon-banksy-new1.png" alt="banksy balloon">
            </div>
        </div>
        <div class="infoPanel">
            <div class="windInfo">
                <div id="location">
                  Click the map to select a location for wind speed.
                </div>
                <div id="windSpeed">
                </div>
                <div id="windDirection">
                </div>
            </div>
            <div class="map">
                <div id="map"></div>
            </div>
            <div class="twitterTimeline">
              <a class="twitter-timeline" data-width="352" data-height="300" data-theme="dark" data-link-color="#F5F8FA" href="https://twitter.com/breeezy_bot">Tweets by breeezy_bot</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
              <blockquote class="twitter-tweet" lang="en">
                <a href="https://twitter.com/hashtag/javascript?src=hash"></a>
              </blockquote>
              <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
            </div>

        </div>
    </div>
    <div class="twitterTicker">
      <div>
        <FORM NAME="ticker">
          <INPUT NAME="text" SIZE=100 VALUE="Welcome disCreeps Go Fly A Kite">
          </FORM>
        </div>
    </div>
    <script type="text/javascript" src="main.js"></script>
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDwcwxZ3UtwwXvQ5iUfSEUnWnSChaNCwhQ&callback=initMap">
    </script>
</body>

</html>