add wordpress mode
--- 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/index.md
+++ b/index.md
@@ -18,7 +18,7 @@
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 {#general-data-hacking-and-programming-references}
+# General References
## The basics of being a data scientist
@@ -58,7 +58,7 @@
-# Developer Tools For Your Computer {#developer-tools-for-your-computer}
+# 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
@@ -76,7 +76,7 @@
[Trello](https://trello.com/) and [Workflowy](https://workflowy.com/) are free, lightweight project management tools suitable for a rapid project!
-## Hosted Developer Tools {#hosted-developer-tools}
+## Hosted Developer Tools
Can get many tools (source control, issue tracking) combined into one service cloud hosted so there's no setup required.
@@ -98,10 +98,10 @@
# Applications of data hacking
-## API Development {#api-development}
-
-
-So an API isn't just an XML file 
+## API Development
+
+
+So an API isn't just an XML file!
A good web based data API:
@@ -120,17 +120,13 @@
HowTo.gov has a bunch of api resources about choosing SOAP vs. REST etc. http://www.howto.gov/mobile/apis-in-government
API documentation is important too! Traditionally for SOAP APIs, you use WSDL but for REST try [Swagger](http://swagger.wordnik.com/) or [iodocs](https://github.com/mashery/iodocs)
-Many web app frameworks can generate the documentation for you. For example Symfony for PHP 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
+Many web app frameworks can generate the documentation for you. For example Symfony for PHP 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 https://github.com/liip/LiipHelloBundle
Or for Ruby on Rails there is is https://github.com/elc/rapi_doc https://github.com/Pajk/apipie-rails
- better apis https://github.com/liip/LiipHelloBundle
-
- http://amberonrails.com/building-stripes-api/
-
-example WeatherTree weather API
-
-
-## Infographics and Data Visualisation {#data-visualisation}
+For example [Stripe's API](http://amberonrails.com/building-stripes-api/) or previous GovHack entrant [WeatheredOak](http://www.govhack.org/2012/06/02/weatheredoak/)
+
+
+## Infographics and Data Visualisation
Infographics try to contextualise charts and graphs to tell a story. Data vis builds on this to find new ways to design insight.
@@ -144,7 +140,7 @@
Also check out [http://thejit.org](http://thejit.org/) & [http://www.senchalabs.org/<wbr>philogl/</wbr>](http://www.senchalabs.org/philogl/) (contributed by Matt Adcock)
A good infographic should use visual art concepts and [good color schemes](http://www.r-bloggers.com/the-paul-tol-21-color-salute/)
-For more information on the theory of data visualisation check out the (Stanford CS448B notes)[https://graphics.stanford.edu/wikis/cs448b-12-fall/]
+For more information on the theory of data visualisation check out the [Stanford CS448B notes](https://graphics.stanford.edu/wikis/cs448b-12-fall/)
Some examples of data visualisation can be seen on [the Sunlight Foundation tumblr](http://sunfoundation.tumblr.com/) or at the GovHack alumn [The Open Budget](http://www/.theopenbudget.org)
@@ -211,7 +207,7 @@
NZ Gov budget http://www.treasury.govt.nz/budget/app
-# Geographical Data Tools {#geographical-data-tools}
+# Geographical Data Tools
Check out the [GeoRabble Boundary Mapper's Cookbook](http://georabble.org/2012/05/31/the-boundary-mappers-cookbook/) to see how you can tie all these things together!
@@ -266,7 +262,7 @@
[](img/How-to-participate-in-GovHack_html_512fcbe1.jpg)Display points and different layers. Leaflet is the easiest to use if you just want to show points with popups when clicked on.
There are wrappers for Google maps like http://hpneo.github.com/gmaps/examples.html and Mapstraction that can make it easier to use too.
-If you need to customise the base map, try TileMill.
+If you need to customise the base map, try TileMill. See the [THE INSANELY ILLUSTRATED GUIDE TO YOUR FIRST DATA-DRIVEN TILEMILL MAP](http://dataforradicals.com/the-insanely-illustrated-guide-to-your-first-tile-mill-map/)
### NASA World Wind/Google Earth
@@ -274,7 +270,7 @@
###
-# Tabular Data Tools {#tabular-data-tools}
+# Tabular Data Tools
## Wrangling
@@ -363,12 +359,8 @@
-# Graph (relationships and networks) Data Tools {#graph-relationships-and-networks-data-tools}
+# Graph (relationships and networks) Data Tools
Graph data can be very valuable for finding communities, hubs and connections between entities (the 6 degrees of separation). This is through the techniques of Social Network Analysis.
- - 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
-
## Analysis
@@ -397,6 +389,9 @@
## Visualisation
+
+Proper visualisation of networks can be hard as described in this presentation [Visualising Networks: Beyond the Hairball](http://www.slideshare.net/OReillyStrata/visualizing-networks-beyond-the-hairball)
+
### Tree/Hierarchy visualisation
Sometimes when you analyse a network what you actually have is a tree/hierarchy with no interconnections.
In these cases, it's faster and more visually effective to use a Tree visualisation.
@@ -418,4 +413,5 @@
### [sigma.js](http://sigmajs.org/)
[](img/How-to-participate-in-GovHack_html_m6006eaf3.jpg)Javascript graph viewer for displaying graphs on webpages without any other plugins/applications required. It can use GEXF files exported from tools like neo4j, gephi or NetworkX.
-
+ It's also possible to [filter/search the displayed network in sigma.js](https://github.com/jacomyal/osdc2012-sigmajs-demo)
+
--- a/index.php
+++ b/index.php
@@ -1,3 +1,10 @@
+<?php
+$wordpress = false;
+if (isset($_REQUEST["wordpress"])) $wordpress = true;
+
+if (!$wordpress) {
+
+?>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
@@ -26,8 +33,22 @@
<div id="wrapper">
<section>
<?php
+}
include_once "php-markdown/markdown.php";
-echo Markdown(file_get_contents("index.md"));
+$content = Markdown(file_get_contents("index.md"));
+$content = str_replace("<h1","</div><div><h1",$content);
+$content = str_replace("</div><div><h1>GovHack","<div><h1>GovHack",$content);
+$content .= "</div>";
+if ($wordpress) {
+ $content = str_replace("<div><h1>","<div>[toggle title=\"",$content);
+ $content = str_replace("</div>","[/toggle]</div>",$content);
+ $content = str_replace("</h1>","\"]",$content);
+
+ $content = str_replace("<img","<img width=\"300\" class=\"alignright size-medium\"",$content);
+ $content = str_replace("img/","http://www.govhack.org/wp-content/uploads/",$content);
+}
+echo $content;
+if (!$wordpress) {
?>
</div>
</section>
@@ -41,13 +62,13 @@
$('#toc').toc({
'selectors': 'h1'
});
- /*$(function(){
+ $(function(){
$('<div class="items"></div>').insertAfter('h1');
$(".items").each(function() {
$(this).stoc();
});
- });*/
+ });
</script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
@@ -58,4 +79,6 @@
</script>
</body>
</html>
-
+<?php
+}
+?>