View _helpers.sass
// 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)
View svg_glyph.rb
# 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
View _material-colors.scss
$material-colors-map: (
'red': (
'50': #ffebee,
'100': #ffcdd2,
'200': #ef9a9a,
'300': #e57373,
'400': #ef5350,
'500': #f44336,
'600': #e53935,
'700': #d32f2f,
View keybase.md

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:

View font_grabber.rb
#!/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+/)
View README.md

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')
View svg_sprite_helper.rb
# 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(' ')
View show-hidden-field.js
//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"));
// }
// }
//})();
View gist:3ae746b709a677a1d46f
Verifying that +franks921 is my blockchain ID. https://onename.com/franks921
View Gulpfile.js
// 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'),