frank-who

// Create helper classes from $foundation-palette
@each $color, $hex-value in $foundation-palette
  .color--#{$color}
    color: $hex-value
  .color--bg-#{$color}
    background-color: $hex-value

// Create helper classes from $header-sizes
@each $size, $headers in $header-sizes
  +breakpoint($size)

frank-who

# app/lib/svg_glyph.rb

class SvgGlyph

  CURRENT_COLOR = '#383838'
  GLYPH_NS      = 'glyphs'
  GLYPH_PATH    = "app/assets/images/#{GLYPH_NS}"

  def self.h
    ActionController::Base.helpers

frank-who

$material-colors-map: (
  'red': (
    '50':   #ffebee,
    '100':  #ffcdd2,
    '200':  #ef9a9a,
    '300':  #e57373,
    '400':  #ef5350,
    '500':  #f44336,
    '600':  #e53935,
    '700':  #d32f2f,

frank-who

Keybase proof

I hereby claim:

• I am franks921 on github.
• I am franks921 (https://keybase.io/franks921) on keybase.
• I have a public key whose fingerprint is 5590 806B 95BE A775 50EB 1793 B8B2 66A7 ADA2 A251

To claim this, I am signing this object:

frank-who

#!/usr/bin/ruby
# encoding: utf-8
# Grab google web fonts and embed them as base64 data URIs
# <http://brettterpstra.com/2015/03/14/embedding-google-web-fonts/>
require 'base64'

if ARGV.length > 0
  input = ARGV
elsif STDIN.stat.size > 0
  input = STDIN.read.strip.split(/\n+/)

frank-who

Assumptions:

• Sketch was used to create the icons
• Each icon was saved in it's own artboard

Include the code below in application.html.slim, just after the opening body

= svg_sprites(Rails.root.join('app/assets/images/sprites/*.svg'), 'sprites')

frank-who

# Usage:
# <%= svg_sprites(Rails.root.join('app/assets/images/sprites/*.svg')) %>
# <%= svg_icon('icon--check-circle') %>

module SvgSpriteHelper

  def svg_icon(icon, options={})
    options[:class] ||= []
    options[:class]   = [icon] + options[:class].split(' ')
    

frank-who

//javascript:(function(){
//  var is=document.getElementsByTagName("input");
//  for(i=0;i<is.length;i++){
//    if(typeof(is[i].attributes["type"])!="undefined" && is[i].attributes["type"].value.toLowerCase()=="hidden"){
//      is[i].setAttribute("type","text");
//      is[i].setAttribute("style","background-color:#FFFFE0;border:2px dashed #99CCFF;color:#000000;border-radius:0;font-size:12px;line-height:1;padding:4px 10px;height:auto");
//      is[i].insertAdjacentHTML("beforeBegin", is[i].getAttribute("name"));
//    }
//  }
//})();

frank-who

Verifying that +franks921 is my blockchain ID. https://onename.com/franks921

frank-who

// npm install gulp gulp-cheerio gulp-rename gulp-svgmin gulp-svgstore gulp-watch --save-dev
// gulp watch

var paths = {
  icons: './app/assets/images/sprites/*.svg',
  dest:  './app/assets/images/'
};

var gulp     = require('gulp'),
    path     = require('path'),