[ui] Embed YouTube overview on frontpage (closes #169)

beat/web/ui/templates/ui/index.html

@@ -2,42 +2,36 @@
 {% comment %}
  * Copyright (c) 2016 Idiap Research Institute, http://www.idiap.ch/
  * Contact: beat.support@idiap.ch
- * 
+ *
  * This file is part of the beat.web module of the BEAT platform.
- * 
+ *
  * Commercial License Usage
  * Licensees holding valid commercial BEAT licenses may use this file in
  * accordance with the terms contained in a written agreement between you
  * and Idiap. For further information contact tto@idiap.ch
- * 
+ *
  * Alternatively, this file may be used under the terms of the GNU Affero
  * Public License version 3 as published by the Free Software and appearing
  * in the file LICENSE.AGPL included in the packaging of this file.
  * The BEAT platform is distributed in the hope that it will be useful, but
  * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
  * or FITNESS FOR A PARTICULAR PURPOSE.
- * 
+ *
  * You should have received a copy of the GNU Affero Public License along
  * with the BEAT platform. If not, see http://www.gnu.org/licenses/.
 {% endcomment %}
 
-{% load toolchain_tags %}
 {% load statistics_tags %}
 {% load fingerprint %}
 
 
 {% block stylesheets %}
 {{ block.super }}
-<link rel="stylesheet" href="{% fingerprint "toolchains/css/viewer.css" %}" type="text/css" media="screen" />
 {% endblock %}
 
 
 {% block scripts %}
 {{ block.super }}
-<script src="{% fingerprint "toolchains/js/common.js" %}" type="text/javascript" charset="utf-8"></script>
-<script src="{% fingerprint "toolchains/js/viewer.js" %}" type="text/javascript" charset="utf-8"></script>
-<script src="{% fingerprint "toolchains/js/models.js" %}" type="text/javascript" charset="utf-8"></script>
-<script src="{% fingerprint "toolchains/js/utils.js" %}" type="text/javascript" charset="utf-8"></script>
 {% endblock %}
 
 
@@ -62,11 +56,14 @@
     </p>
   </div>
 </div>
+<div class="row">
+  <hr/>
+</div>
 <div class="row">
   <div class="col-sm-9">
-    {% random_toolchain as toolchain %}
-    <h3>Example toolchain: <a href="{{ toolchain.get_absolute_url }}">{{ toolchain.fullname }}</a></h3>
-    {% toolchain_viewer toolchain None "viewer" %}
+    <div class="embed-responsive embed-responsive-16by9">
+      <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/2nPItQ5keM0?rel=0" allowfullscreen></iframe>
+    </div>
   </div>
   <div class="col-sm-3">
     <h3>Usage summary</h3>