1 {% extends 'myslice.html' %}
3 {% block content_main %}
5 {% insert_str prelude "css/sample.css" %}
6 {% insert_str prelude "js/sample.js" %}
9 <ul class="nav nav-tabs" id='foo'>
10 <li > <a href="#name1" data-toggle="tab">Here</a></li>
11 <li class="active"> <a href="#name2" data-toggle="tab">Other</a></li>
13 <div class="tab-content">
14 <div class="tab-pane fade in" id="name1">
17 <div class="tab-pane fade in active" id="name2">
18 <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
19 adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
20 laoreet dolore magna aliquam erat volutpat. Ut wisi enim </p>
28 $('#myTab a:last').tab('show');
32 <div class='well'> quis nostrud exerci tation </div>
35 {{ lorem }} Lorem <span class='bold'>ipsum dolor</span> <code> counter += 1
36 </code> sit amet, consectetuer
37 adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
38 laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
39 veniam, ullamcorper suscipit lobortis
40 nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
41 dolor in hendrerit in vulputate velit esse molestie consequat, vel
42 illum dolore eu feugiat nulla facilisis at vero eros et accumsan
43 et iusto odio dignissim qui blandit praesent luptatum zzril
44 delenit augue duis dolore te feugait nulla facilisi. Nam liber
45 tempor cum soluta nobis eleifend option congue nihil imperdiet
46 doming id quod mazim placerat facer possim assum. Typi non habent
47 claritatem insitam; est usus legentis in iis qui facit eorum
48 claritatem. Investigationes demonstraverunt lectores legere me
49 lius quod ii legunt saepius. Claritas est etiam processus
50 dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum
51 est notare quam littera gothica, quam nunc putamus parum claram,
52 anteposuerit litterarum formas humanitatis per seacula quarta
53 decima et quinta decima. Eodem modo typi, qui nunc nobis videntur
54 parum clari, fiant sollemnes in futurum.
56 {% endblock content_main %}
58 {% block content_related %}
59 This text is shorter on purpose Lorem <span class='bold'>ipsum
60 dolor</span> sit amet, consectetuer adipiscing elit, sed diam
61 nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
62 volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
63 ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
65 {% endblock content_related %}