Commit 9e1c3b0a authored by Noel Quiles's avatar Noel Quiles

Testing jQuery selector opts

parent 600d1f1f
......@@ -125,7 +125,7 @@ body
background url(/img/frontends-bg.png) no-repeat center
background-size contain
opacity 0
.slick-frontends
#slick-frontends
lost-center 50rem
+mobile()
lost-center 40rem
......
<- $
$ '.slick-frontends' .slick {
$ '#slick-frontends' .slick {
dots: true,
slidesToShow:1
}
$ '.slick-frontends' .slick-lightbox {
itemSelector: '.item .img img',
$ '#slick-frontends' .slick-lightbox {
itemSelector: '#slick-frontends div.item div.img img',
src:'src',
caption:'caption'
}
nameTime = 1500
$ '.subnav' .velocity {translateY:'-70vh'}
$ '.title' .blast { delimiter:'word' } .velocity 'transition.slideUpIn' {delay: nameTime/2, duration: nameTime, stagger:300 }
$ '.descript h3' .velocity {opacity:1} {delay: nameTime/2, duration: 1000, stagger:300}
$ '.descript h3' .blast { delimiter:'word' } .velocity 'transition.slideUpIn' {delay: nameTime/2, duration: 1000, stagger:300 }
$ '.subnav' .velocity {opacity:1} {delay:nameTime,duration:nameTime} .velocity {translateY:[0,'-70vh']} {duration:nameTime,easing: [0 0.9 0.75 1]}
$ 'div.subnav' .velocity {translateY:'-70vh'}
$ 'h1.title' .blast { delimiter:'word' } .velocity 'transition.slideUpIn' {delay: nameTime/2, duration: nameTime, stagger:300 }
$ 'div.descript h3' .velocity {opacity:1} {delay: nameTime/2, duration: 1000, stagger:300}
$ 'div.descript h3' .blast { delimiter:'word' } .velocity 'transition.slideUpIn' {delay: nameTime/2, duration: 1000, stagger:300 }
$ 'div.subnav' .velocity {opacity:1} {delay:nameTime,duration:nameTime} .velocity {translateY:[0,'-70vh']} {duration:nameTime,easing: [0 0.9 0.75 1]}
animationDur = 300
$ '.subnav a' .click (e) ->
$ 'div.subnav a' .click (e) ->
rel = $ this .attr 'rel'
$ '#'+rel
.velocity {scale:[1,0.5],opacity:1} {display:'block',duration:animationDur, easing:'easeInOutSine'}
......
......@@ -9,7 +9,7 @@ block content
UI/UX for websites, graphics, flyers...if a user's going to look at it I can make it. Those are my frontends: that which helps my audience interface with desired information. Here's a few I've done:
.slick-frontends
#slick-frontends
.item
.info
:marked
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment