mi-jekyll-theme 0.4.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 4a22b51110fa62798c066da6cc1f1715f9f586c3a9cf65dc4ee1cc68a4d8c326
+  data.tar.gz: 3a0100bc8131c2f80239cb476f96535c1385097a55c81b579b1be1a8c000b40e
+SHA512:
+  metadata.gz: 93a6707cfe96bc00d2990599837880fbb65e44eb88e3a0139d2c362a22b3aaa57bbeae60dd5e73add2e90497bc2210661dd8a123aee9817c4e6bbdb6cedd8781
+  data.tar.gz: 4f416c47bacfa20fc64b78020e3ef6ef2c23a81b7b9930340ad3bfe41dc3404b5349e37ac10993e73c036858ba54d66bcced34d066d62c2c03c75dde328c0e4f

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,46 @@
+# mi-jekyll-theme
+
+Dieses Theme dient für Jekyll Veranstaltungswebsites der Medieninformatik. Es stellt eine gemeinsame Grundlage aller Websites dar, wodurch eine konsistentere und schnellere Erstellung sowie (Weiter-)Entwicklung dieser ermöglicht wird.
+
+Diese README beinhaltet eine Beschreibung des Aufbaus und der Verwendung des Themes.
+
+## Aufbau des Themes
+
+Das Theme enthält grundsätzliche Design- und Layout-Elemente für die Veranstaltungswebsites. Diese sind folgende: Jekyll Includes (Ordner: `_includes`) und Layouts (Ordner: `_layouts`), SASS-Stylesheets (Ordner: `_sass`) sowie statische Dateien wie Bilder, Javascript und die zu kompillierende SCSS-Datei im `assets`-Ordner. All diese Dateien werden den auf dem Theme basierenden Seiten zur Verfügung gestellt und somit nicht mehr in den jeweiligen Repositories benötigt. Soll eine Datei aus dem Theme für eine spezielle Website angepasst werden, muss lediglich eine gleich benannte Datei am entsprechenden Pfad erstellt werden und diese wird statt der Theme-Datei verwendet. Auch lassen sich in den Ordnern einer Website zusätzliche Dateien anlegen die zusätzlich zu den Theme-Dateien verwendet werden. Detaillierte Beschreibungen zu der Funktionsweise von Jekyll Themes sind auf der [offiziellen Website](https://jekyllrb.com/docs/themes/) verfügbar.
+
+Bei Release des Themes werden auch lediglich die Dateien in den Ordnern `_layouts`, `_includes`, `_sass` und `assets`, die von Git getracked werden, inkludiert.  
+Um weitere Ordner hinzuzufügen muss die regexp in `mi-jekyll-theme.gemspec` entsprechend angepasst werden.
+
+Die allgemeinen Styles der Medieninformatik im `_sass/lib`-Ordner stammen aus dem [mi-style-lib](https://github.com/flobraeun/mi-style-lib) Repository und werden per git subtree aktualisiert. Der Befehl, um hier auf die aktuelle Version zu wechseln lautet:
+
+```bash
+git subtree pull --prefix _sass/lib https://github.com/flobraeun/mi-style-lib.git master --squash
+```
+
+Die für die Jekyll Websites entwickelte Styles befinden sich in der `_sass/mi-jekyll.scss`-Datei. Diese Styles sollen nur über das Theme weiterentwickelt werden, sodass sie bei allen Websites identisch genutzt werden. Eigene Styles pro Website werden über die folgende Datei ermöglicht: `assets/styles/mi-jekyll.scss`. In dieser Datei ist es standardmäßig möglich die Farbe für (u.a.) den Hero-Bereich (`$hero-color`) festzulegen. Dabei kann aus den CI-Farben der Medieninformatik per Variable ausgewählt werden, oder es kann eine beliebige Farbe spezifizert werden.
+
+## Website erstellen
+
+Als Basis für neue Websites sollte das [Boilerplate Repository](https://github.com/flobraeun/mi-jekyll-boilerplate) verwendet werden. Dieses stellt die Grundlegenden Funktionen bereit und basiert auf diesem Theme. Einige Anpassungen sind erforderlich.
+
+In der `_config.yml`-Datei befinden sich die siteweiten Konfigurationen. Hier sollte der Name, die Beschreibung, die Baseurl (also der Repository-Name), das Hero-Bild sowie die Navigation angepasst werden. Die einzelnen Optionen sind in der Datei beschrieben.
+
+## Website lokal testen
+
+Um die Website lokal zu testen sind die üblichen Jekyll Voraussetzungen, wie Ruby nötig. Wichtig ist, dass die Abhängigkeiten per `bundle install` installiert werden. Hierbei wird das Theme als gem von [rubygems.org](https://rubygems.org/) abgerufen.
+
+Zum starten der Site als Webserver dient der Befehl `jekyll serve`, um lediglich die statischen Dateien zu generieren wird `jekyll build` verwendet.
+
+## Website über GitHub Pages deployen
+
+Der Deploy über GitHub Pages ist sehr einfach, Pages muss lediglich in den Einstellungen des Repositories aktiviert werden. In der `_config.yml`-Datei ist das Theme für GitHub Pages als Link auf dieses Repositroy hinterlegt, sodass bei jedem Deploy der Site stets die aktuelle Version verwendet wird.
+
+## Website/Theme Weiterentwicklung
+
+Das Jekyll Theme wird in diesem Repository weiterentwickelt. Websites, die dieses Theme nutzen, verwenden bei GitHub Pages automatisch die aktuelle Version, bei Building über die lokale Version von Jekyll wird die in der `Gemfile` angegebene Version verwendet. Diese muss bei größeren Versionssprüngen angepasst werden, damit lokal die identische Version verwendet wird, die auch GitHub Pages verwendet. Hier sollte gelentlich `bundle update` ausgeführt werden.
+
+## Theme Deployment
+
+Das Theme muss auf zwei Arten deplyoed werden: Zum einen als Commit in GitHub für die auf GitHub Pages gehosteten Websites, zum anderen muss eine neue Version bei [rubygems.org](https://rubygems.org/) veröffentlicht werden, damit das Theme beim lokalen generieren der Website nutzbar ist.
+
+Zukünftig könnte hier auch auf die [GitHub Package Registry](https://github.com/features/package-registry) umgestellt werden, diese befindet sich allerding aktuell noch in einer limitieren öffentlichen Beta und es war noch kein Zugriff möglich.

data/_includes/functions/gallery.html

@@ -0,0 +1,69 @@
+{% comment %}##################################################################
+-------------------------------------------------------------------------------
+
+function create-image-gallery
+
+input:
+include.path: Pfad zum Ordner
+include.lb: Bezeichnung für die Lightbox-Sammlung
+include.size: Groesse der Bilder: small, medium, large
+
+output:
+Erzeugt eine Light-Box Image-Gallery durch Auslesen aller Bilder eines Ordners
+
+Aufruf:
+{% include functions/create-image-gallery.html path='' %}
+
+author:
+se
+
+-------------------------------------------------------------------------------
+###############################################################{% endcomment %}
+
+{% if include.path %}
+<!-- Slider main container -->
+<div class="swiper-container">
+  <!-- Additional required wrapper -->
+  <div class="swiper-wrapper">
+    <!-- Slides -->
+    {% for image in site.static_files %}
+    {% if image.path contains include.path %}
+    {% assign img-name = image.path | replace: "-", " " %}
+    {% assign img-name = img-name | replace: "_", " " %}
+    {% assign img-name = img-name | replace: ".jpg", "" %}
+    {% assign img-name = img-name | replace: ".png", "" %}
+    {% assign img-name = img-name | replace: include.path, "" %}
+    {% assign img-name = img-name | replace: "/assets", "" %}
+    {% assign img-name = img-name | replace: "Koeln", "Köln" %}
+
+    <div class="swiper-slide">
+      <img src="{{ site.baseurl }}{{ image.path }}" alt="{{ img-name }}" />
+    </div>
+    {% endif %}
+    {% endfor %}
+
+  </div>
+  <!-- If we need pagination -->
+  <div class="swiper-pagination"></div>
+
+  <!-- If we need navigation buttons -->
+  <div class="swiper-button-prev"></div>
+  <div class="swiper-button-next"></div>
+
+</div>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
+<!-- Initialize Swiper -->
+<script>
+  var swiper = new Swiper('.swiper-container', {
+    pagination: {
+      el: '.swiper-pagination',
+      type: 'progressbar',
+    },
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev',
+    },
+  });
+</script>
+{% endif %}

data/_includes/functions/proposals.html

@@ -0,0 +1,27 @@
+{% comment %}##################################################################
+-------------------------------------------------------------------------------
+
+function proposals
+
+input:
+include.path: Pfad zum Ordner
+
+output:
+Erzeugt eine Übersicht der Vorschläge durch auslesen der Inhalte eines Ordners
+
+Aufruf:
+{% include functions/proposals.html path='' %}
+
+author:
+cn
+
+-------------------------------------------------------------------------------
+###############################################################{% endcomment %}
+
+{% if include.path %}
+{% for proposal in site.proposals %}
+{% if proposal.path contains include.path %}
+{% include proposal.html data=proposal %}
+{% endif %}
+{% endfor %}
+{% endif %}

data/_includes/functions/resolve-dates.html

@@ -0,0 +1,27 @@
+{% assign termine = include.termine | split: ","  %}
+{% assign dates = "" | split:"|"  %}
+{% assign termine-calc = termine %}
+ 
+{% for entry in termine %}
+
+{% assign entry-data = entry | split: "|" %}
+{% assign termin = entry-data[0] %}
+{% assign raum = entry-data[1] %}
+{% assign anmeldung = entry-data[2] %}
+
+{% assign new_termin = termin | date: '%s' | minus: 3600 %}
+{% assign t = termin | date: '%d. %B %Y, %H:%M Uhr' | replace:"January","Januar" | replace:"Februar","February" | replace:"March","März" | replace:"May","Mai" | replace:"June","Juni" | replace:"July","Juli"  | replace:"October","Oktober" | replace:"December","Dezember"  %}
+
+{% if anmeldung == "" or anmeldung == nil %}
+{% assign dates = dates | push: t %}
+{% else %}
+{% capture t-anmeldung %}
+<a href="{{anmeldung}}">{{t}}</a>
+{% endcapture %}
+{% assign dates = dates | push: t-anmeldung %}
+{% endif %}
+
+
+{% endfor %}
+
+{% assign termine = dates | join: " // " %}

data/_includes/functions/resolve-names.html

@@ -0,0 +1,9 @@
+{% assign verantwortliche = include.verantwortlich | split: ","  %}
+{% assign ms = "" | split:"|"  %}
+ 
+{% for verantwortlich in verantwortliche %}
+{% assign verantwortlich_clean = verantwortlich | lstrip %}
+{% assign ms = ms | push: site.data.people[verantwortlich_clean].name %}
+{% endfor %}
+
+{% assign verantwortliche = ms | join: ", " %}

data/_includes/functions/resolve-types.html

@@ -0,0 +1,5 @@
+{% assign typ = include.typ %}
+{% assign typ_clean = typ | lstrip %}
+
+{% assign typ-name = site.data.typen[typ_clean].name %}
+{% assign typ-max-teilnehmer = site.data.typen[typ_clean].max-teilnehmer %}

data/_includes/functions/resolve-urls.html

@@ -0,0 +1,5 @@
+{% assign target = include.target %}
+{% assign target_clean = target | lstrip %}
+{% assign name = site.data.urls[target_clean].name %}
+{% assign url = site.data.urls[target_clean].url %}
+{% capture link %}[{{name}}]({{url}}){%endcapture%}

data/_includes/functions/resolve-voraussetzungen.html

@@ -0,0 +1,18 @@
+{% assign voraussetzungen = include.voraussetzungen %}
+{% assign ausgabe = "" | split:"|"  %}
+
+{% comment %}  Veranstaltungen auslesen und durch iterieren{% endcomment %} 
+{% assign lehrveranstaltungen = (site.lehrveranstaltungen) %}
+{% for lehrveranstaltung in lehrveranstaltungen %}
+
+{% comment %}  Wenn dies eine abhängige Lehrveranstaltung ist, dann selbiges speichern {% endcomment %} 
+{% if(voraussetzungen contains lehrveranstaltung.kuerzel) %}
+
+{% capture link %}<a href="{{site.baseurl}}{{lehrveranstaltung.url}}">{{lehrveranstaltung.titel}}</a>{% endcapture %}
+
+{% assign ausgabe = ausgabe | push: link %}
+{% endif %}
+{% endfor %}
+
+{% comment %}  Ausgabe vorbereiten {% endcomment %} 
+{% assign voraussetzungen = ausgabe | join: ", " %}

data/_includes/functions/zeitplan.html

@@ -0,0 +1,26 @@
+{% assign modul = include.modul | prepend: "dates-"  %}
+{% assign time-correction = 7200 %} 
+{% assign week-count = 0 %} 
+{% assign starttime = 13 %} 
+{% assign endtime = 16 %} 
+{% assign difftime = endtime | minus: starttime %}
+
+{% assign dates = site.data[modul] %}
+{% for week in dates %} {% assign week-count = week-count | plus: 1 %}
+
+<div class="timetable">
+    <h2 class="title is-2" id="week-{{week-count}}"><span class="tag is-info">Woche {{week-count}}</span></h2>
+    {% for days in week %} {% assign check = days["day-1"].datum | strip_newlines %} {% if check != "" %} {% assign date-start = days["day-1"].datum | append: " " | append: days["day-1"].start %} {% assign date-end = days["day-1"].datum | append: " " | append:
+    days["day-1"].end %} {% assign sec-start = date-start | date: "%s" %} {% assign sec-end = date-end | date: "%s" %} {% assign sec-diff = sec-end | minus: sec-start %} {% assign hours-diff = sec-diff | divided_by:3600 %} {% comment %} Date Start: {{date-start
+    | date: "%d %m %Y %H:%M"}}<br> Date End: {{date-end | date: "%d %m %Y %H:%M"}}<br> Sec Start: {{sec-start}}<br> Sec End: {{sec-end}}<br> Hours Diff: {{hours-diff}}
+    <hr> {% endcomment %}
+
+    <!--div class="columns"-->
+    {% assign day1 = days["day-1"] %} {% include /timetable-day.html day=day1 starttime=starttime difftime=difftime time-correction=time-correction %} {% assign check = days["day-2"].datum | strip_newlines %} {% if check != "" %} {% assign day2 = days["day-2"]
+    %} {% include /timetable-day.html day=day2 starttime=starttime difftime=difftime time-correction=time-correction %} {% endif %}
+    <!--/div-->
+
+    {% endif %} {% endfor %}
+</div>
+
+{% endfor %}

data/_includes/image.html

@@ -0,0 +1,8 @@
+{::nomarkdown}
+{% assign url =  include.url %}
+{% assign caption = include.caption %}
+<figure>
+	<img src="{{url}}" class="img-responsive">
+	<figcaption>{{caption}}</figcaption>
+</figure>
+{:/}

data/_includes/news-overview.html

@@ -0,0 +1,32 @@
+{% assign news = (site.news | sort: 'datum') | reverse %}
+{% assign newscount = news | size %}
+
+{% if newscount > 0 %}
+    <div class="news-box">
+    <h2 class="is-underlined">Neuigkeiten rund um das Vertiefungsmodul</h2>
+    <div class="columns is-multiline">
+        {% for item in news %}
+        <div class="column is-one-third-tablet is-one-quarter-desktop">
+        <a href="{{site.baseurl}}{{item.url}}">
+        <div class="card bm--card-equal-height">
+            <div class="card-image">
+            <figure class="image is-16by9">
+                <img src="{{ item.bild | prepend: item.url | prepend: site.baseurl }}">
+            </figure>
+            </div>
+            <div class="card-content">
+            <div class="content">
+                <h3>{{item.titel}}</h3>
+                <dl>
+                <dd>{{item.termin}}</dd>
+                <dd>{{item.dauer}}</dd>
+                <dd>Raum {{item.raum}}</dd>
+                </dt>
+            </div>
+            </div>
+        </div>
+        </div></a>
+        {% endfor %}
+    </div>
+    </div>
+{% endif %}

data/_includes/news.html

@@ -0,0 +1,10 @@
+{% assign news = include.news %}
+
+{% for item in news %}
+<div class="card is-news-item is-news">	
+	<div class="card-content">
+		<h3><date>{{item.datum}}</date> // {{item.title}}</h3>
+		<p>{{item.content}}</p>
+	</div>
+</div>
+{% endfor %}

data/_includes/proposal.html

@@ -0,0 +1,30 @@
+{% assign proposal = inculde.proposal %}
+<article class="proposal">
+<h1 class="title" data-target="{{ proposal.id }}">{{proposal.title}}</h1>
+<p class="subtitle is-3">{{proposal.team}}</p>
+
+<div id="{{proposal.id}}" class="is-hidden">
+<dl>
+    {% assign check = proposal.repo | strip_newlines %}
+    {% if check != ""  %}
+    <dt>Git Repository</dt>
+    <dd><a href="{{proposal.repo}}">{{proposal.repo}}</a></dd>
+    {% endif %}
+
+    {% assign check = proposal.field | strip_newlines %}
+    {% if check != ""  %}
+    <dt>Anwendungsgebiet</dt>
+    <dd>{{proposal.field}}</dd>
+    {% endif %}
+
+    {% assign check = proposal.type | strip_newlines %}
+    {% if check != ""  %}
+    <dt>Typ</dt>
+    <dd>{{proposal.type}}</dd>
+    {% endif %}
+</dl>
+
+{{proposal.content}}
+
+</div>
+</article>

data/_includes/reading-time.html

@@ -0,0 +1,8 @@
+<span class="reading-time tag" title="Estimated read time">Lesezeit: ~
+  {% assign words = content | number_of_words %}
+  {% if words < 360 %}
+    1 min
+  {% else %}
+    {{ words | divided_by:180 }} mins
+  {% endif %}
+</span>

data/_includes/termine-auf-veranstaltungsseite.html

@@ -0,0 +1,33 @@
+{% assign termine = include.termine | split: ","  %}
+{% assign default-raum = include.default-raum %}
+
+
+<ul>
+
+{% for entry in termine %}
+
+{% assign entry-data = entry | split: "|" %}
+{% assign termin = entry-data[0] %}
+{% assign termin-raum = entry-data[1] %}
+{% assign anmeldung = entry-data[2] %}
+
+{% assign new_termin = termin | date: '%s' | minus: 3600 %}
+{% assign t = termin | date: '%d. %B %Y, %H:%M Uhr' | replace:"January","Januar" | replace:"Februar","February" | replace:"March","März" | replace:"May","Mai" | replace:"June","Juni" | replace:"July","Juli"  | replace:"October","Oktober" | replace:"December","Dezember"  %}
+
+{% if termin-raum == "" or termin-raum == nil %}
+{% assign raum = default-raum %}
+{% else %}
+{% assign raum = termin-raum %}
+{% endif %}
+
+<li>
+{% if anmeldung == "" or anmeldung == nil %}
+{{t}}, Raum {{raum}}
+{% else %}
+<a href="{{anmeldung}}">{{t}}, Raum {{raum}}</a>
+{% endif %}
+</li>
+
+{% endfor %}
+
+</ul>

data/_includes/timetable-day-float.html

@@ -0,0 +1,111 @@
+{% assign day             = include.day %}
+{% assign difftime        = include.difftime %}
+{% assign starttime       = include.starttime %}
+{% assign time-correction = include.time-correction %}
+
+{% assign lehrveranstaltungen = (site.lehrveranstaltungen | sort: 'dauer,typ')) %}
+{% assign overlap-0 = 0 %}
+{% assign overlap-1 = 0 %}
+{% assign overlap-2 = 0 %}
+{% assign overlap-3 = 0 %}
+{% assign overlap-4 = 0 %}
+{% assign overlap-5 = 0 %}
+{% assign overlap-6 = 0 %}
+{% assign overlap-7 = 0 %}
+{% assign overlap-8 = 0 %}
+{% assign overlap-9 = 0 %}
+
+<!--div class="column"-->
+	<h3 class="datum is-3 title">{{day.name}}, {{day.datum | date: '%d. %B %Y'  | replace:"January","Januar" | replace:"Februar","February" | replace:"March","März" | replace:"May","Mai" | replace:"June","Juni" | replace:"July","Juli" | replace:"December","Dezember" | replace:"October","Oktober" }}</h3>
+	<div class="timetable-wrap">
+		
+		{% for i in (0..difftime) %}
+
+		<div class="timetable-grid">
+			<div class="columns is-gapless">
+				<div class="column is-1">
+					{% assign stunde = i | plus: starttime | append: "" %}
+					<p class="grid-time">{{stunde | append: ":00"}}</p>
+				</div>
+			</div>
+		</div>
+		{% endfor %}
+		
+		<div class="veranstaltungen-wrap">
+		{% for i in (0..difftime) %}
+		
+			{% assign stunde = i | plus: starttime | append: "" %}
+			{% for veranstaltung in lehrveranstaltungen %}
+			
+				{% assign termine = veranstaltung.termine | split: "," %}
+								
+				{% for entry in termine %}
+					
+					{% assign entry-data = entry | split: "|" %}
+					{% assign termin = entry-data[0] %}
+					{% assign raum = entry-data[1] %}
+					{% assign termin-start-min = termin | date: '%M'  %}
+					{% assign startzeit = termin | date: "%H" | append: "" %}
+					{% assign termin-zone = termin | date: '%s' | minus: time-correction %}
+					{% assign termin-to-check = termin-zone | date: '%Y-%m-%d' %}
+					{% assign aktueller-tag = day.datum | date: '%Y-%m-%d' %}
+					
+					{% if stunde == "8" %}{% assign stunde = "08" %}{% endif %}				
+					{% if stunde == "9" %}{% assign stunde = "09" %}{% endif %}				
+			
+					{% if startzeit == stunde %}
+						
+						{% if termin-to-check == aktueller-tag %}
+						{% assign raumnummer = "" %}
+						<div class="veranstaltung-wrap">
+							{% include /functions/resolve-types.html typ=veranstaltung.typ %}
+							<a href="{{site.baseurl}}{{veranstaltung.url}}">
+							<div class="veranstaltung {{veranstaltung.typ}}" style="margin-top: {{termin-start-min}}px;  height: {{veranstaltung.dauer}}px">
+								{% include /functions/resolve-names.html verantwortlich=veranstaltung.verantwortlich %}
+								<p class="title"><span class="is-hidden-tablet">{{termin | date: '%d. %B %Y, %H:%M Uhr'}}: </span>{{veranstaltung.titel}}</p>
+
+								{% if (veranstaltung.raum | append: "") != "" %}
+								{% assign raumnummer = veranstaltung.raum | append: "" %}
+								{% endif %}
+								
+								{% if raum.size > 1 %}
+								{% assign raumnummer = raum | append: "" %}
+								{% endif %}
+
+								
+
+								{% assign check = typ-max-teilnehmer | strip_newlines %}
+								{% if check != ""  %}
+								<p class="subtitle">{{verantwortliche}} // {{typ-name}} für {{typ-max-teilnehmer}} Teilnehmer{% if termine.size > 1 %} ({{termine.size}} Termine){% endif %}{% if raumnummer.size > 1 %} // Raum {{raumnummer}}{% endif %}</p>
+								{% endif %}
+								
+							</div>
+							</a>
+						</div>
+						
+						{% assign dauer-in-std = veranstaltung.dauer | divided_by: 60 %}
+						{% assign i2 = dauer-in-std | plus: i | minus: 1 %}
+						{% for ol in (i..i2) %}
+							{% if ol==0 %}{% assign overlap-0 = overlap-0 | plus: 1 %}{% endif %}
+							{% if ol==1 %}{% assign overlap-1 = overlap-1 | plus: 1 %}{% endif %}
+							{% if ol==2 %}{% assign overlap-2 = overlap-2 | plus: 1 %}{% endif %}
+							{% if ol==3 %}{% assign overlap-3 = overlap-3 | plus: 1 %}{% endif %}
+							{% if ol==4 %}{% assign overlap-4 = overlap-4 | plus: 1 %}{% endif %}
+							{% if ol==5 %}{% assign overlap-5 = overlap-5 | plus: 1 %}{% endif %}
+							{% if ol==6 %}{% assign overlap-6 = overlap-6 | plus: 1 %}{% endif %}
+							{% if ol==7 %}{% assign overlap-7 = overlap-7 | plus: 1 %}{% endif %}
+							{% if ol==8 %}{% assign overlap-8 = overlap-8 | plus: 1 %}{% endif %}
+							{% if ol==9 %}{% assign overlap-9 = overlap-9 | plus: 1 %}{% endif %}
+						{% endfor %}
+						
+						{% endif %} 
+					{% endif %} 
+				{% endfor %}
+				
+				
+			{% endfor %}
+		{% endfor %}
+		</div>
+		
+	</div>
+<!--/div-->