Commit 8a5e3bf4 by Galen Frechette

adds pressrelease page, breaks about content into seperate pages, imporvoves…

adds pressrelease page, breaks about content into seperate pages, imporvoves some visual elements of about and jobs pages
parent 214d03c1
......@@ -9,13 +9,19 @@ from django.core.context_processors import csrf
from django.conf import settings
#valid_templates=['index.html', 'staff.html', 'info.html', 'credits.html']
valid_templates=['index.html',
'tos.html',
'privacy.html',
'honor.html',
'copyright.html',
valid_templates=['index.html',
'tos.html',
'privacy.html',
'honor.html',
'copyright.html',
'404.html',
'mitx_help.html']
'mitx_help.html',
'pressrelease.html',
'about.html',
'faq.html',
'press.html',
'contact.html',
'terms_and_conditions.html']
if settings.STATIC_GRAB:
valid_templates = valid_templates+['server-down.html',
......
......@@ -70,10 +70,6 @@
}
&.right {
h2 {
text-align: right;
}
.photo {
float: right;
margin-left: flex-gutter();
......@@ -87,23 +83,22 @@
}
.faq {
display: none;
@include clearfix;
nav.categories {
border-right: 1px solid rgb(220,220,220);
border: 1px solid rgb(220,220,220);
@include box-sizing(border-box);
float: left;
margin-right: flex-gutter();
padding-right: 20px;
margin-left: flex-gutter();
padding: 20px;
width: flex-grid(3);
a {
display: block;
letter-spacing: 1px;
margin-right: -20px;
padding: 10px 20px 10px 0;
text-align: right;
margin: 0px -20px;
padding: 10px 0px 10px 20px;
text-align: left;
text-transform: uppercase;
&:hover {
......@@ -143,8 +138,6 @@
}
.press {
display: none;
.press-story {
border-bottom: 1px solid rgb(220,220,220);
@include clearfix;
......@@ -194,7 +187,6 @@
}
.contact {
display: none;
@include clearfix;
margin: 0 auto;
width: flex-grid(10);
......
......@@ -26,10 +26,10 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
color: $lighter-base-font-color;
color: $base-font-color;
font: 300 2.4rem/3rem $sans-serif;
letter-spacing: 1px;
margin-bottom: 20px;
margin-bottom: 30px;
text-align: center;
text-transform: uppercase;
}
......
......@@ -94,7 +94,7 @@
.my-course {
background: rgb(250,250,250);
@include background-image(linear-gradient(-90deg, rgb(253,253,253), rgb(243,243,243)));
@include background-image(linear-gradient(-90deg, rgb(253,253,253), rgb(240,240,240)));
border: 1px solid rgb(190,190,190);
@include border-radius(3px);
@include box-shadow(0 1px 8px 0 rgba(0,0,0, 0.1), inset 0 -1px 0 0 rgba(255,255,255, 0.8), inset 0 1px 0 0 rgba(255,255,255, 0.8));
......@@ -161,7 +161,7 @@
&:hover {
.shade {
background: rgba(255,255,255, 0.1);
background: rgba(255,255,255, 0.3);
@include background-image(linear-gradient(-90deg, rgba(255,255,255, 0.3) 0%,
rgba(0,0,0, 0.3) 100%));
}
......@@ -196,7 +196,6 @@
white-space: nowrap;
&:hover {
color: $blue;
text-decoration: underline;
}
}
......@@ -299,23 +298,17 @@
}
&:hover {
.edit {
background: rgb(220,220,220);
border-color: rgb(190,190,190);
}
.cover {
opacity: 1;
.shade {
background: rgba(255,255,255, 0.1);
@include background-image(linear-gradient(-90deg, rgba(255,255,255, 0.3) 0%,
rgba(0,0,0, 0.3) 100%));
}
.shade, .arrow {
.arrow {
opacity: 1;
}
}
.meta {
opacity: 0.9;
}
}
}
}
......
......@@ -75,7 +75,8 @@
h1 {
color: $base-font-color;
font: italic bold 2.4rem/3rem $sans-serif;
font: italic 800 2.4rem/3rem $sans-serif;
letter-spacing: 0px;
text-transform: none;
}
......
......@@ -7,7 +7,7 @@
.message {
@include clearfix;
margin-bottom: 100px;
margin-bottom: 80px;
position: relative;
.photo {
......@@ -30,20 +30,21 @@
.jobs-wrapper {
@include clearfix;
float: left;
padding-top: 80px;
width: flex-grid(12);
> h2 {
border-bottom: 1px solid rgb(220,220,220);
//border-bottom: 1px solid rgb(220,220,220);
display: none;
margin-bottom: 60px;
padding-bottom: 20px;
}
.jobs-sidebar {
@include box-sizing(border-box);
border-left: 1px solid rgb(220,220,220);
border: 1px solid rgb(220,220,220);
float: left;
padding-bottom: 20px;
padding-left: 20px;
padding: 20px;
width: flex-grid(3);
nav {
......@@ -64,7 +65,7 @@
a {
display: block;
letter-spacing: 1px;
margin-left: -20px;
margin: 0px -20px;
padding: 10px 0 10px 20px;
position: relative;
text-transform: uppercase;
......
.pressrelease {
background: rgb(250,250,250);
.container {
padding: 60px 0 120px;
h1 {
}
h1 + hr {
margin-bottom: 60px;
}
h3 + hr {
margin-bottom: 60px;
}
h3 {
color: $lighter-base-font-color;
font-style: italic;
margin-bottom: 30px;
text-align: center;
}
> article {
border: 1px solid rgb(220,220,220);
@include border-radius(10px);
@include box-sizing(border-box);
@include box-shadow(0 2px 16px 0 rgba(0,0,0, 0.1));
margin: 0 auto;
padding: 80px 80px 40px 80px;
width: flex-grid(10);
.footer {
hr {
margin: 80px 0px 40px;
}
}
}
p + h2 {
margin-top: 60px;
}
h2 + p {
margin-top: 30px;
}
}
}
header.global {
//background: rgb(255,255,255);
background: rgba(245,245,245, 0.9);
//background: rgba(245,245,245, 0.9);
border-bottom: 1px solid rgb(190,190,190);
@include box-shadow(0 1px 5px 0 rgba(0,0,0, 0.1));
//@include background-image(linear-gradient(-90deg, rgb(255,255,255), rgba(235,235,235, 1)));
//@include background-image(linear-gradient(-90deg, rgb(255,255,255), rgba(228,239,243, 1)));
//@include background-image(linear-gradient(-90deg, rgb(255,255,255), rgba(240,240,240, 0.9)));
@include background-image(linear-gradient(-90deg, rgba(255,255,255, 1), rgba(230,230,230, 0.9)));
//border-color: rgb(177, 210, 222);
height: 68px;
position: relative;
......
......@@ -27,6 +27,7 @@
@import 'course_info';
@import 'jobs';
@import 'about';
@import 'press_release';
@import 'sass_old/courseware/courseware';
@import 'sass_old/courseware/sequence-nav';
......
<%namespace name='static' file='static_content.html'/>
<%inherit file="main.html" />
<section class="container about">
<nav>
<a href="/t/about.html">Vision</a>
<a href="/t/faq.html">Faq</a>
<a href="/t/press.html">Press</a>
<a href="/t/contact.html" class="active">Contact</a>
</nav>
<section class="contact">
<div class="map">
</div>
<div class="address">
Suggest a Feature
Suggest a Topic
Report a Problem
Ask the Community
Send Thanks
Submit a Comment
Mailing Address
</div>
</section>
</section>
<%namespace name='static' file='static_content.html'/>
<%inherit file="main.html" />
<section class="container about">
<nav>
<a href="/t/about.html">Vision</a>
<a href="/t/faq.html" class="active">Faq</a>
<a href="/t/press.html">Press</a>
<a href="/t/contact.html">Contact</a>
</nav>
<section class="faq">
<section class="responses">
<section id="the-organization" class="category">
<h2>The Organization</h2>
<article class="response">
<h3>What is edX?</h3>
<p>An organization established by MIT and Harvard that will develop an open-source technology platform to deliver online courses. EdX will support Harvard and MIT faculty in conducting research on teaching and learning on campus through tools that enrich classroom and laboratory experiences. At the same time, edX also will reach learners around the world through online course materials. The edX website will begin by hosting MITx and Harvardx content, with the goal of aping content from other universities interested in joining the platform. <!-- EdX will also support the Harvard and MIT faculty in conducting research on teaching and learning.--></p>
</article>
<article class="response">
<h3>What are MITx and Harvardx?</h3>
<p>Portfolios of MIT and Harvard online courses offered to learners around the world through edX. </p>
</article>
<article class="response">
<h3>What technology will edX use?</h3>
<p>An open-source online learning platform that will feature teaching designed specifically for the web. Features will include: self-paced learning, online discussion groups, wiki-based collaborative learning, assessment of learning as a student progresses through a course, and online laboratories. The platform will also serve as a laboratory from which data will be gathered to better understand how students learn. Because it is open source, the platform will be continuously improved.</p>
</article>
<article class="response">
<h3>Is there anything innovative about the online technology?</h3>
<p>Yes. It will move beyond the standard model of online education that relies on watching video content and will offer an interactive experience for students. And the technology will be open source; other universities will be able to leverage the innovative technology to create their own online offerings.</p>
</article>
<article class="response">
<h3>Why are MIT and Harvard doing this?</h3>
<p>To improve education on campus and around the world:</p>
<ul>
<li>
<p>On campus, edX research will enhance our understanding of how students learn and how technologies can best be used as part of our larger efforts to improve teaching and learning.</p>
</li>
<li>
<p>Beyond our campuses, edX will expand access to education, allow for certificates of mastery to be earned by able learners, and make the open source platform available to other institutions.</p>
</li>
</ul>
</article>
</section>
<section id="technology-platform" class="category">
<h2>Technology Platform</h2>
<article class="response">
<h3>Why did Harvard and MIT decide to partner with each other?</h3>
<p>We share a vision for greater access to education. Based on our long history of collaboration, we know we can leverage our strengths to best serve the world.</p>
</article>
<article class="response">
<h3>How is this different from what other universities are doing online?</h3>
<p>EdX will be entirely our universities&#8217; shared educational missions. Also, a primary goal of edX is to improve teaching and learning on campus by supporting faculty from both universities in conducting significant research on how students learn. </p>
</article>
<article class="response">
<h3>Who will lead edX?</h3>
<p>EdX is a priority for the leadership of both Harvard and MIT, and it will be governed by a board made up of key leaders from both institutions, appointed by each university&#8217;s president. MIT Professor of Electrical Engineering and Computer Science Anant Agarwal will be the initial President of edX and will report to the board.</p>
</article>
<article class="response">
<h3>Does the effort have a staff?</h3>
<p>EdX is a significant undertaking that will require significant resources. The full scope of the staff has not been determined, but there will be a dedicated staff to the initiative.</p>
</article>
</section>
<section id="learning-objectives" class="category">
<h2>Learning Objectives</h2>
<article class="response">
<h3>Who can take edX courses? Will there be an admissions process?</h3>
<p>EdX will be available to anyone in the world with an internet connection, and in general, there will not be an admissions process. For a modest fee, and as determined by the edX board, MIT and Harvard, credentials will be granted only to students who earn them by demonstrating mastery of the material of a subject.</p>
</article>
<article class="response">
<h3>Will the certificates be awarded by Harvard and/or MIT?</h3>
<p>As determined by the edX board, MIT and Harvard, online learners who demonstrate mastery of subjects could earn a certificate of completion, but such certificates would not be issued under the name Harvard or MIT. </p>
</article>
<article class="response">
<h3>What will the scope of the online courses be? How many? Which faculty? </h3>
<p>Our goal is to offer a wide variety of courses across disciplines.</p>
</article>
<article class="response">
<h3>Will Harvard and MIT students be able to take these courses for credit?</h3>
<p>No. MITx and Harvardx courses will not be offered for credit at either university. The online content will be used to extend and enrich on campus courses.</p>
</article>
</section>
<section id="the-students" class="category">
<h2>The Students</h2>
<article class="response">
<h3>How will success be measured?</h3>
<p>Progress in student learning research and the demand for online courses will both be measured as indications of success. However, a plan for measuring the full success of edX will be developed in consultation with faculty from MIT and Harvard.</p>
</article>
<article class="response">
<h3>Who is the learner? Domestic or international? Age range?</h3>
<p>Improving teaching and learning for students on our campuses is one of our primary goals. Beyond that, we don&#8217;t have a target group of potential learners, as the goal is to make these courses available to anyone in the world &#8211; from any demographic &#8211; who has interest in advancing their own knowledge. The only requirement is to have a computer with an internet connection.</p>
</article>
<article class="response">
<h3>Many institutions are partnering in this space. Is the MIT/Harvard partnership exclusive? Will other institutions be able to collaborate with edX?</h3>
<p>It is our intention that over time other universities will join MIT and Harvard in offering courses on the edX platform. The gathering of many universities&#8217; educational content together on one site will enable learners worldwide to access the course content of any participating university from a single website, and to use a set of online educational tools shared by all participating universities. </p>
</article>
<article class="response">
<h3>Will MIT and Harvard standards apply here?</h3>
<p>The reach changes exponentially, but the rigor remains the same.</p>
</article>
<article class="response">
<h3>How do you intend to test whether this approach is improving learning?</h3>
<p>Both institutions have assembled faculty who will look at data collection and analytical tools for assessing the results.</p>
</article>
</section>
</section>
<nav class="categories">
<a href="#the-organization">The organization</a>
<a href="#technology-platform">Technology Platform</a>
<a href="#learning-objectives">Learning Objectives</a>
<a href="#the-students">The Students</a>
</nav>
</section>
</section>
......@@ -16,6 +16,7 @@
<p>Harvard President Drew Faust said, “edX gives Harvard and MIT an unprecedented opportunity to dramatically extend our collective reach by conducting groundbreaking research into effective education and by extending online access to quality higher education.”
</div>
</section>
<hr class="horizontal-divider">
<section class="jobs-wrapper">
<h2>We are currently looking for</h2>
......
......@@ -34,7 +34,7 @@
%else:
<ol class="guest">
<li class="secondary">
<a href="${reverse('about_edx')}">About</a>
<a href="/t/about.html">About</a>
<a href="#">Blog</a>
<a href="${reverse('jobs')}">Jobs</a>
<a href="#" id="login">Log In</a>
......
<%namespace name='static' file='static_content.html'/>
<%inherit file="main.html" />
<section class="container about">
<nav>
<a href="/t/about.html">Vision</a>
<a href="/t/faq.html">Faq</a>
<a href="/t/press.html" class="active">Press</a>
<a href="/t/contact.html">Contact</a>
</nav>
<section class="press">
<article class="press-story">
<div class="article-cover">
<img src="${static.url('images/courses/circuits.jpeg')}" />
</div>
<div class="press-info">
<header>
<h3>Online Classes Cut Costs, But Do They Dilute Brands?</h3>
<a href="http://www.npr.org/2012/07/02/156122748/online-classes-cut-costs-but-do-they-dilute-brands">http://n.pr/Lt5ydM</a>
</header>
<p>"You know this is the Wild West. There's a lot of things we have to figure out," Agarwal says. "And you know if anybody says they know exactly what they're doing, I think that would be a far cry from reality."</p>
</div>
</article>
<article class="press-story">
<div class="article-cover">
<img src="${static.url('images/courses/circuits.jpeg')}" />
</div>
<div class="press-info">
<header>
<h3>Online Classes Cut Costs, But Do They Dilute Brands?</h3>
<a href="http://www.npr.org/2012/07/02/156122748/online-classes-cut-costs-but-do-they-dilute-brands">http://n.pr/Lt5ydM</a>
</header>
<p>"You know this is the Wild West. There's a lot of things we have to figure out," Agarwal says. "And you know if anybody says they know exactly what they're doing, I think that would be a far cry from reality."</p>
</div>
</article>
<article class="press-story">
<div class="article-cover">
<img src="${static.url('images/courses/circuits.jpeg')}" />
</div>
<div class="press-info">
<header>
<h3>Online Classes Cut Costs, But Do They Dilute Brands?</h3>
<a href="http://www.npr.org/2012/07/02/156122748/online-classes-cut-costs-but-do-they-dilute-brands">http://n.pr/Lt5ydM</a>
</header>
<p>"You know this is the Wild West. There's a lot of things we have to figure out," Agarwal says. "And you know if anybody says they know exactly what they're doing, I think that would be a far cry from reality."</p>
</div>
</article>
<article class="press-story">
<div class="article-cover">
<img src="${static.url('images/courses/circuits.jpeg')}" />
</div>
<div class="press-info">
<header>
<h3>Online Classes Cut Costs, But Do They Dilute Brands?</h3>
<a href="http://www.npr.org/2012/07/02/156122748/online-classes-cut-costs-but-do-they-dilute-brands">http://n.pr/Lt5ydM</a>
</header>
<p>"You know this is the Wild West. There's a lot of things we have to figure out," Agarwal says. "And you know if anybody says they know exactly what they're doing, I think that would be a far cry from reality."</p>
</div>
</article>
</section>
</section>
<%! from django.core.urlresolvers import reverse %>
<%inherit file="main.html" />
<%namespace name='static' file='static_content.html'/>
<section class="pressrelease">
<section class="container">
<h1>MIT and Harvard announce edX</h1>
<hr class="horizontal-divider">
<article>
<h2>Joint venture builds on MITx and Harvard distance learning; aims to benefit campus-based education and beyond</h2>
<p>Harvard University and the Massachusetts Institute of Technology (MIT) today announced edX, a transformational new partnership in online education. Through edX, the two institutions will collaborate to enhance campus-based teaching and learning and build a global community of online learners.</p>
<p>EdX will build on both universities’ experience in offering online instructional content. The technological platform recently established by MITx, which will serve as the foundation for the new learning system, was designed to offer online versions of MIT courses featuring video lesson segments, embedded quizzes, immediate feedback, student-ranked questions and answers, online laboratories, and student paced learning. Certificates of mastery will be available for those motivated and able to demonstrate their knowledge of the course material.</p>
<p>MIT and Harvard expect that over time other universities will join them in offering courses on the edX platform. The gathering of many universities’ educational content together on one site will enable learners worldwide to access the course content of any participating university from a single website, and to use a set of online educational tools shared by all participating universities. </p>
<p>EdX will release its learning platform as open source software so it can be used by other universities and organizations who wish to host the platform themselves. Because the learning technology will be available as open-source software, other universities and individuals will be able to help edX improve and add features to the technology.</p>
<p>MIT and Harvard will use the jointly operated edX platform to research how students learn and how technologies can facilitate effective teaching both on-campus and online. The edX platform will enable the study of which teaching methods and tools are most successful. The findings of this research will be used to inform how faculty use technology in their teaching, which will enhance the experience for students on campus and for the millions expected to take advantage of these new online offerings.</p>
<p>“EdX represents a unique opportunity to improve education on our own campuses through online learning, while simultaneously creating a bold new educational path for millions of learners worldwide,” MIT President Susan Hockfield said.</p>
<p>Harvard President Drew Faust said, “edX gives Harvard and MIT an unprecedented opportunity to dramatically extend our collective reach by conducting groundbreaking research into effective education and by extending online access to quality higher education.”</p>
<p>“Harvard and MIT will use these new technologies and the research they will make possible to lead the direction of online learning in a way that benefits our students, our peers, and people across the nation and the globe,” Faust continued.</p>
<h2>Jointly Owned Not-for-Profit Structure</h2>
<p>The initiative will be overseen by a not-for-profit organization based in Cambridge, Massachusetts, to be owned and governed equally by the two universities. MIT and Harvard have committed to a combined $60 million ($30 million each) in institutional support, grants and philanthropy to launch the collaboration. </p>
<p>MIT’s Director of the Computer Science and Artificial Intelligence Laboratory Anant Agarwal, who has led the development of the MITx platform under the leadership of MIT provost L. Rafael Reif, will serve as the first president of edX. </p>
<p>At Harvard, Provost Alan Garber will direct the Harvardx effort and Faculty of Arts and Sciences Dean Michael D. Smith will play a leading role in working with faculty to develop and deliver courses. </p>
<p>It is anticipated that near-term course offerings from a range of Harvard and MIT schools will be included on the edX platform.</p>
<h2>Research to Enhance Residential Model</h2>
<p>EdX will enhance the traditional residential model of undergraduate education on both campuses by supporting an unlimited number of experimental online approaches to teaching that can be used by Harvard and MIT faculty and which will benefit students in Cambridge and Boston. It will also have the benefit of providing global access to some of the world-class instruction that already occurs in Cambridge and Boston, but which is only one aspect of the full Harvard College and MIT experience.</p>
<p>“The campus environment offers opportunities and experiences that cannot be replicated online,” said Hockfield. “EdX is designed to improve, not replace, the campus experience.” </p>
<p>EdX will be separate from ongoing distance learning initiatives at both institutions, including MIT OpenCourseWare and courses offered by schools at Harvard such as the Harvard Extension School, the Harvard Business School and the Harvard Medical School.</p>
<h2>First Courses by Fall 2012</h2>
<p>The universities will work to develop further the online learning platform already begun with MITx and to populate the edX website with courses from the MIT and Harvard faculty. During the early stages, the two universities will work cooperatively to offer as broad an initial set of courses as possible. A first set of courses is scheduled to be announced in early summer and to start in Fall, 2012.</p>
<p>“We are already moving forward quickly,” said Anant Agarwal. “There’s a lot of energy in the air, and the teams at Harvard and MIT can’t wait to collaborate.”</p>
<section class="footer">
<hr class="horizontal-divider">
<div class="logo"></div><h3 class="date">4 - 09 - 2012</h3>
</section>
</article>
</section>
</section>
<%! from django.core.urlresolvers import reverse %>
<%inherit file="main.html" />
<%namespace name='static' file='static_content.html'/>
<section class="container">
</section>
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