diff --git a/controllers/challenges.js b/controllers/challenges.js index 2033042c89..c71d0832d8 100644 --- a/controllers/challenges.js +++ b/controllers/challenges.js @@ -26,7 +26,8 @@ exports.createAndDeployAWebsite = function(req, res) { image: 'http://startbootstrap.com/assets/img/templates/landing-page.jpg', video: "109134466", directions: ["In the next 5 minutes, you'll create a website and deploy it to the internet!"], - links: ["http://startbootstrap.com", "http://bitballoon.com", "http://atom.io"] + links: ["http://startbootstrap.com", "http://bitballoon.com", "http://atom.io"], + challenges: ["Now that you have Atom installed, open up the index page of the template you downloaded. Go through the index page and change all the text to be about cats.", "The images used on a website are stored in the \"images\" directory. Browse the web for cat pictures, save them to the \"images\" directory.", "Change the image href's so that your cat pictures show up in the template."] }); }; @@ -37,9 +38,10 @@ exports.startAPairProgrammingSession = function(req, res) { video: "", image: "https://screenhero.com/img/anim-collaboration.gif", directions: [ - "What's all this Pair Programming stuff about? Let's find out!", "We'll use a popular pair programming tool called Screen Hero. We'll also visit the Free Code Camp chat room.", "We'll show you how to launch pair programming sessions right inside the chat room." + "What's all this Pair Programming stuff about? Let's find out!", "We'll use a popular pair programming tool called Screen Hero. We'll also visit the Free Code Camp chat room.", "We'll show you how to launch pair programming sessions right inside the chat room.", "Once you've \"paired\" with someone, they become your \"pair\". Show your new pair the website your website." ], - links: ["https://screenhero.com/download.html", "https://www.hipchat.com/invite/178107/cc2f6ea4dfac9e48b9a88b305adae48a"] + links: ["https://screenhero.com/download.html", "https://www.hipchat.com/invite/178107/cc2f6ea4dfac9e48b9a88b305adae48a"], + challenges: ["Show your new pair the website you created.", "Open up Atom and let them change some of the cat-related text on your website."] }); }; @@ -52,7 +54,8 @@ exports.addDynamicContentToYourWebsite = function(req, res) { directions: [ "The website you created earlier is cool, but it's not very interactive.", "Let's make it dynamic with POWr.io's drag-and-drop form and database tools!" ], - links: ["http://startbootstrap.com", "http://www.powr.io", "http://bitballoon.com"] + links: ["http://startbootstrap.com", "http://www.powr.io", "http://bitballoon.com"], + challenges: ["Add a POWr Twitter Feed widget to your website.", "Redeploy your website with BitBalloon and customize it to display tweets from a cat-related twitter account, like @TheDaiIyKitten"] }); }; @@ -66,6 +69,7 @@ exports.experimentWithHtmlAndCssInCodepen = function(req, res) { "Let's put those HTML and CSS skills to work!", "You'll create your own databaseless webpage. We'll show you how." ], - links: ["http://getbootstrap.com/", "http://www.usatoday.com/", "http://codepen.io/"] + links: ["http://getbootstrap.com/", "http://www.usatoday.com/", "http://codepen.io/"], + challenges: ["Load the USAToday.com page in CodePen.", "Find some cat pictures online, copy their image URLs, and change the USAToday.com page to use these cat pictures instead of its normal images.", "USATODAY.com uses a multi-column bootstrap layout. See if you can change the layout to be a single-column layout, even at full width. Hint: the \"row\" and \"col-\" classes control this. Check the Bootstrap documentation linked to above if you get stuck."] }); }; \ No newline at end of file diff --git a/views/challenges/partials/challenge.jade b/views/challenges/partials/challenge.jade index afa7a048be..741302aaee 100644 --- a/views/challenges/partials/challenge.jade +++ b/views/challenges/partials/challenge.jade @@ -17,4 +17,8 @@ li a(href=link, target="blank")= link br + h3 Challenges: + ol + for challenge in challenges + li= challenge a.btn.btn-primary.btn-large.btn-block(href='/curriculum') I've completed this challenge \ No newline at end of file diff --git a/views/curriculum/curriculum.jade b/views/curriculum/curriculum.jade index 38501698e3..ef2ec6b38d 100644 --- a/views/curriculum/curriculum.jade +++ b/views/curriculum/curriculum.jade @@ -3,21 +3,7 @@ block content .row .col-sm-8.col-xs-12 h1 Welcome to Free Code Camp! - ol - li - a(href="/challenges/create-and-deploy-a-website") Learn how to create a website and deploy it to the internet - |   (takes 10 minutes) - li - a(href="/challenges/start-a-pair-programming-session") Learn how to start Pair Programming session - |   (takes 10 minutes) - li - a(href="/challenges/add-dynamic-content-to-your-website") Learn how to add dynamic content to your website - |   (takes 10 minutes) - li - a(href="/challenges/experiment-with-html-and-css-in-codepen") Learn how to experiment with HTML and CSS in Codepen - |   (takes 10 minutes) - li - a(href="/challenges") Start the HTML and CSS challenges! + .col-sm-4.col-xs-12 include ./../partials/challenges .col-sm-4.col-xs-12 diff --git a/views/layout.jade b/views/layout.jade index 49af75392b..7cbc9bc820 100644 --- a/views/layout.jade +++ b/views/layout.jade @@ -15,15 +15,14 @@ html .container include partials/flash block content + include partials/footer - include partials/footer != js('application') - script. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-55446531-1', 'auto'); - ga('send', 'pageview'); + ga('send', 'pageview'); \ No newline at end of file diff --git a/views/partials/challenges.jade b/views/partials/challenges.jade index 5ecf4bdd34..5eaa62a623 100644 --- a/views/partials/challenges.jade +++ b/views/partials/challenges.jade @@ -19,6 +19,6 @@ li JavaScript and Computer Science: ul li Coming soon - li Full-stack JavaScript: + li Full Stack JavaScript Development: ul li Coming soon \ No newline at end of file diff --git a/views/partials/courses.jade b/views/partials/courses.jade index bab5798870..a879246177 100644 --- a/views/partials/courses.jade +++ b/views/partials/courses.jade @@ -1,5 +1,5 @@ .panel.panel-info - .panel-heading Free Courses + .panel-heading Recommended (Free) Courses .panel-body ol li Web Design: diff --git a/views/partials/footer.jade b/views/partials/footer.jade index e2210fd584..150020411d 100644 --- a/views/partials/footer.jade +++ b/views/partials/footer.jade @@ -1,8 +1,12 @@ -//footer - .container.text-center - p.pull-left © 2014 Company, Inc. All Rights Reserved - ul.pull-right.list-inline - li - a(href='https://github.com/sahat/hackathon-starter') GitHub Project - li - a(href='https://github.com/sahat/hackathon-starter/issues') Issues \ No newline at end of file +.container + .row + .col-xs-12.col-sm-6 + a.btn.btn-success.btn-large.btn-block(href='https://www.hipchat.com/invite/178107/cc2f6ea4dfac9e48b9a88b305adae48a') Meet a new friend to pair program with in the Free Code Camp Chatroom + .visible-xs + br + br + br + .col-xs-12.col-sm-6 + a.btn.btn-primary.btn-large.btn-block(href='http://twitter.com/intent/user?screen_name=FreeCodeCamp') Follow the discussion on Twitter + +