Add site templates and layouts.

Issue #10627 https://github.com/ariya/phantomjs/issues/10627
gh-pages
Jamie Mason 2013-11-11 13:40:13 +00:00 committed by Ariya Hidayat
parent 77c947be35
commit cba6dc7803
3 changed files with 141 additions and 0 deletions

52
_layouts/default.html Normal file
View File

@ -0,0 +1,52 @@
---
layout: document
---
<div class="masthead">
{% include header.html %}
<div class="intro grid">
<div class="grid_7 alpha">
<h1>
Full web stack<br>
No browser required
</h1>
<p class="explanation">
PhantomJS is a headless WebKit scriptable with a JavaScript API.
It has <strong>fast</strong> and <strong>native</strong> support for various web standards:
DOM handling, CSS selector, JSON, Canvas, and SVG.<br></a>
</p>
<p class="action">
<a href="{{ site.url }}/download.html" class="btn-download">Download <span class="version">v1.9</span></a>
<a href="{{ site.url }}/quick-start.html">Get started</a>
</p>
</div>
<div class="intro-example grid_5 omega">
<pre class="solarized">
<strong>Simple Javascript example</strong>
<span class="object">console</span>.<span class="function">log</span>(<span class="literal">'Loading a web page'</span>);
var <span class="object">page</span> = require(<span class="literal">'webpage'</span>).<span class="function">create</span>();
var <span class="object">url</span> = <span class="literal">'http://www.phantomjs.org/'</span>;
<span class="object">page</span>.<span class="function">open</span>(url, <span class="function">function</span> (status) {
<span class="comment">//Page is loaded!</span>
<span class="object">phantom</span>.<span class="function">exit</span>();
});
</pre>
</div>
</div>
</div>
{% include community.html %}
<div class="description grid">
{{ content }}
</div>
<a href="https://github.com/ariya/phantomjs/">
<img style="position:absolute;top:0;left:0;border:0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_white_ffffff.png" alt="Fork PhantomJS on GitHub">
</a>

42
_layouts/document.html Normal file
View File

@ -0,0 +1,42 @@
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>{{ page.title }} | {{ site.name }}</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="shortcut icon" href="{{ site.url }}/img/favicon.ico">
<link href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="{{ site.url }}/css/main.css">
<!-- @TODO: Allow indexing if/when implemented by project -->
<meta name="robots" content="noindex,nofollow"/>
<!-- @TODO: Restore analytics if/when implemented by project -->
<script>
// var _gaq = _gaq || [];
// _gaq.push(['_setAccount', 'UA-21665893-1']);
// _gaq.push(['_trackPageview']);
// (function() {
// var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
// ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
// var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
// })();
</script>
</head>
<body>
{{ content }}
<div class="footer">
<div class="footer-content" class="grid">
<p>
&copy; Copyright 2010-{{site.time | date: "%Y"}} <a href="http://twitter.com/AriyaHidayat">Ariya Hidayat</a> &mdash; Homepage design by <a href="http://svay.com/">Maurice Svay</a> &mdash; Documentation design by <a href="http://twitter.com/gotnosugarbaby">Jamie Mason</a>.
</p>
</div>
</div>
</body>
</html>

47
_layouts/post.html Normal file
View File

@ -0,0 +1,47 @@
---
layout: document
---
<div class="masthead">
{% include header.html %}
</div>
<div class="shift">
<div class="shift__down">
<div class="grid navigator">
<div class="grid_9 push_3">
<div class="post">
<h1>{{ page.title }}</h1>
{{ content }}
</div>
</div>
<div class="grid_3 pull_9">
{% if page.categories contains 'api' %}
{% include nav-api.html %}
{% endif %}
{% if page.categories contains 'docs' %}
{% include nav-docs.html %}
{% endif %}
</div>
</div>
</div>
<div class="shift__up island promo improve">
Please take a moment to <a href="{{ site.githubEdit }}{{ page.path }}">improve this document</a> with anything that could be useful to other developers, we'd love to see it.
</div>
</div>
{% include community.html %}