data/templates/webkit/root.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   2           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
   4 <head>
   5   <meta http-equiv="Content-Type" content="text/html; charset=<!-- tmpl_var content_charset -->" />
   6   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
   7   <link rel="apple-touch-icon" href="<!-- tmpl_var root -->apple-touch-icon.png" />
   8   <!-- tmpl_var common_header -->
   9   <style type="text/css" media="screen">
  10     @import "<!-- tmpl_var root -->webkit.css";
  11     @import "<!-- tmpl_var root -->webkit_root.css";
  12   </style>
  13   <script src="<!-- tmpl_var root -->jquery-1.4.2.min.js" type="application/javascript" charset="utf-8"></script>
  14
  15   <script type="application/javascript" charset="utf-8">
  16     jQuery(document).ready(function($) {
  17         var animation_end = false;
  18         var el = document.createElement('div');
  19         if ('WebkitTransform' in el.style) {
  20                 animation_end = 'webkitAnimationEnd';
  21         }
  22         el = null;
  23         $('a').bind('click', function () {
  24                 var from = $('.current');
  25                 var to = $($(this).attr('href'));
  26
  27                 if (animation_end) {
  28                         from.addClass('flip out');
  29                         to.addClass('flip in current').one(animation_end, function() {
  30                                 from.removeClass('current out');
  31                                 to.removeClass('in flip');
  32                         });
  33                 } else {
  34                         to.addClass('current');
  35                         from.removeClass('current');
  36                 }
  37                 return false;
  38         });
  39     });
  40   </script>
  41   <!-- tmpl_var extra_header -->
  42  <title>keitairc</title>
  43 </head>
  44 <body onLoad="setTimeout(scrollTo, 100, 0, 1);">
  45 <div id="login" class="current">
  46   <div class="toolbar">
  47     <h1>keiairc</h1>
  48     <a href="#about" class="button menu_button" id="index_menu_button">About</a>
  49   </div>
  50   <form id="login_form" method="post" rel="external" action="login" class="edit">
  51     <label for="password">\83p\83X\83\8f\81[\83h</label>
  52     <input type="password" id="password" name="password" value="" />
  53     <button type="submit" rel="external" class="submit whiteButton">\83\8d\83O\83C\83\93</button>
  54   </form>
  55   <div class="info">
  56     <!-- tmpl_var timestamp --><br />
  57     keitairc <!-- tmpl_var version -->
  58   </div>
  59 </div>
  60
  61 <div id="about" class="reverse">
  62   <div class="toolbar">
  63     <h1>About</h1>
  64     <a href="#login" class="reverse button menu_button" id="index_menu_button">\83\8d\83O\83C\83\93</a>
  65   </div>
  66   <div class="info">
  67     <!-- tmpl_var timestamp --><br />
  68     keitairc <!-- tmpl_var version -->
  69   </div>
  70 </div>
  71 </body>
  72 </html>