From c7a148c2726dc1848077b7ebdd8adf7ba592fcee Mon Sep 17 00:00:00 2001
From: Todd Morey <toddmorey@Todds-MacBook-Pro-2.local>
Date: Wed, 5 Nov 2014 15:29:06 +0100
Subject: [PATCH] Added keynote videos as a top section and labelled the top
 video as the most recently added.

---
 themes/openstack/css/videos.css               |   8 +
 .../Layout/Includes/VideoThumbnails.ss        |  21 --
 .../Layout/PresentationCategoryPage.ss        | 224 ++++++++++++++++++
 3 files changed, 232 insertions(+), 21 deletions(-)

diff --git a/themes/openstack/css/videos.css b/themes/openstack/css/videos.css
index ff7bf27..2397284 100644
--- a/themes/openstack/css/videos.css
+++ b/themes/openstack/css/videos.css
@@ -404,4 +404,12 @@ a.media-btn.left {
   min-height: 2em;
 }
 
+.latest-video {
+  text-transform: uppercase;
+  font-size: 90%;
+  color: #1E9DE5!important;
+  font-weight:bold;
+  margin-bottom: 3px;
+}
+
 /*End Video Inner Page*/
diff --git a/themes/openstack/templates/Layout/Includes/VideoThumbnails.ss b/themes/openstack/templates/Layout/Includes/VideoThumbnails.ss
index 7a9b1b1..c2e9fa7 100644
--- a/themes/openstack/templates/Layout/Includes/VideoThumbnails.ss
+++ b/themes/openstack/templates/Layout/Includes/VideoThumbnails.ss
@@ -1,24 +1,3 @@
-<div class="sort-row">
-  <div class="container">
-    <div class="sort-left">
-      <i class="fa fa-th active"></i>
-      <i class="fa fa-th-list"></i>
-    </div>
-    <div class="sort-right">
-      <div class="dropdown video-dropdown">
-        <a data-toggle="dropdown" href="#">Select A Day <i class="fa fa-caret-down"></i></a>
-        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
-
-        <% control Presentations.GroupedBy(PresentationDay) %>
-          <li role="presentation"><a role="menuitem" tabindex="-1" href="{$Top.Link}#day-{$Pos}">$PresentationDay</a></li>
-        <% end_control %>
-
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
-
 <div class="container">
   <!-- Start Videos -->
       <% control Presentations.GroupedBy(PresentationDay) %>
diff --git a/themes/openstack/templates/Layout/PresentationCategoryPage.ss b/themes/openstack/templates/Layout/PresentationCategoryPage.ss
index 7608178..c95627f 100644
--- a/themes/openstack/templates/Layout/PresentationCategoryPage.ss
+++ b/themes/openstack/templates/Layout/PresentationCategoryPage.ss
@@ -14,6 +14,7 @@
 	<a href="{$Top.Link}presentation/{$URLSegment}" class="main-video">
 		<div class="video-description-wrapper">
 			<div class="video-description">
+				<p class="latest-video">Latest Video</p>
 				<h3>$Name</h3>
 				<p>$FormattedStartTime GMT<p>
 				<p>$Description</p>
@@ -73,4 +74,227 @@
 	</div>
 </div>
 
+<div class="sort-row">
+	<div class="container">
+		<div class="sort-left">
+			<i class="fa fa-th active"></i>
+			<i class="fa fa-th-list"></i>
+		</div>
+		<div class="sort-right">
+			<div class="dropdown video-dropdown">
+				<a data-toggle="dropdown" href="#">Select A Day <i class="fa fa-caret-down"></i></a>
+				<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
+
+				<li role="presentation"><a role="menuitem" tabindex="-1" href="{$Top.Link}#keynotes">Keynote Presentations</a></li>
+
+
+				<% control Presentations.GroupedBy(PresentationDay) %>
+					<li role="presentation"><a role="menuitem" tabindex="-1" href="{$Top.Link}#day-{$Pos}">$PresentationDay</a></li>
+				<% end_control %>
+
+				</ul>
+			</div>
+		</div>
+	</div>
+</div>
+
+<div class="container">
+
+<div class="row">
+	<div class="col-lg-12" id="keynotes">
+		<h2 id="keynotes">Keynotes</h2>
+	</div>
+</div>
+
+<div class="row">
+	<div class="col-lg-3 col-md-3 col-sm-3 video-block">
+	<a href="/summit/openstack-paris-summit-2014/session-videos/presentation/openstack-foundation-keynote">
+	<div class="video-thumb">
+	<div class="thumb-play"></div>
+	<img class="video-thumb-img" src="//img.youtube.com/vi/QOhK0qfiw98/0.jpg">
+	</div>
+	<p class="video-thumb-title">
+	OpenStack Foundation Keynote
+	</p>
+	<p class="video-thumb-speaker">
+	Jonathan Bryce
+	</p>
+	</a>
+	</div>
+
+	<div class="col-lg-3 col-md-3 col-sm-3 video-block">
+	<a href="/summit/openstack-paris-summit-2014/session-videos/presentation/managing-r-and-38-d-externally">
+	<div class="video-thumb">
+	<div class="thumb-play"></div>
+	<img class="video-thumb-img" src="//img.youtube.com/vi/5BbNwVpi2fY/0.jpg">
+	</div>
+	<p class="video-thumb-title">
+	Managing R&amp;D Externally
+	</p>
+	<p class="video-thumb-speaker">
+	Jim Zemlin
+	</p>
+	</a>
+	</div>
+
+	<div class="col-lg-3 col-md-3 col-sm-3 video-block">
+	<a href="/summit/openstack-paris-summit-2014/session-videos/presentation/bbva-bank-on-openstack">
+	<div class="video-thumb">
+	<div class="thumb-play"></div>
+	<img class="video-thumb-img" src="//img.youtube.com/vi/PESWFDPbexs/0.jpg">
+	</div>
+	<p class="video-thumb-title">
+	BBVA Bank on OpenStack
+	</p>
+	<p class="video-thumb-speaker">
+	Jose Maria San Jose Juarez
+	</p>
+	</a>
+	</div>
+
+	<div class="col-lg-3 col-md-3 col-sm-3 video-block">
+	<a href="/summit/openstack-paris-summit-2014/session-videos/presentation/private-cloud-openstack-and-the-bmw-datacenter">
+	<div class="video-thumb">
+	<div class="thumb-play"></div>
+	<img class="video-thumb-img" src="//img.youtube.com/vi/Hk3VNbeftks/0.jpg">
+	</div>
+	<p class="video-thumb-title">
+	Private Cloud, OpenStack, and the BMW Datacenter
+	</p>
+	<p class="video-thumb-speaker">
+	Dr. Stefan Lenz
+	</p>
+	</a>
+	</div>
+
+</div>
+<div class="row">
+
+	<div class="col-lg-3 col-md-3 col-sm-3 video-block">
+	<a href="/summit/openstack-paris-summit-2014/session-videos/presentation/standing-up-openstack-at-time-warner-cable">
+	<div class="video-thumb">
+	<div class="thumb-play"></div>
+	<img class="video-thumb-img" src="//img.youtube.com/vi/gqRkDVOslZ8/0.jpg">
+	</div>
+	<p class="video-thumb-title">
+	Standing Up OpenStack at Time Warner Cable
+	</p>
+	<p class="video-thumb-speaker">
+	Matt Haines
+	</p>
+	</a>
+	</div>
+
+	<div class="col-lg-3 col-md-3 col-sm-3 video-block">
+	<a href="/summit/openstack-paris-summit-2014/session-videos/presentation/superuser-awards">
+	<div class="video-thumb">
+	<div class="thumb-play"></div>
+	<img class="video-thumb-img" src="//img.youtube.com/vi/_YS5gzWrqnw/0.jpg">
+	</div>
+	<p class="video-thumb-title">
+	Superuser Awards!
+	</p>
+	<p class="video-thumb-speaker">
+	</p>
+	</a>
+	</div>
+
+	<div class="col-lg-3 col-md-3 col-sm-3 video-block">
+	<a href="/summit/openstack-paris-summit-2014/session-videos/presentation/headline-panel-global-enterprise-it-companies-supporting-openstack">
+	<div class="video-thumb">
+	<div class="thumb-play"></div>
+	<img class="video-thumb-img" src="//img.youtube.com/vi/rQgQoOVbOR4/0.jpg">
+	</div>
+	<p class="video-thumb-title">
+	Headline Panel: Global Enterprise IT Companies Supporting OpenStack
+	</p>
+	<p class="video-thumb-speaker">
+	Mark McLoughlin,Haiying Wang,Ruchi Bhargava,Mats Karlsson
+	</p>
+	</a>
+	</div>
+
+	<div class="col-lg-3 col-md-3 col-sm-3 video-block">
+	<a href="/summit/openstack-paris-summit-2014/session-videos/presentation/openstack-in-a-hybrid-world">
+	<div class="video-thumb">
+	<div class="thumb-play"></div>
+	<img class="video-thumb-img" src="//img.youtube.com/vi/flUicBD0peI/0.jpg">
+	</div>
+	<p class="video-thumb-title">
+	OpenStack Keynote: "Distributed"
+	</p>
+	<p class="video-thumb-speaker">
+	Mark Collier
+	</p>
+	</a>
+	</div>
+
+</div>
+<div class="row">
+
+	<div class="col-lg-3 col-md-3 col-sm-3 video-block">
+	<a href="/summit/openstack-paris-summit-2014/session-videos/presentation/cern-openstack-user-story">
+	<div class="video-thumb">
+	<div class="thumb-play"></div>
+	<img class="video-thumb-img" src="//img.youtube.com/vi/7k3VnWXOjP4/0.jpg">
+	</div>
+	<p class="video-thumb-title">
+	CERN OpenStack User Story
+	</p>
+	<p class="video-thumb-speaker">
+	Tim Bell
+	</p>
+	</a>
+	</div>
+
+	<div class="col-lg-3 col-md-3 col-sm-3 video-block">
+	<a href="/summit/openstack-paris-summit-2014/session-videos/presentation/accelerating-innovation-at-expedia-with-openstack">
+	<div class="video-thumb">
+	<div class="thumb-play"></div>
+	<img class="video-thumb-img" src="//img.youtube.com/vi/6ylRJGQwA3Y/0.jpg">
+	</div>
+	<p class="video-thumb-title">
+	Accelerating Innovation at Expedia with OpenStack
+	</p>
+	<p class="video-thumb-speaker">
+	Rajeev Khanna
+	</p>
+	</a>
+	</div>
+
+	<div class="col-lg-3 col-md-3 col-sm-3 video-block">
+	<a href="/summit/openstack-paris-summit-2014/session-videos/presentation/why-diversity-matters-musings-on-tapjoy-and-39-s-first-year-on-openstack">
+	<div class="video-thumb">
+	<div class="thumb-play"></div>
+	<img class="video-thumb-img" src="//img.youtube.com/vi/sudJIemM_N8/0.jpg">
+	</div>
+	<p class="video-thumb-title">
+	Why Diversity Matters: Musings on Tapjoy's First Year on OpenStack
+	</p>
+	<p class="video-thumb-speaker">
+	Weston Jossey
+	</p>
+	</a>
+	</div>
+
+
+	<div class="col-lg-3 col-md-3 col-sm-3 video-block">
+	<a href="/summit/openstack-paris-summit-2014/session-videos/presentation/cloud-control-to-major-telco">
+	<div class="video-thumb">
+	<div class="thumb-play"></div>
+	<img class="video-thumb-img" src="//img.youtube.com/vi/uBlE9GatNz4/0.jpg">
+	</div>
+	<p class="video-thumb-title">
+	Cloud Control to Major Telco
+	</p>
+	<p class="video-thumb-speaker">
+	Tobias Ford,Markus Brunner,Xiaolong Kong
+	</p>
+	</a>
+	</div>
+
+</div>
+
+</div>
+
 <% include VideoThumbnails %>