hackathon/index.html at master · KingKumar/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
<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>InstantLocalNews</title>
    <link rel="stylesheet" href="Stylesheets/foundation.css" />
    <script src="Javascript/bundle.js"></script>
    <script src="Javascript/node.js"></script>
  </head>
  <body>

    <div class="row">
      <div class="large-12 columns">
        <br/><h1 style="font-weight: bold;">Welcome to InstantLocalNews.</h1>
        <h2 style="font-weight: bold;">Make any news, anywhere Instant and Local.</h2><br/>
      </div>
    </div>

    <div class="row">
      <div class="large-12 columns panel">
        <br/>
      	<div class="large-4 columns">
	        <h3>What's happening in </h3>
        </div>
        <div class="large-5 columns">
          <input type="text" placeholder="Enter Location"  id="locationName"/>
        </div>
        <div class="large-1 columns">
          <h3>?</h3>
      	</div>
        <div class="large-2 columns marginRight">
          <a href="#" class="small success button" onclick="getLocation()">Go!</a>
        </div>
      </div>
    </div>
    <div class="large-6 columns" id="twitterPosts"></div>
    <div class="large-6 columns" id="instagramPosts"></div>
    <div class="row panel">
      <div class="large-12 columns">
        <p>Insert a location in the above form and hit Go! InstantLocalNews will fill your feed with Instagram photos and Tweets posted and tweeted, respectively, from the location you specified. What better way to find out what's going on at a location than by seeing what people are saying and by viewing the photos they take?<p>
      </div>
    </div>

    <div class="large-12 columns text-center">
        <p>
          Copyright &copy; 2014 Jeff Kikel and Ronit Kumar. All rights reserved.
        </p>
      </div>


    <script src="js/jquery.js"></script>
    <script src="js/foundation.min.js"></script>
    <script>
      $(document).foundation();
    </script>
  </body>
</html>