Skip to content

Commit

Permalink
Added sub-heads to table of contents
Browse files Browse the repository at this point in the history
  • Loading branch information
@tomdale
tomdale committed Mar 3, 2012
1 parent 75af4a0 commit a8ce163
Show file tree
Hide file tree
Showing 5 changed files with 394 additions and 232 deletions.
21 changes: 6 additions & 15 deletions community/index.html
View file
Expand Up @@ -66,15 +66,6 @@
</div>
</div>










<div id="github">
<a href="https://github.com/emberjs/ember.js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
</div>
Expand Down Expand Up @@ -111,20 +102,20 @@ <h3>Table of Contents</h2>

</div>

<div id="content">
<div id="content" class="has-sidebar">

<div class="section" id="introduction">
<h2 id="toc_64">Get Involved</h2>

<h3 id="toc_65">Contribute to Ember.js</h3>
<h4 id="toc_65">Contribute to Ember.js</h4>

<p>The source is hosted at <a href="https://github.com/emberjs/ember.js">GitHub</a>. Just fork the repository and you&#39;re ready to contribute to <code>ember.js</code>.</p>

<h3 id="toc_66">Bring yourself in! Open a Pull Request!</h3>
<h4 id="toc_66">Bring yourself in! Open a Pull Request!</h4>

<p>Be sure to add/extend tests for your bug fix, new feature or enhancement.</p>

<h3 id="toc_67">Found a bug? Open an Issue!</h3>
<h4 id="toc_67">Found a bug? Open an Issue!</h4>

<p>If you found a bug in ember.js, please let the community know. To file a bug go to <a href="https://github.com/emberjs/ember.js/issues">the issue tracker</a> and create a new issue.
A perfect bug report should contain a clear description of what is not happening and what is your expected behavior. Ideally you provide an test case so its immediately shown what exactly is not working and what is the expected behavior.</p>
Expand All @@ -133,13 +124,13 @@ <h3 id="toc_67">Found a bug? Open an Issue!</h3>
<div class="section" id="get_help">
<h2 id="toc_68">Get Help</h2>

<h3 id="toc_69">Ask questions on StackOverflow</h3>
<h4 id="toc_69">Ask questions on StackOverflow</h4>

<p><a href="http://stackoverflow.com">StackOverflow</a> is used for QA&#39;s. Just tag your question with <code>emberjs</code> or search for questions with that <a href="http://stackoverflow.com/questions/tagged/emberjs">tag</a> and maybe your question has already been asked and answered.</p>

<p>If you have a code specific question be sure to add a JSFiddle which helps to locate the problem you are struggling with. You can use <a href="http://jsfiddle.net/Qpkz5/">this</a> as a starting point.</p>

<h3 id="toc_70">IRC Channel</h3>
<h4 id="toc_70">IRC Channel</h4>

<p>There is an IRC Channel available which can be found at <code>#emberjs</code>.</p>

Expand Down
125 changes: 95 additions & 30 deletions documentation/index.html
View file
Expand Up @@ -66,15 +66,6 @@
</div>
</div>










<div id="github">
<a href="https://github.com/emberjs/ember.js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
</div>
Expand All @@ -98,28 +89,102 @@
<div id="content-wrapper">

<div id="sidebar">
<div class="section toc">
<h3>Table of Contents</h2>
<ul>

<li><a href="#introduction">Introduction</a></li>

<li><a href="#object_model">Object Model</a></li>

<li><a href="#application">Application</a></li>

<li><a href="#handlebars">Handlebars</a></li>

<li><a href="#views">Views</a></li>

<li><a href="#enumerables">Enumerables</a></li>

</ul>
</div>
<h3>Table of Contents</h2>
<ul>
<li>
<ul>
<li>
<a href="#toc_0">Introduction</a><ul>
<li>
<a href="#toc_1">What is Ember.js?</a></li>
<li>
<a href="#toc_4">How is Ember.js Different?</a></li>
<li>
<a href="#toc_5">Ember.js at a Glance</a></li>
</ul>
</li>
<li>
<a href="#toc_9">The Ember Object Model</a><ul>
<li>
<a href="#toc_10">Subclassing Classes</a></li>
<li>
<a href="#toc_11">Reopening Classes and Instances</a></li>
<li>
<a href="#toc_12">Computed Properties (Getters)</a></li>
<li>
<a href="#toc_13">Computed Properties (Setters)</a></li>
<li>
<a href="#toc_14">Observers</a></li>
<li>
<a href="#toc_16">Bindings</a></li>
<li>
<a href="#toc_18">What Do I Use When?</a></li>
</ul>
</li>
<li>
<a href="#toc_19">Creating a Namespace</a></li>
<li>
<a href="#toc_20">Describing Your UI with Handlebars</a><ul>
<li>
<a href="#toc_21">Handlebars</a></li>
<li>
<a href="#toc_22">Ember.View</a></li>
<li>
<a href="#toc_23">Handlebars Basics</a></li>
<li>
<a href="#toc_24">{{#if}}, {{else}}, and {{#unless}}</a></li>
<li>
<a href="#toc_25">{{#with}}</a></li>
<li>
<a href="#toc_26">Binding Element Attributes with {{bindAttr}}</a></li>
<li>
<a href="#toc_27">Binding Class Names with {{bindAttr}}</a></li>
<li>
<a href="#toc_28">Handling Events with {{action}}</a></li>
<li>
<a href="#toc_29">Building a View Hierarchy</a></li>
<li>
<a href="#toc_30">{{view}}</a></li>
<li>
<a href="#toc_32">Setting Child View Templates</a></li>
<li>
<a href="#toc_33">Setting Up Bindings</a></li>
<li>
<a href="#toc_34">Modifying a View's HTML</a></li>
<li>
<a href="#toc_35">Displaying a List of Items</a></li>
<li>
<a href="#toc_36">Writing Custom Helpers</a></li>
<li>
<a href="#toc_37">Included Views</a></li>
</ul>
</li>
<li>
<a href="#toc_43">Views In-Depth</a><ul>
<li>
<a href="#toc_44">Handling Events</a></li>
<li>
<a href="#toc_45">Manually Managed Views with Ember.ContainerView</a></li>
<li>
<a href="#toc_46">Render Pipeline</a></li>
<li>
<a href="#toc_47">Customizing the HTML Element</a></li>
<li>
<a href="#toc_48">Attribute Bindings on a View</a></li>
</ul>
</li>
<li>
<a href="#toc_49">The Ember Enumerable API</a><ul>
<li>
<a href="#toc_50">What Are Enumerables?</a></li>
<li>
<a href="#toc_51">Enumerables in Ember</a></li>
<li>
<a href="#toc_52">The Enumerable Interface</a>

</div>

<div id="content">
<div id="content" class="has-sidebar">

<div class="section" id="introduction">
<h2 id="toc_3">Introduction</h2>
Expand Down Expand Up @@ -175,7 +240,7 @@ <h4 id="toc_6">Provides Architecture</h4>
a way to describe how your application moves through various nested states
(like signed-out, signed-in, viewing-post, and viewing-comment) out of the box.</p>

<h3 id="toc_7">How is Ember.js Different from Server-Side Frameworks?</h3>
<h3 id="toc_7">How is Ember.js Different?</h3>

<p>Traditional web applications make the user to download a new page every time
they interact with the server. This means that every interaction is never faster
Expand Down Expand Up @@ -274,7 +339,7 @@ <h4 id="toc_10">Computed Properties</h4>
<p>Make sure you list these dependencies so Ember knows when to update bindings that connect
to a computed property.</p>

<h3 id="toc_11">Auto-updating Templates</h3>
<h4 id="toc_11">Auto-updating Templates</h4>

<p>Ember uses Handlebars, a semantic templating library. To take data from your JavaScript application
and put it into the DOM, create a <code>&lt;script&gt;</code> tag and put it into your HTML, wherever you&#39;d like the
Expand Down
11 changes: 1 addition & 10 deletions examples/index.html
View file
Expand Up @@ -66,15 +66,6 @@
</div>
</div>










<div id="github">
<a href="https://github.com/emberjs/ember.js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
</div>
Expand All @@ -97,7 +88,7 @@
</div>
<div id="content-wrapper">

<div id="content">
<div id="content" >
<h2 id="toc_0">Todos</h2>

<p>As required by law, our JavaScript framework includes a Todos demo.</p>
Expand Down
125 changes: 95 additions & 30 deletions index.html
View file
Expand Up @@ -66,15 +66,6 @@
</div>
</div>










<div id="github">
<a href="https://github.com/emberjs/ember.js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
</div>
Expand All @@ -98,28 +89,102 @@
<div id="content-wrapper">

<div id="sidebar">
<div class="section toc">
<h3>Table of Contents</h2>
<ul>

<li><a href="#introduction">Introduction</a></li>

<li><a href="#object_model">Object Model</a></li>

<li><a href="#application">Application</a></li>

<li><a href="#handlebars">Handlebars</a></li>

<li><a href="#views">Views</a></li>

<li><a href="#enumerables">Enumerables</a></li>

</ul>
</div>
<h3>Table of Contents</h2>
<ul>
<li>
<ul>
<li>
<a href="#toc_0">Introduction</a><ul>
<li>
<a href="#toc_1">What is Ember.js?</a></li>
<li>
<a href="#toc_4">How is Ember.js Different?</a></li>
<li>
<a href="#toc_5">Ember.js at a Glance</a></li>
</ul>
</li>
<li>
<a href="#toc_9">The Ember Object Model</a><ul>
<li>
<a href="#toc_10">Subclassing Classes</a></li>
<li>
<a href="#toc_11">Reopening Classes and Instances</a></li>
<li>
<a href="#toc_12">Computed Properties (Getters)</a></li>
<li>
<a href="#toc_13">Computed Properties (Setters)</a></li>
<li>
<a href="#toc_14">Observers</a></li>
<li>
<a href="#toc_16">Bindings</a></li>
<li>
<a href="#toc_18">What Do I Use When?</a></li>
</ul>
</li>
<li>
<a href="#toc_19">Creating a Namespace</a></li>
<li>
<a href="#toc_20">Describing Your UI with Handlebars</a><ul>
<li>
<a href="#toc_21">Handlebars</a></li>
<li>
<a href="#toc_22">Ember.View</a></li>
<li>
<a href="#toc_23">Handlebars Basics</a></li>
<li>
<a href="#toc_24">{{#if}}, {{else}}, and {{#unless}}</a></li>
<li>
<a href="#toc_25">{{#with}}</a></li>
<li>
<a href="#toc_26">Binding Element Attributes with {{bindAttr}}</a></li>
<li>
<a href="#toc_27">Binding Class Names with {{bindAttr}}</a></li>
<li>
<a href="#toc_28">Handling Events with {{action}}</a></li>
<li>
<a href="#toc_29">Building a View Hierarchy</a></li>
<li>
<a href="#toc_30">{{view}}</a></li>
<li>
<a href="#toc_32">Setting Child View Templates</a></li>
<li>
<a href="#toc_33">Setting Up Bindings</a></li>
<li>
<a href="#toc_34">Modifying a View's HTML</a></li>
<li>
<a href="#toc_35">Displaying a List of Items</a></li>
<li>
<a href="#toc_36">Writing Custom Helpers</a></li>
<li>
<a href="#toc_37">Included Views</a></li>
</ul>
</li>
<li>
<a href="#toc_43">Views In-Depth</a><ul>
<li>
<a href="#toc_44">Handling Events</a></li>
<li>
<a href="#toc_45">Manually Managed Views with Ember.ContainerView</a></li>
<li>
<a href="#toc_46">Render Pipeline</a></li>
<li>
<a href="#toc_47">Customizing the HTML Element</a></li>
<li>
<a href="#toc_48">Attribute Bindings on a View</a></li>
</ul>
</li>
<li>
<a href="#toc_49">The Ember Enumerable API</a><ul>
<li>
<a href="#toc_50">What Are Enumerables?</a></li>
<li>
<a href="#toc_51">Enumerables in Ember</a></li>
<li>
<a href="#toc_52">The Enumerable Interface</a>

</div>

<div id="content">
<div id="content" class="has-sidebar">

<div class="section" id="introduction">
<h2 id="toc_3">Introduction</h2>
Expand Down Expand Up @@ -175,7 +240,7 @@ <h4 id="toc_6">Provides Architecture</h4>
a way to describe how your application moves through various nested states
(like signed-out, signed-in, viewing-post, and viewing-comment) out of the box.</p>

<h3 id="toc_7">How is Ember.js Different from Server-Side Frameworks?</h3>
<h3 id="toc_7">How is Ember.js Different?</h3>

<p>Traditional web applications make the user to download a new page every time
they interact with the server. This means that every interaction is never faster
Expand Down Expand Up @@ -274,7 +339,7 @@ <h4 id="toc_10">Computed Properties</h4>
<p>Make sure you list these dependencies so Ember knows when to update bindings that connect
to a computed property.</p>

<h3 id="toc_11">Auto-updating Templates</h3>
<h4 id="toc_11">Auto-updating Templates</h4>

<p>Ember uses Handlebars, a semantic templating library. To take data from your JavaScript application
and put it into the DOM, create a <code>&lt;script&gt;</code> tag and put it into your HTML, wherever you&#39;d like the
Expand Down

0 comments on commit a8ce163

Please sign in to comment.