diff --git a/lms/static/files/edx-identity.zip b/lms/static/files/edx-identity.zip new file mode 100644 index 0000000000..a37d2b4e20 Binary files /dev/null and b/lms/static/files/edx-identity.zip differ diff --git a/lms/static/images/press-kit/3.091x_high-res.png b/lms/static/images/press-kit/3.091x_high-res.png new file mode 100644 index 0000000000..4bd1950734 Binary files /dev/null and b/lms/static/images/press-kit/3.091x_high-res.png differ diff --git a/lms/static/images/press-kit/3.091x_x200.jpg b/lms/static/images/press-kit/3.091x_x200.jpg new file mode 100644 index 0000000000..9dff993e6b Binary files /dev/null and b/lms/static/images/press-kit/3.091x_x200.jpg differ diff --git a/lms/static/images/press-kit/6.002x_high-res.png b/lms/static/images/press-kit/6.002x_high-res.png new file mode 100755 index 0000000000..b785b825fd Binary files /dev/null and b/lms/static/images/press-kit/6.002x_high-res.png differ diff --git a/lms/static/images/press-kit/6.002x_x200.jpg b/lms/static/images/press-kit/6.002x_x200.jpg new file mode 100644 index 0000000000..c12588797c Binary files /dev/null and b/lms/static/images/press-kit/6.002x_x200.jpg differ diff --git a/lms/static/images/press-kit/anant-agarwal_high-res.jpg.REMOVED.git-id b/lms/static/images/press-kit/anant-agarwal_high-res.jpg.REMOVED.git-id new file mode 100644 index 0000000000..414d117127 --- /dev/null +++ b/lms/static/images/press-kit/anant-agarwal_high-res.jpg.REMOVED.git-id @@ -0,0 +1 @@ +b154ce99fb5c8d413ba769e8cc0df94ed674c3f4 \ No newline at end of file diff --git a/lms/static/images/press-kit/anant-agarwal_x200.jpg b/lms/static/images/press-kit/anant-agarwal_x200.jpg new file mode 100644 index 0000000000..a004b7ecdb Binary files /dev/null and b/lms/static/images/press-kit/anant-agarwal_x200.jpg differ diff --git a/lms/static/images/press-kit/anant-tablet_high-res.jpg.REMOVED.git-id b/lms/static/images/press-kit/anant-tablet_high-res.jpg.REMOVED.git-id new file mode 100644 index 0000000000..c3ba812427 --- /dev/null +++ b/lms/static/images/press-kit/anant-tablet_high-res.jpg.REMOVED.git-id @@ -0,0 +1 @@ +2b8c58b098bdb17f9ddcbb2098f94c50fdcedf60 \ No newline at end of file diff --git a/lms/static/images/press-kit/anant-tablet_x200.jpg b/lms/static/images/press-kit/anant-tablet_x200.jpg new file mode 100644 index 0000000000..1d35360745 Binary files /dev/null and b/lms/static/images/press-kit/anant-tablet_x200.jpg differ diff --git a/lms/static/images/press-kit/edx-video-editing_high-res.jpg.REMOVED.git-id b/lms/static/images/press-kit/edx-video-editing_high-res.jpg.REMOVED.git-id new file mode 100644 index 0000000000..2b3ee55249 --- /dev/null +++ b/lms/static/images/press-kit/edx-video-editing_high-res.jpg.REMOVED.git-id @@ -0,0 +1 @@ +7d8b9879f7e5b859910edba7249661eedd3fcf37 \ No newline at end of file diff --git a/lms/static/images/press-kit/edx-video-editing_x200.jpg b/lms/static/images/press-kit/edx-video-editing_x200.jpg new file mode 100644 index 0000000000..c4ed87a503 Binary files /dev/null and b/lms/static/images/press-kit/edx-video-editing_x200.jpg differ diff --git a/lms/static/images/press-kit/piotr-mitros_high-res.jpg.REMOVED.git-id b/lms/static/images/press-kit/piotr-mitros_high-res.jpg.REMOVED.git-id new file mode 100644 index 0000000000..23fb583f92 --- /dev/null +++ b/lms/static/images/press-kit/piotr-mitros_high-res.jpg.REMOVED.git-id @@ -0,0 +1 @@ +caf8b43337faa75cef5da5cd090010215a67b1bd \ No newline at end of file diff --git a/lms/static/images/press-kit/piotr-mitros_x200.jpg b/lms/static/images/press-kit/piotr-mitros_x200.jpg new file mode 100644 index 0000000000..36c21becd6 Binary files /dev/null and b/lms/static/images/press-kit/piotr-mitros_x200.jpg differ diff --git a/lms/static/sass/application.scss b/lms/static/sass/application.scss index 944d3b2884..cfdc1d4b0e 100644 --- a/lms/static/sass/application.scss +++ b/lms/static/sass/application.scss @@ -22,6 +22,7 @@ @import 'multicourse/courses'; @import 'multicourse/course_about'; @import 'multicourse/jobs'; +@import 'multicourse/media-kit'; @import 'multicourse/about_pages'; @import 'multicourse/press_release'; @import 'multicourse/password_reset'; diff --git a/lms/static/sass/multicourse/_home.scss b/lms/static/sass/multicourse/_home.scss index 3d04165484..669bd889b0 100644 --- a/lms/static/sass/multicourse/_home.scss +++ b/lms/static/sass/multicourse/_home.scss @@ -336,6 +336,7 @@ border-bottom: 1px solid rgb(200,200,200); @include clearfix; padding: 10px 20px 8px; + position: relative; h2 { float: left; @@ -343,16 +344,27 @@ text-shadow: 0 1px rgba(255,255,255, 0.6); } - a { - color: $lighter-base-font-color; + .action.action-mediakit { float: right; - font-style: italic; - font-family: $serif; - padding-top: 3px; + position: relative; + top: 1px; + font-family: $sans-serif; + font-size: 14px; text-shadow: 0 1px rgba(255,255,255, 0.6); - &:hover { - color: $base-font-color; + &:after { + position: relative; + top: -1px; + display: inline-block; + margin: 0 0 0 5px; + content: "➤"; + font-size: 11px; + } + + .org-name { + color: $blue; + font-family: $sans-serif; + text-transform: none; } } } diff --git a/lms/static/sass/multicourse/_media-kit.scss b/lms/static/sass/multicourse/_media-kit.scss new file mode 100644 index 0000000000..db73029fd3 --- /dev/null +++ b/lms/static/sass/multicourse/_media-kit.scss @@ -0,0 +1,260 @@ +// vars +$baseline: 20px; +$white: rgb(255,255,255); + +.mediakit { + @include box-sizing(border-box); + margin: 0 auto; + padding: ($baseline*3) 0; + width: 980px; + + .wrapper-mediakit { + @include border-radius(4px); + @include box-sizing(border-box); + @include box-shadow(0 1px 10px 0 rgba(0,0,0, 0.1)); + margin: ($baseline*3) 0 0 0; + border: 1px solid $border-color; + padding: ($baseline*2) ($baseline*3); + + > section { + margin: 0 0 ($baseline*2) 0; + + &:last-child { + margin-bottom: 0; + } + + header { + + } + } + } + + h1 { + margin: 0 0 $baseline 0; + position: relative; + font-size: 36px; + } + + hr { + @extend .faded-hr-divider-light; + border: none; + margin: 0px; + position: relative; + z-index: 2; + + &::after { + @extend .faded-hr-divider; + bottom: 0px; + content: ""; + display: block; + position: absolute; + top: -1px; + } + } + + // general + a.action-download { + position: relative; + color: $blue; + font-family: $sans-serif; + text-decoration: none; + @include transition(all, 0.1s, linear); + + .note { + position: relative; + color: $blue; + font-family: $sans-serif; + font-size: 13px; + text-decoration: none; + @include transition(all, 0.1s, linear); + + &:before { + position: relative; + top: -1px; + margin: 0 5px 0 0; + content: "➤"; + font-size: 11px; + } + } + + &:hover { + + .note { + color: shade($blue, 25%); + } + } + } + + // introduction section + .introduction { + @include clearfix(); + + header { + margin: 0 0 ($baseline*1.5) 0; + + h2 { + margin: 0; + color: rgb(178, 181, 185); + font-size: 32px; + + .org-name { + color: rgb(178, 181, 185); + font-family: $serif; + text-transform: none; + } + } + } + + article { + @include box-sizing(border-box); + width: 500px; + margin-right: $baseline; + float: left; + } + + aside { + @include border-radius(2px); + @include box-sizing(border-box); + @include box-shadow(0 1px 4px 0 rgba(0,0,0, 0.2)); + width: 330px; + float: left; + border: 3px solid tint(rgb(96, 155, 216), 35%); + background: tint(rgb(96, 155, 216), 35%); + + h3 { + padding: ($baseline/2) ($baseline*0.75); + font-family: $sans-serif; + font-weight: bold; + font-size: 16px; + letter-spacing: 0; + color: $white; + text-transform: uppercase; + + .org-name { + color: $white !important; + font-weight: bold; + text-transform: none; + } + } + + a.action-download { + + .note { + width: 100%; + display: inline-block; + text-align: center; + } + } + + figure { + @include box-sizing(border-box); + background: $white; + width: 100%; + + figcaption { + display: none; + } + + a { + display: block; + padding: ($baseline/2); + } + + img { + display: block; + margin: 0 auto; + width: 60%; + } + } + } + } + + // library section + .library { + @include border-radius(2px); + @include box-sizing(border-box); + @include box-shadow(0 1px 4px 0 rgba(0,0,0, 0.2)); + border: 3px solid tint($light-gray,50%); + padding: 0; + background: tint($light-gray,50%); + + header { + padding: ($baseline*0.75) $baseline; + + h2 { + margin: 0; + padding: 0; + color: $dark-gray; + font-size: 16px; + font-family: $sans-serif; + font-weight: bold; + letter-spacing: 0; + + .org-name { + color: $dark-gray !important; + font-weight: bold; + text-transform: none; + } + } + } + + .listing { + @include clearfix(); + background: $white; + margin: 0; + padding: ($baseline*2); + list-style: none; + + li { + @include box-sizing(border-box); + overflow-y: auto; + float: left; + width: 350px; + margin: 0 0 $baseline 0; + + &:nth-child(odd) { + margin-right: ($baseline*3.5); + } + } + + figure { + + a { + @include border-radius(2px); + @include box-sizing(border-box); + @include box-shadow(0 1px 2px 0 rgba(0,0,0, 0.1)); + display: block; + min-height: 380px; + border: 2px solid tint($light-gray,75%); + padding: $baseline; + + &:hover { + border-color: $blue; + } + } + + img { + display: block; + border: 2px solid tint($light-gray,80%); + margin: 0 auto ($baseline*0.75) auto; + } + + figcaption { + font-size: 13px; + line-height: 18px; + color: $text-color; + } + + .note { + display: inline-block; + margin-top: ($baseline/2); + } + } + } + } + + // share + .share { + + } +} \ No newline at end of file diff --git a/lms/templates/footer.html b/lms/templates/footer.html index 96c80d151d..7fe7c18ccc 100644 --- a/lms/templates/footer.html +++ b/lms/templates/footer.html @@ -6,7 +6,7 @@