Add css for demo

Mark Gibbs · Mark Gibbs · commit aa05e89be031 · 2018-06-27T11:25:02.000-07:00
diff --git a/demo/demo/settings.py b/demo/demo/settings.py
@@ -126,6 +126,7 @@
 STATIC_ROOT = os.path.join(BASE_DIR,'static')
 
 STATICFILES_DIRS = [
+    os.path.join(BASE_DIR,'demo','static'),
     ]
 
 # In order to serve dash components locally - not recommended in general, but
diff --git a/demo/demo/static/demo/demo.css b/demo/demo/static/demo/demo.css
@@ -0,0 +1,2 @@
+/* Extra CSS markup for demo pages */
+
diff --git a/demo/demo/templates/base.html b/demo/demo/templates/base.html
@@ -1,7 +1,9 @@
 <!DOCTYPE HTML>
 <html>
  <head>
-    {%load plotly_dash%}
+   {%load plotly_dash%}
+   {%load staticfiles%}
+   <link rel="stylesheet" type="text/css" href="{%static "demo/demo.css"%}"></link>
     <title>Django Plotly Dash Examples - {%block title%}{%endblock%}</title>
  </head>
 <body>
diff --git a/demo/demo/templates/demo_one.html b/demo/demo/templates/demo_one.html
@@ -1,14 +1,16 @@
 {%extends "base.html"%}
 {%load plotly_dash%}
-{%block title%}Demo One{%endblock%}
+{%block title%}Demo One - Simple Embedding{%endblock%}
 {%block post_body%}{%plotly_message_pipe%}{%endblock%}
 {%block content%}
+<h1>Simple App Embedding</h1>
+<div>
+  This page demonstrates the simple embedding of plotly dash apps within a Django template.
+</div>
 <div>
-  Content here
   {%plotly_app slug="simpleexample-1" ratio=0.2 %}
 </div>
 <div>
-  Content here
   {%plotly_app name="SimpleExample"%}
 </div>
 <div>

Original file line number	Diff line number	Diff line change
`@@ -126,6 +126,7 @@`
`126`	`126`	`STATIC_ROOT = os.path.join(BASE_DIR,'static')`
`127`	`127`
`128`	`128`	`STATICFILES_DIRS = [`
	`129`	`+ os.path.join(BASE_DIR,'demo','static'),`
`129`	`130`	`]`
`130`	`131`
`131`	`132`	`# In order to serve dash components locally - not recommended in general, but`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+/* Extra CSS markup for demo pages */`
	`2`	`+`