spsaucier/index.html Secret

## index.html
<!doctype html>
<html lang="en" ng-app="application">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="/assets/css/app.css" rel="stylesheet" type="text/css">
    <script src="/assets/js/foundation.js"></script>
    <script src="/assets/js/routes.js"></script>
    <script src="/assets/js/app.js"></script>

    <!-- Update the title, add Typekit -->
    <title>Star Wars Compendium using Foundation for Apps</title>
    <script src="//use.typekit.net/nqg3nxr.js"></script>
    <script>try{Typekit.load();}catch(e){}</script>

  </head>
  <body>

    <!-- Fancy Off-Canvas Menu -->
    <zf-offcanvas position="left" id="menu">
      <a zf-close="" class="close-button">×</a>
      <h2>Star Wars Compendium</h2>
      <ul class="primary condense menu-bar vertical">
        <li ui-sref-active="is-active"><a ui-sref="home">Home</a></li>
        <li ui-sref-active="is-active"><a ui-sref="films">Films</a></li>
        <li ui-sref-active="is-active"><a ui-sref="species">Species</a></li>
        <li ui-sref-active="is-active"><a ui-sref="planets">Planets</a></li>
        <li ui-sref-active="is-active"><a ui-sref="people">People</a></li>
        <li ui-sref-active="is-active"><a ui-sref="starships">Starships</a></li>
        <li ui-sref-active="is-active"><a ui-sref="vehicles">Vehicles</a></li>
      </ul>
    </zf-offcanvas>

    <!-- Our new menu bar, with links that become active automatically -->
    <div class="grid-frame vertical">
      <div class="grid-content shrink" style="padding: 0;">
        <div class="menu-group">
          <div class="menu-group-left">
            <ul class="primary condense menu-bar">
              <li class="show-small"><a class="offcanvas-toggle" zf-hard-toggle="menu">&equiv;</a></li>
              <li class="show-all" ui-sref-active="is-active"><a ui-sref="home"><strong>Star Wars Compendium</strong></a></li>
              <li ui-sref-active="is-active"><a ui-sref="films">Films</a></li>
              <li ui-sref-active="is-active"><a ui-sref="species">Species</a></li>
              <li ui-sref-active="is-active"><a ui-sref="planets">Planets</a></li>
              <li ui-sref-active="is-active"><a ui-sref="people">People</a></li>
              <li ui-sref-active="is-active"><a ui-sref="starships">Starships</a></li>
              <li ui-sref-active="is-active"><a ui-sref="vehicles">Vehicles</a></li>
            </ul>
          </div>
        </div>
      </div>

      <!-- This tag is required if you want to use HTML5 pushstate (with requirebase: true) instead of ugly hash -->
      <base href="/"/>

      <!-- Foundation's Motion UI requires this 'ng-class', and we've added classes: fadeIn easeInOut as instructions -->
      <div ng-class="['ui-animation']" class="grid-frame vertical fadeIn easeInOut" ui-view ></div>
    </div>
  </body>
</html>
	<!doctype html>
	<html lang="en" ng-app="application">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link href="/assets/css/app.css" rel="stylesheet" type="text/css">
	<script src="/assets/js/foundation.js"></script>
	<script src="/assets/js/routes.js"></script>
	<script src="/assets/js/app.js"></script>

	<!-- Update the title, add Typekit -->
	<title>Star Wars Compendium using Foundation for Apps</title>
	<script src="//use.typekit.net/nqg3nxr.js"></script>
	<script>try{Typekit.load();}catch(e){}</script>

	</head>
	<body>

	<!-- Fancy Off-Canvas Menu -->
	<zf-offcanvas position="left" id="menu">
	<a zf-close="" class="close-button">×</a>
	<h2>Star Wars Compendium</h2>
	<ul class="primary condense menu-bar vertical">
	<li ui-sref-active="is-active"><a ui-sref="home">Home</a></li>
	<li ui-sref-active="is-active"><a ui-sref="films">Films</a></li>
	<li ui-sref-active="is-active"><a ui-sref="species">Species</a></li>
	<li ui-sref-active="is-active"><a ui-sref="planets">Planets</a></li>
	<li ui-sref-active="is-active"><a ui-sref="people">People</a></li>
	<li ui-sref-active="is-active"><a ui-sref="starships">Starships</a></li>
	<li ui-sref-active="is-active"><a ui-sref="vehicles">Vehicles</a></li>
	</ul>
	</zf-offcanvas>

	<!-- Our new menu bar, with links that become active automatically -->
	<div class="grid-frame vertical">
	<div class="grid-content shrink" style="padding: 0;">
	<div class="menu-group">
	<div class="menu-group-left">
	<ul class="primary condense menu-bar">
	<li class="show-small"><a class="offcanvas-toggle" zf-hard-toggle="menu">&equiv;</a></li>
	<li class="show-all" ui-sref-active="is-active"><a ui-sref="home"><strong>Star Wars Compendium</strong></a></li>
	<li ui-sref-active="is-active"><a ui-sref="films">Films</a></li>
	<li ui-sref-active="is-active"><a ui-sref="species">Species</a></li>
	<li ui-sref-active="is-active"><a ui-sref="planets">Planets</a></li>
	<li ui-sref-active="is-active"><a ui-sref="people">People</a></li>
	<li ui-sref-active="is-active"><a ui-sref="starships">Starships</a></li>
	<li ui-sref-active="is-active"><a ui-sref="vehicles">Vehicles</a></li>
	</ul>
	</div>
	</div>
	</div>

	<!-- This tag is required if you want to use HTML5 pushstate (with requirebase: true) instead of ugly hash -->
	<base href="/"/>

	<!-- Foundation's Motion UI requires this 'ng-class', and we've added classes: fadeIn easeInOut as instructions -->
	<div ng-class="['ui-animation']" class="grid-frame vertical fadeIn easeInOut" ui-view ></div>
	</div>
	</body>
	</html>