Added demo five for explicit embedding

Author: Mark Gibbs

demo/demo/templates/base.html

@@ -22,10 +22,11 @@
          </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>
+         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-one"%}">One - Simple Use</a>
+         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-two"%}">Two - Initial State</a>
+         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-three"%}">Three - Enhanced Callbacks</a>
+         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-four"%}">Four - Live Updating</a>
+         <a class="nav-item nav-link btn btn-lg" href="{%url "demo-five"%}">Five - Direct Embedding</a>
          <a class="nav-item nav-link btn btn-lg"
             target="_blank"
             href="https://django-plotly-dash.readthedocs.io/en/latest/">Online Documentation</a>

demo/demo/templates/demo_five.html

@@ -4,11 +4,11 @@
 {%block title%}Demo One - Simple Embedding{%endblock%}
 
 {%block content%}
-<h1>Simple App Embedding</h1>
+<h1>Direct App Embedding</h1>
 <p>
   This is a simple example of use of a dash application within a Django template. Use of
-  the plotly_app template tag with the name of a dash application represents the simplest use of
-  the django_plotly_dash framework.
+  the plotly_direct template tag with the name of a dash application causes
+  the Dash application to be directly embedded within the page.
 </p>
 <p>
   The plotly_class tag is also used to wrap the application in css class names based on the
@@ -18,15 +18,15 @@ <h1>Simple App Embedding</h1>
 <div class="card bg-light border-dark">
   <div class="card-body">
     <p><span>{</span>% load plotly_dash %}</p>
-    <p>&lt;div class="<span>{</span>% plotly_class name="SimpleExample"%}">
+    <p>&lt;div class="<span>{</span>% plotly_class name="SimpleExample" template_type="div-direct"%}">
     <p class="ml-3"><span>{</span>% plotly_direct name="SimpleExample" %}</p>
     <p>&lt;\div>
   </div>
 </div>
 <p></p>
 <div class="card border-dark">
   <div class="card-body">
-    <div class="{%plotly_class name="SimpleExample"%}">
+    <div class="{%plotly_class name="SimpleExample" template_type="div-direct"%}">
       {%plotly_direct name="SimpleExample"%}
     </div>
   </div>