diff --git a/lms/djangoapps/courseware/courses.py b/lms/djangoapps/courseware/courses.py index f9467cfa91..4383396678 100644 --- a/lms/djangoapps/courseware/courses.py +++ b/lms/djangoapps/courseware/courses.py @@ -101,6 +101,7 @@ def get_course_about_section(course, section_key): - textbook - faq - more_info + - ocw_links """ # Many of these are stored as html files instead of some semantic @@ -112,7 +113,7 @@ def get_course_about_section(course, section_key): 'course_staff_short', 'course_staff_extended', 'requirements', 'syllabus', 'textbook', 'faq', 'more_info', 'number', 'instructors', 'overview', - 'effort', 'end_date', 'prerequisites']: + 'effort', 'end_date', 'prerequisites', 'ocw_links']: try: fs = course.system.resources_fs diff --git a/lms/static/images/link-icon.png b/lms/static/images/link-icon.png new file mode 100644 index 0000000000..976197f2c8 Binary files /dev/null and b/lms/static/images/link-icon.png differ diff --git a/lms/static/images/opencourseware.png b/lms/static/images/opencourseware.png new file mode 100644 index 0000000000..b209bee857 Binary files /dev/null and b/lms/static/images/opencourseware.png differ diff --git a/lms/static/sass/multicourse/_course_about.scss b/lms/static/sass/multicourse/_course_about.scss index 3f2813ba0e..d23917fe27 100644 --- a/lms/static/sass/multicourse/_course_about.scss +++ b/lms/static/sass/multicourse/_course_about.scss @@ -335,13 +335,43 @@ .course-sidebar { @include box-sizing(border-box); - @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.15)); - border: 1px solid rgb(200,200,200); - border-top: none; float: left; - padding: 16px 20px 30px; width: flex-grid(4); + > section { + @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.15)); + border: 1px solid rgb(200,200,200); + + &.course-summary { + padding: 16px 20px 30px; + margin-bottom: 220px; + border-top: none; + } + + &.additional-resources { + padding: 30px; + + .opencourseware { + text-indent: -9999px; + background: url('../images/opencourseware.png') 0 0 no-repeat; + width: 266px; + height: 31px; + margin-bottom: 20px; + } + + ul { + padding-left: 0; + margin-bottom: 0; + } + + li { + list-style: none; + padding-left: 29px; + background: url('../images/link-icon.png') left center no-repeat; + } + } + } + header { margin-bottom: 30px; padding-bottom: 16px; @@ -441,6 +471,13 @@ } } } + + h1 { + font: 1em $serif; + letter-spacing: 0; + color: #999; + margin-bottom: 0; + } } .important-dates { diff --git a/lms/templates/portal/course_about.html b/lms/templates/portal/course_about.html index 8d2d45117d..6fced73565 100644 --- a/lms/templates/portal/course_about.html +++ b/lms/templates/portal/course_about.html @@ -155,6 +155,21 @@ % endif + + + ## For now, ocw links are the only thing that goes in additional resources + % if get_course_about_section(course, "ocw_links"): +
+
+

Additional Resources

+
+ +
+

MITOpenCourseware

+ ${get_course_about_section(course, "ocw_links")} +
+
+ %endif