More indirection in templates

Mark Gibbs · Mark Gibbs · commit c2e9b002299f · 2018-07-29T14:27:08.000-07:00
diff --git a/demo/demo/templates/base.html b/demo/demo/templates/base.html
@@ -6,25 +6,36 @@
    {%load bootstrap4%}
    {%bootstrap_css%}
    {%bootstrap_javascript jquery="full"%}
+   {%block app_header_css%}
    <link rel="stylesheet" type="text/css" href="{%static "demo/demo.css"%}"></link>
-    <title>Django Plotly Dash Examples - {%block title%}{%endblock%}</title>
+   {%endblock%}
+   <title>Django Plotly Dash Examples - {%block title%}{%endblock%}</title>
  </head>
  <body>
-   <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-     <div class="navbar-nav">
-       <a class="navbar-brand" href="#">
-         <img src="{%static "demo/logo.svg"%}" alt="Logo"/>
-       </a>
-       <a class="nav-item nav-link btn btn-lg" href="{%url "home"%}">Contents</a>
-       <a class="nav-item nav-link btn btn-lg" href="{%url "demo-one"%}">Demo One - Simple Use</a>
-       <a class="nav-item nav-link btn btn-lg" href="{%url "demo-two"%}">Demo Two - Initial State</a>
-       <a class="nav-item nav-link btn btn-lg" href="{%url "demo-three"%}">Demo Three - Enhanced Callbacks</a>
-       <a class="nav-item nav-link btn btn-lg" href="{%url "demo-four"%}">Demo Four - Live Updating</a>
+   <header>
+     <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+       <div class="navbar-nav">
+         <a class="navbar-brand" href="#">
+           <img src="{%static "demo/logo.svg"%}" alt="Logo"/>
+         </a>
+         {%block demo_items%}
+         <a class="nav-item nav-link btn btn-lg" href="{%url "home"%}">Contents</a>
+         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-one"%}">Demo One - Simple Use</a>
+         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-two"%}">Demo Two - Initial State</a>
+         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-three"%}">Demo Three - Enhanced Callbacks</a>
+         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-four"%}">Demo Four - Live Updating</a>
+         {%endblock%}
+       </div>
+     </nav>
+   </header>
+   <main>
+     <div class="container">
+       {%block content%}{%endblock%}
      </div>
-   </nav>
- <div class="container">
-   {%block content%}{%endblock%}
- </div>
+   </main>
+   <footer>
+     {%block footer%}{%endblock%}
+   </footer>
 </body>
 {%block post_body%}{%endblock%}
 </html>
