Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
170 lines (134 sloc) 7.43 KB
<!doctype html>
<!-- apply CSS reset because we are not savages -->
<link rel="stylesheet" type="text/css" href="">
<link rel="stylesheet" type="text/css" href="">
<style type="text/css">
body {
overflow-y: scroll;
#app {
width: 550px;
margin: 50px auto;
color: #252519;
font-family: Georgia, serif;
h1 {
width: 372px; height: 0; overflow: hidden;
padding-top: 258px; margin: 0 auto 48px;
background: url('lib/logo.png');
h2 {
margin-bottom: 24px;
font-size: 24px; line-height: 24px;
p {
width: 550px;
font-size: 16px; line-height: 24px;
margin-bottom: 1em;
#documentation p {
margin-bottom: 4px;
a, a:visited {
padding: 0 2px;
text-decoration: none;
background: #fbd4da;
color: #252519;
a:active, a:hover {
color: #000;
background: #f79f9e;
h1, h2, h3, h4, h5, h6 {
margin-top: 40px;
b.header {
font-size: 18px;
span.alias {
font-size: 14px;
font-style: italic;
margin-left: 20px;
table, tr, td {
margin: 0 0 24px; padding: 0;
td {
padding: 2px 12px 2px 0;
code, pre, tt {
font-family: Monaco, Consolas, "Lucida Console", monospace;
font-size: 12px;
line-height: 18px;
color: #808285;
code {
margin-left: 20px;
pre {
font-size: 12px;
padding: 2px 0 2px 12px;
border-left: 6px solid #e6e7e8;
margin: 0px 0 30px;
.footer {
padding-top: 40px; margin-bottom: 2px;
font-size: 10px;
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1582519-8']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
<div id="app">
<ol class="section-set">
<li class="section" data-name="Home">
<p>Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document. The best way to understand how Sausage works is to <a href="examples/couchdb.html">view</a> <a href="examples/basic.html">some</a> <a href="">examples</a>.</p>
<p>A complete <a href="tests/index.html">test &amp; benchmark suite</a> is <strike>included</strike> coming soon. You may also read through the <a href="docs/jquery.sausage.html">annotated source code</a> or visit the project page on <a href="">GitHub</a>. You can report bugs and discuss features on the <a href="">issues page</a>, or send tweets to <a href="">@sausagejs</a>.</p>
<li class="section" data-name="Downloads &amp; Dependencies">
<h2>Downloads &amp; Dependencies <i style="padding-left: 12px; font-size:12px;">(Right-click, and use "Save As")</i></h2>
<td><a href="jquery.sausage.js">Development Version (1.0.0)</a></td>
<td><i>11 kb, Uncompressed with Comments</i></td>
<td><a href="jquery.sausage-min.js">Production Version (0.1.0)</a></td>
<td><i>3kb, Minified and Gzipped</i></td>
<p>Sausage depends on both <a href="">jQuery</a> and the <a href="">jQuery UI</a> widget factory.</p>
<p>You're encouraged to write a custom CSS layer to suit your application, however an <a href="lib/sausage.css">example CSS file</a> is included to help you get started.</p>
<li class="section" data-name="Get Started">
<h2>Get Started</h2>
<p>To use, just apply <tt>.sausage()</tt> to <tt>window</tt>.</p>
<p>For more advanced usage, refer to the <a href="">examples</a> or view the <a href="docs/jquery.sausage.html">annotated source</a>.</p>
<!--<li class="section" data-name="Change Log">
<h2>Change Log</h2>
<h2 class="footer">Created by <a href="">Christopher Cliff</a></h2>
<div style="padding-top: 0;" class="footer">Logo designed by <a href="">Roy Rub</a></div>
</div><!-- /app -->