-
Lukas Ruge authoredLukas Ruge authored
video.html 4.98 KiB
---
layout: default
---
{% include site-header.html %}
{% capture nowunix %}{{'now' | date: '%s'}}{% endcapture %}
{% capture title %}
{% assign name_before_title = false -%}
{% for conf in page.conferences -%}
{% for c in site.conferences -%}
{% if conf == c.acronym and c.name_before_title -%}
{% assign name_before_title = true -%}
{% endif -%}
{% endfor -%}
{% endfor -%}
{% if page.persons and name_before_title -%}{{page.persons | join: ", " }}: {% endif -%}{{ page.title }}
{% for conf in page.conferences -%}
{% for c in site.conferences -%}
{% if conf == c.acronym -%}
{% if c.ecki -%}[{{c.title| xml_escape}}]{% endif -%}
{% endif -%}
{% endfor -%}
{% endfor -%}
{% endcapture %}
{% capture persons -%}
{% for person in page.persons %}{{person}}{% unless forloop.last %}, {% endunless %}
{% endfor -%}
{% endcapture -%}
{% if page.event and page.event != '' -%}
{% for e in site.events -%}
{% if e.uid == page.event -%}
{% assign event = e -%}
{% endif -%}
{% endfor -%}
{% endif -%}
{% if page.recording_date and recording_date.event != ''-%}
{% assign recording_date = page.recording_date -%}
{% elsif event -%}
{% assign recording_date = event.eventdate -%}
{% endif -%}
<main class="main container">
<div class="content">
<article class="article article--page typeset">
{%- assign realslug = page.url | split:'/' | last -%}
<div style="width: 100%;
display: flex;
justify-content: center;">
<img src="https://video.chaotikum.net/thumbnails/{{ realslug }}.jpg" alt="Thumbnail zum Video" width="100%" style="border-radius: 30px; margin: 0 auto;">
</div>
<h4>{{ title }}</h4>
{% for conf in page.conferences -%}
{% for c in site.conferences -%}
{% if conf == c.acronym and c.logo -%}
{% assign logo = c.logo -%}
{% endif -%}
{% endfor -%}
{% endfor -%}
<div class="mediaflex1" style="display: flex; margin-top: 5px; min-width: 100%; position: relative;">
<div ><img src="{{logo}}" alt="" class="gravatar"> </div>
<div style="padding-left: 20px; min-height: 50px; max-width: 65%; padding-top: 15px"> von <b>{{persons}}</b></div>
{% if page.file and page.file != ''-%}
<div style="color:000000; background-color:#eeeeee; border-radius: 10px; margin-left: 10px; padding: 5px; position: absolute; right: 0; max-width: 20%">
<a href="{{ page.file}}" style="color:000000;"><spann class="fa fa-download" aria-hidden="true"></spann> Download</a>
</div>
{% endif %}
</div>
{% capture release_date %}{{page.release_date | date: '%s'}}{% endcapture -%}
{% if release_date < nowunix and page.optout != true %}
{% if page.file and page.file != ''-%}
<p style="color:000000; margin-top: 10px; min-width: 100%; justify-content: center;">Schaue das Video auf</p>
<div style="display: flex; flex-wrap: wrap; min-width: 100%; align-content: space-between; justify-content: center;">
{% if page.yt and page.yt != ''-%}
<div style="background-color:#eeeeee; border-radius: 10px; margin-bottom: 1%; margin-right: 5px; min-height: 2em; max-width: 50%; position: relative; padding: 5px; text-align: center;"><a href="{{ page.yt }}">YouTube</a></div>
{% endif %}
{% if page.mccc and page.mccc != ''-%}
<div style="background-color:#eeeeee; border-radius: 10px; margin-bottom: 1%; margin-right: 5px; min-height: 2em; max-width: 50%; position: relative; padding: 5px; text-align: center;"><a href="{{ page.mccc }}">media.ccc.de</a></div>
{% endif %}
{% if page.archive and page.archive != ''-%}
<div style="background-color:#eeeeee; border-radius: 10px; margin-bottom: 1%; margin-right: 5px; min-height: 2em; max-width: 50%; position: relative; padding: 5px; text-align: center;"><a href="{{ page.archive }}">archive.org</a></div>
{% endif %}
</div>
{% else -%}
{% comment -%}
This should not happen. This means a release date was set but no file provided. Idealy, delete the release date.
{% endcomment -%}
<p>Zu diesem Talk wurde kein Video veröffentlicht.<p>
{% endif %}
{% else -%}
<p>Zu diesem Talk wurde noch kein Video veröffentlicht.<p>
{% endif -%}
<div style="width: 100%; background-color:#f2f2f2; border-radius: 10px;">
<p style="padding: 5px; margin-left: 10px; margin-top: 10px: text-align: justify"><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> {{ page.release_date | date: "%-d.%m.%Y" }}</i><br>{{content | replace: "<p>", "" | replace: "</p>", "<br>" }}
{% if page.slides and page.slides != '' -%}
<br><b><a href="{{page.slides}}"> Download Slides</a></b><br>
{% endif -%}
{% if page.closedcaption and page.closedcaption != '' -%}
<br><b><a href="{{page.closedcaption}}"> Download Untertitel
{% if page.cccomputergen and page.cccomputergen != '' -%}
(automatisch erstellt)
{% endif -%}
</a></b></p>
{% endif -%}
</div>
</article>
</div>
</main>
{% include site-footer.html %}