app/index.html

   1 <!-- -*- mode:html -*- -->
   2 <html>
   3   <head>
   4         <title>Hyena</title>
   5         <link rel="stylesheet" type="text/css" href="/app/screen.css" />
   6         <script type="text/javascript" src="/app/ext/jquery-1.2.1.min.js"></script>
   7         <script type="text/javascript" src="/app/ext/trimpath-template-1.0.38.js"></script>
   8         <script type="text/javascript" src="/app/ext/json2.js"></script>
   9         <script type="text/javascript" src="/app/ext/date.js"></script>
  10         <script type="text/javascript" src="/app/hyena.js"></script>
  11   </head>
  12
  13   <body>
  14         <div id="site">
  15           Loading...
  16         </div>
  17
  18         <div id="trimpath-templates" style="display: none;">
  19
  20           <!-- TEMPLATE: Next Actions -->
  21           <textarea id="t-home">
  22                 <div class="box">
  23                   <span class="title">Next Actions</span>
  24                   <div>
  25                         {for a in actions}
  26                         <div class="na ${a.type}">
  27                           <a href="" class="na delete">x</a>
  28                           <span class="text">${a.text}</span>
  29                         </div>
  30                         {/for}
  31
  32                         <div class="na input">
  33                           <input type="text" name="na-input" id="na-input" />
  34                         </div>
  35                   </div>
  36                 </div>
  37
  38                 <div class="box">
  39                   <span class="title">Fortune</span>
  40                   <p>${fortune}
  41                   </p>
  42                 </div>
  43           </textarea>
  44
  45           <!-- TEMPLATE: Books -->
  46           <textarea id="t-books">
  47                 <div class="box">
  48                   <span class="title">Books</span>
  49                   <div class="item">
  50                         <span class="flag red">READING</span>
  51                         <span class="text">Phantoms in the Brain</span>
  52                   </div>
  53
  54                   <div class="item">
  55                         <span class="flag blue">QUEUE</span>
  56                         <span class="text">A Brief History of Everything</span>
  57                   </div>
  58
  59                   <div class="item">
  60                         <span class="flag gray">WISH</span>
  61                         <span class="text">GEB</span>
  62                   </div>
  63
  64                   <div class="item">
  65                         <span class="flag gray">WISH</span>
  66                         <span class="text">Stumbling on Happiness</span>
  67                   </div>
  68
  69                   <div class="item input">
  70                         <input type="text" name="books-input" id="books-input" />
  71                   </div>
  72
  73                 </div>
  74           </textarea>
  75
  76         </div>
  77
  78   </body>
  79
  80 </html>
  81