Skip to content

Instantly share code, notes, and snippets.

@d4tocchini

d4tocchini/template.coffee

Created October 25, 2011 08:54
Show Gist options
  • Save d4tocchini/1311913 to your computer and use it in GitHub Desktop.
Save d4tocchini/1311913 to your computer and use it in GitHub Desktop.
Download ZIP
template.coffee
Raw
template.coffee
$ = jQuery
$ ->
$(window).responsive
queries:
[
#1600
if: (el) ->
return $(el).width() > 1600
then: (el) ->
$('.G_main_grid')
.css
'max-width': '2000px'
.G
id: 'main'
area:
top: 50
right: 50
bottom: 75
left: 100
min_height: 1000
dimensions:
[
id: 'h'
unit: null
count: 12
gutter: '4em'
lines: null
angle: 'horizontal'
,
id: 'v'
unit: '2em'
count: null
gutter: '2em'
lines: null
angle: 'vertical'
]
zones:
[
id: 'title'
width: '1/1'
height: '@v(4)'
,
id: 'contentWrap'
width: '1/1'
class: 'rc_t_small fx_topShelf'
children:
[
id: 'nav', width:'1/1', min_height: '@v(1)', guttered: false, class:'rc_t_small ui_light_bg'
,
width: '1/1', height: '10px'
,
id: 'featured_left', width: '1/4', height: '@v(11)', class: 'ui_light_border_right'
,
id: 'featured'
width: '1/2'
height: '@v(10)'
class: 'layer_top'
guttered: true
,
id: 'featured_right'
width: '1/4'
height: '@v(11)'
class: 'ui_light_border_left'
,
id: 'tagline'
width: '1/1'
height: '@v(1.2)'
class: 'ui_med_bg'
guttered: false
,
id: 'content'
width: '1/1'
height: 'auto'
class: 'fx_topShelf'
#children:
# [
# width: '1/1'
# height: '@v(2)'
# ]
generator:
#template: 'wall_tiles'
shuffle: false
seedDefaults:
#class: 'tile_article_zone_tall'
class: 'rc_t_small '
seeds:
[
width: '1/1'
height: '100%'
filter: '.tile_article'
parentZone: 'featured_left'
class: 'hide_figures'
expires: true
,
width: '1/1'
min_height: '1/1'
filter: '.tile_article'
parentZone: 'featured_right'
class: 'ui_light_border_bottom'
expires: true
#bGutter: 0
,
#
id: 'container22222'
width: '1/4'
height: '@v(8)'
class: 'fx_topShelf layer_top'
clear: true
,
parentZone: 'container22222'
width: '1/1'
height: '@v(6)'
filter: '.tile_video'
,
parentZone: 'container22222'
width: '1/3'
height: '@v(2)'
repeat: 2
,
width: '3/4'
height: '@v(8)'
filter: '.tile_article'
class: 'multi_col_text_3 hide_figures ui_light_bg'
,
id: 'wrap222'
width: '1/1'
height: '@v(5)'
class: 'fx_topShelf'
filter: '.tile_image'
,
parentZone: 'wrap222'
width: '1/4'
height: '@v(5)'
filter: '.tile_image'
repeat: 3
,
width: '1/4'
height: '@v(8)'
repeat: 3
filter: '.tile_article'
class: 'hide_figures'
]
]
]
,
#960
if: (el) ->
return $(el).width() >= 960
then: (el) ->
$('.G_main_grid')
.css
'max-width': '1200px'
.G
id: 'main'
area:
top: 50
right: 50
bottom: 75
left: 100
min_height: 1000
dimensions:
[
id: 'h'
unit: null
count: 6
gutter: '3em'
lines: null
angle: 'horizontal'
,
id: 'v'
unit: '2em'
count: null
gutter: '2em'
lines: null
angle: 'vertical'
]
zones:
[
id: 'title'
width: '1/1'
height: 'auto'
height: '@v(4)'
,
id: 'contentWrap'
width: '1/1'
class: 'rc_t_small fx_topShelf'
children:
[
id: 'nav'
width: '1/1'
min_height: '@v(1)'
guttered: false
class: 'rc_t_small ui_light_bg'
,
id: 'featured'
width: '1/1'
height: '@v(8)'
guttered: false
,
width: '1/1'
height: '@v(1)'
,
id: 'tagline'
width: '1/1'
class: 'layer_top'
min_height: '@v(1)'
guttered: false
,
id: 'content'
width: '1/1'
height: 'auto'
children:
[
width: '1/1'
height: '@v(1)'
,
id: 'topRow'
width: '1/1'
height: '@v(15)'
]
generator:
#template: 'wall_tiles'
shuffle: false
#seedDefaults:
# class: 'tile_article_zone_tall'
presets:
'topRow':
parentZone: 'topRow'
expires: true
seeds:
[
width: '1/3'
height: '@v(15)'
filter: '.tile_article'
preset: 'topRow'
class: 'ui_med_bg fx_topShelf layer_top'
,
width: '2/3'
height: '@v(5)'
filter: '.tile_video'
preset: 'topRow'
,
width: '2/6'
height: '@v(5)'
repeat: 1
filter: '.tile_image'
preset: 'topRow'
,
width: '2/6'
height: '@v(5)'
repeat: 1
filter: '.tile_image'
preset: 'topRow'
,
width: '1/3'
height: '@v(10)'
repeat: 2
filter: '.tile_article'
class: 'hide_figures ui_light_bg fx_topShelf'
,
width: '1/4'
height: '@v(5)'
repeat: 3
filter: '.tile_image'
,
width: '1/2'
height: '@v(4)'
repeat: 1
]
]
]
,
# 500
if: (el) ->
return $(el).width() > 0
then: (el) ->
$('.G_main_grid')
.G
id: 'main'
area:
top: 10
right: 15
bottom: 10
left: 20
min_height: 1000
dimensions:
[
id: 'h'
unit: null
count: 6
gutter: '3em'
lines: null
angle: 'horizontal'
,
id: 'v'
unit: '2em'
count: null
gutter: '2em'
lines: null
angle: 'vertical'
]
zones:
[
id: 'contentWrap'
width: "100%"
class: 'rc_t_small fx_topShelf'
children:
[
id: 'nav'
width: "100%"
height: 'auto'
min_height: '@v(1)'
guttered: false
class: 'rc_t_small ui_med_bg'
,
id: 'title'
width: '1/1'
height: '@v(3)'
class: 'fx_topShelf ui_light_bg h1_center '
,
id: 'tagline'
width: '1/1'
guttered: false
width: '1/1'
height: '@v(1)'
,
id: 'featured'
width: '1/1'
height: '@v(8)'
guttered: false
,
id: 'content'
width: '1/1'
height: 'auto'
children:
[
width: '1/1'
height: '@v(1)'
]
generator:
shuffle: false
seedDefaults:
class: 'fx_topShelf hide_article_figures multi_col_text_2'
seeds:
[
width: '1/1'
height: '@v(7)'
filter: '.tile_article'
,
width: '1/1'
height: '@v(5)'
filter: '.tile_video'
,
width: '1/2'
height: '@v(4)'
repeat: 1
filter: '.tile_image'
]
]
]
]
root = exports ? this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment