freeCodeCamp/server/views/home.jade

extends layout
block content
    .jumbotron
        if (user && user.progressTimestamps.length > 0)
            .col-xs-12
                .embed-responsive.embed-responsive-16by9
                    iframe.embed-responsive-item(src='//player.vimeo.com/video/129168884')
                br
            h3 Note: If you're using Firefox and the buttons aren't working, do a full refresh (control + f5 on Windows and command + shift + r on Mac). We're working on this.
            h3 Note: If you've already completed the HTML, CSS, Bootstrap Waypoints, you do not need to do these new Waypoints.
            h3 Note: If you were already doing full stack JavaScript Waypoints (Node.js, Angular.js), go ahead and start the Bonfires (Basic Algorithm Scripting).
            h3 Thanks for your patience everyone! We're confident these curriculum improvements will better prepare you for your nonprofit projects and for the workplace.
            br
            br
            br
            br
        .text-center
            h1.hug-top Code with Us
            h2 Let's learn to code by building projects for nonprofits
            .row
                .col-xs-12.col-sm-12.col-md-3
                    h3.nowrap Get Connected
                    img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_connect.svg.gz', alt='Get great references and connections for your reto help you get a job')
                    p.landing-p Join a community of busy, motivated professionals.
                .col-xs-12.col-sm-12.col-md-3
                    h3.nowrap Learn JavaScript
                    img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_learn.svg.gz', alt='Learn to code and learn full stack JavaScript')
                    p.landing-p Work together on Full Stack JavaScript coding challenges.
                .col-xs-12.col-sm-12.col-md-3
                    h3.nowrap Build your Portfolio
                    img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_portfolio.svg.gz', alt='Build a portfolio of apps for nonprofits')
                    p.landing-p Build apps that solve real problems for real people.
                .col-xs-12.col-sm-12.col-md-3
                    h3.nowrap Help Nonprofits
                    img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_nonprofits.svg.gz', alt='Help empower nonprofits with code')
                    p.landing-p Give nonprofits a boost by empowering them with code.
            .big-break
            .row
                .col-xs-12.col-sm-8.col-sm-offset-2
                    if (user)
                        a.btn.btn-cta.signup-btn.btn-block(href="/challenges") Go to my next challenge
                    else
                        a.btn.btn-cta.signup-btn.btn-block(href="/login") Start learning to code (it's free)
                    .button-spacer
                    a.btn.btn-cta.btn-success.btn-block(href="/nonprofits") My nonprofit needs coding help
                    .big-break
            h2 Campers you'll hang out with:
            .row
                .col-xs-12.col-sm-12.col-md-4
                    img.img-responsive.testimonial-image.img-center(src="https://s3.amazonaws.com/freecodecamp/testimonial-jen.jpg", alt="@jenthebest's testimonial image")
                    .testimonial-copy Getting back on track with Free Code Camp and committing to a new career in 2015!
                    h3 - @jenbestyoga
                .col-xs-12.col-sm-12.col-md-4
                    img.img-responsive.testimonial-image.img-center(src="https://s3.amazonaws.com/freecodecamp/testimonial-tate.jpg", alt="@TateThurston's testimonial image")
                    .testimonial-copy Just built my company's website with skills I've learned from Free Code Camp!
                    h3 - @TateThurston
                .col-xs-12.col-sm-12.col-md-4
                    img.img-responsive.testimonial-image.img-center(src="https://s3.amazonaws.com/freecodecamp/testimonial-cynthia.jpg", alt="@cynthialanel's testimonial image")
                    .testimonial-copy  I'm currently working through Free Code Camp to improve my JavaScript. The community is very welcoming!
                    h3 - @cynthialanel
            .big-break
            h2 Skills you'll learn:
            .text-center.negative-35
                .col-xs-12.col-sm-12.col-md-3
                    .landing-skill-icon.ion-social-html5
                    h2.black-text HTML5
                .col-xs-12.col-sm-12.col-md-3
                    .landing-skill-icon.ion-social-css3
                    h2.black-text CSS3
                .col-xs-12.col-sm-12.col-md-3
                    .landing-skill-icon.ion-social-javascript
                    h2.black-text JavaScript
                .col-xs-12.col-sm-12.col-md-3
                    .landing-skill-icon.fa.fa-database.font-awesome-padding
                    h2.black-text Databases
                .col-xs-12.col-sm-12.col-md-3
                    .landing-skill-icon.ion-social-chrome
                    h2.black-text DevTools
                .col-xs-12.col-sm-12.col-md-3
                    .landing-skill-icon.ion-social-nodejs
                    h2.black-text Node.js
                .col-xs-12.col-sm-12.col-md-3
                    .landing-skill-icon.ion-social-angular
                    h2.black-text Angular.js
                .col-xs-12.col-sm-12.col-md-3
                    .landing-skill-icon.ion-ios-loop-strong
                    h2.black-text Agile
                    br
                    br
            .big-break
            h2 Why you should join our community right now:
            h3.col-xs-offset-0.col-sm-offset-1
                ul.text-left
                    li.ion-code   We're thousands of professionals. We all learn to code together.
                    li.ion-code   We're building projects for dozens of nonprofits.
                    li.ion-code   Our community is 100% free and open source.
                    li.ion-code   You'll learn Full Stack JavaScript and become a Software Engineer.
                    li.ion-code   You'll work through our focused, interactive courses and tutorials.
                    li.ion-code   You'll learn to code at your own pace, in your browser or on your phone.
                    li.ion-code   You'll become qualified for thousands of jobs currently going unfilled.
                    li.ion-code   You can get help in real time from our community chat rooms.
                    li.ion-code   We all share one common goal: to boost our careers with code.
            .big-break
            .row
                .col-xs-12.col-sm-8.col-sm-offset-2
                    a.btn.btn-cta.signup-btn.btn-block(href="/login") Learn to code today (it's free)
            script.
                challengeName = 'Home'