freeCodeCamp/views/challenges/partials/challenge.jade

34 lines
1.4 KiB
Plaintext
Raw Normal View History

2014-10-20 23:25:24 +00:00
.panel.panel-primary
2014-10-20 22:35:42 +00:00
.panel-heading Challenge: #{name}
.panel.panel-body
2014-10-25 01:51:32 +00:00
.responsive-container.animated.zoomIn.delay-1
2014-10-22 04:36:47 +00:00
iframe(src='//player.vimeo.com/video/#{video}', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
2014-10-20 22:35:42 +00:00
h3 Instructions:
for direction in directions
p= direction
h3 Relevant Links (these open up in a new tab):
ol
for link in links
li
a(href=link, target="blank")= link
br
h3 Challenges:
ol
for challenge in challenges
li= challenge
2014-10-25 01:51:32 +00:00
.btn.btn-primary.btn-large.btn-block.completed-challenge I've completed this challenge
script.
$('.completed-challenge').on("click", function() {
$('#modal-dialog').modal('show');
});
#modal-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-success
a.animated.fadeIn.delay-2.btn.btn-primary.btn-block(href='/curriculum', aria-hidden='true') Take me back to my curriculum