steph_branch

.gitignore

@@ -0,0 +1,3 @@
+.*.swp
+.*.swo
+*~

2010/application.css

@@ -0,0 +1,114 @@
+/*-----------------------------------------------------------------------------------
+  Global Reset v0.3 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212)
+-----------------------------------------------------------------------------------*/
+	 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
+	 body { line-height: 1; }
+	 ol, ul { list-style: none; }
+	 :focus { outline: 0; }
+	 table { border-collapse: collapse; border-spacing: 0; }
+	 /* HTML5 */
+	 article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
+
+
+/*---------------------------
+  Elements
+---------------------------*/
+	body { background: #CCBA96 url(../images/background.png); color: #000; font-family: Georgia, 'Times New Roman', serif; font-size: 11px; min-width: 900px; }
+	h1, h2, h3, h4, h5, h6 { font-weight: normal; letter-spacing: 0.02em; }
+	h1 { font-size: 48px; margin-bottom: 10px; position: relative; text-align: center; text-transform: uppercase; z-index: 2; }
+	h1 small { font-size: 24px; text-transform: none; }
+	h1 span { font-size: 58px;  }
+	h2 { font-size: 32px; margin-bottom: 15px; }
+	a { color: #000; }
+	a:hover { color: #333; }
+	p { font-size: 18px; line-height: 1.4; margin-bottom: 20px; }
+	section { border-top: 5px solid rgba(106, 92, 66, 0.15); margin-bottom: 35px; padding: 25px 0 0 0; }
+
+	header { margin-top: 20px; }
+
+	footer { background: rgba(103, 91, 68, 0.150) url(../images/footer_texture.png) repeat-x; height: 200px; margin-top: 150px; text-align: center; }
+	footer p { font-size: 13px; padding-top: 30px; }
+	footer p small { font-size: 11px; }
+
+/*------------------------------------------- 
+  Global
+-------------------------------------------*/
+	.left { float: left; }
+	.block_left { float: left; margin: 0 10px 10px 0; }
+	.right { float: right; }
+	.block_right { float: right; margin: 0 0 10px 10px; }
+	.center { text-align: center; }
+	.clear { clear: both; }
+
+	.column { float: left; margin-bottom: 15px; padding: 0 0 0 10px; width: 290px; }
+	.column.double { width: 580px; }
+	.column.full { float: none; width: 890px; }
+	.column p { padding-right: 20px; }
+	.column p.second { margin-top: 20px; }
+
+	.button { background: url(../images/button.png); color: #fff; display: inline-block; font-family: "goudy-bookletter-1911-1","goudy-bookletter-1911-2","Georgia","Times New Roman",serif; font-size: 24px; height: 54px; line-height: 46px; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000; width: 276px; }
+	.button:hover { color: #e7e7e7; }
+
+	#container { overflow: hidden; position: relative; }
+	#wrapper { margin: 0 auto; position: relative; width: 900px; }
+
+	#feature { height: 375px; margin: 40px 0 50px 40px; }
+	#feature li { display: block; float: left; height: 375px; list-style: none; margin-right: 10px; position: relative; }
+	#feature li.build { width: 175px; }
+	#feature li.meet_people { width: 360px; }
+	#feature li.have_fun { margin-right: 0; width: 280px; }
+	#feature h2 { bottom: 0; font-size: 58px; left: 0; position: absolute; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); }
+	.wf-active #feature h2 { font-size: 64px; }
+
+	#diver { left: 50px; position: absolute; top: -300px; z-index: 0; }
+
+	#octopus { background: url(../images/octopus.png); bottom: -75px; cursor: pointer; height: 359px; position: absolute; right: -100px; width: 406px; }
+
+	ul.list { margin-left: 15px; }
+	ul.list li { font-size: 14px; list-style: disc; margin-bottom: 5px; }
+
+	.judges li { display: block; font-size: 18px; height: 48px; line-height: 48px; margin-bottom: 10px; }
+	.judges li img { margin-right: 5px; vertical-align: middle; }
+
+	.sponsors .lead-sponsor { text-align: center; }
+	.sponsors .sponsor { display: block; float: left; margin: 0 25px 25px 0; }
+
+	.twitter { background: url(../images/twitter.png) no-repeat left center; display: block; padding-left: 40px; text-decoration: none; }
+
+	/* Override twitter widget styles */
+	#twitter .twtr-widget { font-family: Georgia, 'Times New Roman', serif !important; }
+	#twitter .twtr-widget em { color: #333 !important; font-size: 14px; }
+	#twitter .twtr-widget a { text-decoration: underline !important; }
+	#twitter .twtr-widget p { line-height: 1.4 !important; }
+	#twitter .twtr-hd, #twitter .twtr-ft { display: none; }
+	#twitter .twtr-tweet-wrap { padding: 10px; }
+	#twitter .twtr-timeline { height: auto; }
+	#twitter .twtr-tweet { width: 280px; float: left; border: none !important; }
+
+	.attendees li { display: block; float: left; font-size: 14px; height: 24px; line-height: 24px; margin: 0 10px 10px 0;  }
+	.attendees li a { background-color: #BCAB88; background-color: rgba(106, 92, 66, 0.15); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block; float: left; padding: 0 5px; text-decoration: none; }
+	.attendees li a:hover { background-color: #AF9F7D; background-color: rgba(106, 92, 66, 0.25); color: #000; }
+	#ribbon { background: rgba(103, 91, 68, 0.150) url(../images/footer_texture.png) repeat-x; height: 40px; text-align: center; font-size: 18px; line-height: 40px; }
+
+/*-------------------------------------------
+  iPhone
+-------------------------------------------*/
+/*	@media all and (max-width: 322px) {
+		body { min-width: auto; width: 320px; }
+		h1 { font-size: 36px; }
+		h2 { font-size: 28px; }
+		img { max-width: 290px; }
+		.block_left { display: block; float: none; }
+		#wrapper { margin: auto; position: static; width: 300px; }
+		#container { overflow: auto; position: static; width: 300px; }
+		#feature { height: auto; margin: 10px 0; padding-left: 10px; }
+		#feature li { float: none; height: auto; width: 300px; }
+		#feature li h2 { font-size: 36px; position: static; }
+		#feature img { display: none; }
+		.column { float: none; }
+		.column.full { width: 290px; }
+		.column.double { width: 290px; }
+		footer { width: 320px; }
+		footer p { margin: 0 auto; width: 300px; }
+		#octopus { display: none; }
+	}*/

2010/application.js

@@ -0,0 +1,26 @@
+$(function()
+{
+  $('#octopus').click(attack);
+});
+
+
+function attack(event)
+{
+	var octopus = $('#octopus');
+	octopus.css({top: octopus.offset().top, left: octopus.offset().left});
+	var diver = $('#diver');
+
+	$.scrollTo(diver, {duration: 1000});
+	$('#octopus').animate({left: diver.offset().left - 50, top: diver.offset().top + 300}, {duration: 1000, complete: function()
+	{
+		$('#octopus, #diver').animate({left: 100, top: 5000}, function()
+		{
+			$(this).remove();
+		});
+	}});
+}
+
+$('#first-hackathon').eventbrite_attendees({
+  app_key: 'MWUwZjRlZjk4MDk3',
+  event_id: '943934333'
+});

2010/index.html

@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+		<meta charset="utf-8" />
+		<title>The First Baltimore Hackathon</title>
+   	<link rel="stylesheet" href="application.css" media="all" />
+		<script type="text/javascript" src="http://use.typekit.com/ibt2sup.js"></script>
+		<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  </head>
+  <body>
+    <div id="ribbon">
+      Congratulations to the <a href="http://blog.baltimorehackathon.com/2010winners">2010 winners</a>! Make sure to check out the <a href="http://www.flickr.com/photos/baltimorehackathon/">pictures</a> and the <a href="http://blog.baltimorehackathon.com/">blog</a>!
+    </div>
+		<div id="container">
+
+			<div id="wrapper">
+	      <header>
+	      	<h1><small>The First</small><br /><span>B</span>altimore <span>H</span>ackathon</h1>
+	      </header>
+
+				<section>
+					<ul id="feature">
+
+						<li class="build">
+							<img src="../images/microscope.png" alt="" />
+							<h2>Build.</h2>
+						</li>
+
+						<li class="meet_people">
+							<img src="../images/boxers.png" alt="" />
+							<h2>Meet People.</h2>
+
+						</li>
+
+						<li class="have_fun">
+							<img src="../images/diver.png" id="diver" alt="" />
+							<h2>Have Fun.</h2>
+						</li>
+					</ul>
+				</section>
+
+				<section>
+					<div class="column">
+						<h2>What is this?</h2>
+						<p>
+							Build a hardware or software project from idea to prototype in a weekend!
+						</p>
+						<p>
+							You can participate individually or as a team.
+						</p>
+
+					</div>
+
+					<div class="column">
+						<h2>When?</h2>
+						<p>
+							November 19-21 2010. The event will start at 6pm on Friday 11/19 and end at 6pm on Sunday 11/21
+						</p>
+					</div>
+
+					<div class="column">
+
+						<h2>Where?</h2>
+						<p>
+						  It will be held at <a href="http://beehivebaltimore.com">Beehive Baltimore</a>, 2400 Boston St, on the 3rd floor of the Emerging Technology Center.
+						</p>
+					</div>
+
+					<br class="clear" />
+
+					<div class="column">
+
+						<h2>Rules</h2>
+						<p>
+						  The rules are evolving on the <a href="http://baltimorehackathon.pbworks.com/">wiki</a>. We encourage you to add to the wiki and also ask questions there.  The rules will be considered final when opening ceremonies begin.
+						</p>
+					</div>
+
+					<div class="column">
+						<h2>Awards</h2>
+
+						<p>
+							Judges will be recognizing the best projects in these categories:
+						</p>
+						<ul class="list">
+							<li>Best Software Prototype - Individual $150</li>
+							<li>Best Software Prototype - Group $350</li>
+							<li>Best Hardware Prototype - Individual $150</li>
+							<li>Best Hardware Prototype - Group $350</li>
+
+							<li>Audience Favorite $150</li>
+						</ul>
+						<p class="second">
+						  Door prizes which will be awarded via random drawing:
+					  </p>
+						<ul class="list">
+              <LI>iPod nano from <A HREF="http://www.macmedics.com/">Mac Medics</A></LI>
+              <LI>Seat at <A HREF="http://www.fundinguniverse.com/entrepreneurs/products/fundinguniversity.php">Funding Universe funding university</A></LI>
+
+              <LI>Seat at <A HREF="http://www.netrino.com/Embedded-Systems/Training-Courses/Boot-Camp">Netrino's Embedded Software Software Camp</A></LI>
+						</ul>
+					</div>
+
+					<div class="column">
+						<h2>How do I participate?</h2>
+						<p>
+							You can register for the event on its <a href="http://bhat1.eventbrite.com">EventBrite page</a>
+
+						</p>
+
+						<p><a href="http://bhat1.eventbrite.com" class="button">Sign Up</a></p>
+						<p>
+						  PS - If you're looking for a team, try coordinating with others on the <a href="http://baltimorehackathon.pbworks.com/w/page/Looking-for-a-team">wiki</a>.
+						</p>
+					</div>
+
+					<br class="clear" />
+
+				</section>
+
+				<section>
+					<div class="column full">
+						<h2>Participants</h2>
+						<div id="first-hackathon" class="attendees"></div>
+					</div>
+
+					<!-- <div class="column">
+						<h2>Judges</h2>
+						<ul class="judges">
+							<li>
+								<img src="../images/photo.jpg" alt="" />
+								<a href="#">Judge Name</a>
+							</li>
+						</ul>
+						<p>
+							<em>Judges will be announced soon.</em>
+						</p>
+					</div> -->
+
+					<br class="clear" />
+
+				</section>
+
+				<section>
+					<div class="column full sponsors">
+						<h2>Lead Sponsor</h2>
+						<div class="lead-sponsor"><a href="http://tropo.com"><img src="../images/logos/Tropo-Horiz.png" alt="Tropo" /></a>
+						  <p>
+  						  Free food all weekend from <a href="http://puffsandpastries.com/">Puffs n Pastries</a>, courtesy of <a href="http://tropo.com">Tropo</a>.
+  					  </p>
+
+  					</div>
+					  <h2>Our Sponsors</h2>
+						<div class="sponsor"><a href="http://www.mp3car.com"><img src="../images/logos/mp3car.png" alt="mp3car" /></a></div>
+						<div class="sponsor"><a href="http://www.smartlogicsolutions.com"><img src="../images/logos/SLS_Logo_50.png" alt="SmartLogic Solutions is a Baltimore-based web and mobile application and software development firm specializing in Ruby on Rails.  We work with startups and established organizations." width="280" /></a></div>
+						<div class="sponsor"><a href="http://www.macmedics.com"><img src="../images/logos/macmedics.png" alt="MacMedics" /></a></div>
+						<div class="clear"></div>
+						<div class="sponsor"><a href="http://www.winterscoffee.com"><img src="../images/logos/winterscoffee.jpg" alt="Winters Coffee" /></a></div>
+						<div class="sponsor"><a href="http://make-things.com/"><img src="../images/logos/make_things_studio.png" alt="Make Things Studio" style="height: 154px" /></a></div>
+
+						<div class="sponsor"><a href="http://www.fundinguniverse.com/"><img src="../images/logos/fundinguniverse.png" alt="Funding Universe" /></a></div>
+						<div class="clear"></div>
+						<div class="sponsor"><a href="http://startupbaltimore.org/"><img src="../images/logos/sb-logo-hackathon.png" alt="Startup Baltimore" /></a></div>
+						<div class="sponsor"><a href="http://www.etcbaltimore.com/"><img src="../images/logos/etc.gif" style="background-color: white;" alt="ETC Baltimore" /></a></div>
+						<div class="sponsor"><a href="http://www.netrino.com/"><img src="../images/logos/Netrino.png" style="width: 250px; background-color: white;" alt="Netrino" /></a></div>
+						<div class="clear"></div>
+						<div class="sponsor"><a href="http://www.oreilly.com/"><img src="../images/logos/oreilly.gif" style="width: 250px;" alt="O'Reilly" /></a></div>
+						<div class="sponsor"><a href="http://www.makershed.com/"><img src="../images/logos/makershed.gif" style="width: 250px;" alt="Maker Shed" /></a></div>
+						<div class="sponsor"><a href="http://lgscout.com/"><img src="../images/logos/lookingglass.png" style="width: 289px; height:53px" alt="LookingGlass" /></a></div>
+
+						<br class="clear" />
+						<div class="sponsor"><a href="http://www.mindovermachines.com/"><img src="../images/logos/MindOverMachines_Logo300.jpg" alt="Mind Over Machines" /></a></div>
+						<div class="sponsor"><a href="http://www.gbtechcouncil.org/"><img src="../images/logos/GBTC_logo_RGB.gif" style="width:150px;" alt="Greater Baltimore Tech Council" /></a></div>
+						<br class="clear" />
+					</div>
+				</section>
+
+				<section>
+					<div class="column full">
+						<h2><a href="http://twitter.com/bmorehackathon" class="twitter">On Twitter</a></h2>
+
+						<div id="twitter">
+							<script src="http://widgets.twimg.com/j/2/widget.js"></script>
+							<script>
+							new TWTR.Widget({
+							  version: 2,
+							  type: 'profile',
+							  rpp: 3,
+							  interval: 6000,
+							  width: 'auto',
+							  height: 'auto',
+							  theme: {
+							    shell: {
+							      background: 'transparent',
+							      color: '#000000'
+							    },
+							    tweets: {
+							      background: 'transparent',
+							      color: '#000000',
+							      links: '#000000'
+							    }
+							  },
+							  features: {
+							    scrollbar: false,
+							    loop: false,
+							    live: true,
+							    hashtags: true,
+							    timestamp: true,
+							    avatars: false,
+							    behavior: 'all'
+							  }
+							}).render().setUser('bmorehackathon').start();
+							</script>
+						</div>
+
+					</div>
+					<br class="clear" />
+				</section>
+
+	    </div><!-- #wrapper -->
+
+			<footer>
+				<p>
+					Questions? Contact mike [at] subelsky.com. Interested in sponsoring? Contact matthew.forr [at] gmail.com<br />
+					<small>Designed &amp; Developed by <a href="http://zachwaugh.com">Zach Waugh</a></small>
+				</p>
+			</footer>
+
+
+			<div id="octopus"></div>
+		</div><!-- #container -->
+
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
+		<script src="../js/jquery.scrollTo-1.4.2-min.js"></script>
+    <script src="../js/jquery.eventbrite.js"></script>
+    <script src="application.js"></script>
+  </body>
+
+</html>