views/layout.ejs

<!doctype html>
<html class="no-js" lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>gitscore &bull; your hacker reputation</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  
  <meta property="fb:app_id" content="190967944355641" />
  <meta property="fb:admins" content="500648554" />
  <meta property="og:site_name" content="gitscore" />
  <meta property="og:type" content="website" />
  <meta property="og:image" content="http://gitscore.com/images/gitscore.png" />
  <% if(username) { %>
    <meta property="og:url" content="http://gitscore.com/user/<%= username %>" />
    <meta property="og:description" content="My gitscore is <%= score %>, which is <%= position %> in the world! Where does your contribution to github put you on the gitscore leaderboard?" />
    <meta property="og:title" content="<%= username %>'s gitscore" />
  <% } else { %>
    <meta property="og:url" content="http://gitscore.com/" />
    <meta property="og:description" content="Get your hacker reputation from gitscore.com! Where does your contribution to github put you on the gitscore leaderboard?" />
    <meta property="og:title" content="gitscore" />
  <% } %>

  <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>

  <link rel="stylesheet/less" type="text/css" href="/css/styles.less">
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="/js/libs/history.min.js"></script>
  <script src="/js/libs/less-1.1.3.min.js"></script>

  <script src="/js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>

<div id="container">
  <div id="fb-root"></div>
  <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_GB/all.js#xfbml=1&appId=190967944355641";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>
  <header>
    <h1>gitscore</h1>
    <h2>your hacker reputation</h2>
  </header>

  <div id="main" role="main">
    <%- body %>
  </div>

  <footer>
    <div class="social-buttons">
      <a href="https://twitter.com/share" data-url="http://gitscore.com" data-text="Get your hacker reputation from gitscore! Where are you on the leaderboard?" data-via="gitscore" class="twitter-share-button">Tweet</a>
      <div class="fb-like" data-href="http://gitscore.com" data-send="false" data-layout="button_count" data-width="107" data-show-faces="false" style="vertical-align:top;zoom:1;*display:inline"></div>
    </div>
    <div id="author">
      Created by <a href="http://snmaynard.com">Simon Maynard</a> and <a href="http://loopj.com">James Smith</a>.
    </div>
  </footer>
</div> <!--! end of #container -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28321678-2']);
  _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>

<!--[if lt IE 7 ]>
  <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
  <script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
<![endif]-->

</body>
</html>