toplevel menus use pills for now - need alignment

[unfold.git] / slice / templates / sample.html

diff --git a/slice/templates/sample.html b/slice/templates/sample.html
index f819bb9..40c85ba 100644 (file)
--- a/slice/templates/sample.html
+++ b/slice/templates/sample.html
@@ -5,25 +5,17 @@
 {% insert_str prelude "css/sample.css" %}
 {% insert_str prelude "js/sample.js" %}
 
-{% insert raw_js %}
-$(document).ready (function () {
-window.console.log ('initing 1 & 2'); 
-$('#foo a#name1').click(function (e) { window.console.log('click 1'); e.preventDefault(); $('#foo a#name1').tab('show');})
-$('#foo a#name2').click(function (e) { window.console.log('click 2'); e.preventDefault(); $('#foo a#name2').tab('show');})
-});
-{% endinsert %}
-
 <div id=sample-tabs>
 <ul class="nav nav-tabs" id='foo'>
-  <li class="active">  <a href="#name1" data-toggle="tab">Here</a></li>
-  <li>                 <a href="#name2" data-toggle="tab">Other</a></li>
+  <li >                                <a href="#name1" data-toggle="tab">Here</a></li>
+  <li class="active">          <a href="#name2" data-toggle="tab">Other</a></li>
   </ul>
 <div class="tab-content">
-   <div class="tab-pane fade active in" id="name1">
-     <p> {{ lorem }} </p>
+   <div class="tab-pane fade in" id="name1">
+     <p> {{ lorem|safe }} </p>
    </div>
-   <div class="tab-pane fade in" id="name2">
-     <p> A shorter Lorem <code> with embedded code </code> <span class='bold'>ipsum dolor</span> sit amet, consectetuer
+   <div class="tab-pane fade in active" id="name2">
+     <p> Sample tabs, this one is the active one; A shorter Lorem <code> with embedded code </code> <span class='bold'>ipsum dolor</span> sit amet, consectetuer
     adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
     laoreet dolore magna aliquam erat volutpat. Ut wisi enim </p>
    </div>
@@ -31,13 +23,7 @@ $('#foo a#name2').click(function (e) { window.console.log('click 2'); e.preventD
 </div>
 
 
-<script>
- $(function () {
-    $('#myTab a:last').tab('show');
-  })
-</script>
-
-<div class='well'> quis nostrud exerci tation </div>
+<div class='well'> a sample of the 'well' class quis nostrud exerci tation </div>
 
 <div>
  {{ lorem }}   Lorem <span class='bold'>ipsum dolor</span> <code> counter += 1