freeCodeCamp/views/challenges/show.jade

54 lines
3.3 KiB
Plaintext
Raw Normal View History

2014-11-02 17:07:40 +00:00
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
2014-11-07 01:38:47 +00:00
.panel.panel-primary
2014-12-15 06:01:57 +00:00
.panel-heading #{name} (takes #{time} minutes)
2014-11-07 01:38:47 +00:00
.panel.panel-body
.embed-responsive.embed-responsive-16by9
iframe.embed-responsive-item(src='//player.vimeo.com/video/#{video}')
h3 Steps:
h4
ol
for step in steps
li!= step
.btn.btn-primary.btn-big.btn-block.completed-challenge I've completed this challenge
.ten-pixel-break
.btn.btn-success.btn-large.btn-block.skip-challenge I want to skip this challenge for now
2014-12-23 05:07:50 +00:00
- if (cc && cc[2] > 0)
.panel-footer.text-center
span Need a break? Check out our: 
a(href="https://gitter.im/FreeCodeCamp/FreeCodeCamp", target="_blank") Chat Room
|  , 
a(href="http://blog.freecodecamp.com", target="_blank") Blog
|  , or 
a(href="http://forum.freecodecamp.com", target="_blank") Forum
| .
2014-11-07 01:38:47 +00:00
#complete-dialog.modal
.modal-dialog.animated.zoomIn.fast-animation
.modal-content
.modal-header
a.close(href='#', data-dismiss='modal', aria-hidden='true') ×
.text-center
h1.animated.zoomInDown Nicely done!
.animated.zoomInUp.delay-1
span.landing-icon.ion-checkmark-circled.text-primary
a.animated.fadeIn.delay-2.btn.btn-lg.btn-primary.btn-block.next-button(name='_csrf', value=_csrf, aria-hidden='true') Take me to my next challenge
2014-12-23 20:16:23 +00:00
if (cc && cc[2] > 0)
a.animated.fadeIn.delay-2.btn-twitter.btn.btn-lg.btn-info.btn-block(href="https://twitter.com/intent/tweet?text=I%20just%20#{verb}%20Free%20Code%20Camp%20Challenge%20%23#{number}:%20#{name}&url=http%3A%2F%2Ffreecodecamp.com/challenges/#{number}&hashtags=learntocode, javascript")
i.fa.fa-twitter  
= phrase
2014-11-07 01:38:47 +00:00
#skip-dialog.modal
.modal-dialog.animated.zoomIn.fast-animation
.modal-content
.modal-header
a.close(href='#', data-dismiss='modal', aria-hidden='true') ×
.text-center
h1.animated.zoomInDown No problem.
h2.animated.zoomInDown You can retry this challenge any time.
.animated.zoomInUp.delay-1
span.landing-icon.ion-skip-forward.text-success
a.animated.fadeIn.delay-2.btn.btn-lg.btn-primary.btn-block.next-button(aria-hidden='true') Take me to my next challenge
2014-11-02 17:07:40 +00:00
.col-sm-12.col-md-4.col-xs-12
include ../partials/challenges