Team:UIUC Illinois

From 2013.igem.org

(Difference between revisions)
(Replaced content with "{{<https://2013.igem.org/Template:UIUC_Illinois_CSS>}}")
Line 1: Line 1:
-
 
+
{{<https://2013.igem.org/Template:UIUC_Illinois_CSS>}}
-
<!DOCTYPE html>
+
-
<html>
+
-
<head>
+
-
  <title>HackMIT / Oct. 4-6</title>
+
-
  <link href="/assets/application-ddd6eaf1b1e32572dcdce453f96a38ef.css" media="all" rel="stylesheet" type="text/css" />
+
-
  <script src="/assets/application-9d330e31ec44ccdd3433e817066e781f.js" type="text/javascript"></script>
+
-
  <meta content="authenticity_token" name="csrf-param" />
+
-
<meta content="xoSxbStuo3KWlJLm0gMpw+TDg6dhC68GzTR5p1I4aGM=" name="csrf-token" />
+
-
  <link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
+
-
  <link rel="shortcut icon" href="/favicon.gif">
+
-
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
-
  <meta property="og:url" content="http://www.hackmit.org" />
+
-
  <meta property="og:title" content="HackMIT / Oct. 4-6, 2013" />
+
-
  <meta property="og:type" content="website" />
+
-
  <meta property="og:image" content="http://www.hackmit.org/assets/facebook-profile-photo.png" />
+
-
  <meta property="og:description" content="MIT's biggest hackathon is back. Open to all students, all schools. Register today!" />
+
-
 
+
-
  <script type="text/javascript" src="//use.typekit.net/vue8ibw.js"></script>
+
-
  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
-
 
+
-
  <script src="//cdn.optimizely.com/js/283546032.js"></script>
+
-
</head>
+
-
<body>
+
-
  <div id="fb-root"></div>
+
-
 
+
-
  <nav>
+
-
  <div class="container">
+
-
    <a href="#" class="logo"><img alt="Site-logo-nav" src="/assets/site-logo-nav-f5d11630aacef1c7cb0c4b2bcb3cad98.png" /></a>
+
-
    <ul class="navbar-links">
+
-
      <li id="nav-about"><a href="#about">About</a></li>
+
-
      <li id="nav-faq"><a href="#faq">FAQ</a></li>
+
-
      <li id="nav-register"><a href="http://hackmit.eventbrite.com/" id="nav-register-link">Register</a> <span id="nav-or">or</span></li>
+
-
      <li id="nav-sponsor"><a href="sponsorship.pdf" id="nav-sponsor-link">Sponsor</a></li>
+
-
    </ul>
+
-
  </div> <!-- /container -->
+
-
</nav>
+
-
  <div class="landing-photo">
+
-
  <div class="container">
+
-
    <div class="share">
+
-
      <a href="https://twitter.com/share" class="twitter-share-button" data-text="MIT's biggest hackathon is back! Oct 4-6, 2013" data-via="HackMIT">Tweet</a>
+
-
      <div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
+
-
    </div>
+
-
    <div class="hero-text">
+
-
      <h1>MIT's biggest</h1>
+
-
      <h1>hackathon</h1>
+
-
      <h1>is back.</h1>
+
-
      <p>Open to all students, all schools.</p>
+
-
      <p class="time-location"><span id="time"><i class="icon-time"></i> <a href="http://www.google.com/calendar/event?action=TEMPLATE&text=HackMIT&dates=20131005T000000Z/20131006T120000Z&details=MIT's%20biggest%20hackathon%20is%20back!&location=MIT%20Stata%20Center&trp=true&sprop=HackMIT&sprop=name:hackmit.org" target="_blank">Oct. 4–6, 2013</a></span><span id="location"><i class="icon-map-marker"></i> <a href="https://maps.google.com/maps?q=MIT+Stata+Center&hl=en&sll=42.361893,-71.090566&sspn=0.003464,0.00552&t=h&hnear=Ray+and+Maria+Stata+Center,+Cambridge,+Middlesex,+Massachusetts+02142&z=16">MIT Stata Center</a></span></p>
+
-
      <div class="action-buttons">
+
-
        <a href="http://hackmit.eventbrite.com/" class="btn" id="register-button">Register</a> <span id="hero-or">or</span>
+
-
        <a href="sponsorship.pdf" class="btn" id="sponsor-button">Sponsor</a>
+
-
      </div> <!-- /.action-buttons -->
+
-
    </div> <!-- /.hero-text -->
+
-
  </div> <!-- /.container -->
+
-
</div> <!-- /.landing-photo -->
+
-
 
+
-
<div id="main-content">
+
-
  <div id="about">
+
-
    <header class="section-title"><span>Are you ready?</span></header>
+
-
    <section>
+
-
      <p><span class="number">36</span> hours <span class="number">500+</span> hackers <span class="number">$10000+</span> in prizes</p>
+
-
      <p>&middot; breakfast &middot; lunch &middot; dinner &middot; snacks &middot; caffeine &middot; swag &middot;</p>
+
-
      <p>&middot; $200 travel reimbursement &middot;</p>
+
-
    </section>
+
-
  </div>
+
-
 
+
-
  <div id="past-sponsors">
+
-
    <header class="section-title"><span>Sponsors</span></header>
+
-
    <section>
+
-
      <!-- Platinum Sponsors -->
+
-
      <a href="http://www.palantir.com" class="sponsor"><img alt="Palantir" class="sponsor-logo platinum-logo" id="palantir-logo" src="/assets/palantir-82d9cab300e4c86b77e4979c78f30a5c.png" /></a>
+
-
      <a href="http://www.venmo.com" class="sponsor"><img alt="Venmo" class="sponsor-logo platinum-logo" id="venmo-logo" src="/assets/venmo-3ef20afb9d6b22a0b7eb699463e755ca.png" /></a>
+
-
      <a href="http://www.intuit.com" class="sponsor"><img alt="Intuit" class="sponsor-logo platinum-logo" id="intuit-logo" src="/assets/intuit-72f377b5af1b1d69a7b152779ddae25b.jpg" /></a>
+
-
      <a href="http://www.akamai.com" class="sponsor"><img alt="Akamai" class="sponsor-logo platinum-logo" id="akamai-logo" src="/assets/akamai-bee8b46e98d2b80ed016412fe71a9b3c.jpg" /></a>
+
-
 
+
-
      <!-- Gold Sponsors -->
+
-
      <a href="http://www.twilio.com" class="sponsor"><img alt="Twilio" class="sponsor-logo logo" id="twilio-logo" src="/assets/twilio-96346f641aa0ca7930eb3f7475bbef37.png" /></a>
+
-
      <a href="http://www.dropbox.com" class="sponsor"><img alt="Dropbox" class="sponsor-logo logo" id="dropbox-logo" src="/assets/dropbox-1c707b11fd33a755655b0632cd2d6282.png" /></a>
+
-
      <a href="http://www.appdirect.com" class="sponsor"><img alt="Appdirect" class="sponsor-logo logo" id="appdirect-logo" src="/assets/appdirect-8bf19613b0be36d9f9509b8a042ef38b.jpg" /></a>
+
-
      <a href="http://www.productstructu.re" class="sponsor"><img alt="Productstructure" class="sponsor-logo logo" id="productstructure-logo" src="/assets/productstructure-05a2d7163e978d01ed1e02cf5faaddca.png" /></a>
+
-
      <a href="http://www.bloomberg.com" class="sponsor"><img alt="Bloomberg" class="sponsor-logo logo" id="bloomberg-logo" src="/assets/bloomberg-952bbd8a253af56fa03d77c7ef5d76d1.jpg" /></a>
+
-
      <a href="http://www.ministryofsupply.com" class="sponsor"><img alt="Ministryofsupply" class="sponsor-logo logo" id="ministryofsupply-logo" src="/assets/ministryofsupply-2b498e8adda0f26000aff057b8a5dfd4.gif" /></a>
+
-
      <a href="http://www.twitter.com" class="sponsor"><img alt="Twitter" class="sponsor-logo logo" id="twitter-logo" src="/assets/twitter-236acce14d241ea25135ae19b176ac82.png" /></a>     
+
-
      <a href="http://www.fitbit.com" class="sponsor"><img alt="Fitbit" class="sponsor-logo logo" id="fitbit-logo" src="/assets/fitbit-3b6f6907966a07ba490e3667d9ef8c5a.jpg" /></a>     
+
-
      <a href="http://www.mopub.com" class="sponsor"><img alt="Mopub" class="sponsor-logo logo" id="mopub-logo" src="/assets/mopub-c67bde235bc956246e83ad9799f2581c.png" /></a>   
+
-
      <a href="http://www.pinterest.com" class="sponsor"><img alt="Pinterest" class="sponsor-logo logo" id="pinterest-logo" src="/assets/pinterest-13ba963aa6bec94a1aecd9adc3d7d259.png" /></a>   
+
-
      <a href="http://www.wayfair.com" class="sponsor"><img alt="Wayfair" class="sponsor-logo logo" id="wayfair-logo" src="/assets/wayfair-eb6ddd7266ec44981081ac4305e19763.png" /></a>   
+
-
 
+
-
      <!-- Silver Sponsors -->
+
-
      <a href="http://www.github.com" class="sponsor"><img alt="Github" class="sponsor-logo logo" id="github-logo" src="/assets/github-656219baf0f1de1f93b0efac1f1b9582.png" /></a>   
+
-
      <a href="http://www.meteor.com" class="sponsor"><img alt="Meteor" class="sponsor-logo logo" id="meteor-logo" src="/assets/meteor-385c1f800bc63ec47f6493b70095ba54.png" /></a>   
+
-
      <a href="http://www.semantria.com" class="sponsor"><img alt="Semantria" class="sponsor-logo logo" id="semantria-logo" src="/assets/semantria-931a227e1139df231ab600a26a3be69f.png" /></a>   
+
-
      <a href="http://www.facebook.com" class="sponsor"><img alt="Facebook" class="sponsor-logo logo" id="facebook-logo" src="/assets/facebook-7db4dc02111ef2836ce077008dfdeb8f.jpg" /></a> 
+
-
      <a href="http://www.twilio.com" class="sponsor"><img alt="Twilio" class="sponsor-logo logo" id="twilio-logo" src="/assets/twilio-96346f641aa0ca7930eb3f7475bbef37.png" /></a> 
+
-
      <a href="http://www.ebay.com" class="sponsor"><img alt="Ebay" class="sponsor-logo logo" id="ebay-logo" src="/assets/ebay-6b732cba6fe90b1661f28cbd3967df5e.jpg" /></a> 
+
-
 
+
-
      <!-- Bronze Sponsors -->
+
-
      <a href="http://www.square.com" class="sponsor"><img alt="Square" class="sponsor-logo logo" id="square-logo" src="/assets/square-0c4dd2f3fb852cc32db723ac5b965b44.png" /></a> 
+
-
      <a href="http://www.dwolla.com" class="sponsor"><img alt="Dwolla" class="sponsor-logo logo" id="dwolla-logo" src="/assets/dwolla-b73a40b6b9551f1423972fbcc1ed4de1.png" /></a> 
+
-
      <a href="http://www.makegameswith.us" class="sponsor"><img alt="Makegameswithus" class="sponsor-logo logo" id="makegameswithus-logo" src="/assets/makegameswithus-5e9676e0df5673b5797ac01b6689b255.png" /></a>
+
-
      <a href="http://www.eventbrite.com" class="sponsor"><img alt="Eventbrite" class="sponsor-logo logo" id="eventbrite-logo" src="/assets/eventbrite-358f41b974105560e7f35ccb083cf074.png" /></a> 
+
-
      <a href="http://www.ea.com" class="sponsor"><img alt="Ea" class="sponsor-logo logo" id="ea-logo" src="/assets/ea-043f4577f4a857e586e251317b473f52.png" /></a> 
+
-
 
+
-
 
+
-
 
+
-
    </section>
+
-
  </div>
+
-
 
+
-
  <div id="faq">
+
-
    <header class="section-title"><span>Frequently Asked Questions</span></header>
+
-
    <section>
+
-
      <div class="row">
+
-
        <div class="column">
+
-
          <h4 id="format" class="question">What's the format of the hackathon?</h4>
+
-
          <p class="answer">Anything goes! Web, desktop, mobile, and hardware projects are all welcome. (All hacks should be computer-related, though.) Projects will be judged based on creativity, technical difficulty, polish, and usefulness.</p>
+
-
        </div>
+
-
 
+
-
        <div class="column">
+
-
          <h4 id="teams" class="question">How big should teams be? Can I do it alone?</h4>
+
-
          <p class="answer">Teams should be at most 4 people total. You can do it alone, but it'll be less fun! We'll have a site up to help find teams before the event, and you'll have time at the start to meet others.</p>
+
-
        </div>
+
-
 
+
-
        <div class="column">
+
-
          <h4 id="past-projects" class="question">Are we allowed to build on past projects? Other code?</h4>
+
-
          <p class="answer">We strongly discourage building off of existing projects you've worked on. To be fair to others, let us know if you are using some of your old code in your hacks. Using third-party APIs and libraries is definitely okay, as long as they're accessible by everyone else as well.</p>
+
-
        </div>
+
-
 
+
-
      </div> <!-- /row -->
+
-
 
+
-
      <div class="row">
+
-
 
+
-
        <div class="column">
+
-
          <h4 id="attend" class="question">Who can attend?</h4>
+
-
          <p class="answer">All undergraduate and graduate students are welcome. You must <a href="http://hackmit.eventbrite.com">register</a> to participate. Don't forget to bring your valid student ID to the hackathon!</p>
+
-
        </div> <!-- /column -->
+
-
 
+
-
        <div class="column">
+
-
          <h4 id="travel" class="question">I'm not too close to MIT. Can I get reimbursed for travel?</h4>
+
-
          <p class="answer">All attendees can claim up to a $200 travel reimbursement. Just make sure to bring a receipt, ticket, and photo ID to the hackathon. <a href="mailto:team@hackmit.org">Email us</a> if you need more.</p>
+
-
        </div> <!-- /column -->
+
-
 
+
-
        <div class="column">
+
-
          <h4 id="other" class="question">I have a question that's not listed here. Who should I ask?</h4>
+
-
          <p>You can get in touch with us via <a href="mailto:team@hackmit.org">email</a>, <a href="http://www.twitter.com/hackmit">Twitter</a>, or <a href="http://www.facebook.com/hackmit">Facebook</a>.</p>
+
-
        </div> <!-- /column -->
+
-
      </div> <!-- /row -->
+
-
    </section>
+
-
  </div>
+
-
 
+
-
</div>
+
-
 
+
-
<footer>
+
-
  <div class="container">
+
-
    <span>&copy; HackMIT 2013</span>
+
-
    <span>Site by <a href="https://twitter.com/nommability">Carolyn Zhang</a></span>
+
-
    <span>Photo by <a href="http://ami.mit.edu">Ami Wang</a></span>
+
-
    <span><a href="mailto:team@hackmit.org" class="social-icon"><i class="icon-envelope"></i></a></span>
+
-
    <span><a href="http://www.twitter.com/hackMIT" class="social-icon"><i class="icon-twitter"></i></a></span>
+
-
    <span><a href="http://www.facebook.com/HackMIT" class="social-icon"><i class="icon-facebook"></i></a></span>
+
-
  </div>
+
-
</footer>
+
-
</body>
+
-
<script>(function(d, s, id) {
+
-
  var js, fjs = d.getElementsByTagName(s)[0];
+
-
  if (d.getElementById(id)) return;
+
-
  js = d.createElement(s); js.id = id;
+
-
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=409367975766428";
+
-
  fjs.parentNode.insertBefore(js, fjs);
+
-
}(document, 'script', 'facebook-jssdk'));</script>
+
-
 
+
-
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+
-
 
+
-
<script type="text/javascript">
+
-
  $(document).on('scroll', function(){
+
-
    if( $(document).scrollTop() > 450){
+
-
      $('nav').addClass('nav-scrolled');
+
-
    }else{
+
-
      $('nav').removeClass('nav-scrolled');
+
-
    }
+
-
  });
+
-
 
+
-
  window.addEventListener('hashchange', function(){
+
-
    scrollBy(0, -110);
+
-
  });
+
-
</script>
+
-
 
+
-
<script>
+
-
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+
-
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+
-
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+
-
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
-
 
+
-
  ga('create', 'UA-41693316-1', 'hackmit.org');
+
-
  ga('send', 'pageview');
+
-
 
+
-
</script>
+
-
</html>
+

Revision as of 19:30, 25 July 2013

{{<https://2013.igem.org/Template:UIUC_Illinois_CSS>}}