Commit bd0a2f66 by Carlos Andrés Rocha

Add content and assets for media kit

[# 41872203]
parent 8bf393fb
b154ce99fb5c8d413ba769e8cc0df94ed674c3f4
\ No newline at end of file
2b8c58b098bdb17f9ddcbb2098f94c50fdcedf60
\ No newline at end of file
7d8b9879f7e5b859910edba7249661eedd3fcf37
\ No newline at end of file
caf8b43337faa75cef5da5cd090010215a67b1bd
\ No newline at end of file
......@@ -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';
......
......@@ -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;
}
}
}
......
.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;
}
}
}
}
}
......@@ -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">
......
<%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>
......@@ -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',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment