slice/templates/sample.html

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