extends ../layout-wide
block content
    img.img-responsive.img-center(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner.png')
    br
    .text-center
        if (user)
            a.btn.btn-cta.signup-btn.next-challenge-button(href="/challenges") Take me to my next challenge
        else
            a.btn.btn-cta.signup-btn.next-challenge-button(href="/signin") Start learning to code (it's free)
    br
    .row
        .col-xs-12.col-sm-12.col-md-4
            .panel.panel-info
                .panel-heading.landing-panel-heading.text-center Get Connected
                .panel-body.text-center
                    img.img-responsive.img-center(src="https://s3.amazonaws.com/freecodecamp/about-chatroom.jpg" alt="A screen shot from Free Code Camp's main chat room")
                    h3 #{c3} campers are doing challenges.
                    h3 #{all} campers are coding for nonprofits.
        .col-xs-12.col-sm-12.col-md-4
            .panel.panel-info
                .panel-heading.landing-panel-heading.text-center Learn JavaScript
                .panel-body.text-center
                    img.img-responsive.img-center(src="https://s3.amazonaws.com/freecodecamp/about-github.jpg" alt="A screen shot of a GitHub commit graph showing a streak of 33 consecutive days of contributions")
                    include ../partials/github
        .col-xs-12.col-sm-12.col-md-4
            .panel.panel-info
                .panel-heading.landing-panel-heading.text-center Help Nonprofits
                .panel-body.text-center
                    img.img-responsive.img-center(src="https://s3.amazonaws.com/freecodecamp/about-trello.jpg" alt="a screen shot of Free Code Camp's nonprofit project Trello board showing several active projects")
                    h3 We launched #{daysRunning} days ago.
                    include ../partials/trello


    br
    script.
        var challengeName = 'Learn to code'
    .row
        .col-xs-12.col-sm-12.col-md-6
            .panel.panel-info
                .panel-heading.landing-panel-heading.text-center Announcements
                .panel-body
                    .landing-panel-body.text-center
                        for announcement in announcements
                            h2
                                if (announcement.length > 1)
                                    a(href=announcement[1])= announcement[0]
                                else
                                    = announcement[0]
                        include ../partials/blogger
                        a.twitter-timeline(data-dnt='true', href='https://twitter.com/FreeCodeCamp', data-widget-id='560847186548621312') Tweets by @FreeCodeCamp
                        script.
                            !function (d, s, id) {
                                var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
                                if (!d.getElementById(id)) {
                                    js = d.createElement(s);
                                    js.id = id;
                                    js.src = p + "://platform.twitter.com/widgets.js";
                                    fjs.parentNode.insertBefore(js, fjs);
                                }
                            }(document, "script", "twitter-wjs");
                        h3
                            .col-xs-12 Follow us on Twitter here:
                            .col-xs-12.github-and-twitter-button-text
                                html.
                                    <a class="twitter-follow-button"
                                      href="https://twitter.com/freecodecamp"
                                      data-show-count="true"
                                      data-lang="en">
                                    Follow @FreeCodeCamp
                                    </a>
                                    <script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>
                            .col-xs-12.github-and-twitter-button-text Star us on GitHub here:
                            .col-xs-12.github-and-twitter-button-text
                                html.
                                    <iframe src="http://ghbtns.com/github-btn.html?user=freecodecamp&repo=freecodecamp&type=watch&count=true&size=large" height="30" width="170" frameborder="0" scrolling="0" style="width:170px; height: 30px;" allowTransparency="true"></iframe>
            include ../partials/about
        .col-xs-12.col-sm-12.col-md-6
            include ../partials/faq
    #announcementModal.modal(tabindex='-1')
        .modal-dialog
            .modal-content
                .modal-header.challenge-list-header New NodeSchool Challenges
                    a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') ×
                .modal-body
                    h3.text-left Some of Code School's courses are no longer free. We're switching to NodeSchool.io for our Node.js and Express.js challenges.
                    a.btn.btn-lg.btn-info.btn-block(name='_csrf', value=_csrf, aria-hidden='true', href='/nodeschool-challenges') Take me to these new challenges
                    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.nodeSchoolAnnouncement) {
                $('#announcementModal').modal('show');
                localStorage.nodeSchoolAnnouncement = "true";
            }
        });