View hsb-hsl.scss
@function hsb($hue, $saturation, $brightness, $alpha: 1, $hsl-saturation: '') {
@if $brightness == 0 {
@return hsla(0, 0, 0, $alpha);
} @else {
$hsl-lightness: (2 - $saturation / 100) * ($brightness / 2);
$hsl-saturation: ($brightness * $saturation) / if($hsl-lightness < 50, $hsl-lightness * 2, 200 - $hsl-lightness * 2);
@return hsla($hue, $hsl-saturation, $hsl-lightness, $alpha);
}
}
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