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     <input type="password" id="password" name="password" value="" placeholder="パスワード" />
  56     <button type="submit" rel="external" class="submit whiteButton">ログイン</button>
  57   </form>
  58   <div class="info">
  59     <!-- tmpl_var timestamp --><br />
  60     keitairc <!-- tmpl_var version -->
  61   </div>
  62 </div>
  63
  64 <div id="about" class="reverse">
  65   <div class="toolbar">
  66     <h1>About</h1>
  67     <a href="#login" class="reverse button menu_button" id="index_menu_button">ログイン</a>
  68   </div>
  69   <div class="keitairc_info">
  70     <h2>keitairc <!-- tmpl_var version --></h2>
  71     <div class="keitairc_authors">
  72     <p>
  73       Copyright (c) 2003-2010 Jun Morimoto &lt;morimoto@mrmt.net&gt;<br />
  74       This program is covered by the GNU General Public License 2
  75     </p>
  76     <p>
  77       Author:<br />
  78       Jun Morimoto &lt;morimoto@mrmt&gt;
  79     </p>
  80     <p>
  81         WebKit Mobile (for iPhone &amp; Android) UI:<br />
  82         ISHIKAWA Mutsumi &lt;ishikawa@hanzubon.jp&gt;
  83     </p>
  84     <p>
  85         Thanks goes to:<br />
  86         Ichiro FUKUHARA, Akira Tagoh, Jun Hichisato, matsui, Tetsuji Ogata, Makoto Matsushita, Takahashi Yoshihiro, Takuo KITAME, twk http://nonn-et-twk.net/twk/
  87     </p>
  88     <p>
  89       This version uses:<br />
  90       <a href="http://jquery.com/">jQuery</a><br />
  91       <a href="http://cubiq.org/scrolling-div-for-mobile-webkit-turns-3">iScroll</a><br />
  92     </p>
  93     </div>
  94   </div>
  95   <div class="info">
  96     <!-- tmpl_var timestamp --><br />
  97     keitairc <!-- tmpl_var version -->
  98   </div>
  99 </div>
 100 </body>
 101 </html>