kdf
Version:
210 lines (160 loc) • 6.04 kB
text/coffeescript
HeaderView = require './headerview'
FooterView = require './footerview'
PageView = require './pageview'
module.exports = class MainView extends KDView
constructor : (options = {}) ->
options.cssClass = 'main-view'
options.tagName = 'main'
super options
cssClass : 'examples home-section'
tagName : 'section'
tagName : 'a'
partial : 'DOWNLOAD THE THING'
cssClass : 'download-button'
attributes: href : '#'
viewAppended : ->
JView::viewAppended.call this
KD.singletons.windowController.on 'ScrollHappened', @bound 'handleScroll'
showPage: ->
page = new PageView
page.appendToDomBody()
pistachio: ->
"""
{{> this.header}}
<section class='intro home-section'>
<div class='inner-wrapper'>
<figure class='logo'></figure>
<h2><span>A framework to change your drinking habits.</span></h2>
{{> this.download}}
</div>
</section>
<section class='features home-section'>
<div class='inner-wrapper'>
<article class='feature'>
<figure class='chrome'></figure>
<h3>FROM KODING</h3>
<p>
That's the shizzle metus my shizz, luctizzle et, tristique izzle,
dope at, nulla. Donec pharetra, nisi shut the shizzle up facilisizzle
malesuada, neque justo its fo rizzle dope, mollizzle sheezy
tellivizzle erat izzle phat.
</p>
</article>
<article class='feature'>
<figure class='king'></figure>
<h3>LIKE A FKIN BOSS</h3>
<p>
That's the shizzle metus my shizz, luctizzle et, tristique izzle,
dope at, nulla. Donec pharetra, nisi shut the shizzle up facilisizzle
malesuada, neque justo its fo rizzle dope, mollizzle sheezy
tellivizzle erat izzle phat.
</p>
</article>
<article class='feature'>
<figure class='box'></figure>
<h3>OUT OF THE BOX</h3>
<p>
That's the shizzle metus my shizz, luctizzle et, tristique izzle,
dope at, nulla. Donec pharetra, nisi shut the shizzle up facilisizzle
malesuada, neque justo its fo rizzle dope, mollizzle sheezy
tellivizzle erat izzle phat.
</p>
</article>
</div>
</section>
{{> this.examples}}
{{> this.footer}}
"""
createExamples: ->
cssClass : 'inner-wrapper'
innerWrapper.addSubView new KDHeaderView
type : 'medium'
title : 'Let’s talk about the reality'
innerWrapper.addSubView new KDHeaderView
type : 'small'
title : 'What you can do, what you can not do, samples baby'
innerWrapper.addSubView exampleTabs = new KDTabView
hideHandleCloseIcons : yes
exampleTabs.addPane new KDTabPaneView
name : 'avatar.js'
tagName : 'pre'
view : new KDView
tagName : 'code'
partial :
"""
@addSubView @examplesSection = new KDView
cssClass : 'examples home-section'
tagName : 'section'
@examplesSection.addSubView innerWrapper = new KDView
cssClass : 'inner-wrapper'
innerWrapper.addSubView new KDHeaderView
type : 'medium'
title : 'Let’s talk about the reality'
innerWrapper.addSubView new KDHeaderView
type : 'small'
title : 'What you can do, what you can not do, samples baby'
"""
exampleTabs.addPane (new KDTabPaneView
name : 'blob.js'
tagName : 'pre'
view : new KDView
tagName : 'code'
partial :
"""
@addSubView @examplesSection = new KDView
cssClass : 'examples home-section'
tagName : 'section'
@examplesSection.addSubView innerWrapper = new KDView
cssClass : 'inner-wrapper'
innerWrapper.addSubView new KDHeaderView
type : 'medium'
title : 'Let’s talk about the reality'
innerWrapper.addSubView new KDHeaderView
type : 'small'
title : 'What you can do, what you can not do, samples baby'
"""
), false
exampleTabs.addPane (new KDTabPaneView
name : 'hjob.js'
tagName : 'pre'
view : new KDView
tagName : 'code'
partial :
"""
@addSubView @examplesSection = new KDView
cssClass : 'examples home-section'
tagName : 'section'
@examplesSection.addSubView innerWrapper = new KDView
cssClass : 'inner-wrapper'
innerWrapper.addSubView new KDHeaderView
type : 'medium'
title : 'Let’s talk about the reality'
innerWrapper.addSubView new KDHeaderView
type : 'small'
title : 'What you can do, what you can not do, samples baby'
"""
), false
hljs.configure
languages : ['coffeescript']
hljs.highlightBlock exampleTabs.getActivePane().mainView.getDomElement()[0]
exampleTabs.on 'PaneDidShow', (pane) ->
hljs.highlightBlock pane.mainView.getDomElement()[0]
innerWrapper.addSubView new KDCustomHTMLView
cssClass : 'go-to-doc'
partial : 'Unbelieveable huh? Continue and you’ll see the other <a href="http://docs.kd.io">parts and such.</a>'
handleScroll: ->
scrollPosition = window.scrollY
if (scrollPosition >= 520) and not @headerCollapsed
else if (scrollPosition <= 520) and @headerCollapsed