From ef3014aca3e04bc56a17dff7e2e0028376de59bc Mon Sep 17 00:00:00 2001
From: glover <gloverjimmie@gmail.com>
Date: Wed, 19 Sep 2012 19:23:22 -0500
Subject: [PATCH 1/6] add simple modal

---
 app.py               |  2 +-
 templates/index.html | 15 ++++++++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/app.py b/app.py
index e782fe9..9b9ad02 100644
--- a/app.py
+++ b/app.py
@@ -52,4 +52,4 @@ def index():
 
 if __name__ == '__main__':
     app.debug=True
-    app.run(port=5001, host='0.0.0.0')
+    app.run(port=5001)
diff --git a/templates/index.html b/templates/index.html
index aa31218..376e264 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -21,7 +21,7 @@
     <script type="text/javascript" src="static/js/tablechart/jquery.tablechart.js"></script>
     <script>
     $(document).ready(function() {
-        $('.community-data').tablechart({
+        var options = {
             height: 50,
             plotOptions: {
                 seriesColors: [ '#999999' ],
@@ -57,7 +57,8 @@
                     tooltipLocation: 'n'
                 }
             }
-        });
+        };
+        $('.community-data').tablechart(options);
     });
     </script>
 </head>
@@ -71,7 +72,15 @@ <h1>Birth rates by community area</h1>
     <div class="row-fluid">
         {% for row in table %}
         <div class="community-area">
-            <h2>{{ row.0.title() }}</h2>
+            <h2>
+                {{ row.0.title() }}
+                <a href="#modal-{{ loop.index }}" data-toggle="modal">enlarge</a>
+            </h2>
+            <div class="modal hide fade" id="modal-{{ loop.index }}">
+                <div class="modal-body">
+                    {{ row.0.title() }}
+                </div>
+            </div>
             <table class="community-data table">
                 <thead>
                     <tr>

From 5cb66978761d4a247508d28f2a0e0c2cbbce8acd Mon Sep 17 00:00:00 2001
From: glover <gloverjimmie@gmail.com>
Date: Wed, 19 Sep 2012 20:33:21 -0500
Subject: [PATCH 2/6] added working modal

---
 static/css/style.css |  6 ++++++
 templates/index.html | 15 +++++++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 173468e..e812ab0 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -41,3 +41,9 @@ table.table tbody td {
     position: relative;
     right: -15px;
 }
+.modal .tablechart {
+    right: -28px;
+}
+.community-area .modal .jqplot-xaxis, .community-area .modal .jqplot-yaxis {
+    color: #000;
+}
diff --git a/templates/index.html b/templates/index.html
index 376e264..bdcfb39 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -24,7 +24,7 @@
         var options = {
             height: 50,
             plotOptions: {
-                seriesColors: [ '#999999' ],
+                seriesColors: [ '#9999ff' ],
                 gridPadding : {top:0, bottom: 0, right:0, left:0},
                 legend: {
                     show: false
@@ -59,6 +59,13 @@
             }
         };
         $('.community-data').tablechart(options);
+        options.height=150;
+        options.width=500;
+        $(".modal").one("shown",function() {
+            var community_area = $(this).parent();
+            var table = community_area.find("table").clone();
+            table.appendTo($(this)).tablechart(options);
+        });
     });
     </script>
 </head>
@@ -77,8 +84,12 @@ <h2>
                 <a href="#modal-{{ loop.index }}" data-toggle="modal">enlarge</a>
             </h2>
             <div class="modal hide fade" id="modal-{{ loop.index }}">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                    <h3>{{ row.0.title() }}</h3>
+                </div>
                 <div class="modal-body">
-                    {{ row.0.title() }}
+
                 </div>
             </div>
             <table class="community-data table">

From c318c8460977c6609ba6aa21d90aeda8d62e673b Mon Sep 17 00:00:00 2001
From: glover <gloverjimmie@gmail.com>
Date: Thu, 20 Sep 2012 15:33:31 -0500
Subject: [PATCH 3/6] Enlarged <p> tag.

---
 static/css/style.css | 2 +-
 templates/index.html | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index e812ab0..f9bd6d5 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -5,7 +5,7 @@ h1 {
   letter-spacing: -1px;
 }
 p, li, blockquote {
-  font-size: 18px;
+  font-size: 27px;
   font-weight: 200;
   line-height: 27px;
   color: inherit;
diff --git a/templates/index.html b/templates/index.html
index bdcfb39..347af05 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -43,12 +43,12 @@
                     yaxis: {
                         min: {{ chart_min }},
                         max: {{ chart_max }},
-                        numberTicks: 3
+                        numberTicks: 5
                     },
                     xaxis: {
                         min: 1999,
                         max: 2009,
-                        numberTicks: 10
+                        numberTicks: 8
                     }
                 },
                 highlighter: {
@@ -59,7 +59,7 @@
             }
         };
         $('.community-data').tablechart(options);
-        options.height=150;
+        options.height=200;
         options.width=500;
         $(".modal").one("shown",function() {
             var community_area = $(this).parent();

From 118f9c0ce728b64b06d71e6f0a373cc92a2f7c41 Mon Sep 17 00:00:00 2001
From: glover <gloverjimmie@gmail.com>
Date: Thu, 20 Sep 2012 17:10:16 -0500
Subject: [PATCH 4/6] Removed shadow in modal backdrop

---
 templates/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/index.html b/templates/index.html
index 347af05..588a37f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -83,7 +83,7 @@ <h2>
                 {{ row.0.title() }}
                 <a href="#modal-{{ loop.index }}" data-toggle="modal">enlarge</a>
             </h2>
-            <div class="modal hide fade" id="modal-{{ loop.index }}">
+            <div class="modal hide fade" id="modal-{{ loop.index }}" data-backdrop="">
                 <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                     <h3>{{ row.0.title() }}</h3>

From d67272e3326360cea11db3c5347f5032a7bf65ba Mon Sep 17 00:00:00 2001
From: glover <gloverjimmie@gmail.com>
Date: Thu, 20 Sep 2012 17:59:07 -0500
Subject: [PATCH 5/6] Changed <h1> tag color

---
 static/css/style.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/static/css/style.css b/static/css/style.css
index f9bd6d5..b33c332 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -47,3 +47,5 @@ table.table tbody td {
 .community-area .modal .jqplot-xaxis, .community-area .modal .jqplot-yaxis {
     color: #000;
 }
+.modal-header {
+    color: #2F4F4F;

From ae8c69dd52391eed30b0484af73000cd1494d87b Mon Sep 17 00:00:00 2001
From: glover <gloverjimmie@gmail.com>
Date: Thu, 20 Sep 2012 18:11:55 -0500
Subject: [PATCH 6/6] Changed modal-header background color

---
 static/css/style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/static/css/style.css b/static/css/style.css
index b33c332..342adc0 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -49,3 +49,4 @@ table.table tbody td {
 }
 .modal-header {
     color: #2F4F4F;
+    background-color: #EE7600;