From 6cc4013a36d1b91eb3758b06e962d384185d3e7d Mon Sep 17 00:00:00 2001
From: Mike Larsson <mikelarssonftw@gmail.com>
Date: Tue, 4 Jun 2013 12:18:35 -0400
Subject: [PATCH] Add copy and embedded youtube video to about page

---
 static/media/css/core.css   | 11 +++++++++--
 static/media/less/core.less | 12 ++++++++++++
 views/info/about.html       | 15 ++++++++++++++-
 3 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/static/media/css/core.css b/static/media/css/core.css
index e32666a..759d528 100644
--- a/static/media/css/core.css
+++ b/static/media/css/core.css
@@ -127,7 +127,6 @@ ol {
 .navbar .nav-wrap ul.nav > li > a {
   text-shadow: none;
   color: #333333;
-  text-transform: uppercase;
 }
 .navbar .nav-wrap ul.nav > li > a:focus,
 .navbar .nav-wrap ul.nav > li > a:hover {
@@ -1087,7 +1086,7 @@ body.home .navbar .nav-wrap ul.nav > li:nth-child(even) {
 /* FAQ MAKE LOOK GOOD STYLES HERE */
 .faq {
   /* "Split numbering" is what I'm calling the following
-     ordered list numbering: 
+     ordered list numbering:
        1.  ...
        2a. ...
        2b. ...
@@ -1126,3 +1125,11 @@ body.home .navbar .nav-wrap ul.nav > li:nth-child(even) {
   counter-increment: subsection;
   content: counter(section) counter(subsection, lower-alpha) ". ";
 }
+/* ABOUT STYLES */
+.about .video {
+  text-align: center;
+  margin: 20px 0;
+}
+.about li.org {
+  list-style: none;
+}
diff --git a/static/media/less/core.less b/static/media/less/core.less
index aa7d60f..6620ee4 100644
--- a/static/media/less/core.less
+++ b/static/media/less/core.less
@@ -1221,3 +1221,15 @@ and (max-width : 599px) {
       content: counter(section) counter(subsection, lower-alpha) ". ";
   }
 }
+
+/* ABOUT STYLES */
+.about {
+  .video {
+    text-align: center;
+    margin: 20px 0;
+  }
+
+  li.org {
+    list-style: none;
+  }
+}
diff --git a/views/info/about.html b/views/info/about.html
index f571dfe..5c46ea4 100644
--- a/views/info/about.html
+++ b/views/info/about.html
@@ -1,14 +1,27 @@
 {% extends 'info/layout.html' %}
 {% set pageTitle = 'About' %}
 {% set navItem = 'about' %}
+{% set bodyClass = 'about' %}
 
 {% block content %}
+  <p class="lead">
+    Join Mayor Rahm Emanuel in challenging Chicago youth to participate in the Summer of Learning, a citywide effort to engage young people in hands-on learning. School stops for the summer, but learning never should.
+  </p>
+  <p class="lead">
+    Youth can explore, play and learn with these organizations and earn badges along the way. They can unlock exploratory challenges and make their own projects to add to their skills. Learners will showcase their work at an end of summer event in Chicago, into the next school year and beyond!
+  </p>
+  <p class="lead">
+    See how science, technology, engineering, arts and math (STEAM) learning will rock the Windy City this summer.
+  </p>
+  <div class="video">
+    <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/6WwpwtYNsNk" frameborder="0" allowfullscreen></iframe>
+  </div>
   {% if orgs %}
     {% set nearestTen = (orgs.length // 10) * 10 %}
     <h4>Over {{ nearestTen }} Participating Organizations</h4>
     <ul class="row">
     {% for org in orgs %}
-      <li class="span4"><a href="{{ org.url }}">{{ org.name }}</a></li>
+      <li class="org span4"><a href="{{ org.url }}">{{ org.name }}</a></li>
     {% endfor %}
     </ul>
   {% endif %}