video.html

---
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 %}

<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="" 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 style="display: flex; margin-top: 5px; align-items: center;">
			<div><img src="{{logo}}" alt="" class="gravatar"> </div><div style="padding-left: 20px; height: 100%"> von <b>{{persons}}</b></div >
		</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>
			    {% if page.yt and page.yt != ''-%}  
			    <div style="display: flex; flex-wrap: wrap; min-width: 100%; align-content: space-between; justify-content: center;">
<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 %}
			    {% if page.file and page.file != ''-%}
<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.file }}">Download</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">Veröffentlicht: <b>{{ page.release_date | date: "%-d.%m.%Y" }}</b><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 %}