history docs complete

content/documentation/toolbox/expose.html

@@ -1,6 +1,6 @@
 ---
 group: expose
-hero: expose
+hero: toolbox/expose
 index: 0
 title: Expose
 ---

content/documentation/toolbox/flashembed.html

@@ -1,6 +1,6 @@
 ---
 group: flashembed
-hero: flashembed
+hero: toolbox/flashembed
 index: 0
 title: Flashembed
 ---

content/documentation/toolbox/history.html

@@ -1,23 +1,34 @@
-{% extends "userguide.j2" %}
+---
+group: history
+hero: toolbox/history
+index: 0
+title: History
+---
+
 {% refer to 'demos/tabs/history.htm' as standalone %}
 
 {% block css %}
 {{ standalone.css }}
 {% endblock %}
 
 
-{% block content %}
-<h1 style="background:url({{ media_url('img/hero/toolbox/history.jpg') }}) 0 30px no-repeat">
-  jQuery History @ jQuery TOOLS - Back button for AJAX apps
-</h1>
+{% block blurb %}
 
 <p>
   The History tool allows you to take control of the browser's back
   button. This means that when the user clicks on the browser's back
   or forward buttons your JavaScript functions will notified.
 </p>
 
+<p>
+  Use the following tabs together with back/forward buttons to see it
+  in action:
+</p>
+
+{{ demo(standalone) }}
 
+{% endblock %}
+{% block content %}
 
 <h2>Usage</h2>
 
@@ -44,18 +55,8 @@ <h2>Usage</h2>
 </p>
 
 
-
-<h2><em>Example</em> Tabs with history</h2>
-
-<p>
-  Use the following tabs together with back/forward buttons to see it
-  in action:
-</p>
-
-{{ standalone.body }}
-
 <a name="history_usage"></a>
-<h3>Tabs initialization</h3>
+<h2>Tabs initialization</h2>
 
 {% filter syntax('js') %}
 {{ standalone.new_js }}

site.yaml

@@ -85,4 +85,8 @@ grouper:
                     -
                         name: flashembed
                     -
-                        name: combinations
+                        name: combinations
+                    -
+                        name: history
+                    -
+                        name: mousewheel