views/layout.ejs

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title><%= title %> | Hackers at EPFL</title>
    <link rel="icon" type="image/png" href="/img/favicon.png" />
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" />
    <link rel="stylesheet" href="/css/app.css" />
    <%- stylesheets %>
    <script src="/bower_components/modernizr/modernizr.js"></script>
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-36253971-1']);
      _gaq.push(['_setDomainName', 'hackepfl.com']);
      _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>
  </head>
  <body>

  <div class="contain-to-grid">
      <nav class="top-bar hide-for-small" data-topbar>
        <section class="top-bar-section">
          <ul class="title-area">
            <li class="name">
              <h1>
                <a href="/">
                  <img src="/img/logo.png" alt="Hackers at EPFL's logo" class="logo" />
                  Hackers at EPFL
                </a>
              </h1>
            </li>
            <li class="toggle-topbar menu-icon">
              <a href="#"><span>Menu</span></a>
            </li>
          </ul>
          <ul class="right">
          <li<%- (page == 'mission' ? ' class="active"' : '') %>>
              <a href="/mission/">Mission</a>
            </li>
            <li<%- (page == 'events' ? ' class="active"' : '') %>>
              <a href="/events/">Events</a>
            </li>
            <li<%- (page == 'gallery' ? ' class="active"' : '') %>>
              <a href="/gallery/">Gallery</a>
            </li>
            <li<%- (page == 'contact' ? ' class="active"' : '') %>>
              <a href="/contact/">Contact</a>
            </li>
            <li<%- (page == 'partners' ? ' class="active"' : '') %>>
              <a href="/partners/">Partners</a>
            </li>
            <li>
              <a href="//blog.hackersatepfl.com">Blog</a>
            </li>
          </ul>
        </section>
      </nav>
    </div>


    <%- body -%>

    <footer id="footer">
      <div class="row">
        <div class="small-6 large-6 columns">
          <ul class="inline-list left">
            <li><a href="/files/Hackers_at_EPFL_Statuts_01nov2013.pdf">Our statutes (PDF)</a></li>
          </ul>
        </div>
        <div class="small-12 large-6 columns">
          <ul class="inline-list right">
            <li><a href="irc://chat.freenode.net/#hackepfl">IRC</a></li>
            <li><a href="https://twitter.com/hackepfl">Twitter</a></li>
            <li><a href="https://www.facebook.com/hackepfl">Facebook</a></li>
            <li><a href="https://github.com/hackepfl">GitHub</a></li>
          </ul>
        </div>
      </div>
    </footer>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="/bower_components/foundation/js/foundation.min.js"></script>
    <script src="/bower_components/foundation/js/foundation/foundation.clearing.js"></script>
    <script src="/js/app.js"></script>
    <%- scripts %>
  </body>
</html>