Add featured videos

Change-Id: I6f4b443cd2a5f89644eb06b386c7cd47887f166f
Signed-off-by: Eric Poirier <eric.poirier@eclipse-foundation.org>
diff --git a/content/en_index.php b/content/en_index.php
index a0fe593..c579cbe 100644
--- a/content/en_index.php
+++ b/content/en_index.php
@@ -11,6 +11,40 @@
  *
  * SPDX-License-Identifier: EPL-2.0
  */
+
+$videos = array();
+$videos[] = array(
+  'url' => 'https://www.youtube.com/watch?v=rIzGkMcfLqw',
+  'text' => 'Mickael Istria | Eclipse Photon Drives Innovation'
+);
+$videos[] = array(
+  'url' => 'https://www.youtube.com/watch?v=lpA858Ebfqo',
+  'text' => 'Lakshmi Shanmugam | What it means to be an Eclipse Contributor'
+);
+$videos[] = array(
+  'url' => 'https://www.youtube.com/watch?v=eZ-92ov0a7A',
+  'text' => 'Noopur Gupta | What\'s exciting about Eclipse Photon'
+);
+$videos[] = array(
+  'url' => 'https://www.youtube.com/watch?v=NiyLoF1cRzI',
+  'text' => 'Karsten Thoms | What\'s exciting about Eclipse Photon'
+);
+
+$videos_row = array();
+$videos_more_row = array();
+$i = 1;
+shuffle($videos);
+foreach ($videos as $video) {
+  if ($i <= 3) {
+    $videos_row[] = '<div class="col-sm-8 col-sm-offset-0 col-xs-16 col-xs-offset-4"><a class="eclipsefdn-video" href="'. $video['url'] .'"></a><br>'. $video['text'] .'</div>';
+  }
+  else {
+    $videos_more_row[] = '<div class="col-sm-8 col-sm-offset-0 col-xs-16 col-xs-offset-4"><a class="eclipsefdn-video" href="'. $video['url'] .'"></a><br>'. $video['text'] .'</div>';
+  }
+  $i++;
+}
+
+
 ?>
 
 <div class="featured-new-noteworthy">
@@ -129,48 +163,22 @@
         </div>
       </div>
     </div>
-    <!--
+
     <div class="row">
-      <div class="col-sm-8 col-sm-offset-0 col-xs-16 col-xs-offset-4">
-        <a class="eclipsefdn-video" href="https://www.youtube.com/watch?v=cnSMhgKApOg"></a>
-        <br>
-        Mike Milinkovich, State of the Union
-      </div>
-      <div class="col-sm-8 col-sm-offset-0 col-xs-16 col-xs-offset-4">
-        <a class="eclipsefdn-video" href="https://www.youtube.com/watch?v=cnSMhgKApOg"></a>
-        <br>
-        Mike Milinkovich, State of the Union
-      </div>
-      <div class="col-sm-8 col-sm-offset-0 col-xs-16 col-xs-offset-4">
-        <a class="eclipsefdn-video" href="https://www.youtube.com/watch?v=cnSMhgKApOg"></a>
-        <br>
-        Mike Milinkovich, State of the Union
-      </div>
+      <?php foreach ($videos_row as $video): ?>
+        <?php print $video; ?>
+      <?php endforeach;?>
     </div>
     <hr>
     <div class="featured-more-videos">
       <div class="row">
-        <div class="col-sm-8 col-sm-offset-0 col-xs-16 col-xs-offset-4">
-          <a class="eclipsefdn-video" href="https://www.youtube.com/watch?v=cnSMhgKApOg"></a>
-          <br>
-          Mike Milinkovich, State of the Union
-        </div>
-        <div class="col-sm-8 col-sm-offset-0 col-xs-16 col-xs-offset-4">
-          <a class="eclipsefdn-video" href="https://www.youtube.com/watch?v=cnSMhgKApOg"></a>
-          <br>
-          Mike Milinkovich, State of the Union
-        </div>
-        <div class="col-sm-8 col-sm-offset-0 col-xs-16 col-xs-offset-4">
-          <a class="eclipsefdn-video" href="https://www.youtube.com/watch?v=cnSMhgKApOg"></a>
-          <br>
-          Mike Milinkovich, State of the Union
-        </div>
+        <?php foreach ($videos_more_row as $video): ?>
+          <?php print $video; ?>
+        <?php endforeach;?>
       </div>
       <hr>
     </div>
-
     <a class="btn btn-photon-secondary view-more-videos">View More Videos <i class="fa fa-arrow-down"></i></a>
- -->
   </div>
 </div>