--- /dev/null
+page.title=Background
+@jd:body
+
+
+<div id="samples" class="background">
+</div>
+
+
+<script>
+ $(document).ready(showSamples);
+</script>
--- /dev/null
+page.title=Connectivity
+@jd:body
+
+
+<div id="samples" class="connectivity">
+</div>
+
+
+<script>
+ $(document).ready(showSamples);
+</script>
--- /dev/null
+page.title=Content
+@jd:body
+
+
+<div id="samples" class="content">
+</div>
+
+
+<script>
+ $(document).ready(showSamples);
+</script>
--- /dev/null
+page.title=Input
+@jd:body
+
+
+<div id="samples" class="input">
+</div>
+
+
+<script>
+ $(document).ready(showSamples);
+</script>
--- /dev/null
+page.title=Media
+@jd:body
+
+
+<div id="samples" class="media">
+</div>
+
+
+<script>
+ $(document).ready(showSamples);
+</script>
--- /dev/null
+page.title=Security
+@jd:body
+
+
+<div id="samples" class="security">
+</div>
+
+
+<script>
+ $(document).ready(showSamples);
+</script>
--- /dev/null
+page.title=Testing
+@jd:body
+
+
+<div id="samples" class="testing">
+</div>
+
+
+<script>
+ $(document).ready(showSamples);
+</script>
+++ /dev/null
-page.title=Samples
-@jd:body
-
-
-<div id="samples">
-</div>
-
-
-
-<script>
- $(document).ready(showSamples);
-
- /** Display links and other information about samples that match the
- group specified by the URL */
- function showSamples() {
- var group = getGroup();
- $("#body-content h1").html(group);
- $("#samples").html("<p>OK, here are some samples about <b>" + group + "</b>.</p>");
- }
-
- /** Return the group provided by the URL */
- function getGroup() {
- var hashParts = location.hash.split('t=');
- return hashParts[1];
- }
-</script>
--- /dev/null
+page.title=UI
+@jd:body
+
+
+<div id="samples" class="ui">
+</div>
+
+
+<script>
+ $(document).ready(showSamples);
+</script>
--- /dev/null
+page.title=Views
+@jd:body
+
+
+<div id="samples" class="views">
+</div>
+
+
+<script>
+ $(document).ready(showSamples);
+</script>