This gist displays a map of the 12 provinces the country of the Netherlands contains.
The path in the SVG have province names as class names, making it very easy to style them from a separate CSS file.
This work is based on an original SVG from the Wikipedia
Could be improved upon further by grouping separate path in `` blocks like upload.wikimedia.org/wikipedia/commons/d/d5/Provinces_of_the_Netherlands.svg has.
Example of how to create a pie chart with d3.js
Viewable on bl.ocks.net and jsfiddle
Next step is to use NVD3 (first rough draft on jsfiddle).
@TODO: Split index.html into separate files (js, css, json) to make clear how much work goes into which layer (definition, styling, logic).
| <?php | |
| namespace PhpHooligans; | |
| /** | |
| * | |
| * @param \Closure $callable | |
| * | |
| * @return bool | |
| */ |
| /** | |
| * ASCII Art version of the Potherca Cartoon Avatar | |
| */ | |
| .background { | |
| color: red; | |
| } | |
| .hair { | |
| color: darkbrown; |
| /** | |
| * Various "Build in" banners | |
| */ | |
| @import url("//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"); | |
| @import url("//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-glyphicons.css"); | |
| body { | |
| text-align: center; | |
| margin: 2em; | |
| } |
| /** | |
| * Various "Build in" banners | |
| */ | |
| @import url("//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"); | |
| @import url("//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-glyphicons.css"); | |
| body { | |
| text-align: center; | |
| margin: 2em; | |
| } |
| PEAR Channel Server hosted by GitHub | |
| ==================================== | |
| This is my PEAR Channel Server hosted by GitHub and powered by [Pirum](http://www.pirum-project.org): | |
| [jsor.github.com/pear](http://jsor.github.com/pear) | |
| Create your own PEAR Channel Server | |
| ----------------------------------- |
| # ------------------------------------------------------ | |
| # Enhance prompt when inside git repos | |
| # http://railstips.org/blog/archives/2009/02/02/bedazzle-your-bash-prompt-with-git-info/ | |
| # ------------------------------------------------------ | |
| function parse_git_branch { | |
| ref=$(git symbolic-ref HEAD 2> /dev/null) || return | |
| echo -e '\E[0;34m'"\033[1m("${ref#refs/heads/}") \033[0m" | |
| } | |
| # ------------------------------------------------------ |
| /** | |
| * Floating Block on a Light Blue Small Tile Background | |
| */ | |
| body { | |
| background: #CDE; | |
| background: linear-gradient(45deg, #FFF, #AAF); | |
| background-size: 0.75em 0.75em; | |
| } | |
| .grid { |
| #!/bin/bash | |
| phpunit | |
| EXIT_CODE="$?" | |
| if [ $EXIT_CODE -eq "255" ]; then | |
| # Wrapping the error code to 1, so bisect marks this build as "bad" and continues. | |
| exit 1 | |
| fi |
