index.html

   1 <html>
   2     <head>
   3         <meta http-equiv="content-type" content="text/html; charset=utf-8">
   4         <link rel="stylesheet" type="text/css" href="style.css">
   5         <link rel="stylesheet" type="text/css" href="index.css">
   6     </head>
   7     <body>
   8
   9         <noscript>
  10             <br>This transcriber makes extensive use
  11             of JavaScript and very new CSS tricks.
  12             You might try using the much older
  13             <a href="http://tengwar.art.pl/tengwar/ott/start.php?l=en">
  14                 tengwar transcriber
  15             </a> if your browser does not support
  16             these features.
  17         </noscript>
  18
  19         <div class="vbox" style="height: 100%; width: 100%">
  20             <div class="vbox spring" id="output-box">
  21                 <div class="spring"></div>
  22                 <div id="output" class="strut">
  23                     Ash nazg durbatulûk, ash nazg gimbatul,<br>
  24                     Ash nazg thrakatulûk agh burzum-ishi krimpatul.
  25                 </div>
  26                 <div class="spring"></div>
  27                 <div class="strut hbox">
  28                     <div class="spring"></div>
  29                     <div id="annotation"></div>
  30                     <div class="spring"></div>
  31                 </div>
  32             </div>
  33             <div class="strut hbox">
  34                 <div class="strut" style="width: 30ex">
  35                 </div>
  36                 <div class="spring">
  37                     <textarea id="input">&gt;Ash nazg durbatulûk, ash nazg gimbatul,&lt;
  38 Ash nazg thrakatulûk agh burzum-ishi krimpatul.</textarea>
  39                 </div>
  40                 <div class="strut hbox" style="width: 30ex">
  41                     <div class="spring"></div>
  42                     <div class="strut">
  43                         <a href="about.html">about</a>
  44                     </div>
  45                 </div>
  46             </div>
  47         </div>
  48
  49         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
  50         <script src="tengwar.js" charset="utf-8"></script>
  51         <script src="index.js" charset="utf-8"></script>
  52
  53         <script src="http://static.getclicky.com/js" type="text/javascript"></script>
  54         <script type="text/javascript">clicky.init(237383);</script>
  55         <noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/237383ns.gif" /></p></noscript>
  56     </body>
  57 </html>
  58