CodeForPhilly · abernard1124 · Jun 25, 2014 · Jun 26, 2014 · Jun 26, 2014 · Jun 26, 2014
diff --git a/.gitignore b/.gitignore
@@ -1 +1,59 @@
-.emergence
+# Created by http://www.gitignore.io
+
+### OSX ###
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+
+### Node ###
+# Logs
+logs
+*.log
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+# Commenting this out is preferred by some people, see
+# https://npmjs.org/doc/faq.html#Should-I-check-my-node_modules-folder-into-git
+node_modules
+
+# Users Environment Variables
+.lock-wscript
+
+
+### Bower ###
+bower_components
+

diff --git a/Contributors.html b/Contributors.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>School District of Philadelphia: Budget Data Visualizer</title>
+        <link rel="stylesheet" type="text/css" href="css/sunburst.css">
+        <meta property="og:title" content="School District of Philadelphia: Budget Data Visualizer"/>
+        <meta property="og:url" content="http://sdp-budget.poplar.phl.io/sunburst"/>
+        <meta property="og:site_name" content="Code for Philly"/>
+        <meta property="og:image" content="http://sdp-budget.poplar.phl.io/sdp_budget_visualizer.png" />
+        <link rel="image_src" href="http://sdp-budget.poplar.phl.io/sdp_budget_visualizer.png">
+        <meta property="og:description"content="A web-based visualization of the budget information released on the School District of Philadelphia's Open Data Initiative page." />
+        <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
+        <script>
+          WebFont.load({
+            google: {
+              families: ['Fjalla One', 'Merriweather']
+            }
+          });
+        </script>
+    </head>
+    <body>
+        <!-- Google Tag Manager -->
+            <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-K4G748"
+            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+            <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+            '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+            })(window,document,'script','dataLayer','GTM-K4G748');</script>
+        <!-- End Google Tag Manager -->
+
+        <header id="budget-header" style="visibility: hidden">
+            <h1 id="headline"></h1>
+            <div id="share-buttons">
+                <!-- Facebook -->
+                <a href="http://www.facebook.com/sharer.php?u=http://schoolbudget.phl.io/"><img src="http://www.simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" /></a>
+
+                <!-- Twitter -->
+                <a href="http://twitter.com/share?url=http://schoolbudget.phl.io/&text=School District of Philadelphia Budget Visualization"><img src="http://www.simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter" /></a>
+
+                <!-- Google+ -->
+                <a href="https://plus.google.com/share?url=http://schoolbudget.phl.io/"><img src="http://www.simplesharebuttons.com/images/somacro/google.png" alt="Google" /></a>
+
+                <!-- Reddit -->
+                <a href="http://reddit.com/submit?url=http://schoolbudget.phl.io/&title=School District of Philadelphia Budget Visualization"><img src="http://www.simplesharebuttons.com/images/somacro/reddit.png" alt="Reddit" /></a>
+
+                <!-- LinkedIn -->
+                <a href="http://www.linkedin.com/shareArticle?mini=true&url=http://schoolbudget.phl.io/"><img src="http://www.simplesharebuttons.com/images/somacro/linkedin.png" alt="LinkedIn" /></a>
+
+                <!-- Email -->
+                <a href="mailto:?Subject=School District Budget&Body=School%20District%20Budget%20Visualization%20 http://schoolbudget.phl.io/"><img src="http://www.simplesharebuttons.com/images/somacro/email.png" alt="Email" /></a>
+            </div>
+
+        </header>
+            <div id="credits">
+                <ul class="contributors-list"> Created by 
+                    <li><a href="https://github.com/themightychris">Chris Alfano</a></li>
+                    <li><a href="https://github.com/laurenancona/">Lauren Ancona</a></li>
+                    <li><a href="https://github.com/lillixia">Alexandra McFadden</a>
+                    <li><a href="https://github.com/cfarm" >Cat Farman</a></li>
+                    <li><a href="https://github.com/tnbKristi" >Kristi Centinaro</a>
+                    <li><a href="https://github.com/yprabhu">Yash Prabhu</a></li>
+                    <li><a href="https://github.com/livhaas">Olivia Haas</a></li>
+                    <li><a href="https://github.com/arespicio">Ashleigh Respicio</a></li>
+                    <li><a href="https://github.com/abernard1124">Ashley Bernard</a></li>
+                    <li><a href="https://github.com/JessicaBarnett">Jessica Barnett</a></li>
+                    <li><a href="https://github.com/kleljedal">Kelsey Leljedal</a></li>
+                    a <a href="http://codeforphilly.org/projects/sdp_online_budget_visualization">Code for Philly</a> project
+                </ul>
+            </div>
+    </body>
+</html>
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -0,0 +1,22 @@
+/*global module:false*/
+module.exports = function(grunt) {
+
+  // Project configuration.
+  grunt.initConfig({
+    // Metadata.
+    pkg: grunt.file.readJSON('package.json'),
+    nodestatic: {
+      server: {
+        options: {
+          port: 8080,
+          keepalive: true
+        }
+      }
+    }
+  });
+
+  // Default task.
+  grunt.loadNpmTasks('grunt-nodestatic');
+  grunt.registerTask('default', ['nodestatic']);
+
+};
diff --git a/README.md b/README.md
@@ -4,6 +4,20 @@ A web-based visualization of the budget information released on the School Distr
 
 Based on D3's Sequences sunburst example.
 
-For Users: http://schoolbudget.phl.io 
+For Users: http://schoolbudget.phl.io
 For Developers: https://github.com/CfABrigadePhiladelphia/schoolbudget.phl.io
 http://codeforphilly.org/projects/Budget_Visualization
+
+### Setup
+
+1. Install Node. You can download and find installation instructions at http://nodejs.org/.
+2. Install Grunt command line interface `npm install -g grunt-cli`
+3. From your project directory, run `npm install` to pull in dependencies
+4. To watch changes locally, type command `grunt` and visit the site in your browser at localhost:8080
+
+### Github Pages
+
+You can view the github pages version of this site at [http://summer-of-open-source.github.io/schoolbudget.phl.io](http://summer-of-open-source.github.io/schoolbudget.phl.io)
+
+
+School district data can be found at: http://webgui.phila.k12.pa.us/offices/o/open-data-initiative
diff --git a/css/bulldog/budget-base.css b/css/bulldog/budget-base.css
@@ -178,3 +178,4 @@ blockquote:before {
 blockquote:after {
   position: absolute;
 }
+
diff --git a/css/sunburst.css b/css/sunburst.css
@@ -158,4 +158,11 @@ form {
 #total {
     font-size: 2.5em;
     line-height: 1.5em;
-}
+}
+
+.contributors-list li{
+  background: url("arrow.png") 0 50% no-repeat;
+  list-style: none;
+  padding-left: 12px;
+  font-size: 4em;
+}
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
         <meta property="og:image" content="http://sdp-budget.poplar.phl.io/sdp_budget_visualizer.png" />
         <link rel="image_src" href="http://sdp-budget.poplar.phl.io/sdp_budget_visualizer.png">
         <meta property="og:description"content="A web-based visualization of the budget information released on the School District of Philadelphia's Open Data Initiative page." />
-        <script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
+        <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
         <script>
           WebFont.load({
             google: {
@@ -34,19 +34,19 @@
             <h1 id="headline"></h1>
             <div id="share-buttons">
                 <!-- Facebook -->
-                <a href="http://www.facebook.com/sharer.php?u=http://schoolbudget.phl.io/" target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" /></a>
+                <a href="http://www.facebook.com/sharer.php?u=http://schoolbudget.phl.io/"><img src="http://www.simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook"</a>
 
                 <!-- Twitter -->
-                <a href="http://twitter.com/share?url=http://schoolbudget.phl.io/&text=School District of Philadelphia Budget Visualization" target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter" /></a>
+                <a href="http://twitter.com/share?url=http://schoolbudget.phl.io/&text=School District of Philadelphia Budget Visualization" ><img src="http://www.simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter"</a>
 
                 <!-- Google+ -->
-                <a href="https://plus.google.com/share?url=http://schoolbudget.phl.io/" target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/google.png" alt="Google" /></a>
+                <a href="https://plus.google.com/share?url=http://schoolbudget.phl.io/"><img src="http://www.simplesharebuttons.com/images/somacro/google.png" alt="Google"</a>
 
                 <!-- Reddit -->
-                <a href="http://reddit.com/submit?url=http://schoolbudget.phl.io/&title=School District of Philadelphia Budget Visualization" target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/reddit.png" alt="Reddit" /></a>
+                <a href="http://reddit.com/submit?url=http://schoolbudget.phl.io/&title=School District of Philadelphia Budget Visualization"><img src="http://www.simplesharebuttons.com/images/somacro/reddit.png" alt="Reddit"</a>
 
                 <!-- LinkedIn -->
-                <a href="http://www.linkedin.com/shareArticle?mini=true&url=http://schoolbudget.phl.io/" target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/linkedin.png" alt="LinkedIn" /></a>
+                <a href="http://www.linkedin.com/shareArticle?mini=true&url=http://schoolbudget.phl.io/"><img src="http://www.simplesharebuttons.com/images/somacro/linkedin.png" alt="LinkedIn"</a>
 
                 <!-- Email -->
                 <a href="mailto:?Subject=School District Budget&Body=School%20District%20Budget%20Visualization%20 http://schoolbudget.phl.io/"><img src="http://www.simplesharebuttons.com/images/somacro/email.png" alt="Email" /></a>
@@ -81,7 +81,7 @@ <h1 id="headline"></h1>
                 </div>
             </div>
             <div id="credits">
-                <p>Created by <a href="https://twitter.com/themightychris" target="_blank">Chris Alfano</a> & <a href="https://twitter.com/laurenancona" target="_blank">Lauren Ancona</a> | a <a href="http://codeforphilly.org/projects/sdp_online_budget_visualization" target="_blank">Code for Philly</a> project</p>
+                <a href="contributors.html">Project Contributors</a>
             </div>
         </div>
         <div id="sidebar">

diff --git a/package.json b/package.json
@@ -0,0 +1,9 @@
+{
+  "engines": {
+    "node": ">= 0.10.0"
+  },
+  "devDependencies": {
+    "grunt": "~0.4.5",
+    "grunt-nodestatic": "~0.1.2"
+  }
+}