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         $(window).bind('orientationchange', function(){
  24                 setTimeout(scrollTo, 300, 0, 0);
  25         });
  26         $('a').bind('click', function () {
  27                 var from = $('.current');
  28                 var to = $($(this).attr('href'));
  29
  30                 if (animation_end) {
  31                         from.addClass('flip out');
  32                         to.addClass('flip in current').one(animation_end, function() {
  33                                 from.removeClass('current out');
  34                                 to.removeClass('in flip');
  35                         });
  36                 } else {
  37                         to.addClass('current');
  38                         from.removeClass('current');
  39                 }
  40                 setTimeout(scrollTo, 300, 0, 0);
  41                 return false;
  42         });
  43     });
  44   </script>
  45   <!-- tmpl_var extra_header -->
  46  <title>keitairc</title>
  47 </head>
  48 <body onLoad="setTimeout(scrollTo, 100, 0, 1);">
  49 <div id="login" class="current">
  50   <div class="toolbar">
  51     <h1>keiairc</h1>
  52     <a href="#about" class="button menu_button" id="index_menu_button">About</a>
  53   </div>
  54   <form id="login_form" method="post" rel="external" action="login" class="edit">
  55     <label for="password">パスワード</label>
  56     <input type="password" id="password" name="password" value="" />
  57     <button type="submit" rel="external" class="submit whiteButton">ログイン</button>
  58   </form>
  59   <div class="info">
  60     <!-- tmpl_var timestamp --><br />
  61     keitairc <!-- tmpl_var version -->
  62   </div>
  63 </div>
  64
  65 <div id="about" class="reverse">
  66   <div class="toolbar">
  67     <h1>About</h1>
  68     <a href="#login" class="reverse button menu_button" id="index_menu_button">ログイン</a>
  69   </div>
  70   <div class="keitairc_info">
  71     <h2>keitairc <!-- tmpl_var version --></h2>
  72     <div class="keitairc_authors">
  73     <p>
  74       Copyright (c) 2003-2010 Jun Morimoto &lt;morimoto@mrmt.net&gt;<br />
  75       This program is covered by the GNU General Public License 2
  76     </p>
  77     <p>
  78       Author:<br />
  79       Jun Morimoto &lt;morimoto@mrmt&gt;
  80     </p>
  81     <p>
  82         WebKit Mobile (for iPhone &amp; Android) UI:<br />
  83         ISHIKAWA Mutsumi &lt;ishikawa@hanzubon.jp&gt;
  84     </p>
  85     <p>
  86         Thanks goes to:<br />
  87         Ichiro FUKUHARA, Akira Tagoh, Jun Hichisato, matsui, Tetsuji Ogata, Makoto Matsushita, Takahashi Yoshihiro, Takuo KITAME, twk http://nonn-et-twk.net/twk/
  88     </p>
  89     <p>
  90       This version uses:<br />
  91       <a href="http://jquery.com/">jQuery</a><br />
  92       <a href="http://cubiq.org/scrolling-div-for-mobile-webkit-turns-3">iScroll</a><br />
  93     </p>
  94     </div>
  95   </div>
  96   <div class="info">
  97     <!-- tmpl_var timestamp --><br />
  98     keitairc <!-- tmpl_var version -->
  99   </div>
 100 </div>
 101 </body>
 102 </html>