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

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