---
layout: default
---

{% include site-header.html %}

{% include twittercard.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 %}

<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;
    		background-color:#eeeeee;
    		justify-content: center;">
	    	<img src="https://video.chaotikum.net/thumbnails/{{ realslug }}.jpg" alt="" style="margin: 0 auto;">
	    </div>
		<h4 style="text-align: center; background-color:#eeeeee; color:000000">{{ title }}</h4>
	    {% 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="text-align: center; background-color:#eeeeee; color:000000"> Wähle einen Dienst aus:</p>
			    {% if page.yt and page.yt != ''-%}
			    	<div style="background-color:#eeeeee; border-radius: 4px; margin: 1%; min-height: 2em; min-width: 100%; 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: 4px; margin: 1%; min-height: 2em; min-width: 100%; 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: 4px; margin: 1%; min-height: 2em; min-width: 100%; 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: 4px; margin: 1%; min-height: 2em; min-width: 100%; position: relative; padding: 5px; text-align: center;"><a href="{{ page.file }}">download</a></div>
			    {% endif %}
		    {% 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 -%}
    </article>
  
  </div>

</main>

{% include site-footer.html %}