guide/index.html at master · sudo-js/guide · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">

    <title>Rob's * Guide To sudo.js</title>
    <link href="http://fonts.googleapis.com/css?family=Sunshiney" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/index.css" type="text/css" media="screen" charset="utf-8">
  </head>
  <body>
    <div id="content">
      <header>
        <div class="h1">Rob's <div id='star'>*</div> Guide To sudo.js</div>
        <nav>
          <ul>
            <li><a href="base"><img title="Base Class" alt="base class" src="img/settings.png"></img></a></li>
            <li><a href="container"><img title="Container Class" alt="container class" src="img/shopping-cart.png"></img></a></li>
            <li><a href="model"><img title="Model Class" alt="model class" src="img/disc.png"></img></a></li>
            <li><a href="view"><img title="View Class" alt="view class" src="img/search.png"></img></a></li>
          </ul>
        </nav>
      </header>
      <section><p>Loading the shiz...</p></section>
    </div>
    <script src="js/lib/sudo/sudo.js"></script>
    <script src="js/model.js"></script>
    <script src="js/section.js"></script>
    <script src="js/index.js"></script>
    <script src="js/routes.js"></script>
    <script type="text/javascript" charset="utf-8">
      // a single global model will suffice
      page.model = new lib.model();
      page.navigator = new _.Navigator({root: '/', useHashChange: true});
      // make the navigator an observable
      _.extend(page.navigator, _.extensions.observable);
      page.navigator.start();
      page.index = new lib.index('#content', page.model);
    </script>
  </body>
</html>