Continued updates for /enthusiast draft

src/templates/data_form.html

@@ -25,7 +25,11 @@
       </div>
     </div>
     {% endfor %}
+        <div class="col-sm-1"> 
+        <button id='download' class="glyphicon glyphicon-download-alt"></button>
+
+    </div>
     </div>
   </div>
-</div>
+
 

src/templates/enthusiast.html

@@ -6,7 +6,7 @@
     <!-- Load d3.js and c3.js -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqcloud/1.0.4/jqcloud.css">
     <script src='http://d3js.org/d3.v3.min.js' charset='utf-8'></script>
-    <script src='http://cdnjs.cloudflare.com/ajax/libs/c3/0.4.8/c3.min.js'></script>
+    <script src='http://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js'></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
     <link rel="stylesheet" href="static/node_modules/chosen-js/chosen.css">
     <script src="static/node_modules/chosen-js/chosen.jquery.js"></script>
@@ -28,11 +28,11 @@
                 </div>
             </div>
             <div class='col-sm-1'>
-                Score: <div class='kpi' id='score'>
+                Score: <div class='kpi' id='score' style='color:#B80000'>
                 </div>
             </div>
             <div class='col-sm-4'>
-                Gross: <div class='kpi' id='gross' style='color:green'>
+                Gross: <div class='kpi' id='gross' style='color:#4D9913'>
                 </div>
             <div class='col-sm-9'></div>
             </div>
@@ -45,10 +45,39 @@
         </div>
 
         <div class="row" min-height:150px>
-            <div class='col-sm-6 centered'>
+            <div class='col-sm-6'>
+                <div id='sentiment-chart' class='sentiment-chart'><h2>SENTIMENT</h2></div>
+            </div>
+
+            <div class='col-sm-6'>
                 <div id='word_cloud'></div>
             </div>
         </div> 
+
+        <div class="row" min-height:150px>
+            <div class='col-sm-6 centered'>
+                <div id='top_movies'></div>
+            </div>
+        </div> 
+
+        <div class='row' padding:50px>
+            <div class='col-sm-3'></div>
+            <div class='col-sm-6' style='text-align:center'>
+            <h2>Top Movies</h2>
+            </div>
+            <div class='col-sm-3'></div>
+        </div>
+
+        {% for i in range(0, 6, 3) %}
+        <div class="row" min-height:150px>
+        {% for j in range(3) %}
+            <div class='col-sm-4'>
+                <div id='title-{{i+j}}' class='title'></div>
+                <div id='poster-{{ i + j }}' class='poster'></div>
+            </div>
+        {% endfor %}
+        </div>
+        {% endfor %}
     </div>
     <script src='static/js/enthusiast.js'></script>
 {% endblock %}

src/templates/layout.html

@@ -9,7 +9,7 @@
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-  <link href='https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.8/c3.min.css' rel='stylesheet' type='text/css'/>
+  <link href='https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css' rel='stylesheet' type='text/css'/>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   

src/templates/slides.md

@@ -5,6 +5,18 @@
 
 ----
 
+# Agenda
+
+1. Viz Walk (3 Views)
+    1. Full Web App
+    * Simple Web App
+    * Exploritory Notebook
+* Tools Used
+* Other Considerations
+* Pros/Cons
+
+----
+
 # Open The Viz
 
 [pydatavizday.herokuapp.com](pydatavizday.herokuapp.com)