-{% extends 'layout-myslice.html' %}
+{% extends 'layout-unfold2.html' %}
-{% block content_main %}
+{% block unfold2_main %}
{% insert_str prelude "css/sample.css" %}
{% insert prelude_js %}
-$(function(){console.log('hey!');$('#tooltipid').tooltip({'selector':'','placement':'bottom'});});
+$(function(){$('#tooltipid').tooltip({'selector':'','placement':'bottom'});});
{% endinsert %}
<div id=sample-tabs>
</div>
</div>
+<p>Let's see what a <button class='unfold-warning btn btn-warning'>warning button</button> looks like.</p>
<div class='well'> a sample of the 'well' class quis nostrud exercitation </div>
a first <a id='tooltipid' href="#" data-toggle="tooltip" data-original-title="what the tooltip displays"> attempt with tooltips </a>
+Let us now try to attach <button id='mylougout' class='btn btn-danger' data='mydata'>a click function to a button</button>
+<script>
+function foo() {alert ('foo ' + $(this).attr('data'));}
+$(function() {$('#mylougout').click(foo);})
+</script>
+
<div>
{{ lorem }} Lorem <span class='bold'>ipsum dolor</span> <code> counter += 1
</code> sit amet, consectetuer
decima et quinta decima. Eodem modo typi, qui nunc nobis videntur
parum clari, fiant sollemnes in futurum.
</div>
-{% endblock content_main %}
+{% endblock unfold2_main %}
-{% block content_related %}
+{% block unfold2_margin %}
This text is shorter on purpose Lorem <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 ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat.
-{% endblock content_related %}
+{% endblock unfold2_margin %}