Create gh-pages branch via GitHub

index.html

@@ -1,34 +1,42 @@
-<!DOCTYPE html>
+<!doctype html>
+<!-- The Time Machine GitHub pages theme was designed and developed by Jon Rohan, on Feb 7, 2012. -->
+<!-- Follow him for fun. http://twitter.com/jonrohan. Tail his code on http://github.com/jonrohan -->
 <html>
-  <head>
-    <meta charset='utf-8'>
-    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
-    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" />
-    <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
-    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
+  <link rel="stylesheet" href="stylesheets/stylesheet.css" media="screen"/>
+  <link rel="stylesheet" href="stylesheets/pygment_trac.css"/>
+  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+  <script type="text/javascript" src="javascripts/script.js"></script>
 
-    <title>Canal by otter-projects</title>
-  </head>
+  <title>Canal</title>
+  <meta name="description" content="阿里巴巴mysql数据库binlog的增量订阅&amp;消费组件">
 
-  <body>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
 
+</head>
+
+<body>
+
+  <div class="wrapper">
     <header>
-      <div class="container">
-        <h1>Canal</h1>
-        <h2>阿里巴巴mysql数据库binlog的增量订阅&amp;消费组件</h2>
-
-        <section id="downloads">
-          <a href="https://github.com/otter-projects/canal/zipball/master" class="btn">Download as .zip</a>
-          <a href="https://github.com/otter-projects/canal/tarball/master" class="btn">Download as .tar.gz</a>
-          <a href="https://github.com/otter-projects/canal" class="btn btn-github"><span class="icon"></span>View on GitHub</a>
-        </section>
-      </div>
+      <h1 class="title">Canal</h1>
     </header>
-
-    <div class="container">
-      <section id="main_content">
-        <div>
+    <div id="container">
+      <p class="tagline">阿里巴巴mysql数据库binlog的增量订阅&amp;消费组件</p>
+      <div id="main" role="main">
+        <div class="download-bar">
+        <div class="inner">
+          <a href="https://github.com/otter-projects/canal/tarball/master" class="download-button tar"><span>Download</span></a>
+          <a href="https://github.com/otter-projects/canal/zipball/master" class="download-button zip"><span>Download</span></a>
+          <a href="https://github.com/otter-projects/canal" class="code">View Canal on GitHub</a>
+        </div>
+        <span class="blc"></span><span class="trc"></span>
+        </div>
+        <article class="markdown-body">
+          <div>
     <div>
 <p>  </p>
 <h1>背景</h1>
@@ -423,10 +431,27 @@ X : 2013-02-05 23:29:46    update=true</pre>
 <p></p><div>
 <a href="http://dl.iteye.com/topics/download/7a893f19-bafb-313a-8a7a-e371a4265ad9">canal.sample.tar.gz</a> (2.2 KB)
   </div>
-      </section>
+        </article>
+      </div>
     </div>
+    <footer>
+      <div class="owner">
+      <p><a href="https://github.com/otter-projects" class="avatar"><img src="https://secure.gravatar.com/avatar/c43c6a524c0265e6d2b30568664c00fb?s=30&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="48" height="48"/></a> <a href="https://github.com/otter-projects">otter-projects</a> maintains <a href="https://github.com/otter-projects/canal">Canal</a></p>
 
-              <script type="text/javascript">
+
+      </div>
+      <div class="creds">
+        <small>This page generated using <a href="https://pages.github.com/">GitHub Pages</a><br/>theme by <a href="http://twitter.com/jonrohan/">Jon Rohan</a></small>
+      </div>
+    </footer>
+  </div>
+  <div class="current-section">
+    <a href="#top">Scroll to top</a>
+    <a href="https://github.com/otter-projects/canal/tarball/master" class="tar">tar</a><a href="https://github.com/otter-projects/canal/zipball/master" class="zip">zip</a><a href="" class="code">source code</a>
+    <p class="name"></p>
+  </div>
+
+            <script type="text/javascript">
             var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
             document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
           </script>
@@ -437,5 +462,5 @@ X : 2013-02-05 23:29:46    update=true</pre>
             } catch(err) {}
           </script>
 
-  </body>
-</html>
+</body>
+</html>