bestter display on mobile devices

_includes/media-in-list.html

@@ -13,7 +13,8 @@
 <li class="item  item--post">
 	<article class="article  article--post" style="min-height: 210px;">
 		{%- assign realslug = video.url | split:'/' | last -%}
-        <a href="{{ site.baseurl }}{{ video.url }}"><img class="mediaimage" src="https://video.chaotikum.net/thumbnails/{{realslug}}.jpg" alt="" width=30% height=30% style="float: left; margin-right: 15px;"/></a>
+		 <a href="{{ site.baseurl }}{{ video.url }}"><img class="mediamaximage" src="https://video.chaotikum.net/thumbnails/{{realslug}}.jpg" alt="" width=100% height=100% style="float: left; margin-right: 15px;"/></a>
+        <a href="{{ site.baseurl }}{{ video.url }}"><img class="mediaimage mediasideimage" src="https://video.chaotikum.net/thumbnails/{{realslug}}.jpg" alt="" width=30% height=30% style="float: left; margin-right: 15px;"/></a>
 		<h4 ><a href="{{ site.baseurl }}{{ video.url }}">{{ title | markdownify | remove: '<p>' | remove: '</p>'  | strip_newlines }}</a></h4>
 		<spann class="fa fa-eye" aria-hidden="true"></spann><i> {{ recording_date | date: "%-d.%m.%Y" }}</i><br>
 		<spann class="fa fa-upload" aria-hidden="true"></spann><i> {{ video.release_date | date: "%-d.%m.%Y" }}</i>

_sass/_normalize.scss

@@ -208,16 +208,23 @@ figcaption {
     font-size: 1rem!important;
     letter-spacing: .03em!important;
     line-height: 1.5!important;
-    font-family: "TabletGothic","Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;
+    font-family: "Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;
   }
   .articlefeatureimage {
     display: none;
   }
+  .mediamaximage {
+    display: none;
+  }
 }
 
 @media (max-width: 643px) {
   .teaser {
-    font-family: "TabletGothic","Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;
+    font-family: "Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;
+  }
+
+  .mediasideimage {
+    display: none;
   }
 }
 

media_ext.xml

@@ -86,6 +86,11 @@ layout: null
             <pubDate>{{ video.date | date_to_rfc822 }}</pubDate>
             <license>{{video.licence}}</license>
             <persons>{{persons}}</persons>
+            {% if video.language and video.language  != '' -%}
+                <language>{{video.language}}</language>
+            {% else -%}
+                <language>de</language>
+            {% endif -%}
             <link>{{ video.url | prepend: site.baseurl | prepend: site.url }}</link>
             {% if video.file -%}
             <download>{{video.file}}</download>