Add content and assets for media kit

[# 41872203]

lms/static/images/press-kit/anant-agarwal_high-res.jpg.REMOVED.git-id

@@ -0,0 +1 @@
+b154ce99fb5c8d413ba769e8cc0df94ed674c3f4

lms/static/images/press-kit/anant-tablet_high-res.jpg.REMOVED.git-id

@@ -0,0 +1 @@
+2b8c58b098bdb17f9ddcbb2098f94c50fdcedf60

lms/static/images/press-kit/edx-video-editing_high-res.jpg.REMOVED.git-id

@@ -0,0 +1 @@
+7d8b9879f7e5b859910edba7249661eedd3fcf37

lms/static/images/press-kit/piotr-mitros_high-res.jpg.REMOVED.git-id

@@ -0,0 +1 @@
+caf8b43337faa75cef5da5cd090010215a67b1bd

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';

lms/static/sass/multicourse/_home.scss

@@ -344,16 +344,11 @@
       }
 
       a {
-        color: $lighter-base-font-color;
         float: right;
-        font-style: italic;
+        font-size: 1.1em;
         font-family: $serif;
         padding-top: 3px;
         text-shadow: 0 1px rgba(255,255,255, 0.6);
-
-        &:hover {
-          color: $base-font-color;
-        }
       }
     }
 

lms/static/sass/multicourse/_media-kit.scss

@@ -0,0 +1,68 @@
+.container.press-kit {
+  padding: 60px 30px 120px;
+
+  .intro {
+    @include clearfix;
+    margin-bottom: 20px;
+    position: relative;
+
+    .message {
+      float: left;
+      width: flex-grid(7);
+
+      p {
+        margin-left: 0;
+        line-height: 1.6;
+        font-size: 1.1em;
+        color: #666;
+      }
+    }
+
+    .logo-sidebar {
+      @include box-sizing(border-box);
+      border: 3px solid rgb(220,220,220);
+      float: left;
+      padding: 20px;
+
+      img {
+        height: 200px;
+      }
+
+      figcaption {
+        text-align: center;
+      }
+    }
+  }
+
+  .media-library {
+    @include clearfix;
+    float: left;
+    width: flex-grid(12);
+    margin-right: flex-gutter();
+
+    > h2 {
+      display: none;
+      margin-bottom: 60px;
+      padding-bottom: 20px;
+    }
+
+    .media-listing {
+      figure {
+        width: flex-grid(4);
+
+        border-bottom: 1px solid rgb(220,220,220);
+        padding: 40px 0px;
+
+        img {
+          text-align: center;
+        }
+
+        figcaption {
+          padding: 10px;
+          font-size: 0.95em;
+          color: #666;
+        }
+      }
+    }
+  }
+}

lms/templates/index.html

@@ -121,6 +121,7 @@
     <section class="more-info">
       <header>
         <h2><span class="edx">edX</span> News &amp; Announcements</h2>
+        <a href="${reverse('media-kit')}"> edX Media Kit ►</a>
       </header>
       <section class="news">
         <section class="blog-posts">

lms/templates/static_templates/media-kit.html

@@ -0,0 +1,63 @@
+<%namespace name='static' file='../static_content.html'/>
+<%inherit file="../main.html" />
+
+<%block name="title"><title>EdX Media Kit</title></%block>
+
+<section class="container press-kit">
+  <h1>EdX Media Kit</h1>
+
+  <section class="intro">
+    <header>
+      <h2>Welcome to the edX Media Kit</h2>
+    </header>
+    <div class="message">
+      <p>Need images for a news story?  Feel free to download high-resolution versions of the photos below by clicking on the thumbnail.  Please credit edX in your use.</p>
+      <p>We’ve included visual guidelines on how to use the edX logo within the download zip which also includes Adobe Illustrator and eps versions of the logo. </p>
+      <p>For more information about edX, please contact Dan O’Connell Associate Director of Communications via <a href="mailto:oconnell@edx.org">oconnell@edx.org</a>.</p>
+    </div>
+    <section class="logo-sidebar">
+      <h2>The edX Logo</h2>
+      <figure class="logo">
+        <img src="${static.url('images/edx.png')}" />
+        <figcaption> <a href="${static.url('files/edx-identity.zip')}">&gt; download now</a></figcaption>
+      </figure>
+    </section>
+  </section>
+
+  <section class="media-library">
+    <header>
+      <h2>The edX Media Library</h2>
+    </header>
+    <div class="media-listing">
+      <figure>
+        <img src="${static.url('images/press-kit/anant-agarwal_x200.jpg')}"/>
+        <figcaption>Ananat Agarwal, President of edX, in his office in Cambridge, MA. The computer screen behind him shows a portion of a video lecture from 6.002x, Circuits &amp; Electronics, the MITx course taught by Agarwal. <a href="${static.url('images/press-kit/anant-agarwal_high-res.jpg')}"> &gt; high-res</a></figcaption>
+      </figure>
+
+      <figure>
+        <img src="${static.url('images/press-kit/anant-tablet_x200.jpg')}"/>
+        <figcaption>Anant Agarwal creating a tablet-based lecture for 6.002x, Circuits & Electronics. <a href="${static.url('images/press-kit/anant-tablet_high-res.jpg')}"> &gt; high-res</a></figcaption>
+      </figure>
+
+      <figure>
+        <img src="${static.url('images/press-kit/piotr-mitros_x200.jpg')}"/>
+        <figcaption>Piotr Mitros, Chief Scientist at edX, uses a Rostrum camera to create an overhead camera-based lecture. During this process, voice and video are recorded for an interactive tutorial. <a href="${static.url('images/press-kit/piotr-mitros_high-res.jpg')}"> &gt; high-res</a></figcaption>
+      </figure>
+
+      <figure>
+        <img src="${static.url('images/press-kit/edx-video-editing_x200.jpg')}"/>
+        <figcaption>One of edX’s video editors edits a lecture in a video suite. <a href="${static.url('images/press-kit/edx-video-editing_high-res.jpg')}"> &gt; high-res</a></figcaption>
+      </figure>
+
+      <figure>
+        <img src="${static.url('images/press-kit/6.002x_x200.jpg')}"/>
+        <figcaption>Screenshot of 6.002x Circuits and Elecronics course. <a href="${static.url('images/press-kit/6.002x_high-res.png')}"> &gt; high-res</a></figcaption>
+      </figure>
+
+      <figure>
+        <img src="${static.url('images/press-kit/3.091x_x200.jpg')}"/>
+        <figcaption>Screenshot of 6.00x: Introduction to Computer Science and Programming. <a href="${static.url('images/press-kit/3.091x_high-res.png')}"> &gt; high-res</a></figcaption>
+      </figure>
+    </div>
+  </section>
+</section>

lms/urls.py

@@ -77,6 +77,8 @@ urlpatterns = ('',
     url(r'^contact$', 'static_template_view.views.render',
         {'template': 'contact.html'}, name="contact"),
     url(r'^press$', 'student.views.press', name="press"),
+    url(r'^media-kit$', 'static_template_view.views.render',
+        {'template': 'media-kit.html'}, name="media-kit"),
     url(r'^faq$', 'static_template_view.views.render',
         {'template': 'faq.html'}, name="faq_edx"),
     url(r'^help$', 'static_template_view.views.render',