diff --git a/src/assets/main.css b/src/assets/main.css index 53f47958..f0eb1eb3 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -2,14 +2,19 @@ body { font-family: 'Helvetica Neue', serif; font-size: 18px; + background: #FF1616; } #badges { text-align: center; } +h1 { + color: #FFFFFF +} + .course { - background: #F5F5F5; + background: #2FBF3B; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 5px #EAEAEA; @@ -21,7 +26,7 @@ body { } .course h3 { - color: #999; + color: #FFFFFF; font-size: 1.9rem; font-weight: 200; min-height: 80px;; diff --git a/src/assets/main.js b/src/assets/main.js index 25601766..e3ada49a 100644 --- a/src/assets/main.js +++ b/src/assets/main.js @@ -1,5 +1,37 @@ $(function() { + $.ajax({ + url: 'https://www.codeschool.com/users/HelloWorld333.json', + dataType: 'jsonp', + success: function(response) { + console.log("response", response); + addCourses(response.courses.completed); + } + }); + function addCourses(courses) { - // your code will go here + var $badges = $('#badges'); + courses.forEach(function(course) { + var $course = $('
', { + 'class': 'course' + }).appendTo($badges); + + $('', { + text: course.title + }).appendTo($course); + + $('