templates/myslice-layout.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 - slice page with python var foo = {{ foo|default:"foo is undefined"}} </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 {% insert_str prelude "jquery/js/jquery.js" %}
  10 {% insert_str prelude "bootstrap/js/bootstrap.js" %}
  11 {% insert_str prelude "bootstrap/css/bootstrap.css" %}
  12 <script type="text/javascript">
  13 {# In case we need to add raw js code - use {% insert prelude_js %} ... {% endinsert %} #}
  14 {% container prelude_js %}
  15 </script>
  16 <style type="text/css">
  17 {# In case we need to add raw css code #}
  18 {% container prelude_css %}
  19 </style>
  20 </head>
  21
  22 {# let's add this one no matter what #}
  23 {% insert_str prelude "css/myslice.css" %}
  24 {% insert_str prelude "css/miscell.css" %}
  25
  26 <body data-spy="scroll" data-target=".foo">
  27
  28 {% block container %}
  29 <div id='container'>
  30
  31     <div id='header'>
  32     {% block header %}
  33       <a id='menu_logo' href="/"><img class="logo" src="{{ STATIC_URL }}img/myslice-logo.png" alt="MySlice" /></a>
  34       {% include 'mymenu-widget.html' %}
  35     {% endblock header %}
  36     </div>
  37
  38     <div id='content-main'>
  39       {% block content_main %}
  40       "The main content area (set block 'content_main')"
  41       {% endblock content_main %}
  42     </div>
  43
  44     <div id='content-related'>
  45       {% block content_related %}
  46       "The related content area (set block 'related_main')"
  47       {% endblock content_related %}
  48     </div>
  49
  50 </div>
  51 {% endblock container %}
  52
  53 </body>
  54 </html>