首頁 探索 說明
登入
mrkad
/
php-phantomjs
镜像来自 https://github.com/jonnnnyw/php-phantomjs.git
1
0
複刻 0
Files 問題管理 0 Wiki
瀏覽代碼

Create gh-pages branch via GitHub

Jonny Wenmoth 11 年之前
父節點
ddb68397f0
當前提交
9f493aed57
共有 3 個文件被更改，包括 300 次插入 和 40 次删除
統一視圖 顯示文件統計
  1. 28 40
      index.html
  2. 17 0
      javascripts/scale.fix.js
  3. 255 0
      stylesheets/styles.css

+ 28 - 40
index.html
查看文件 

@@ -1,34 +1,34 @@
 
-<!DOCTYPE html>
 
+<!doctype html>
 
 <html>
 
 <html>
 
   <head>
 
   <head>
 
-    <meta charset='utf-8'>
 
+    <meta charset="utf-8">
 
     <meta http-equiv="X-UA-Compatible" content="chrome=1">
 
     <meta http-equiv="X-UA-Compatible" content="chrome=1">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
-    <link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
 
-    <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" />
 
+    <title>php-phantomjs by jonnnnyw</title>
 
 
 
+    <link rel="stylesheet" href="stylesheets/styles.css">
 
+    <link rel="stylesheet" href="stylesheets/pygment_trac.css">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
 
     <!--[if lt IE 9]>
 
     <!--[if lt IE 9]>
 
     <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 
     <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 
     <![endif]-->
 
     <![endif]-->
 
-
 
-    <title>php-phantomjs by jonnnnyw</title>
 
   </head>
 
   </head>
 
-
 
   <body>
 
   <body>
 
-    <header>
 
-      <div class="inner">
 
+    <div class="wrapper">
 
+      <header>
 
         <h1>php-phantomjs</h1>
 
         <h1>php-phantomjs</h1>
 
-        <h2>Execute PhantomJS commands through PHP</h2>
 
-        <a href="https://github.com/jonnnnyw/php-phantomjs" class="button"><small>View project on</small>GitHub</a>
 
-      </div>
 
-    </header>
 
-
 
-    <div id="content-wrapper">
 
-      <div class="inner clearfix">
 
-        <section id="main-content">
 
-          <h1>
 
+        <p>Execute PhantomJS commands through PHP</p>
 
+
 
+        <p class="view"><a href="https://github.com/jonnnnyw/php-phantomjs">View the Project on GitHub <small>jonnnnyw/php-phantomjs</small></a></p>
 
+
 
+
 
+        <ul>
 
+          <li><a href="https://github.com/jonnnnyw/php-phantomjs/zipball/master">Download <strong>ZIP File</strong></a></li>
 
+          <li><a href="https://github.com/jonnnnyw/php-phantomjs/tarball/master">Download <strong>TAR Ball</strong></a></li>
 
+          <li><a href="https://github.com/jonnnnyw/php-phantomjs">View On <strong>GitHub</strong></a></li>
 
+        </ul>
 
+      </header>
 
+      <section>
 
+        <h1>
 
 <a name="php-phantomjs" class="anchor" href="#php-phantomjs"><span class="octicon octicon-link"></span></a>PHP PhantomJS</h1>
 
 <a name="php-phantomjs" class="anchor" href="#php-phantomjs"><span class="octicon octicon-link"></span></a>PHP PhantomJS</h1>
 
 
 
 <p>PHP PhantomJS is a simple PHP library to load pages through the PhantomJS 
 <p>PHP PhantomJS is a simple PHP library to load pages through the PhantomJS 
@@ -308,25 +308,13 @@ for older versions.</p>
 
 <a name="notwriteableexception" class="anchor" href="#notwriteableexception"><span class="octicon octicon-link"></span></a>NotWriteableException</h3>
 
 <a name="notwriteableexception" class="anchor" href="#notwriteableexception"><span class="octicon octicon-link"></span></a>NotWriteableException</h3>
 
 
 
 <p>The screen capture location you provided or your /tmp folder are not writeable. The /tmp folder is used to temporarily write the scripts that PhantomJS executes. They are deleted after execution or on failure.</p>
 
 <p>The screen capture location you provided or your /tmp folder are not writeable. The /tmp folder is used to temporarily write the scripts that PhantomJS executes. They are deleted after execution or on failure.</p>
 
-        </section>
 
-
 
-        <aside id="sidebar">
 
-          <a href="https://github.com/jonnnnyw/php-phantomjs/zipball/master" class="button">
 
-            <small>Download</small>
 
-            .zip file
 
-          </a>
 
-          <a href="https://github.com/jonnnnyw/php-phantomjs/tarball/master" class="button">
 
-            <small>Download</small>
 
-            .tar.gz file
 
-          </a>
 
-
 
-          <p class="repo-owner"><a href="https://github.com/jonnnnyw/php-phantomjs"></a> is maintained by <a href="https://github.com/jonnnnyw">jonnnnyw</a>.</p>
 
-
 
-          <p>This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the Architect theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.</p>
 
-        </aside>
 
-      </div>
 
+      </section>
 
+      <footer>
 
+        <p>This project is maintained by <a href="https://github.com/jonnnnyw">jonnnnyw</a></p>
 
+        <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
 
+      </footer>
 
     </div>
 
     </div>
 
-
 
-  
+    <script src="javascripts/scale.fix.js"></script>
 
+    
   </body>
 
   </body>
 
 </html>
 
 </html>

+ 17 - 0
javascripts/scale.fix.js
查看文件 

@@ -0,0 +1,17 @@
 
+var metas = document.getElementsByTagName('meta');
 
+var i;
 
+if (navigator.userAgent.match(/iPhone/i)) {
 
+  for (i=0; i<metas.length; i++) {
 
+    if (metas[i].name == "viewport") {
 
+      metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
 
+    }
 
+  }
 
+  document.addEventListener("gesturestart", gestureStart, false);
 
+}
 
+function gestureStart() {
 
+  for (i=0; i<metas.length; i++) {
 
+    if (metas[i].name == "viewport") {
 
+      metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
 
+    }
 
+  }
 
+}

+ 255 - 0
stylesheets/styles.css
查看文件 

@@ -0,0 +1,255 @@
 
+@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
 
+
 
+body {
 
+  padding:50px;
 
+  font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
 
+  color:#777;
 
+  font-weight:300;
 
+}
 
+
 
+h1, h2, h3, h4, h5, h6 {
 
+  color:#222;
 
+  margin:0 0 20px;
 
+}
 
+
 
+p, ul, ol, table, pre, dl {
 
+  margin:0 0 20px;
 
+}
 
+
 
+h1, h2, h3 {
 
+  line-height:1.1;
 
+}
 
+
 
+h1 {
 
+  font-size:28px;
 
+}
 
+
 
+h2 {
 
+  color:#393939;
 
+}
 
+
 
+h3, h4, h5, h6 {
 
+  color:#494949;
 
+}
 
+
 
+a {
 
+  color:#39c;
 
+  font-weight:400;
 
+  text-decoration:none;
 
+}
 
+
 
+a small {
 
+  font-size:11px;
 
+  color:#777;
 
+  margin-top:-0.6em;
 
+  display:block;
 
+}
 
+
 
+.wrapper {
 
+  width:860px;
 
+  margin:0 auto;
 
+}
 
+
 
+blockquote {
 
+  border-left:1px solid #e5e5e5;
 
+  margin:0;
 
+  padding:0 0 0 20px;
 
+  font-style:italic;
 
+}
 
+
 
+code, pre {
 
+  font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
 
+  color:#333;
 
+  font-size:12px;
 
+}
 
+
 
+pre {
 
+  padding:8px 15px;
 
+  background: #f8f8f8;  
+  border-radius:5px;
 
+  border:1px solid #e5e5e5;
 
+  overflow-x: auto;
 
+}
 
+
 
+table {
 
+  width:100%;
 
+  border-collapse:collapse;
 
+}
 
+
 
+th, td {
 
+  text-align:left;
 
+  padding:5px 10px;
 
+  border-bottom:1px solid #e5e5e5;
 
+}
 
+
 
+dt {
 
+  color:#444;
 
+  font-weight:700;
 
+}
 
+
 
+th {
 
+  color:#444;
 
+}
 
+
 
+img {
 
+  max-width:100%;
 
+}
 
+
 
+header {
 
+  width:270px;
 
+  float:left;
 
+  position:fixed;
 
+}
 
+
 
+header ul {
 
+  list-style:none;
 
+  height:40px;
 
+  
+  padding:0;
 
+  
+  background: #eee;
 
+  background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
 
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
 
+  background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
 
+  background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
 
+  background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
 
+  background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
 
+  
+  border-radius:5px;
 
+  border:1px solid #d2d2d2;
 
+  box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
 
+  width:270px;
 
+}
 
+
 
+header li {
 
+  width:89px;
 
+  float:left;
 
+  border-right:1px solid #d2d2d2;
 
+  height:40px;
 
+}
 
+
 
+header ul a {
 
+  line-height:1;
 
+  font-size:11px;
 
+  color:#999;
 
+  display:block;
 
+  text-align:center;
 
+  padding-top:6px;
 
+  height:40px;
 
+}
 
+
 
+strong {
 
+  color:#222;
 
+  font-weight:700;
 
+}
 
+
 
+header ul li + li {
 
+  width:88px;
 
+  border-left:1px solid #fff;
 
+}
 
+
 
+header ul li + li + li {
 
+  border-right:none;
 
+  width:89px;
 
+}
 
+
 
+header ul a strong {
 
+  font-size:14px;
 
+  display:block;
 
+  color:#222;
 
+}
 
+
 
+section {
 
+  width:500px;
 
+  float:right;
 
+  padding-bottom:50px;
 
+}
 
+
 
+small {
 
+  font-size:11px;
 
+}
 
+
 
+hr {
 
+  border:0;
 
+  background:#e5e5e5;
 
+  height:1px;
 
+  margin:0 0 20px;
 
+}
 
+
 
+footer {
 
+  width:270px;
 
+  float:left;
 
+  position:fixed;
 
+  bottom:50px;
 
+}
 
+
 
+@media print, screen and (max-width: 960px) {
 
+  
+  div.wrapper {
 
+    width:auto;
 
+    margin:0;
 
+  }
 
+  
+  header, section, footer {
 
+    float:none;
 
+    position:static;
 
+    width:auto;
 
+  }
 
+  
+  header {
 
+    padding-right:320px;
 
+  }
 
+  
+  section {
 
+    border:1px solid #e5e5e5;
 
+    border-width:1px 0;
 
+    padding:20px 0;
 
+    margin:0 0 20px;
 
+  }
 
+  
+  header a small {
 
+    display:inline;
 
+  }
 
+  
+  header ul {
 
+    position:absolute;
 
+    right:50px;
 
+    top:52px;
 
+  }
 
+}
 
+
 
+@media print, screen and (max-width: 720px) {
 
+  body {
 
+    word-wrap:break-word;
 
+  }
 
+  
+  header {
 
+    padding:0;
 
+  }
 
+  
+  header ul, header p.view {
 
+    position:static;
 
+  }
 
+  
+  pre, code {
 
+    word-wrap:normal;
 
+  }
 
+}
 
+
 
+@media print, screen and (max-width: 480px) {
 
+  body {
 
+    padding:15px;
 
+  }
 
+  
+  header ul {
 
+    display:none;
 
+  }
 
+}
 
+
 
+@media print {
 
+  body {
 
+    padding:0.4in;
 
+    font-size:12pt;
 
+    color:#444;
 
+  }
 
+}