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