Skip to content

Commit

Permalink
Regenerate docs
Browse files Browse the repository at this point in the history
  • Loading branch information
@addyosmani
addyosmani committed Dec 28, 2014
1 parent 53da5ab commit b25f0b3
Show file tree
Hide file tree
Showing 12 changed files with 493 additions and 318 deletions.
80 changes: 64 additions & 16 deletions docs/app.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ <h1>app.js</h1>

</div>

<div class="content"><div class='highlight'><pre><span class="comment">/*jshint esnext:true */</span></pre></div></div>
<div class="content"><div class='highlight'><pre><span class="hljs-comment">/*jshint esnext:true */</span></pre></div></div>

</li>

Expand All @@ -76,14 +76,10 @@ <h2 id="traceur-todomvc">Traceur TodoMVC</h2>
<a class="pilcrow" href="#section-3">&#182;</a>
</div>
<p>This is a re-write of the Backbone <a href="http://todomvc.com">TodoMVC</a> app using
ECMAScript 6 features. It&#39;s made possible using
ECMAScript 6 features. It’s made possible using
<a href="https://github.com/google/traceur-compiler">Traceur</a> compiler and was
authored by Addy Osmani, Pascal Hartig, Sindre Sorhus, Stephen Sawchuk,
Rick Waldron, Domenic Denicola and Guy Bedford.</p>
<p>You can <a href="http://addyosmani.github.io/todomvc-backbone-es6/">run</a> the completed app,
<a href="https://github.com/addyosmani/todomvc-backbone-es6">watch</a> the project repository
or look at the original <a href="http://goo.gl/8opExB">ES5 implementation</a>.</p>
<h2 id="begin-your-es6-adventure-here">Begin your ES6 adventure here</h2>

</div>

Expand All @@ -96,22 +92,62 @@ <h2 id="begin-your-es6-adventure-here">Begin your ES6 adventure here</h2>
<div class="pilwrap ">
<a class="pilcrow" href="#section-4">&#182;</a>
</div>
<p>You can <a href="http://addyosmani.github.io/todomvc-backbone-es6/">run</a> the completed app,
<a href="https://github.com/addyosmani/todomvc-backbone-es6">watch</a> the project repository
or look at the original <a href="http://goo.gl/8opExB">ES5 implementation</a>.</p>

</div>

</li>


<li id="section-5">
<div class="annotation">

<div class="pilwrap ">
<a class="pilcrow" href="#section-5">&#182;</a>
</div>
<h2 id="begin-your-es6-adventure-here">Begin your ES6 adventure here</h2>

</div>

</li>


<li id="section-6">
<div class="annotation">

<div class="pilwrap ">
<a class="pilcrow" href="#section-6">&#182;</a>
</div>

</div>

</li>


<li id="section-7">
<div class="annotation">

<div class="pilwrap ">
<a class="pilcrow" href="#section-7">&#182;</a>
</div>
<h4 id="imports">Imports</h4>
<p>We import the classes we defined in the TodoApp module using the <code>import</code>
keyword.</p>

</div>

<div class="content"><div class='highlight'><pre>import {AppView, Filters} from <span class="string">'./todo-app'</span>;</pre></div></div>
<div class="content"><div class='highlight'><pre>import {AppView, Filters} from <span class="hljs-string">'./todo-app'</span>;</pre></div></div>

</li>


<li id="section-5">
<li id="section-8">
<div class="annotation">

<div class="pilwrap ">
<a class="pilcrow" href="#section-5">&#182;</a>
<a class="pilcrow" href="#section-8">&#182;</a>
</div>
<h2 id="document-ready">Document ready</h2>

Expand All @@ -120,15 +156,27 @@ <h2 id="document-ready">Document ready</h2>
</li>


<li id="section-6">
<li id="section-9">
<div class="annotation">

<div class="pilwrap ">
<a class="pilcrow" href="#section-6">&#182;</a>
<a class="pilcrow" href="#section-9">&#182;</a>
</div>

</div>

</li>


<li id="section-10">
<div class="annotation">

<div class="pilwrap ">
<a class="pilcrow" href="#section-10">&#182;</a>
</div>
<h4 id="arrow-functions-statements-">Arrow Functions (Statements)</h4>
<p>Load the application once the DOM is ready, using <code>jQuery.ready</code>
<code>() =&gt; { ... }</code> which you&#39;ll see below is the statement form of
<code>() =&gt; { ... }</code> which you’ll see below is the statement form of
the arrow function syntax. Practically speaking, it is lightweight
sugar for <code>function () { ... }.bind(this)</code>.</p>
<p>Apart from containing statements instead of an automatically-returned
Expand All @@ -142,18 +190,18 @@ <h4 id="arrow-functions-statements-">Arrow Functions (Statements)</h4>
</li>


<li id="section-7">
<li id="section-11">
<div class="annotation">

<div class="pilwrap ">
<a class="pilcrow" href="#section-7">&#182;</a>
<a class="pilcrow" href="#section-11">&#182;</a>
</div>
<p><em>Finally, we kick things off by creating the <strong>App</strong>.</em></p>

</div>

<div class="content"><div class='highlight'><pre> <span class="keyword">new</span> AppView();
<span class="keyword">new</span> Filters();
<div class="content"><div class='highlight'><pre> <span class="hljs-keyword">new</span> AppView();
<span class="hljs-keyword">new</span> Filters();
Backbone.history.start();
});</pre></div></div>

Expand Down
130 changes: 68 additions & 62 deletions docs/docco.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,9 +51,17 @@ b, strong {
font-family: "aller-bold";
}

p, ul, ol {
p {
margin: 15px 0 0px;
}
.annotation ul, .annotation ol {
margin: 25px 0;
}
.annotation ul li, .annotation ol li {
font-size: 14px;
line-height: 18px;
margin: 10px 0;
}

h1, h2, h3, h4, h5, h6 {
color: #112233;
Expand All @@ -70,7 +78,7 @@ h1 {

hr {
border: 0;
background: 1px solid #ddd;
background: 1px #ddd;
height: 1px;
margin: 20px 0;
}
Expand Down Expand Up @@ -205,7 +213,6 @@ ul.sections > li > div {
}

ul.sections > li > div.content {
background: #f5f5ff;
overflow-x:auto;
-webkit-box-shadow: inset 0 0 5px #e5e5ee;
box-shadow: inset 0 0 5px #e5e5ee;
Expand Down Expand Up @@ -306,7 +313,6 @@ ul.sections > li > div {
ul.sections > li > div.content {
padding: 13px;
vertical-align: top;
background: #f5f5ff;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
Expand Down Expand Up @@ -376,125 +382,125 @@ pre code {
background: #f8f8ff
}

pre .comment,
pre .template_comment,
pre .diff .header,
pre .javadoc {
pre .hljs-comment,
pre .hljs-template_comment,
pre .hljs-diff .hljs-header,
pre .hljs-javadoc {
color: #408080;
font-style: italic
}

pre .keyword,
pre .assignment,
pre .literal,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .lisp .title,
pre .subst {
pre .hljs-keyword,
pre .hljs-assignment,
pre .hljs-literal,
pre .hljs-css .hljs-rule .hljs-keyword,
pre .hljs-winutils,
pre .hljs-javascript .hljs-title,
pre .hljs-lisp .hljs-title,
pre .hljs-subst {
color: #954121;
/*font-weight: bold*/
}

pre .number,
pre .hexcolor {
pre .hljs-number,
pre .hljs-hexcolor {
color: #40a070
}

pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula {
pre .hljs-string,
pre .hljs-tag .hljs-value,
pre .hljs-phpdoc,
pre .hljs-tex .hljs-formula {
color: #219161;
}

pre .title,
pre .id {
pre .hljs-title,
pre .hljs-id {
color: #19469D;
}
pre .params {
pre .hljs-params {
color: #00F;
}

pre .javascript .title,
pre .lisp .title,
pre .subst {
pre .hljs-javascript .hljs-title,
pre .hljs-lisp .hljs-title,
pre .hljs-subst {
font-weight: normal
}

pre .class .title,
pre .haskell .label,
pre .tex .command {
pre .hljs-class .hljs-title,
pre .hljs-haskell .hljs-label,
pre .hljs-tex .hljs-command {
color: #458;
font-weight: bold
}

pre .tag,
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
pre .hljs-tag,
pre .hljs-tag .hljs-title,
pre .hljs-rules .hljs-property,
pre .hljs-django .hljs-tag .hljs-keyword {
color: #000080;
font-weight: normal
}

pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body {
pre .hljs-attribute,
pre .hljs-variable,
pre .hljs-instancevar,
pre .hljs-lisp .hljs-body {
color: #008080
}

pre .regexp {
pre .hljs-regexp {
color: #B68
}

pre .class {
pre .hljs-class {
color: #458;
font-weight: bold
}

pre .symbol,
pre .ruby .symbol .string,
pre .ruby .symbol .keyword,
pre .ruby .symbol .keymethods,
pre .lisp .keyword,
pre .tex .special,
pre .input_number {
pre .hljs-symbol,
pre .hljs-ruby .hljs-symbol .hljs-string,
pre .hljs-ruby .hljs-symbol .hljs-keyword,
pre .hljs-ruby .hljs-symbol .hljs-keymethods,
pre .hljs-lisp .hljs-keyword,
pre .hljs-tex .hljs-special,
pre .hljs-input_number {
color: #990073
}

pre .builtin,
pre .constructor,
pre .built_in,
pre .lisp .title {
pre .hljs-builtin,
pre .hljs-constructor,
pre .hljs-built_in,
pre .hljs-lisp .hljs-title {
color: #0086b3
}

pre .preprocessor,
pre .pi,
pre .doctype,
pre .shebang,
pre .cdata {
pre .hljs-preprocessor,
pre .hljs-pi,
pre .hljs-doctype,
pre .hljs-shebang,
pre .hljs-cdata {
color: #999;
font-weight: bold
}

pre .deletion {
pre .hljs-deletion {
background: #fdd
}

pre .addition {
pre .hljs-addition {
background: #dfd
}

pre .diff .change {
pre .hljs-diff .hljs-change {
background: #0086b3
}

pre .chunk {
pre .hljs-chunk {
color: #aaa
}

pre .tex .formula {
pre .hljs-tex .hljs-formula {
opacity: 0.5;
}
Empty file modified docs/public/fonts/aller-bold.eot
100755 → 100644
View file
Empty file.
Empty file modified docs/public/fonts/aller-bold.ttf
100755 → 100644
View file
Empty file.
Empty file modified docs/public/fonts/aller-bold.woff
100755 → 100644
View file
Empty file.
Empty file modified docs/public/fonts/aller-light.eot
100755 → 100644
View file
Empty file.
Empty file modified docs/public/fonts/aller-light.ttf
100755 → 100644
View file
Empty file.
Empty file modified docs/public/fonts/aller-light.woff
100755 → 100644
View file
Empty file.
Empty file modified docs/public/fonts/novecento-bold.eot
100755 → 100644
View file
Empty file.
Empty file modified docs/public/fonts/novecento-bold.ttf
100755 → 100644
View file
Empty file.
Empty file modified docs/public/fonts/novecento-bold.woff
100755 → 100644
View file
Empty file.
Loading

0 comments on commit b25f0b3

Please sign in to comment.