855e4aadb1aeb4d237e5c528d91550f9a0bb9d6f
[unfold.git] / templates / layout-myslice.html
1 {# This is required by insert_above #}
2 {% insert_handler %}
3 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
4 <html lang="en"> <head>
5 <title> MySlice - {{ title }} </title>
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 {# This is where insert_str will end up #}
8 {% media_container prelude %}
9 <script type="text/javascript">
10 {# In case we need to add raw js code - use {% insert prelude_js %} ... {% endinsert %} #}
11 {% container prelude_js %}
12 {{ js_chunks }}
13 </script>
14 <style type="text/css">
15 {# In case we need to add raw css code #}
16 {% container prelude_css %}
17 {{ css_chunks }}
18 </style>
19 </head>
20
21 {# let's add these ones no matter what #}
22 {% insert_str prelude "jquery/js/jquery.js" %}
23 {% insert_str prelude "bootstrap/js/bootstrap.js" %}
24 {% insert_str prelude "bootstrap/css/bootstrap.css" %}
25 {% insert_str prelude "js/plugin.js" %}
26 {% insert_str prelude "css/myslice.css" %}
27
28 {# also add the stuff as collected in a Prelude class #}
29 {% for js_file in js_files %} {% insert_str prelude js_file %} {% endfor %}
30 {% for css_file in css_files %} {% insert_str prelude css_file %} {% endfor %}
31
32 <body>
33
34 {% block container %}
35 <div id="container">
36
37   
38   {% block topmenu %}
39   {% include 'widget-topmenu.html' %}
40   {% endblock topmenu %}
41
42 <div class="container-fluid">
43   <div class="row-fluid">
44     <div id="content-main" class="span9 columns">
45       {% block content_main %}
46       "The main content area (define block 'content_main')"
47       {% endblock content_main %}
48     </div><!--span9-->
49     
50     <div id='content-related' class='span3'>
51       {% block content_related %}
52       "The related content area (define block 'related_main')"
53       {% endblock content_related %}
54     </div><!--span3-->
55   </div><!--raw-fluid-->
56 </div><!--container-fluid-->
57 {% endblock container %}
58
59 </body>
60 </html>