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">
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";
13 <script src="<!-- tmpl_var root -->jquery-1.4.2.min.js" type="application/javascript" charset="utf-8"></script>
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';
23 $(window).bind('orientationchange', function(){
24 setTimeout(scrollTo, 300, 0, 0);
26 $('a').bind('click', function () {
27 var from = $('.current');
28 var to = $($(this).attr('href'));
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');
37 to.addClass('current');
38 from.removeClass('current');
40 setTimeout(scrollTo, 300, 0, 0);
45 <!-- tmpl_var extra_header -->
46 <title>keitairc</title>
48 <body onLoad="setTimeout(scrollTo, 100, 0, 1);">
49 <div id="login" class="current">
52 <a href="#about" class="button menu_button" id="index_menu_button">About</a>
54 <form id="login_form" method="post" rel="external" action="login" class="edit">
55 <label for="password">
\83p
\83X
\83\8f\81[
\83h</label>
56 <input type="password" id="password" name="password" value="" />
57 <button type="submit" rel="external" class="submit whiteButton">
\83\8d\83O
\83C
\83\93</button>
60 <!-- tmpl_var timestamp --><br />
61 keitairc <!-- tmpl_var version -->
65 <div id="about" class="reverse">
68 <a href="#login" class="reverse button menu_button" id="index_menu_button">
\83\8d\83O
\83C
\83\93</a>
70 <div class="keitairc_info">
71 <h2>keitairc <!-- tmpl_var version --></h2>
72 <div class="keitairc_authors">
74 Copyright (c) 2003-2010 Jun Morimoto <morimoto@mrmt.net><br />
75 This program is covered by the GNU General Public License 2
79 Jun Morimoto <morimoto@mrmt>
82 WebKit Mobile (for iPhone & Android) UI:<br />
83 ISHIKAWA Mutsumi <ishikawa@hanzubon.jp>
87 Ichiro FUKUHARA, Akira Tagoh, Jun Hichisato, matsui, Tetsuji Ogata, Makoto Matsushita, Takahashi Yoshihiro, Takuo KITAME, twk http://nonn-et-twk.net/twk/
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 />
97 <!-- tmpl_var timestamp --><br />
98 keitairc <!-- tmpl_var version -->