d4tocchini

$ = jQuery
# Wrap in Closure to avoid global variables.
$ ->
  
  RW.Pages = new RW.p.PageCollection()
  RW.Pages.add [ 
      { 
        
        id: 'home'
        pageLevel: 0            

d4tocchini

$ = jQuery
# Wrap in Closure to avoid global variables.
$ ->
  ###
  ICanHaz.js version 0.9 -- by @HenrikJoreteg
  More info at: http://icanhazjs.com
  

  #8b           d88                                                           88                       

d4tocchini

$ = jQuery
# Wrap in Closure to avoid global variables.
$ ->
  
  RW.Pages = new RW.p.PageCollection()
  
  new RW.Page
    
    id: 'home'
    

d4tocchini

  $.plugins.add
    name: 'harmonize'
    api:
      itemClass: 'harmonized'
      itemSelector: null      
      properties: ['width', 'height', 'class'] # 'class', 'attr', 'plugin', css atributes
      units: [80, 50, 'harmony']
      harmonies: 
        [
          [[12,12]]

d4tocchini

  GDOM:
    nodes:
      id: 'mainGrid'
      $: {nodeLayout:{type:'float', options:''}, css:{margin:''} }
      nodes:
        [
          { 
            id: 'title',    
            $: {width:'100%', height:G.v(5)} 
          } 

d4tocchini

    # intialize a grid on '.mainGrid' with default options using G's subclass of jQuery
    
    G.$('.superCoolGrid').grid({id:'super'})
    
    # now that the grid has been initialized you can access it via G[id]:
    
    alert 'this is the grid ' + G.super 
    
    # configure a grid's dimensions to have 12 fluid columns and a vertical baseline grid of 1.6em's
    

d4tocchini

      $(window).responsive
        queries:
          [
            {
              query: (el) ->
                if $(el).width() > 960 then return true else return false

              response: (el) ->
                $('.G_main_grid')
                  .css

d4tocchini

###

  One grid system to rule them all, and in the javascript bind them
  
  
  Concerns
  =====================================
  
    - IE positioning... see isotope.js and https://github.com/louisremi/jquery.transform.js#
      - needs to be absolue in relative? or absolute in absolute too?

d4tocchini

$ = jQuery
$ ->

  $(window).responsive
    queries:
      [
          #1600
          if: (el) ->
            return $(el).width() > 1600 

d4tocchini

$.templates.add([
  {
    name:'btn_gear'
    template:
      '''
        <div class="iconBtn iconBtn_gear circle50 vBox boxPackCenter boxAlignCenter">
  {{>icon_gear}}
</div>
      '''
  }  {