updating talks

_data/talks.yml

@@ -68,7 +68,7 @@
   date: "2020-5-20"
   event: "Jacob Berv Exit Seminar"
   location: "Cornell University"
-  #playlist_image: 
+  playlist_image: https://i3.ytimg.com/vi/8A-j2DccpTw/maxresdefault.jpg
   #slides_url: "http://example.com/slides/bird-evolution.pdf"
 
 - title: "Evolution 2018 Ernst Mayr Presentation"

_pages/talks.md

@@ -14,13 +14,11 @@ Each talk has a video recording available to view.
 {% for talk in site.data.talks %}
 <div class="talks-entry" style="margin-bottom: 2em;">
   <div class="talks-content">
-    <h2>
-      {% if talk.video_id %}
-      <a href="{{ talk.video_id }}">{{ talk.title }}</a>
-      {% else %}
-      {{ talk.title }}
-      {% endif %}
-    </h2>
+    {% if talk.video_id %}
+    <h2><a href="{{ talk.video_id }}" target="_blank">{{ talk.title }}</a></h2>
+    {% else %}
+    <h2>{{ talk.title }}</h2>
+    {% endif %}
     <ul style="line-height: 1.2; padding-left: 20px; margin: 0;">
       <li><strong>Event:</strong> {{ talk.event }}</li>
       <li><strong>Date:</strong> {{ talk.date }}</li>
@@ -37,11 +35,7 @@ Each talk has a video recording available to view.
   {% if talk.youtube_id %}
   <div class="talks-video">
     <a href="http://www.youtube.com/watch?v={{ talk.youtube_id }}" title="Watch on YouTube">
-      {% if talk.playlist_image %}
-      <img src="{{ talk.playlist_image }}" alt="Playlist Image" style="width: 100%; height: auto; display: block; margin: 0 auto;">
-      {% else %}
       <img src="http://img.youtube.com/vi/{{ talk.youtube_id }}/0.jpg" alt="YouTube Preview" style="width: 100%; height: auto; display: block; margin: 0 auto;">
-      {% endif %}
       <div class="play-button-overlay" style="
         position: absolute;
         top: 50%;
@@ -63,6 +57,13 @@ Each talk has a video recording available to view.
     </a>
   </div>
   {% endif %}
+  {% if talk.playlist_image %}
+  <div class="talks-video">
+    <a href="{{ talk.video_id }}" title="Watch on Video">
+      <img src="{{ talk.playlist_image }}" alt="Playlist Preview" style="width: 100%; height: auto; display: block; margin: 0 auto;">
+    </a>
+  </div>
+  {% endif %}
 </div>
 {% endfor %}