From 164b5b67db52b50908a2959aa2b6fa245f635b83 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Fri, 20 Jul 2012 15:42:22 -0400
Subject: [PATCH] Added style and better markup for the quotes on the jobs page

---
 lms/static/sass/_jobs.scss               | 28 ++++++++++++++++++++++++
 lms/templates/static_templates/jobs.html | 15 ++++++++-----
 2 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/lms/static/sass/_jobs.scss b/lms/static/sass/_jobs.scss
index 3d542935f8..136281c561 100644
--- a/lms/static/sass/_jobs.scss
+++ b/lms/static/sass/_jobs.scss
@@ -38,6 +38,34 @@
         width: 100%;
       }
     }
+
+    header {
+      float: left;
+      width: flex-grid(7);
+
+      blockquote {
+        margin-left: 0;
+        margin-bottom: 40px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        p {
+          margin-left: 0;
+          font-style: italic;
+          line-height: 1.4;
+          font-size: 1.1em;
+          color: #666;
+        }
+
+        cite {
+          margin-top: 12px;
+          display: block;
+          color: #a0a0a0;
+        }
+      }
+    }
   }
 
   .jobs-wrapper {
diff --git a/lms/templates/static_templates/jobs.html b/lms/templates/static_templates/jobs.html
index 5a6bb1bd5c..95576501f3 100644
--- a/lms/templates/static_templates/jobs.html
+++ b/lms/templates/static_templates/jobs.html
@@ -11,14 +11,19 @@
       <div class="photo">
         <img src="${static.url('images/jobs.jpeg')}">
       </div>
+      <header>
       <h2>Our mission is to transform learning.</h2>
-      <h2>Our goal is to educate 1 billion people around the world.</h2>
 
-      <q>“Edx represents a unique opportunity to improve education on our campuses though online learning, while simultaneously creating a bold new educational path for millions of learners worldwide.” </q>
-      <small class="author">Rafael Reif, MIT President </small>
+      <blockquote>
+        <p>&ldquo;Edx represents a unique opportunity to improve education on our campuses though online learning, while simultaneously creating a bold new educational path for millions of learners worldwide.&rdquo;</p>
+        <cite>&mdash;Rafael Reif, MIT President </cite>
+      </blockquote>
 
-      <q>“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.”</q>
-      <small class="author">Drew Faust, Harvard President</small>
+      <blockquote>
+        <p>&ldquo;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.&rdquo;</p>
+        <cite>&mdash;Drew Faust, Harvard President</cite>
+      </blockquote>
+      </header>
     </div>
   </section>
   <hr class="horizontal-divider">