meodai

<div class="app">
  <div class="section color-section">
    <article
      data-swatch
      class="colorswatch colorswatch--visible colorswatch--start"
      style="--c-color: #f00; --c-shade0: #f01; --c-shade1: #f02;"
    >
      <div aria-hidden class="colorswatch__swatch">
        <div class="colorswatch__shade"></div>
        <div class="colorswatch__shade"></div>

meodai

CGA: Color Generation Assistant

Inspired by a game on http://www.chromapost.com

A Pen by David A. on CodePen.

License.

meodai

a.github-corner(href='//github.com/meodai/color-names', target='_blank', aria-label='View source on Github')
  svg(width='80', height='80', viewbox='0 0 250 250', aria-hidden='true')
    path.triange(d='M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z')
    path.octo-arm(d='M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2', style='transform-origin: 130px 106px;')
    path.octo-body(d='M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8

meodai

  /*

                                    _  _____  __    __   __
                                   | |  | |  / /`  ( (` ( (`
                                   |_|  |_|  \_\_, _)_) _)_)


                                          `-.` '.-'
                                       `-.    A   .-'.
                                    `-.    -./_\.-    .-'

meodai

Keybase proof

I hereby claim:

• I am meodai on github.
• I am meodai (https://keybase.io/meodai) on keybase.
• I have a public key ASCLqW6lbYrL8hRiKte2Ycjd1-LTPC5IajLKhZV_OzEs7Qo

To claim this, I am signing this object:

meodai

<div class="container">
  
  <h1>Gutted :D</h1>
  <div class="container__overlay">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>

meodai

const svgSprite = require('gulp-svg-sprite');
const xmlEdit = require('gulp-edit-xml');

/**
 *
 *  svgAttrToStyle: function that adds certain attributes as styles
 *
 *  args:
 *  @childrenArray [array of objects] containing SVG presentation attributes
 *  @mods [array of strings|object] attributes to place within the style attribute

meodai

const ypbprToRGB = (y, pb, pr, kb = 0.0722, kr = 0.2126) => {

	const r = y + 2 * pr * (1 - kr);
	const b = y + 2 * pb * (1 - kb);
	const g = (y - kr * r - kb * b) / (1 - kr - kb);

	return [r*255,g*255,b*255];
};

const colorSpaces = [

meodai

{
    "dialog-breakpoints": {
        "desktop": "'min-width: 701px'",
        "mobile": "'max-width: 700px'"
    }
}

meodai

#!/usr/bin/env bash

# logging
function e_header() { echo -e "\n\033[1m$@\033[0m"; }

# install homebrew if not already there
if [[ ! "$(type -P brew)" ]]; then
    e_header '🍳 Installing homebrew'
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
fi