Skip to content

Instantly share code, notes, and snippets.

View DeCotii's full-sized avatar

Paul DeCotiis DeCotii

View GitHub Profile
palette: {
primary: {
light: ‘#484848’,
main: '#212121',
dark: '#000000',
contrastText: '#FFFFFF',
},
secondary: {
light: ‘#ffc947’,
main: '#ff9800',
palette: {
primary: {
light: ‘#6dba5a’,
main: '#3b892d',
dark: '#005b00',
contrastText: '#FFFFFF',
},
secondary: {
light: ‘#ffa740’,
main: '#e87700',
var tip = d3.tip()
.attr('class', 'd3-tip-map')
.offset([0, 0])
.html(function (d) {
var tooltip = "<div>";
tooltip += "<h4>" + regionLabels[d.properties.REGION_ID].label + "</h4>";
Object.keys(mapData).forEach(function(goal) {
if (goalKeyToNameMapping[goal] === 'Index') {
tooltip += "<p class='tooltip-bottom pull-left'> Rank" + "<b><span>" + mapData[goal][d.properties.REGION_ID].ranking + "</span></b>"+ "</p>";
tooltip += "<p class='tooltip-bottom pull-right'> Index Score " + "<b><span>" + mapData[goal][d.properties.REGION_ID].score + "</span></b>"+ "</p>";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+2,1+98 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 2%, rgba(255,255,255,1) 98%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 98%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 98%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
<svg viewBox="0 0 541 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g>
<mask id="maskDesktopPageA" fill="white">
<rect x="0.319185465" y="0.148539825" width="541" height="346" rx="2"></rect>
</mask>
<image id="desktopPage" mask="url(#maskDesktopPageA)" y="11.0227273" width="541" height="335" xlink:href=""></image>
</g>
<g>
<rect fill="#EBEBEB" x="0" y="0" width="541" height="11" rx="2"></rect>
<g transform="translate(4.000000, 4.000000)" fill="#9BA1A3">
<link rel="apple-touch-icon" sizes="57x57" href="/img/favicons/favicon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="/img/favicons/favicon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="/img/favicons/favicon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/img/favicons/favicon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/img/favicons/favicon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/img/favicons/favicon-152x152.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicons/favicon-16x16.png">
<link rel="shortcut icon" href="/img/favicons/favicon.ico" />
.font-size(@font-size-sm, @font-size-md, @font-size-lg) {
font-size: @font-size-sm * 1px;
font-size: (@font-size-sm/@remSm) * 1rem;
line-height: @font-size-sm * 1.6364 * 1px;
@media @tablet {
font-size: @font-size-md * 1px;
font-size: (@font-size-md/@remMd) * 1rem;
line-height: @font-size-md * 1.6364 * 1px;
}
@DeCotii
DeCotii / keybase.md
Created January 29, 2015 15:05
keybase.md

Keybase proof

I hereby claim:

  • I am decotii on github.
  • I am pauldecotiis (https://keybase.io/pauldecotiis) on keybase.
  • I have a public key whose fingerprint is E719 681D 3982 1096 5241 C0B4 9145 0A3E D812 D10D

To claim this, I am signing this object: