From aea6e0f27f958bfbc0a473c7fae6a16148ed1839 Mon Sep 17 00:00:00 2001
From: tvluke <tvluke@chaotikum.org>
Date: Thu, 4 Jan 2024 00:57:17 +0100
Subject: [PATCH] bestter display on mobile devices
---
_includes/media-in-list.html | 3 ++-
_sass/_normalize.scss | 11 +++++++++--
media_ext.xml | 5 +++++
3 files changed, 16 insertions(+), 3 deletions(-)
diff --git a/_includes/media-in-list.html b/_includes/media-in-list.html
index f95d071f..30b22d88 100644
--- a/_includes/media-in-list.html
+++ b/_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>
diff --git a/_sass/_normalize.scss b/_sass/_normalize.scss
index 1b910ac5..fbb30524 100644
--- a/_sass/_normalize.scss
+++ b/_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;
}
}
diff --git a/media_ext.xml b/media_ext.xml
index ef96a4c6..a68df39e 100644
--- a/media_ext.xml
+++ b/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>
--
GitLab