1 {% extends 'layout-unfold1.html' %}
3 {% block unfold1_main %}
5 {% insert_str prelude "css/sample.css" %}
6 {% insert prelude_js %}
7 $(function(){console.log('hey!');$('#tooltipid').tooltip({'selector':'','placement':'bottom'});});
11 <ul class="nav nav-tabs" id='foo'>
12 <li > <a href="#name1" data-toggle="tab">Here</a></li>
13 <li class="active"> <a href="#name2" data-toggle="tab">Other</a></li>
15 <div class="tab-content">
16 <div class="tab-pane fade in" id="name1">
17 <p> {{ lorem|safe }} </p>
19 <div class="tab-pane fade in active" id="name2">
20 <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
21 adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
22 laoreet dolore magna aliquam erat volutpat. Ut wisi enim </p>
27 <p>Let's see what a <button class='unfold-warning btn btn-warning'>warning button</button> looks like.</p>
29 <div class='well'> a sample of the 'well' class quis nostrud exercitation </div>
31 a first <a id='tooltipid' href="#" data-toggle="tooltip" data-original-title="what the tooltip displays"> attempt with tooltips </a>
34 {{ lorem }} Lorem <span class='bold'>ipsum dolor</span> <code> counter += 1
35 </code> sit amet, consectetuer
36 adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
37 laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
38 veniam, ullamcorper suscipit lobortis
39 nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
40 dolor in hendrerit in vulputate velit esse molestie consequat, vel
41 illum dolore eu feugiat nulla facilisis at vero eros et accumsan
42 et iusto odio dignissim qui blandit praesent luptatum zzril
43 delenit augue duis dolore te feugait nulla facilisi. Nam liber
44 tempor cum soluta nobis eleifend option congue nihil imperdiet
45 doming id quod mazim placerat facer possim assum. Typi non habent
46 claritatem insitam; est usus legentis in iis qui facit eorum
47 claritatem. Investigationes demonstraverunt lectores legere me
48 lius quod ii legunt saepius. Claritas est etiam processus
49 dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum
50 est notare quam littera gothica, quam nunc putamus parum claram,
51 anteposuerit litterarum formas humanitatis per seacula quarta
52 decima et quinta decima. Eodem modo typi, qui nunc nobis videntur
53 parum clari, fiant sollemnes in futurum.
55 {% endblock unfold1_main %}
57 {% block unfold1_margin %}
58 This text is shorter on purpose Lorem <span class='bold'>ipsum
59 dolor</span> sit amet, consectetuer adipiscing elit, sed diam
60 nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
61 volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
62 ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
64 {% endblock unfold1_margin %}