ratchet_design 0.1.12 → 0.1.13

data/app/helpers/ratchet/form_helper.rb

@@ -1,11 +1,13 @@
 module Ratchet
   module FormHelper
-
     INPUT_OPTIONS = {
       email: {
         type: "email",
         placeholder: "Email address",
         pattern: "[^@]+@[^@]+\\.[a-zA-Z]{2,}",
+        autocorrect: "off",
+        autocapitalize: "off",
+        spellcheck: "false",
         data: { message: "Please enter a valid email address." }
       },
 
@@ -18,6 +20,20 @@ module Ratchet
         type: "text"
       },
 
+      tel: {
+        type: "tel",
+        placeholder: "Phone number"
+      },
+
+      url: {
+        type: "text",
+        placeholder: "Web address",
+        autocorrect: "off",
+        autocapitalize: "off",
+        spellcheck: "false",
+        pattern: ".+\\.[a-zA-Z]{2,}"
+      },
+
       card_number: {
         type: "text",
         required: true,
@@ -55,6 +71,7 @@ module Ratchet
         type: "text",
         required: true,
         pattern: "[0-9]{3,4}",
+        placeholder: "CVC",
         data: {
           stripe: "cvc",
           message: "Please enter a valid security code."
@@ -62,6 +79,7 @@ module Ratchet
       },
 
       select_country: {
+        type: "select",
         country_options: {
           include_blank: "Select a country",
           priority_countries: ["US", "GB", "CA"],
@@ -71,70 +89,336 @@ module Ratchet
       }
     }
 
+    def table_form_for(record, options = {}, &block)
+      form_for record, options do |f|
+        table_form_tag f, &block
+      end
+    end
+
+    def table_form_tag(form = nil)
+      form.style = 'table' if form
+      content_tag :div, class: ['table', 'table-form'] do
+        yield form if block_given?
+      end
+    end
+
+    def stacked_form_for(record, options = {}, &block)
+      form_for record, options do |f|
+        stacked_form_tag f, &block
+      end
+    end
+
+    def stacked_form_tag(form = nil)
+      form.style = 'stacked' if form
+      content_tag :div, class: 'stacked-form' do
+        yield form if block_given?
+      end
+    end
+
+    def slider_input_tag(name, options={})
+      options = options.stringify_keys
+      classnames = options.delete('class') || ''
+
+      if label = options.delete('label')
+        label = content_tag(:span, class: 'label-text') { label }
+      end
+
+      data = options['data'] || {}
+      data['input'] ||= name
+
+      if options['position_label']
+        data['position_label'] = options['position_label']
+      end
+      
+      # Set values (and max based on values size)
+      if values = options['values']
+        data['values'] = values.join(',')
+        options['max'] ||= values.size - 1
+      end
+
+      # Support legacy option
+      options['labels'] ||= options['label']
+
+      if labels = options['labels']
+        if labels.is_a?(Array)
+          data['label'] = labels.join(';')
+          options['max'] ||= labels.size - 1
+        elsif labels.is_a?(Hash)
+          labels.each do |label, value|
+            data['label-'+dasherize(label.to_s.downcase)] = value.join(';')
+            options['max'] ||= value.size - 1
+          end
+        end
+      end
+
+      if labels == false
+        data['label'] = 'false'
+      end
+
+      if labels = options['external_labels']
+        if labels.is_a?(Hash)
+          labels.each do |label, value|
+            data['external-label-'+dasherize(label.to_s.downcase)] = value.join(';')
+          end
+        end
+      end
+
+      if before = options['before']
+        if before.is_a?(String)
+          data['before-label'] = before
+        else
+          before.each do |key, value|
+            data["before-label-#{key}"] = value
+          end
+        end
+      end
+
+      if mark = options['mark']
+        data['mark'] = mark.join(',')
+      end
+
+      if after = options['after']
+        if after.is_a?(String)
+          data['after-label'] = after
+        else
+          after.each do |key, value|
+            data["after-label-#{key}"] = value
+          end
+        end
+      end
+
+      if line_labels = options['line_labels']
+        data['line_labels'] = []
+        line_labels.each do |k, v|
+          data['line_labels'] << "#{k}:#{v}"
+        end
+        data['line_labels'] = data['line_labels'].join(';')
+      end
+
+      options['value'] ||= options['min'] || 0
+
+      html_options = {"class" => classnames, "type" => "range", "min" => options['min'], "max" => options['max'], "value" => options['value'] }.update('data' => data)
+
+      content_tag(:label, class: 'range-label') {
+        concat label if label
+        concat tag :input, html_options
+      }
+    end
+    alias :range_input_tag :slider_input_tag
+
     # Country select
     def select_country_tag(name, options = {}, country_options = {})
       country_options.reverse_merge! INPUT_OPTIONS[:select_country][:country_options]
 
       options = INPUT_OPTIONS[:select_country][:html_options].deep_merge options
+      options[:class] ||= ' '
+      options[:class] += " #{label_class(:select)}"
 
-      content_tag(:label) do
+      content_tag(:label, class: options.delete(:class) ) do
         country_select :user, :country, country_options, options
       end
     end
 
     # Email inputs
     def email_input_tag(name, value = nil, options = {})
-      base_input_tag(name, value, options, :email)
+      input_tag(:email, name, value, options)
     end
 
     # Passowrd inputs
     def password_input_tag(name, value = nil, options = {})
-      base_input_tag(name, value, options, :password)
+      input_tag(:password, name, value, options)
     end
 
     def text_input_tag(name, value = nil, options = {})
-      base_input_tag(name, value, options, :text)
+      input_tag(:text, name, value, options)
+    end
+
+    def url_input_tag(name, value = nil, options = {})
+      input_tag(:url, name, value, options)
+    end
+
+    def tel_input_tag(name, value = nil, options = {})
+      input_tag(:tel, name, value, options)
+    end
+
+    def textarea_tag(name, value = nil, options = {}, &block)
+      input_tag(:textarea, name, value, options, &block)
+    end
+
+    def number_input_tag(name, value = nil, options = {})
+      input_tag(:number, name, value, options)
+    end
+
+    def search_input_tag(name, value = nil, options = {})
+      input_tag(:search, name, value, options)
     end
 
     def card_number_tag(name, value=nil, options={})
-      base_input_tag(name, value, options, :card_number)
+      input_tag(:card_number, name, value, options)
     end
 
     def card_month_tag(name, value=nil, options={})
-      base_input_tag(name, value, options, :card_month)
+      input_tag(:card_month, name, value, options)
     end
 
     def card_year_tag(name, value=nil, options={})
-      base_input_tag(name, value, options, :card_year)
+      input_tag(:card_year, name, value, options)
     end
 
     def card_cvc_tag(name, value=nil, options={})
-      base_input_tag(name, value, options, :card_cvc)
+      input_tag(:card_cvc, name, value, options)
+    end
+
+    def radio_button_input_tag(name, value, checked = false, options = {})
+
+      if checked.is_a? Hash
+        options = checked
+        checked = false
+      end
+
+      options[:type] = :radio
+
+      tick_wrapper( name, options ) do
+        radio_button_tag(name, value, checked, options)
+      end
+
+    end
+
+    def checkbox_input_tag(name, checked = false, options = {})
+      value = true
+
+      if checked.is_a? Hash
+        options = checked
+        checked = false
+      end
+
+      options[:type] = :checkbox
+
+      tick_wrapper( name, options ) do
+        options.delete(:class)
+        concat tag :input, name: name, type: :hidden, value: false
+        concat check_box_tag(name, value, checked, options)
+      end
+    end
+
+    def select_input_tag(name, option_tags=nil, options={}, &block)
+      if option_tags.is_a? Hash
+        options = option_tags
+        option_tags = nil
+      end
+
+      options[:label] ||= options.delete(:label_placeholder)
+
+      option_tags ||= extract_block(&block) if block_given?
+
+      input_tag(:select, name, option_tags.html_safe, options)
+    end
+
+    def switch_input_tag(name, checked = false, options = {})
+
+      if checked.is_a? Hash
+        options = checked
+        checked = false
+      end
+
+      if label_text = options.delete(:label)
+        label_text = content_tag(:span, class: 'label-text') { label_text }
+      end
+
+      content_tag(:label, class: 'check-switch switch-label', data: { input: 'checkbox' }) do
+        concat tag :input, name: name, type: :hidden, value: false
+        concat label_text
+        concat check_box_tag(name, true, checked, options)
+
+        concat content_tag(:span, class: 'check-switch-panel') {
+          concat content_tag(:span, class: 'check-switch-tick') { '' }
+        }
+
+        concat content_tag(:span, class: 'check-switch-label') { 'Enable' }
+      end
+
     end
 
     private
 
-    def base_input_tag(name, value, options, type)
+    def base_tag(name, value, options, type, &block)
+      case type
+      when :select
+        value = value.html_safe if value
+        select_tag(name, value, options)
+      when :textarea
+        value ||= extract_block(&block)
+        text_area_tag(name, value, options)
+      else
+        text_field_tag(name, value, options)
+      end
+    end
+
+    def input_tag(type, name, value, options=nil, &block)
+      type.to_sym! if type.is_a?( String ) 
+
       if value.is_a? Hash
         options = value
         value = nil
       end
 
       options = (INPUT_OPTIONS[type]||{}).deep_merge options
+      options[:type] ||= type
 
-      label = options.delete(:label)
-      tag = text_field_tag(name, value, options)
 
-      if label
-        options[:placeholder] = label
+      label_options = { 
+        class: "#{label_class(options[:type])} #{options.delete(:class)}"
+      }
 
-        content_tag(:label) do
-          tag + content_tag(:span) { label }
-        end
+      if label_placeholder = options.delete(:label_placeholder)
+        options[:placeholder] = label_placeholder
+        label_placeholder = content_tag(:span, class: 'placeholder-label-text') { label_placeholder }
+        label_options[:class] += ' placeholder-label'
+      end
+
+      if !label_placeholder && label_text = options.delete(:label)
+        label_text = content_tag(:span, class: 'label-text') { label_text }
+      end
+
+      content_tag(:label, label_options) {
+        concat label_text
+        concat base_tag(name, value, options, type, &block)
+        concat label_placeholder
+      }
+
+    end
+
+    private
+
+    def label_class( type )
+      type = case type
+      when :tel, :password, :number, :url, :email, :search
+        "text"
+      when :checkbox, :radio
+        "tick"
       else
-        tag
+        type.to_s
       end
 
+      "#{type}-label"
+    end
+
+    def tick_wrapper( name, options, &block )
+
+      tag = extract_block(&block)
+
+      tick = content_tag(:span, class: 'tick') {''}
+      label = content_tag(:span, class: 'label-text') { options.delete(:label) || name }
+
+      options[:class] ||= ' '
+      options[:class] << "#{label_class( options.delete(:type) )} tick-box"
+
+      content_tag(:label, options ) {
+        concat tag.html_safe
+        concat tick
+        concat content_tag(:span, class: 'label-text-wrapper') { label }
+      }
     end
+
   end
 end

data/app/views/layouts/ratchet/default.html.slim

@@ -41,11 +41,11 @@ html
     / Head
     = yield :head
 
-  body class=page_classes
+  body class=page_class
 
     / Icon inclusion
     = render "shared/ratchet/icons"
-
+    
     - if content_for?(:blank)
 
       = yield :blank

data/app/views/shared/ratchet/_defs.html.slim

@@ -0,0 +1,67 @@
+  ruby:
+    activeColor = [
+      { "name" => "azure"       },
+      { "name" => "byzantine"   },
+      { "name" => "mulberry"    },
+      { "name" => "majorelle"   },
+      { "name" => "caribbean"   },
+      { "name" => "grass"       },
+      { "name" => "gold"        },
+      { "name" => "tangelo"     },
+      { "name" => "rusty"       }
+    ]
+    
+    passiveColor = [
+      { "name" => "space"       },
+      { "name" => "shark"       },
+      { "name" => "steel"       },
+      { "name" => "pewter"      },
+      { "name" => "alabaster"   },
+      { "name" => "smoke"       },
+      { "name" => "white"       }
+    ]
+    
+    gradient = [
+      { "name" => "earthrise"   },
+      { "name" => "royalty"     },
+      { "name" => "lagoon"      },
+      { "name" => "pearlescent" },
+      { "name" => "firestorm"   },
+      { "name" => "sunset"      },
+      { "name" => "berries"     },
+      { "name" => "supernova"   },
+      { "name" => "emerald"     }
+    ]
+
+  defs#svg-defs
+
+    // Active Colors
+    - activeColor.each do | a |
+      linearGradient id="#{a["name"]}" gradientUnits="objectBoundingBox"
+        stop offset="0"
+
+    // Passive Colors
+    - passiveColor.each do | a |
+      linearGradient id="#{a["name"]}" gradientUnits="objectBoundingBox"
+        stop offset="0"
+
+    // Standard Gradients
+    - gradient.each do | a |
+      linearGradient id="#{a["name"]}" gradientUnits="objectBoundingBox" gradientTransform="rotate(55)"
+        stop offset="0"
+        stop offset="1"
+
+    - gradient.each do | a |
+      linearGradient id="#{a["name"]}-darken" gradientUnits="objectBoundingBox" gradientTransform="rotate(55)"
+        stop offset="0"
+        stop offset="1"
+
+    - gradient.each do | a |
+      linearGradient id="#{a["name"]}-lighten" gradientUnits="objectBoundingBox" gradientTransform="rotate(55)"
+        stop offset="0"
+        stop offset="1"
+
+    // White
+    linearGradient#white gradientUnits="objectBoundingBox"
+      stop  offset="0" style="stop-color:#FFFFFF"
+      stop  offset="1" style="stop-color:#FFFFFF"

data/app/views/shared/ratchet/_footer.html.slim

@@ -1,3 +1,9 @@
+/ Render Ratchet footer
 - if content_for?(:footer)
   footer role="contentinfo"
     = yield :footer
+
+/ Render Kraken footer
+- else
+  footer.kraken role="contentinfo"
+    = render "pages/kraken/partials/footer"

data/app/views/shared/ratchet/_header.html.slim

@@ -13,3 +13,8 @@ header role="banner"
     / Main site navigation
     nav.main-nav role="navigation"
       = yield :top_nav
+  
+    - if content_for?(:app_nav)
+
+      nav.app-nav role="navigation"
+        = yield :app_nav

data/app/views/shared/ratchet/_icons.html.slim

@@ -1,7 +1,9 @@
-svg#icons style="display: none;" xmlns="http://www.w3.org/2000/svg"
+svg#icons style="height: 0; width: 0; position: absolute; display: none" xmlns="http://www.w3.org/2000/svg" height="0" width="0"
+  
+  = render "/shared/ratchet/defs"
 
   /! Compose logo (viewBox="0 0 650 122")
-  symbol id="compose-logo" fill="currentColor"
+  symbol#compose-logo fill="currentColor"
     path d="M325.4 28.6c-16.7 0-28.7 12.2-28.7 29s12.1 29 28.7 29c16.7 0 28.7-12.2 28.7-29 .1-16.8-12-29-28.7-29zm0 46.7c-9.5 0-16.1-7.3-16.1-17.7 0-10.6 6.5-17.7 16.1-17.7 9.5 0 16.1 7.3 16.1 17.7.1 10.4-6.6 17.7-16.1 17.7z"
     polygon points="394.1,50.2 380.7,28.8 365,28.8 365,84.8 378,84.8 378,48.3 394.5,71.4 411,48.3 411,84.8 423,84.8 423,28.8 407.6,28.8"
     path d="M461.3 28.8h-25.3v56h12v-18h13.3c11.1 0 18.9-8.3 18.9-19 .1-10.7-7.7-19-18.9-19zm-1.2 27h-12.1v-15h12.1c4.5 0 7.6 3.4 7.6 7.5s-3.1 7.5-7.6 7.5zM516.1 28.6c-16.7 0-28.7 12.2-28.7 29s12.1 29 28.7 29c16.7 0 28.7-12.2 28.7-29 .1-16.8-12-29-28.7-29zm0 46.7c-9.5 0-16.1-7.3-16.1-17.7 0-10.6 6.5-17.7 16.1-17.7 9.5 0 16.1 7.3 16.1 17.7 0 10.4-6.6 17.7-16.1 17.7zM576.9 50.7c-6.5-1.6-10.4-2.8-10.4-5.5 0-3.1 2.9-5.1 7.5-5.1 5.6 0 10.7 2 14.3 5.6l1.2 1.2 7.2-9.4-1-.9c-5.4-5.2-12.5-7.8-21-7.8-12.1 0-20.9 7.2-20.9 17 0 12.3 11 15.1 19.9 17.4 6.9 1.8 11.1 3.1 11.1 6.4 0 2.6-2.4 5.7-9.2 5.7-8.1 0-13.3-4.3-15.7-6.8l-1.3-1.3-7 9.7.9.9c5.5 5.8 13.3 8.9 22.7 8.9 16.3 0 22.1-9.3 22.1-17.9.2-12.9-11.7-15.9-20.4-18.1z"
@@ -23,11 +25,11 @@ svg#icons style="display: none;" xmlns="http://www.w3.org/2000/svg"
       polygon points="122.1,88.1 155.2,107.8 155.2,73.5 122.1,54"
 
   /! Ratchet logo (viewBox="0 0 600 120")
-  symbol id="ratchet-logo" fill="currentColor"
+  symbol#ratchet-logo fill="currentColor"
     path d="M502.1 2.5h-105.1v39h-20v-39h-37v101.8l-16.8-30.2c-4.5 7.4-12.6 12.4-21.9 12.4-14.2 0-25.7-11.5-25.7-25.7s11.5-25.7 25.7-25.7c8.2 0 15.5 3.8 20.2 9.8l.6-1 18-31.7c-3.1-2.2-6.7-4.2-11-6-3.7-1.6-8-3-13.1-4.3-5-1.3-10.8-1.9-17.3-1.9-8.2 0-16 1.4-23.3 4.2-7.4 2.8-13.8 6.8-19.2 12.1-4.3 4.2-8 9-10.9 14.5 2.2-5.5 5.8-12.5 11.5-18.1 3.8-3.8 8.2-7.2 12.9-9.2h-156.2l-30.7 80.1 13.7 32.9h9.6l2.9-8h36.4l2.9 8h73.7v-77h19.5c-2.1 6.3-3.2 13.1-3.2 20.5 0 8.9 1.5 17.1 4.6 24.4 3.1 7.4 7.4 13.7 12.9 18.9 5.5 5.3 12 9.3 19.5 12.3 7.5 2.9 15.8 4.4 24.7 4.4 6.6 0 12.5-.7 17.7-2.1 5.1-1.4 9.3-2.9 13-4.5 3.6-1.7 7.3-3.5 9.3-5.6v9.6h37v-43h20v43h32l5.8-107.9.6 107.9h67.6v-37h-32v-7h19v-28h-19v-6h31v-36.2l6.3 36.3h23.7v78h38v-78h23.7l6.3-37h-97.9zm-379 71l4.2-10.9 4.2 10.9h-8.4zm19.3-66.4l18.4 32.4h23.2v76.1l-41.6-108.5zm-50.4 36.4c0-22.9-18.5-41-41.4-41h-50.6v114h37v-28.9l16.7 28.9h42.9l-22.4-39.4c10.7-7.4 17.8-19.5 17.8-33.6zm-50.1 13h-4.9v-21h4.9c5.4 0 9.7 4.7 9.8 10.5-.1 5.1-4.5 10.5-9.8 10.5zM293.8 73.7l-7.6-13.2 7.6-13.1h15l7.5 13.1-7.5 13.2h-15z"
 
   /! Vertical Logo
-  symbol id="vert-logo" fill="currentColor"
+  symbol#vert-logo" fill="currentColor"
 
     / Compose
     g transform="matrix(1,0,0,1,-545.032,-326.868)"
@@ -80,10 +82,55 @@ svg#icons style="display: none;" xmlns="http://www.w3.org/2000/svg"
         polygon points="5.8,64.9 38.3,84.7 38.3,50.2 5.8,30.6"
         polygon points="122.1,88.1 155.2,107.8 155.2,73.5 122.1,54"
 
-  /! Logomark
-  symbol id="logomark" fill="currentColor"
+  /! Logomark (viewBox="0 0 210 120")
+  symbol#compose-logomark fill="currentColor"
     path d="M158.1 23.1h-.1l-38.8-22.6-38.3 22.3-39.3-22.8-41.6 24.2v44l80.3 46.8 38.4-22.2 39.4 22.8 41.9-24.2v-44l-41.9-24.3zm-.2 45.1l-32.9-19.1 33.2-19.4 32.9 19.3-33.2 19.2zm-77.9-38.8l33.2 19.2-32.8 19.1-33.1-19.3 32.7-19zm72.2-3l-32.5 18.9-33.1-19.2 32.6-19 33 19.3zm-77.5-.6l-6.7 3.9-27.1 15.3-32.3-19.2 33.1-19.2 33 19.2zm-68.9 4.8l32.5 19.6v34.6l-32.5-19.8v-34.4zm39 23l32.5 19.3v34.5l-32.5-19.3v-34.5zm77.3.4l33.1 19.5v34.2l-33.1-19.7v-34z"
     g opacity=".5"
       polygon points="44.8,88.2 77.3,107.3 77.3,72.9 44.8,53.6"
       polygon points="5.8,64.9 38.3,84.7 38.3,50.2 5.8,30.6"
       polygon points="122.1,88.1 155.2,107.8 155.2,73.5 122.1,54"
+
+  /! Icon Placeholder (viewBox="0 0 48 48")
+  symbol id="icon-placeholder" fill="currentColor"
+    path id="XMLID_1_" class="st0" d="M45,48H3c-1.6,0-3-1.3-3-3V3c0-1.6,1.4-3,3-3h42c1.7,0,3,1.4,3,3v42C48,46.7,46.7,48,45,48z"
+  /! Search Icon
+  symbol#search-icon fill="currentColor" viewbox="0 0 38 38"
+    path d="M26.7 25.1l-3.7-3.8c.7-1.1 1.2-2.4 1.2-3.8-.1-3.6-3-6.5-6.7-6.5-3.6 0-6.6 2.9-6.6 6.6s3 6.6 6.6 6.6c1.4 0 2.7-.5 3.8-1.2l3.7 3.7c.2.2.5.3.9.3.3 0 .6-.1.9-.3.3-.4.3-1.2-.1-1.6m-9.1-2.6c-2.7 0-4.9-2.2-4.9-4.9s2.2-4.9 4.9-4.9 4.9 2.2 4.9 4.9-2.2 4.9-4.9 4.9"
+
+  /! Twitter Icon
+  symbol#twitter fill="currentColor" viewbox="0 0 38 38"
+    path d="M27 12.4c-.7.4-1.4.6-2.2.8-.6-.7-1.5-1.1-2.5-1.1-2.3 0-3.9 2.1-3.4 4.3-2.9-.1-5.5-1.5-7.2-3.6-.9 1.5-.4 3.6 1.1 4.6-.6 0-1.1-.1-1.6-.4 0 1.7 1.1 3.2 2.8 3.5-.5.2-1.1.2-1.6.1.4 1.4 1.7 2.4 3.2 2.4-1.5 1.1-3.4 1.6-5.2 1.4 1.5 1 3.3 1.6 5.3 1.6 6.5 0 10.1-5.4 9.9-10.3.7-.5 1.3-1.1 1.9-1.9-.6.2-1.3.4-2 .5.7-.4 1.3-1.2 1.5-1.9z"
+
+  /! Facebook Icon
+  symbol#facebook fill="currentColor" viewbox="0 0 38 38"
+    path d="M21.4 12.8h2.1v-3.4h-2.7c-2.9 0-4.2 1.3-4.2 3.7v2.6h-2v3.3h2v9.6h3.9v-9.7h2.7l.3-3.2h-3v-1.8c0-.8.2-1.1.9-1.1z"
+
+  /! Y Combinator Icon
+  symbol#y-combinator fill="currentColor" viewbox="0 0 38 38"
+    path d="M22.4 10.9h3.8l-5.3 10v6h-3.3v-6l-5.5-10h3.9l3.3 7 3.1-7z"
+
+  /! LinkedIn Icon
+  symbol#linkedin fill="currentColor" viewbox="0 0 38 38"
+    rect x="11.6" y="15.5" width="3.4" height="10.8"
+    ellipse cx="13.3" cy="12.1" rx="2" ry="2"
+    path d="M27.5 26.4v-6.9c0-2.9-1.6-4.3-3.9-4.3s-3.3 1.8-3.3 1.8v-1.5h-3.2v10.8h3.2v-5.7c0-1.5.7-2.4 2-2.4 1.2 0 1.8.9 1.8 2.4v5.7h3.4z"
+
+  /! Github Icon
+  symbol#github fill="currentColor" viewbox="0 0 38 38"
+    path d="M23 35.9v-4.5c0-1.6-.5-2.5-1.1-3 3.6-.4 7.5-1.8 7.5-8.1 0-1.8-.6-3.3-1.7-4.4.2-.4.7-2.1-.2-4.3 0 0-1.4-.4-4.5 1.6-1.3-.3-2.7-.5-4.2-.5-1.4 0-2.8.2-4.2.5-3.1-2.1-4.5-1.6-4.5-1.6-.9 2.3-.3 3.9-.2 4.3-1 1.1-1.7 2.6-1.7 4.4 0 6.3 3.8 7.7 7.4 8.1-.4.4-.9 1.1-1 2.2-1 .4-3.3 1.1-4.8-1.4 0 0-.9-1.6-2.5-1.7 0 0-1.6 0-.1 1 0 0 1 .5 1.8 2.4 0 0 1 2.9 5.5 1.9v3c0 .4-.3 1-1 .8 1.6.5 3.4.9 5.2.9 1.8 0 3.5-.3 5.2-.9-.6.3-.9-.2-.9-.7z"
+
+  /! Google Plus Icon
+  symbol#google-plus fill="currentColor" viewBox="0 0 38 38"
+    path d="M14 18v2.4h3.97c-.16 1.029-1.2 3.02-3.97 3.02-2.39 0-4.34-1.979-4.34-4.42 0-2.44 1.95-4.42 4.34-4.42 1.36 0 2.27.58 2.79 1.08l1.9-1.83c-1.22-1.14-2.8-1.83-4.69-1.83-3.87 0-7 3.13-7 7s3.13 7 7 7c4.04 0 6.721-2.84 6.721-6.84 0-.46-.051-.81-.111-1.16h-6.61zm0 0l17 2h-3v3h-2v-3h-3v-2h3v-3h2v3h3v2l-17-2z"
+
+  /! YouTube Icon
+  symbol#youtube fill="currentColor" viewBox="0 0 38 38"
+    path d="M29.3,14.8c0,0-0.2-1.4-0.8-2.1c-0.8-0.8-1.7-0.8-2.1-0.9c-2.9-0.2-7.3-0.2-7.3-0.2h0 c0,0-4.4,0-7.3,0.2c-0.4,0-1.3,0.1-2.1,0.9c-0.6,0.6-0.8,2.1-0.8,2.1s-0.2,1.7-0.2,3.4v1.6c0,1.7,0.2,3.4,0.2,3.4 s0.2,1.4,0.8,2.1c0.8,0.8,1.8,0.8,2.3,0.9c1.7,0.2,7.1,0.2,7.1,0.2s4.4,0,7.3-0.2c0.4,0,1.3-0.1,2.1-0.9c0.6-0.6,0.8-2.1,0.8-2.1 s0.2-1.7,0.2-3.4v-1.6C29.5,16.5,29.3,14.8,29.3,14.8z M16.8,21.7l0-5.9l5.7,3L16.8,21.7z"
+
+  /! Subscribe Icon
+  symbol#subscribe fill="currentColor" viewBox="0 0 38 38"
+    path d="M21.6 26.9c0-5.8-4.7-10.5-10.5-10.5v3.2c4 0 7.3 3.3 7.3 7.3h3.2zm-6.2-2.2c0-1.2-1-2.2-2.2-2.2-1.2 0-2.2 1-2.2 2.2s1 2.2 2.2 2.2c1.2 0 2.2-.9 2.2-2.2zm11.6 2.3c0-8.8-7.1-16-15.9-16v3.2c3.4 0 6.6 1.3 9 3.7s3.7 5.6 3.7 9l3.2.1z"
+
+  /! Index Icon
+  symbol#index" stroke="currentColor" fill="none" stroke-width=".75" stroke-linecap="round" viewBox="0 0 15 13"
+    path d="M7.5 2.606c0-1.233 3.335-2.231 7.125-2.231v9.939c-3.79 0-7.125.828-7.125 2.061 0-1.233-3.335-2.061-7.125-2.061v-9.939c3.79 0 7.125.998 7.125 2.231zm0 0v9.769m-1.619-9.036c-1.043-.393-2.518-.677-4.211-.79m4.211 2.703c-1.043-.393-2.518-.677-4.211-.791m4.211 2.703c-1.043-.393-2.518-.677-4.211-.79m4.211 2.703c-1.043-.393-2.518-.677-4.211-.791m7.449-4.947c1.044-.393 2.518-.677 4.211-.79m-4.211 2.703c1.044-.393 2.518-.677 4.211-.791m-4.211 2.703c1.044-.393 2.518-.677 4.211-.79m-4.211 2.703c1.044-.393 2.518-.677 4.211-.791"

data/lib/ratchet_design/version.rb

@@ -1,3 +1,3 @@
 module RatchetDesign
-  VERSION = "0.1.12"
+  VERSION = "0.1.13"
 end