Add copy and embedded youtube video to about page

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;
+}

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;
+  }
+}

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 %}