Skip to content

Instantly share code, notes, and snippets.

/* Basic distribution of child elements */
body {
font-family: "Helvetica Neue";
font-size: 16px;
}
/* Ocupation */
.occupy.one.part {
@getflourish
getflourish / index.html
Last active August 29, 2015 14:22 — forked from enjalot/index.html
D3 PieChart
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Testing Pie Chart</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.1.3"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.geom.js?2.1.3"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js?2.1.3"></script>
<style type="text/css">
@getflourish
getflourish / plugins
Last active August 29, 2015 14:23
Sketch Plugins
Plugins
- http://sketchtoolbox.com/
- https://github.com/makzan/Sketch-Plugin-Scripts
i18n
- http://konklone.io/json/
- http://www.csvjson.com/csv2json
console.log("Hello");
@getflourish
getflourish / Artboards from Array
Created July 17, 2015 21:51
Create artboards from array of strings
var names = [];
var artboard;
for (var i = 0; i < names.length; i++) {
artboard = context.document.currentPage().currentArtboard();
artboard = artboard.duplicate();
artboard.setName(names[i]);
}
@getflourish
getflourish / icon.xml
Last active August 29, 2015 14:27
SVG with vectorized strokes, exported using a slice
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs></defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g fill="#566483">
<path d="M12,22 L12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 L12,22 Z M12,24 L12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 L12,24 Z"></path>
<path d="M6,13 L18,13 L19,13 L19,11 L18,11 L6,11 L5,11 L5,13 L6,13 L6,13 Z"></path>
<path d="M11,6 L11,18 L11,19 L13,19 L13,18 L13,6 L13,5 L11,5 L11,6 L11,6 Z"></path>
</g>
</g>
@getflourish
getflourish / icon.xml
Last active August 29, 2015 14:27
SVG, exported from an artboard
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs></defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g stroke="#566483" stroke-width="2">
<circle cx="12" cy="12" r="12"></circle>
<path d="M6,12 L18,12" stroke-linecap="square"></path>
<path d="M12,6 L12,18" stroke-linecap="square"></path>
</g>
</g>
@getflourish
getflourish / icon.xml
Last active August 29, 2015 14:27
SVG, exported using a slice
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs></defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle stroke="#566483" stroke-width="2" cx="12" cy="12" r="12"></circle>
<path d="M6,12 L18,12" stroke="#566483" stroke-width="2" stroke-linecap="square"></path>
<path d="M12,6 L12,18" stroke="#566483" stroke-width="2" stroke-linecap="square"></path>
</g>
</svg>
@getflourish
getflourish / icon.xml
Last active August 29, 2015 14:27
SVG, exported using a slice, grouped layers
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs></defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g stroke="#566483" stroke-width="2">
<circle cx="12" cy="12" r="12"></circle>
<path d="M6,12 L18,12" stroke-linecap="square"></path>
<path d="M12,6 L12,18" stroke-linecap="square"></path>
</g>
</g>
@getflourish
getflourish / icon.xml
Last active August 29, 2015 14:27
SVG, optimized with SVGO
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="#566483" stroke-width="2">
<circle cx="12" cy="12" r="12"/>
<path d="M6 12h12M12 6v12" stroke-linecap="square"/>
</g>
</svg>