-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout.html
145 lines (134 loc) · 6.79 KB
/
about.html
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
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<title>PennApps</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<meta property="og:title" content="PennApps Fall 2013" />
<meta property="og:description" content="PennApps is a 48-hour hackathon @ The University of Pennsylvania"/>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="stylesheets/vendor/foundation.min.css" type="text/css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="stylesheets/vendor/normalize.css" type="text/css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="stylesheets/app.css" type="text/css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
<div class='contain-to-grid fixed'>
<nav class='top-bar'>
<ul class='title-area'>
<li class='name'>
<h1><a href='index.html'>PennApps</a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class='top-bar-section'>
<ul class='right'>
<li><a href="history.html">Past Competitions</a></li>
<li><a href="rules.html">Rules</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="press.html">Press</a></li>
<li><a href='http://pennapps.com/sponsorship.pdf'>Sponsor PennApps!</a></li>
</ul>
</section>
</nav>
</div>
<header>
</header>
<div class="container">
<section id="about">
<div class="page-header">
<h1>About</h1>
</div>
<div class="row">
<div class="span7">
<img src="img/about.jpg"/>
</div>
<div class="span5">
<h1>What is PennApps?</h1>
<p>PennApps is the University of Pennsylvania's bi-annual hackathon event. The University's best programmers and entrepreneurs will team up over a weekend to build amazing applications. The event is hosted by the <a href="http://dinphil.com">Dining Philosophers</a> (Penn's computer science club). If you want to talk to us, you can email us at <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</section>
<section id="background">
<div class="page-header">
</div>
<div class="row">
<div class="span5">
<h1>A little background.</h1>
<p>PennApps is run by a team of five University of Pennsylvania undergraduates: Pulak Mittal, Amalia Hawkins, Ayaka Nonaka, Jonathan Leung, and Trisha Kothari. With support from Penn's Ware House, our amazing sponsors, and many enthusiastic classmates, we handle the organization and running of the hackathon. This is a hackathon for university students, by university students-- a trend we hope to see spread to other schools and communities.</p>
</div>
<div class="span7">
<img src="img/background.jpg"/>
</div>
</div>
</section>
<section id="winners">
<div class="page-header">
</div>
<div class="row">
<div class="span3">
<h1>Recent history.</h1>
<p>This upcoming Hackathon will be the sixth PennApps competition. In the past, PennApps has seen a tremendous response from the students and the tech community. We couldn't have done it without our fantastic sponsors! Take a look at some recent winning hacks from our Spring 2011 event to the right.</p>
</div>
<div class="span3">
<a href="https://www.hackerleague.org/hackathons/penn-apps-2012-spring/hacks/scratchtable">
<h2>ScratchTable</h2>
</a>
<h3>Grand Prize ($2500)</h3>
<a href="https://www.hackerleague.org/hackathons/penn-apps-2012-spring/hacks/scratchtable">
<img alt="ScratchTable" src="http://coolmaterial.com/wp-content/uploads/2009/07/scratch-dj-coffee-table.jpg">
</a>
<p>Turn any surface into a touch input surface. Utilizing only a microphone, we can transform objects like walls and tables into a touchpad. It's like a touchscreen but without the screen!
ScratchTable is a demo of this technology in the form of a virtual turntable.</p>
</div>
<div class="span3">
<a href="http://grassroutes.us/">
<h2>Grassroutes</h2>
</a>
<h3>Second Place ($1500)</h3>
<a href="http://grassroutes.us/">
<img alt="rdtripp.in" src="http://i.imgur.com/uhSaz.png">
</a>
<p>We know that the most effective way to make anything happen is by reaching out to your elected officials, and we also know that this can be a lot of work. A lot of well-minded, like-minded people will visit your website, but few will take action. Grassroutes helps convert those good intentions into action.</p>
</div>
<div class="span3">
<a href="http://rdtripp.in/">
<h2>rdtripp.in</h2>
</a>
<h3>Third Place ($1000)</h3>
<a href="http://rdtripp.in/">
<img alt="rdtripp.in" src="http://i.imgur.com/2Nzlm.png">
</a>
<p>Planning a road trip? rdtripp.in will help you plot a route to see your friends along the way.</p>
</div>
</div>
</section>
</div>
<div class='row'>
<div class='small-12 columns' id='footer'>
<ul>
<li><a href='http://www.seas.upenn.edu'><img src='img/pennengineering.png' width='10%' height='10%' style='display: inline; vertical-align: middle' ></a></li>
<li>Crafted by <a href='http://yef.im'>Geoff</a></li>
<li>Photos by <a href='http://twitter.com/quietlykrazy'>Sam</a> and <a href='https://twitter.com/mdkragon'>Jiali</a></li>
<li>Follow <a href='http://twitter.com/PennApps'>@PennApps</a></li>
<li><a href='http://blog.pennapps.com/'>Blog</a></li>
<li>© 2013 PennApps</li>
</ul>
</div>
</div>
<script src="scripts/vendor/zepto.min.js"></script>
<script src='scripts/vendor/foundation.min.js'></script>
<script>
$(document).foundation();
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33300151-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>