freeCodeCamp/views/challengeMap/show.jade

extends ../layout
block content
    .col-xs-12.col-sm-12.col-md-12
        .panel.panel-info
            .panel-heading.text-center
                h1 Challenge Map
            .panel-body
                .row
                    .col-xs-12.col-sm-12.col-md-10.col-md-offset-2
                        h3 Complete all of these challenges from top to bottom.
                        h3 Then we'll assign you to your first nonprofit project.
                        h2
                            span.fa.fa-flag
                            |   Waypoints (200 hours of lessons)

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

                                        else
                                            .row
                                                .hidden-xs.col-sm-3.col-md-2
                                                    span
                                                .col-xs-12.col-sm-9.col-md-10
                                                    li
                                                        a(href="/challenges/#{waypoint.name}")= waypoint.name
                        h2
                            span.ion-bonfire
                            |   Bonfires (200 hours of JavaScript algorithm practice)
                        .col-xs-12
                            h3.negative-15
                                ol
                                    for bonfire in bonfires
                                        if completedBonfireList.indexOf(bonfire._id) > -1
                                            .row
                                                .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center
                                                .col-xs-12.col-sm-9.col-md-10
                                                    li.faded
                                                        a(href="/bonfires/#{bonfire.name}")= bonfire.name
                                        else
                                            .row
                                                .hidden-xs.col-sm-3.col-md-2
                                                    span
                                                .col-xs-12.col-sm-9.col-md-10
                                                    li
                                                        a(href="/bonfires/#{bonfire.name}")= bonfire.name
                        h2
                            span.fa.fa-angle-double-right
                            |   Ziplines (200 hours of front end development)
                        .col-xs-12
                            h3.negative-15
                                ol
                                    for zipline in ziplines
                                        if completedCoursewareList.indexOf(zipline._id) > -1
                                            .row
                                                .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center
                                                .col-xs-12.col-sm-9.col-md-10
                                                    li.faded
                                                        a(href="/challenges/#{zipline.name}")= zipline.name
                                        else
                                            .row
                                                .hidden-xs.col-sm-3.col-md-2
                                                    span
                                                .col-xs-12.col-sm-9.col-md-10
                                                    li
                                                        a(href="/challenges/#{zipline.name}")= zipline.name
                        h2
                            span.fa.fa-level-down
                            |   Basejumps (200 hours of full stack development)
                        .col-xs-12
                            h3.negative-15
                                ol
                                    for basejump in basejumps
                                        if completedCoursewareList.indexOf(basejump._id) > -1
                                            .row
                                                .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center
                                                .col-xs-12.col-sm-9.col-md-10
                                                    li.faded
                                                        a(href="/challenges/#{basejump.name}")= basejump.name
                                        else
                                            .row
                                                .hidden-xs.col-sm-3.col-md-2
                                                    span
                                                .col-xs-12.col-sm-9.col-md-10
                                                    li
                                                        a(href="/challenges/#{basejump.name}")= basejump.name
                        h2
                            span.ion-ios-heart   Nonprofit Projects (800 hours of real-world experience)
                            h3.negative-15
                                ul
                                    .row
                                        .hidden-xs.col-sm-3.col-md-2
                                            span
                                        .col-xs-12.col-sm-9.col-md-10
                                            li
                                                a(href="/nonprofits/directory") Browse our nonprofit projects