freeCodeCamp/views/courses/partials/course.jade

29 lines
1.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 Course: #{name}
.panel.panel-body
.animated.zoomIn.delay-1
img.img-center.img-responsive(src=image)
.animated.fadeIn.delay-2
h3 Takes about #{time} hours to complete
for direction in directions
p= direction
a.btn.btn-success.btn-large.btn-block(href=link, target="blank") Go to course
br
br
.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