-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.htm
69 lines (62 loc) · 1.89 KB
/
index.htm
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
<!DOCTYPE html>
<html>
<head>
<title>Pizza Cravings</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>
<h1>Pizza Cravings</h1>
</header>
<article>
<section>
<h2>Pizza Cravings?</h2>
<p>So you have Pizza Cravings, with a capital P and C?
You absolutely need a cheezy, greasy calorie bomb ASAP?</p>
</section>
<section>
<h2>That's alright!</h2>
<p>It's not a problem. We have the perfect solution for
your problem. Just give us two minutes of your time and
<strong>we will find you a pizzeria that is close to where
you are</strong>.</p>
</section>
<section>
<h2>How?</h2>
<p>All you need to do is click the button that says "Satisfy
my Cravings!" and allow us to find out where you are right now.
Don't worry, you don't have to do anything complicated, just
click allow when you're browser asks you wether you will
let us look up your location or not.</p>
</section>
<section>
<h2>Let's do it!</h2>
<form>
<input type="submit" value="Satisfy my Cravings!" name="findme" />
</form>
</section>
<section>
<h2>But how does it work? (Yes, I'm a geek.)</h2>
<p>You want the more in depth explanation?</p>
<p>Okay, here's how it's done. This is a JavaScript/HTML-based
web app (buzzword warning) that uses the location API to find
out where you are. This information is then used to search Gowalla
and 4Square for pizzerias in your vicinity.</p>
</section>
<section id="result">
<h2>Success!</h2>
<p>Great, I found a couple of pizza places near you. Here's a list.</p>
<ul>
<li>Pizzeria #1</li>
<li>Pizzeria #2</li>
<li>Pizzeria #3</li>
</ul>
</section>
</article>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js"></script>
<script src="main.js"></script>
<script src="behavior.js"></script>
</body>
</html>