freeCodeCamp/views/challenges/partials/challenge.jade

41 lines
2.2 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

.panel.panel-primary
.panel-heading Challenge: #{name}
.panel.panel-body
.responsive-container.animated.zoomIn.delay-1
iframe(src='//player.vimeo.com/video/#{video}', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
.animated.fadeIn.delay-2
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
.button-container
.btn.btn-primary.btn-large.btn-block.start-challenge Start my challenge and open these links in new tabs
.btn.btn-success.btn-large.btn-block.completed-challenge.hidden-element I've completed this challenge
.ten-pixel-break
.btn.btn-primary.btn-large.btn-block.skip-challenge.hidden-element I want to skip this challenge
#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-success
a.animated.fadeIn.delay-2.btn.btn-primary.btn-block(href='/curriculum', aria-hidden='true') Take me to my next challenge
#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-primary
a.animated.fadeIn.delay-2.btn.btn-primary.btn-block(href='/curriculum', aria-hidden='true') Take me to my next challenge