freeCodeCamp/views/challengeMap/show.jade

extends ../layout
block content
    script.
        var completedChallenges = !{JSON.stringify(completedChallengeList)};
    .panel.panel-info
        .panel-heading.text-center
            h1 Challenge Map
        .panel-body
            if (Math.random() > 0.999)
                img.img-responsive.img-center.border-radius-5(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner-dino.png')
                audio(autoplay src='https://s3.amazonaws.com/freecodecamp/t-rex-roar.mp3')
            else
                img.img-responsive.img-center.border-radius-5(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner.png')
            .col-xs-12.col-md-10.col-md-offset-1
                h2.text-center
                    span.text-primary #{camperCount}  
                    | campers have joined our community
                    br
                    | since we launched  
                    span.text-primary #{daysRunning}  
                    | days ago.
                .spacer
                .row
                    .col-xs-12.col-sm-8.col-sm-offset-2
                        h3 800 Hours of Practice:
                ol
                    for challengeBlock in challengeList
                        .row
                            .hidden-xs.col-sm-3.col-md-2
                                span.negative-10
                            .col-xs-12.col-sm-9.col-md-10
                                li.large-p.negative-10
                                    a(href='#' + challengeBlock.dashedName)= challengeBlock.name

                .row
                    .col-xs-12.col-sm-8.col-sm-offset-2.negative-28
                        h3 800 Hours of  
                            a(href="/nonprofits/directory") Real World Work Experience
                            | :
                ol
                    .row
                        .hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.large-p.negative-10
                        .col-xs-12.col-sm-9.col-md-10
                            li.large-p.negative-10 100-hour Nonprofit Project
                    .row
                        .hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.large-p.negative-10
                        .col-xs-12.col-sm-9.col-md-10
                            li.large-p.negative-10 200-hour Nonprofit Project #1
                    .row
                        .hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.large-p.negative-10
                        .col-xs-12.col-sm-9.col-md-10
                            li.large-p.negative-10 200-hour Nonprofit Project #2
                    .row
                        .hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.large-p.negative-10
                        .col-xs-12.col-sm-9.col-md-10
                            li.large-p.negative-10 300-hour Nonprofit Project
                hr

                for challengeBlock in challengeList
                    .row
                        a(href='#' name=challengeBlock.dashedName)
                        .spacer.negative-55

                    .row
                        .col-xs-12.col-sm-8.col-sm-offset-2
                            h3 #{challengeBlock.name}
                    .row
                        .col-xs-12
                            ol
                                for challenge in challengeBlock.challenges
                                    if completedChallengeList.indexOf(challenge._id) > -1
                                        .row
                                            .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.large-p.negative-10
                                            .col-xs-12.col-sm-9.col-md-10
                                                li.faded.large-p.negative-10
                                                    a(href="/challenges/#{challenge.name}")= challenge.name

                                    else
                                        .row
                                            .hidden-xs.col-sm-3.col-md-2
                                                span.negative-10
                                            .col-xs-12.col-sm-9.col-md-10
                                                li.large-p.negative-10
                                                    a(href="/challenges/#{challenge.name}")= challenge.name

    //#announcementModal.modal(tabindex='-1')
    //    .modal-dialog.animated.fadeInUp.fast-animation
    //        .modal-content
    //            .modal-header.challenge-list-header Join our Saturday Summit!
    //                a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') ×
    //            .modal-body
    //                h3.text-left Saturday at Noon EDT: We'll live-stream our Saturday Summit on Twitch.tv.
    //                h3.text-left We'll announce our new Front End Development Certificate Program (it's free, of course) and our new "Free Code Camp On The Go" app.  
    //                    a(href='http://www.freecodecamp.com/twitch', target='_blank') Add us to your calendar here
    //                    | .
    //                a.btn.btn-lg.btn-info.btn-block(name='_csrf', value=_csrf, aria-hidden='true', href='http://twitch.tv/freecodecamp', target='_blank') Follow us on Twitch.tv
    //                a.btn.btn-lg.btn-primary.btn-block(href='#', data-dismiss='modal', aria-hidden='true') Thanks for the heads-up!
    //script.
    //    $(document).ready(function () {
    //        if (!localStorage || !localStorage.day234) {
    //            $('#announcementModal').modal('show');
    //            localStorage.day234 = "true";
    //        }
    //    });