--- a/.gitmodules
+++ b/.gitmodules
@@ -1,4 +1,7 @@
 [submodule "php-markdown"]
 	path = php-markdown
 	url = git://github.com/michelf/php-markdown.git
+[submodule "js/toc"]
+	path = js/toc
+	url = https://github.com/jgallen23/toc
 


--- /dev/null
+++ b/.idea/ant.xml
@@ -1,1 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AntConfiguration">
+    <defaultAnt bundledAnt="true" />
+  </component>
+</project>
 
+


--- a/README.md
+++ b/README.md
@@ -1,64 +1,4 @@
-# [HTML5 Boilerplate](http://html5boilerplate.com)
+# GovHack toolkit 
 
-HTML5 Boilerplate is a professional front-end template for building fast,
-robust, and adaptable web apps or sites.
+Collection of resources for data analysis and visualisation
 
-This project is the product of many years of iterative development and combined
-community knowledge. It does not impose a specific development philosophy or
-framework, so you're free to architect your code in the way that you want.
-
-* Source: [https://github.com/h5bp/html5-boilerplate](https://github.com/h5bp/html5-boilerplate)
-* Homepage: [http://html5boilerplate.com](http://html5boilerplate.com)
-* Twitter: [@h5bp](http://twitter.com/h5bp)
-
-
-## Quick start
-
-Choose one of the following options:
-
-1. Download the latest stable release from
-   [html5boilerplate.com](http://html5boilerplate.com/) or a custom build from
-   [Initializr](http://www.initializr.com).
-2. Clone the git repo — `git clone
-   https://github.com/h5bp/html5-boilerplate.git` - and checkout the tagged
-   release you'd like to use.
-
-
-## Features
-
-* HTML5 ready. Use the new elements with confidence.
-* Cross-browser compatible (Chrome, Opera, Safari, Firefox 3.6+, IE6+).
-* Designed with progressive enhancement in mind.
-* Includes [Normalize.css](http://necolas.github.com/normalize.css/) for CSS
-  normalizations and common bug fixes.
-* The latest [jQuery](http://jquery.com/) via CDN, with a local fallback.
-* The latest [Modernizr](http://modernizr.com/) build for feature detection.
-* IE-specific classes for easier cross-browser control.
-* Placeholder CSS Media Queries.
-* Useful CSS helpers.
-* Default print CSS, performance optimized.
-* Protection against any stray `console.log` causing JavaScript errors in
-  IE6/7.
-* An optimized Google Analytics snippet.
-* Apache server caching, compression, and other configuration defaults for
-  Grade-A performance.
-* Cross-domain Ajax and Flash.
-* "Delete-key friendly." Easy to strip out parts you don't need.
-* Extensive inline and accompanying documentation.
-
-
-## Documentation
-
-Take a look at the [documentation table of
-contents](/h5bp/html5-boilerplate/blob/master/doc/README.md). This
-documentation is bundled with the project, which makes it readily available for
-offline reading and provides a useful starting point for any documentation
-you want to write about your project.
-
-
-## Contributing
-
-Anyone and everyone is welcome to
-[contribute](/h5bp/html5-boilerplate/blob/master/doc/contribute.md). Hundreds
-of developers have helped make the HTML5 Boilerplate what it is today.
-


--- a/css/main.css
+++ b/css/main.css
@@ -92,20 +92,77 @@
 /* ==========================================================================
    Author's custom styles
    ========================================================================== */
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+/* stoc http://www.1stwebdesigner.com/css/jquery-plugin-smooth-scrolling/ */
+.items {
+    float: right;
+    width: 260px;
+    padding-bottom: 10px;
+    margin:0 0 10px 20px;
+    /* rgba with ie compatibility */
+    background-color: transparent;
+    background-color: rgba(255,255,255,0.4);
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff);
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff)";
+}
+.items ul {
+    margin: 0 0 0 20px;
+    padding: 0 0 5px;
+    list-style-type: none;
+}
+.items ul ul {
+    font-size: 90%;
+}
+.items ul a {
+    font-family: "arial";
+    text-decoration: none;
+    color: #c10000;
+}
+.items ul a:hover { color: #ff0000 }
+ /* toc https://github.com/jgallen23/toc */
+#wrapper {
+    margin: 0 20px 0 170px;
+}
+
+#toc {
+    top: 0px;
+    left: 0px;
+    height: 100%;
+    position: fixed;
+    background: #333;
+    box-shadow: inset -5px 0 5px 0px #000;
+    width: 150px;
+    padding-top: 20px;
+    color: #fff;
+}
+
+#toc ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+#toc li {
+    padding: 5px 10px;
+}
+
+#toc a {
+    color: #fff;
+    text-decoration: none;
+    display: block;
+}
+
+#toc .toc-h2 {
+    padding-left: 10px;
+}
+
+#toc .toc-h3 {
+    padding-left: 20px;
+}
+
+#toc .toc-active {
+    background: #336699;
+    box-shadow: inset -5px 0px 10px -5px #000;
+}
 
 
 


--- a/index.md
+++ b/index.md
@@ -1,104 +1,91 @@
-Welcome to the GovHack toolkit. This page provides all the information you need to prepare hackfest entries. 
-These tools can be used to make entries like: mobile apps, web apps, data visualisations/infographics
-
-
-- govhack toolkit!!!!
-  - key datasets, directory.gov.au gazetter/AEC electorates/suburbs/postcodes/LGAs
-
-  - definitions, open licence reuse permissive hacker hack data journalism data bis UCX etc.
- - what do govhack entries look like?
-  - roles; coder, designer UX/graphics
-
-server admin / technical tools
-many projects will require some kind of internet presence, webpage etc.
-video tools, youtube slideshow, FOSS video editing tools
-  - http://ubuntu-tutorials.com/2008/11/11/relaying-postfix-smtp-via-smtpgmailcom/ 
-  - amon
-
-geo
-  - http://converter.mygeodata.eu/vector kml exporter for shp
-  - http://bost.ocks.org/mike/map/ 
-
-R
-  - http://blog.yhathq.com/posts/10-R-packages-I-wish-I-knew-about-earlier.html
-        - excel -> R/rattle/ deducer? http://www.r-bloggers.com/updates-to-the-deducer-family-of-packages/
-
-d3
-  - http://datadrivenjournalism.net/resources/data_driven_documents_defined
-    - http://www.benmcmahen.com/blog/posts/50eb57d55a94d35262000001 d3 svg
-
-API
-  - howto.gov api tutorial
-  - http://shancarter.com/data_converter/
-  - http://training.sunlightfoundation.com/module/data-visualizations-google-docs/
-  - api documentation
-    - WSDL or http://swagger.wordnik.com/ or https://github.com/mashery/iodocs
-    - http://symfony.com/ https://github.com/FriendsOfSymfony/FOSRestBundle http://williamdurand.fr/2012/08/02/rest-apis-with-symfony2-the-right-way/ https://github.com/nelmio/NelmioApiDocBundle better apis https://github.com/liip/LiipHelloBundle
-      - https://github.com/elc/rapi_doc https://github.com/Pajk/apipie-rails
-      - 
-- tools.disclo.gs - how to use data
-  - https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#wiki-images reference style images?
-  - developer tools inc. linked data
-        - gephi -> neo4j
-          - neo4j lets you build on, do massive queries of who is friends with who
-          - don't use network viz if what you actually have is a tree/hierarchy with no interconnections http://www.randelshofer.ch/treeviz/ http://thejit.org/demos/ http://mbostock.github.com/protovis/ex/treemap.html http://blog.pixelingene.com/2011/07/building-a-tree-diagram-in-d3-js/
-          - http://mbostock.github.com/d3/ex/pack.html http://mbostock.github.com/d3/ex/tree.html
-        - postgis/quantum gis 
-          - (google earth is alright but many limitations) NASA World Wind?
-          - ABS statistical areas
-          - http://irs.gis-lab.info/ wms or http://www.gdal.org/frmt_wms_openstreetmap_tms.xml
-          - can do nearest/isin/union queries - personal geocoder
-          - cloudmade geocoder, google maps my maps
-          - base layers like agri or nearmap
-        - scraperwiki with new pytemplate libraries
-          - makes an API for your data to get in sqlite/json/csv
-        - three.js with cables vis? Overviewer from AP?
-  - govhack library
-    - http://hpneo.github.com/gmaps/examples.html 
-    - android datviz
-      - http://code.google.com/p/afreechart/ http://code.google.com/p/snowdon/ http://code.google.com/p/chartdroid/ http://androidplot.com/ http://code.google.com/p/achartengine/
-    - https://graphics.stanford.edu/wikis/cs448b-12-fall/ data viz theory
-    - https://mixpanel.com/education/understanding-the-first-five-minutes
-    - http://drawingbynumbers.org/toolsandresources
-    - http://wmbriggs.com/blog/?p=6465
-    - http://ofps.oreilly.com/titles/9781449339739/k_00000002.html list of d3 alternatives
-    - http://craigkerstiens.com/2012/10/01/understanding-postgres-performance/
-    - https://github.com/clips/pattern for easy NLP/network analysis/data mining
-    - https://github.com/theodi/open-data-tech-review/wiki othr cleanup/linked data toola
-    - http://www.opentripplanner.org/apidoc/rest.plan.html 
-    - http://selection.datavisualization.ch/ data viz tools catalog
-    - http://www.slideshare.net/OReillyStrata/visualizing-networks-beyond-the-hairball
-    - http://blog.sciencenet.cn/blog-554179-622011.html SNA tools catalog
-    - https://github.com/jacomyal/osdc2012-sigmajs-demo sigmajs filtering/searching
-    - manipulating data - grep/find replace/sed/regex
-    - d3 tools and tutorial http://enjalot.com/ http://news.ycombinator.com/item?id=4608440 
-      - Why d3 is the way it is and how to make charts http://bost.ocks.org/mike/chart/
-      - how to make an xkcd chart http://bl.ocks.org/3914862
-    - http://blog.josephwilk.net/ruby/latent-semantic-analysis-in-ruby.html similar terms usually found together
-    - data viz
-    - http://k2company.com/blog/2012/09/06/toolbox-for-learning-machine-learning-and-data-science/
-    - http://williamparry.blogspot.com.au/2011/04/putting-data-into-google-fusion-tables.html google fusion tutorial
-    - andrewharvey4.wordpress.com postgis/asgs tutorial
-    - http://www.slideshare.net/maxdemarzi/etl-into-neo4j 
-    - http://www.twotorials.com/ for R
-      - http://www.r-bloggers.com/gradient-word-clouds/ http://www.rstudio.com/shiny/ http://blog.ouseful.info/2012/11/28/quick-shiny-demo-exploring-nhs-winter-sit-rep-data/ https://github.com/timelyportfolio/shiny-d3-plot https://github.com/trestletech/shiny-sandbox/tree/master/grn
-      - http://is-r.tumblr.com/post/38240018815/making-prettier-network-graphs-with-sna-and-igraph
-      - http://www.r-bloggers.com/video-simpler-tricks-and-tools-help-debugging-git-latex-and-workflow-with-r-by-prof-rob-hyndman/
-      - http://yihui.name/knitr/ makes reports including google widgets/charts/maps via http://www.r-bloggers.com/googlevis-0-3-2-is-released-better-integration-with-knitr/
-      - http://chartsnthings.tumblr.com/post/36978271916/r-tutorial-simple-charts http://flowingdata.com/2012/12/17/getting-started-with-charts-in-r/
-    - http://dydra.com/ 
-    - http://selection.datavisualization.ch/ data viz tools list
-    - http://nodexl.codeplex.com/ network graphs for excel
-    - http://sunfoundation.tumblr.com/ 
-    - css framework like bootstrap or zurb foundation
-    - analysing - linked data tools
-      - http://govcampau.wikispaces.com/useful+tools 
-      - http://linkeddata.org/home 
-    - analysing - unstructured/nlp incl overviewer, opennlp/nltk, lucene/solr
-      - http://www.r-bloggers.com/simple-text-mining-with-r/ 
-
-
-# Hosted Developer Tools {#hosted-developer-tools}
+#GovHack Toolkit
+Welcome to the GovHack toolkit. This page provides all the information you need to prepare hackfest entries.
+These tools can be used to make entries like mobile apps, web apps and data visualisations/infographics.
+
+The text of this toolkit is open for reuse under a Creative Commons Attribution licence and improvements are encouraged via Git http://github.com/maxious/govhack-tools or via email patches to govhack@lambdacomplex.org
+
+# How to register and submit your entry
+## Registering your team
+Coming Soon: how to use the website "Hacker Space" to register and find teams.
+
+## Preparing your submission
+
+You should record a 3 minute speech and mix images/text to accompany.
+[Screenr] (http://www.screenr.com/) , [ActivePresenter Free Edition](http://atomisystems.com/activepresenter/free-edition/) and other screencasting tools allow you to demo apps.
+To mix together clips, you can use youtube video editor http://www.youtube.com/editor or local software like http://www.videolan.org/vlmc/ or http://www.lwks.com/
+
+You also need to submit your "source material". For an application this may be source code, for another work it might be your notes or prototypes.
+The key thing here is that your source material demonstrates to the judges that some of the end result was your own work and that it is possible for another person to replicate that work.
+
+
+# General References
+
+
+## The basics of being a data scientist
+
+*   Have a hypothesis - even if you're making a tool/api that helps people with their questions too, remember what the objective of that is.
+*   Find the people and tools you need to prove/show/find. This rest of this page will help with the latter.
+*   Analyse and present results -  were they what you expected? Do they help explain to others what you have found out?
+Can present as a interactive data visualisation or a web/mobile application or just a infographic/motion graphics video that tells a story.
+
+[![](img/How-to-participate-in-GovHack_html_m6a65720f-300x199.gif "Data Journalism Diagram")](img/How-to-participate-in-GovHack_html_m6a65720f.gif)</dt>
+Illustration from Data Journalism Handbook, CC BY-SA 3.0</dd>
+
+The best high level reference is the 'Understanding Data' and 'Delivering Data' chapters of the Data Journalism Handbook which is available online for free at
+[datajournalismhandbook.org](http://datajournalismhandbook.org/)
+
+You can learn the technical skills from scratch in Visualize This: The FlowingData Guide to Design, Visualization, and Statistics by Nathan Yau or for more advanced
+practical advice check out Data Analysis with Open Source Tools by Philipp K. Janert
+For further reading in this space
+[http://flowingdata.com/2012/04/27/data-and-visualization-blogs-worth-following/](http://flowingdata.com/2012/04/27/data-and-visualization-blogs-worth-following/)
+
+
+**Statistics**
+
+A great guide to statistics is 
+[Think Stats](http://greenteapress.com/thinkstats/html/index.html)
+
+**Programming**
+
+Programming is valuable skill for manipulating and displaying data.
+Basic tutorials for a variety of languages are available for free online or you can learn interactively with websites like [Codecademy for JavaScript](http://www.codecademy.com/#!/exercises/0), [Learn Python](http://www.learnpython.org/) or [Try Ruby](http://tryruby.org/)
+
+For web applications and visualisations, you'll need a basic understanding of JavaScript in order to configure pre made libraries like jQuery. A good source for Javascript information is the [Mozilla Development Network Javascript Page](https://developer.mozilla.org/en/JavaScript)
+
+**Accessibility/User Experience**
+
+Following accessibility guidelines not only make a application accessible but make it a better experience for all users! Even if not making an app, good to consider these things to do and not do when designing for humans: [http://www.w3.org/TR/WCAG/](http://www.w3.org/TR/WCAG/)
+
+
+
+# Developer Tools For Your Computer
+No matter what kind of application you have for the data, there are many tools you can use to better collaborate and manage your project.
+
+### Source Control 
+Using a version control system like Git or Subversion allows you to keep many different versions of what you have been working on so you can collaborate with others or simply back up your files so you don't lose them!
+
+[![](img/Screenshot-at-2012-04-29-172132-300x235.png "Git Screenshot")](http://progit.org/book/)
+
+There are [tutorials on git](http://progit.org/book/) and GUIs to help you like [TortoiseGit for Windows](http://code.google.com/p/tortoisegit/) and [Atlassian SourceTree for Windows and OSX](http://sourcetreeapp.com/) (or if you prefer the console [tig](http://blogs.atlassian.com/2013/05/git-tig/))
+There is also a [manual for Subversion](http://svnbook.red-bean.com/) and a [similar GUI for Subversion](http://tortoisesvn.net/)
+
+
+### Task Tracking
+
+Issue/task trackers allow you to outline the tasks required for your project and assign them to people to do.
+
+[Trello](https://trello.com/) and [Workflowy](https://workflowy.com/) are free, lightweight project management tools suitable for a rapid project!
+
+## Virtual Servers
+Many free services to try out virtual/cloud servers before scaling up: https://www.chunkhost.com/ or heroku or https://www.appfog.com/pricing/
+
+## Hosted Developer Tools
+
+Can get many tools (source control, issue tracking) combined into one service cloud hosted so there's no setup required.
+
+### Github / BitBucket
+Github provides Git but [Subversion (svn)](https://github.com/blog/626-announcing-svn-support) and [Mercurial (hg)](http://hg-git.github.io/) interfaces are also available. Github provide their own GUI for Windows/OSX or you can use a variety of Git capable tools https://github.com/
+Similarly Atlassian provide BitBucket accessible via Git and Mercurial (hg) https://bitbucket.org/
 
 ### Sourceforge
 
@@ -113,18 +100,12 @@
 You can host your Google Code project and get access to developer tools, APIs and documentation at [http://code.google.com/](http://code.google.com/)
 
 
-
-# The basics of being a data scientist
-

-*   Find the people and tools you need to prove/show/find. This rest of this page will help with the latter.

-Please note, there are a combination of Analysis and Visualisation tools in each of the major categories below.
-
-# API Development {#api-development}
-
-
-So an API isn&#8217;t just an XML file ![;)](http://www.govhack.org/wp-includes/images/smilies/icon_wink.gif) 
+# Applications of data hacking
+
+## API Development
+
+
+So an API isn't just an XML file!
 
 A good web based data API:
 
@@ -138,246 +119,341 @@
 
 Some people like sensis [http://](http://developers.sensis.com.au/)[developers.sensis.com.<wbr>au</wbr>](http://developers.sensis.com.au/)[/](http://developers.sensis.com.au/) use a provider like[http://](http://mashery.com/)[mashery.com](http://mashery.com/)[/](http://mashery.com/) or [https](https://apigee.com/)[://](https://apigee.com/)[apigee.com](https://apigee.com/) or [http://](http://apiaxle.com/)[apiaxle.com](http://apiaxle.com/)[/](http://apiaxle.com/) or [http://www.3scale.net/](http://www.3scale.net/) which handles making a good API for them.
 
-Atlassian have a great page on what makes a good API [https](https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)[://](https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)[developer.atlassian.<wbr>com</wbr>](https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)[/display/REST/](https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)[Atlassian](https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)[+<wbr>REST+API+Design+Guidelines+<wbr>version+1</wbr></wbr>](https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)
-
-
-
-
-
-# Data Visualisation {#data-visualisation}
+Atlassian have a great page on what makes a good API https://developer.atlassian.com/display/REST/Atlassian+REST+API+Design+Guidelines+version+1)
+