DeCotii

palette: {
    primary: {
      light: ‘#484848’,
      main: '#212121',
      dark: '#000000',
      contrastText: '#FFFFFF',
    },
    secondary: {
      light: ‘#ffc947’,
      main: '#ff9800',

DeCotii

palette: {
    primary: {
      light: ‘#6dba5a’,
      main: '#3b892d',
      dark: '#005b00',
      contrastText: '#FFFFFF',
    },
    secondary: {
      light: ‘#ffa740’,
      main: '#e87700',

DeCotii

        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>";

DeCotii

/* 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+ */

DeCotii

<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">

DeCotii

<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" />

DeCotii

.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

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: