HungryTiger/about.html at master · nateperry/HungryTiger · 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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
  	<title>About Hungry Tiger</title>
  	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=2.0">
    <link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700' rel='stylesheet' type='text/css'>
	<link type="text/css" rel="stylesheet" href="styles.css" />
</head>
<body>
	<div id="header">
		<div>
			<div id="logo">
				<h1>About Hungry Tiger</h1>
				<h6 style="opacity: .7">An RIT Food Finder by Chris Knepper and Nate Perry</h6>
				<br /><br /><br /><br />
			</div>
		</div>
	</div>

	<div id="page-wrap">
		<div id="content">
			<h2>Why did we build this?</h2>
			<p>Good question. Have you ever been at RIT and been hungry, but you don't know where to go or if your favorite restaurant is open? Well, we have. And this happens more than you'd think. Constantly after a late class we would be looking for somewhere to go for a late dinner and it can sometimes be tougher than it sounds. Also, when Nate is giving tours, people would constantly ask where a good place to get a meal on campus would be. After the third time of sending someone to a place that is closed, Nate felt pretty awful and needed a better way to answer this common question. So, Hungry Tiger was born.</p>

			<h2>How does it work?</h2>
			<p>This app is created using HTML5 and Javascript. All of our data is gathered by RIT's web service and we utilize <a href="https://developers.google.com/maps/">Google Maps</a> for the location of each restaurant. Using Javascript's Date function, we are able to determine the exact time that the user is viewing the app, which through various conversions and comparisons, allows us to determine which food places on campus are open. This way you can avoid the problem of walking to a restaurant that is no longer open at that time.</p>

			<h2>What cool technologies does it use?</h2>
			<p>One of the cool web technologies that we use is local storage. We use this ability to save a users preference of showing or hiding the logos for each restaurant. Overall, the use of HTML5 and CSS3 allows us to add some cool effects without more Javascript or jQuery. For eaxmples, CSS3 transitions help make the various clickable items on the app change as the user interacts with them. </p>

			<h2>Our Extras</h2>
				<ul style="font-size: 18pt; margin-left: 25px;">
					<li>Time based repsentation of restauraunts</li>
					<li>Determines if restaurant is currently open/closed</li>
					<li>Local storage</li>
					<li>Map shows the selected restaurant</li>
					<li>CSS3 Animations/Transitions</li>
					<li>Fully responsive layout for Mobile/Tablet/Desktop</li>
				</ul>

			<hr>
		</div>
	</div>

	<div id="footer">
		Copyright 2013 <a href="http://www.chrisknepper.com/">Chris Knepper</a> and <a href="http://www.thenateperry.com">Nate Perry</a>
		<br>
		<a href="index.html">Go to Hungry Tiger app</a>
		<br>
		HTML5 | CSS3 | JS
	</div>
</body>
</html>