added _includes

added footer variables to _config.yml
added layouts

_includes/footer

@@ -8,31 +8,37 @@
                 <div style="
                         display: flex;
                         align-items: center;
-                        justify-content:  space-between;
+                        justify-content:  flex-start;
                     ">
-                    <a href="https://www.youtube.com/user/hciwuerzburg"><img src="{{ site.baseurl }}/assets/images/youtube.svg" style="max-width: 61px; margin: 7px 7px 0 1px; opacity: 0.8;"/></a>
-                    <a href="https://www.facebook.com/hciwuerzburg"><img src="{{ site.baseurl }}/assets/images/facebook.png" style="max-width:97px; margin: 7px 7px 0 1px; opacity: 0.8;" /></a>
-                    <a href="https://twitter.com/hci_wurzburg"><img src="{{ site.baseurl }}/assets/images/twitter.png" style="max-width: 54px; margin: 7px 60px 0 -8px; opacity: 0.8;" /></a>
+                    {% if site.youtube %}
+                    <a href={{site.youtube}} style="padding-right:20px;"><img src = "{{ site.baseurl }}/youtube.svg" style="max-width: 61px; margin: 7px 7px 0 1px; opacity: 0.8;"/></a>
+                    {% endif %}
+
+                    {% if site.facebook %}
+                    <a href={{site.facebook}} style="padding-right:20px;">{% include image src="general/facebook.png" sizes="(min-width: 1180px) 100px, (min-width: 980px) 100px, (min-width: 740px) 100px, 100px"  style="max-width:97px; margin: 7px 7px 0 1px; opacity: 0.8;" %}</a>
+                    {% endif %}
+
+                    {% if site.twitter %}
+                    <a href={{site.twitter}} style="padding-right:20px;">{% include image src="general/twitter.png" sizes="(min-width: 1180px) 100px, (min-width: 980px) 100px, (min-width: 740px) 100px, 100px"  style="max-width: 54px; margin: 7px 60px 0 -8px; opacity: 0.8;" %}</a>
+                    {% endif %}
                 </div>
             </div>
             <div>
                 <div class="title">
                     <a href="{{ site.baseurl }}/contact/">Contact</a>
                 </div>
-                Lehrstuhl für<br/>
-                Mensch-Computer-Interaktion<br/>
-                Universität Würzburg<br/>
-                Am Hubland<br/>
-                97074 Würzburg<br/>
+                {{site.address[0]}}<br/>
+                {{site.address[1]}}<br/>
+                {{site.address[2]}}<br/>
+                {{site.address[3]}}<br/>
+                {{site.address[4]}}<br/>
                 <br/>
-                Phone: +49 931 31-88244<br/>
-                Fax: +49 931 31-882440
+                Phone: {{site.phone}}<br/>
+                Fax: {{site.fax}}
             </div>
             <div>
-                <div class="title">
-                    How to Find Us
-                </div>
-                <a href="https://wueaddress.uni-wuerzburg.de/search/map/3511">
+                <div class="title">How to Find Us</div>
+                <a href={{site.map}}>
                     {% include image src="general/map.jpg" dimension="wide" %}
                 </a>
             </div>

_layouts/person.html

+---
+layout: text
+---
+
+<script src="http://www.x3dom.org/release/x3dom.js"></script>
+<link rel="stylesheet" href="http://www.x3dom.org/release/x3dom.css">
+
+{% capture name %}{{page.titlePrefix}} {{page.firstNames}} {{page.lastName}}{{page.titleSuffix}}{% endcapture %}
+<h1>{{ name }}</h1>
+
+{{ page.function }}
+<br/><br/>
+
+<div class="column-layout">
+  <div class="block">
+  
+  {% if page.ar %}
+	{% include image src=page.image width="100%" ar=page.ar %}
+  {% else %}
+	{% include image src=page.image width="100%" %}
+  {% endif %}
+
+
+  </div>
+
+
+  <div class="block">
+
+    <h2>Contact Details</h2>
+
+    {{ name }}<br/>
+    {% for line in page.addressLines %}
+        {{line}}<br/>
+    {% endfor %}
+    <br/>
+
+    {% if page.phoneSuffix %}
+        <pre>&#9990;	+49 (0) 931 31 {{page.phoneSuffix}}</pre>
+    {% endif %}
+
+    {% if page.email %}
+    	{% assign plain_link = 'mailto:' | append: page.email %}
+		{% assign obfuscated_link = plain_link | url_encode | split: '' | reverse | join: '' %}
+		{% assign obfuscated_mail = page.email | url_encode | split: '' | reverse | join: '' %}
+        <pre>&#9993;	<a class="email" href="{{obfuscated_link}}">{{obfuscated_mail}}</a></pre>
+    {% endif %}
+
+    {% if page.room %}
+        <pre>&#8962;	Room {{page.room}}, <a href="https://wueaddress.uni-wuerzburg.de/building/3511">Building M1, Hubland South</a></pre>
+        <br/>
+    {% endif %}
+
+    {% if page.consultationHour %}
+        Consultation-Hour<br/><i>{{page.consultationHour}}</i><br/>
+    {% endif %}
+
+    {% if page.pgpKeyFingerprint %}
+        PGP Key Fingerprint<br/><i>{{page.pgpKeyFingerprint}}</i>
+    {% endif %}
+  </div>
+  <div class="block">
+
+    <h2>About me</h2>
+    {{ page.aboutme | markdownify }}
+  </div>
+</div>
+
+
+{% if page.details %}
+<div  class="block">
+    <h2>Details</h2>
+    {{ page.details | flatify | markdownify  }}
+</div>
+{% endif %}
+
+
+<br>
+<br>
+
+{% comment %} Refactor the if statement below to reduce code duplication {% endcomment %}
+
+{% if page.projects %}
+
+{% assign counter = 0 %}
+{% assign maxVisibleCount = 5 %}
+{% assign visibility = "" %}
+
+{% for projectDescription in page.projects %}
+	{% for project in site.projects %}
+		{% if project.title == projectDescription.title %}
+			{% if counter > maxVisibleCount %}
+				{% assign visibility = "toggle-visibility hide" %}
+			{% endif %}
+			{% assign date = project.date | date_to_string %}
+			{% if counter == 0 %}<h2>Projects</h2><div class="column-layout">{% endif %}
+		
+			{% if project.enddate %}
+				{% capture meta %}{{ project.startdate | date:"%Y" }} &ndash; {{ project.enddate | date:"%Y" }}{% endcapture %}
+			{% else %}	
+				{% capture meta %}Since {{ project.startdate | date:"%Y" }}{% endcapture %}
+			{% endif %}
+		
+			{% include block class=visibility image=project.image title=project.title teaser=project.teaser external_url=project.external_url url=project.url meta=meta%}
+			{% assign counter = counter | plus: 1 %}
+		{% endif %}
+	{% endfor %}
+{% endfor %}
+
+{% assign mod = counter | modulo: 3 %}
+
+{% if mod == 1 %}
+	{% include block url = "none" class=visibility%}
+	{% include block url = "none" class=visibility%}
+{% endif %}
+{% if mod == 2 %}
+	{% include block url = "none" class=visibility%}
+{% endif %}
+
+{% if counter > 0 %}</div>{% endif %}
+{% if counter > maxVisibleCount %}<div id="react-placeholder-toggleVisibility"></div>{% endif %}
+
+{% else %}
+
+{% assign sortedProjects = site.projects | sort: 'startdate' | reverse %}
+{% assign counter = 0 %}
+{% assign maxVisibleCount = 5 %}
+{% assign visibility = "" %}
+
+{% for project in sortedProjects %}
+	{% assign fullname = page.lastName| append: ' ' | append: page.firstNames %}
+	{% if project.members contains fullname %}
+		{% if counter > maxVisibleCount %}
+			{% assign visibility = "toggle-visibility hide" %}
+		{% endif %}
+		{% assign date = project.date | date_to_string %}
+		{% if counter == 0 %}<h2>Projects</h2><div class="column-layout">{% endif %}
+		
+		{% if project.enddate %}
+            {% capture meta %}{{ project.startdate | date:"%Y" }} &ndash; {{ project.enddate | date:"%Y" }}{% endcapture %}
+		{% else %}	
+			{% capture meta %}Since {{ project.startdate | date:"%Y" }}{% endcapture %}
+		{% endif %}
+		
+		{% include block class=visibility image=project.image title=project.title teaser=project.teaser external_url=project.external_url url=project.url meta=meta%}
+		{% assign counter = counter | plus: 1 %}
+	{% endif %}
+{% endfor %}
+
+{% assign mod = counter | modulo: 3 %}
+
+{% if mod == 1 %}
+	{% include block url = "none" class=visibility%}
+	{% include block url = "none" class=visibility%}
+{% endif %}
+{% if mod == 2 %}
+	{% include block url = "none" class=visibility%}
+{% endif %}
+
+{% if counter > 0 %}</div>{% endif %}
+{% if counter > maxVisibleCount %}<div id="react-placeholder-toggleVisibility"></div>{% endif %}
+
+{% endif %}
+
+
+{{ page.content | markdownify }}
+
+<br>
+<br>
+
+{% if page.bibsonomyUrl or page.bibsonomyFilterTagName or page.bibsonomyFilterSearchString %}
+    <h2>Publications</h2>
+    {% if page.bibsonomyFilterTagName %}
+        <div class="bibsonomy" bibType="ref-list" bibsonomyUrl="{{page.bibsonomyUrl}}" filter=""  filterTag="{{page.bibsonomyFilterTagName}}"></div>
+    {% else %}
+        {% if page.bibsonomyFilterSearchString %}
+            <div class="bibsonomy" bibType="ref-list" bibsonomyUrl="{{page.bibsonomyUrl}}" filter="{{page.bibsonomyFilterSearchString}}"  filterTag=""></div>
+        {% else %}
+            <div class="bibsonomy" bibType="ref-list" bibsonomyUrl="{{page.bibsonomyUrl}}"></div>
+        {% endif %}
+    {% endif %}
+{% endif %}
+
+<script type="text/javascript">
+
+  var Contact = {};
+
+  Contact.deobfuscate = function(absolutePath) {
+          pathSegments   = absolutePath.split('/'),
+          obfuscatedLink = pathSegments[pathSegments.length - 1],
+          unreversedLink = obfuscatedLink.split('').reverse().join(''),
+          deobfuscation  = decodeURIComponent(unreversedLink);
+      return deobfuscation;
+  }
+
+  Contact.patchButtons = function(klass) {
+      var elements = document.getElementsByClassName(klass);
+      for (i = 0; i < elements.length; i++) {
+          elements[i].href = Contact.deobfuscate(elements[i].href);
+          elements[i].textContent = Contact.deobfuscate(elements[i].textContent);
+      }
+  }
+
+  Contact.patchButtons('email');
+
+</script>

_layouts/project.html

+---
+layout: text
+---
+<h1>{{ page.title }}</h1>
+
+{{ content | markdownify }}
+
+
+{% if page.hideteam %}
+{% else %}
+
+{% assign counter = 0 %}
+
+<h2> Team </h2>
+<div class="column-layout">
+    {% for member in page.team %}
+    	{% assign name = member.title %}
+    	{% assign url = member.url %}
+    	{% assign image = "people/default-portrait.png" %}
+    	{% if member.image %}
+    		{% assign image = member.image %}
+    	{% else %}
+    		{% for staff in site.people %}
+    			{% capture fullname %}{{staff.firstNames}} {{staff.lastName}}{% endcapture %}
+    			{% if staff.firstNames == name or staff.lastName == name or fullname == name %}
+    				{% capture name %}{{staff.titlePrefix}} {{staff.firstNames}} {{staff.lastName}}{{staff.titleSuffix}}{% endcapture %}
+    				{% assign image = staff.image %}
+    				{% assign url = staff.url %}
+    			{% endif %}	
+    		{% endfor %}
+    	{% endif %}
+    	{% include block image=image imagedimension="portrait" imageclass="u-width-50" title=name teaser=member.function url=url %}	
+    	{% assign counter = counter | plus: 1 %}
+    {% endfor %}
+
+	{% assign mod = counter | modulo: 3 %}	
+	{% if mod == 1 %}
+		{% include block url = "none" %}
+		{% include block url = "none" %}
+	{% elsif mod == 2 %}
+		{% include block url = "none" %}
+	{% endif %}    
+</div>    
+
+{% endif %}

_layouts/topic.html

+---
+layout: text
+---
+<h1>{{ page.title }}</h1>
+
+{% assign type = "|" | split: "|" %}
+{% if page.type-mcs-bachelor-project == true %}
+{% assign type = type | push: "MCS Bachelor Project" %}
+{% endif %}
+{% if page.type-mcs-bachelor-thesis == true %}
+{% assign type = type | push: "MCS Bachelor Thesis" %}
+{% endif %}
+{% if page.type-hci-master-project == true %}
+{% assign type = type | push: "HCI Master Project" %}
+{% endif %}
+{% if page.type-hci-master-thesis == true %}
+{% assign type = type | push: "HCI Master Thesis" %}
+{% endif %}
+{% if page.type-cs-bachelor-thesis == true %}
+{% assign type = type | push: "Computer Science Bachelor Thesis" %}
+{% endif %}
+{% if page.type-cs-master-project == true %}
+{% assign type = type | push: "Computer Science Master Project" %}
+{% endif %}
+{% if page.type-cs-master-thesis == true %}
+{% assign type = type | push: "Computer Science Master Thesis" %}
+{% endif %}
+{% if page.type-ge-bachelor-thesis == true %}
+{% assign type = type | push: "Games Engineering Bachelor Thesis" %}
+{% endif %}
+{% if page.type-phd-project == true %}
+{% assign type = type | push: "PhD Project" %}
+{% endif %}
+
+{% if page.status == 'open' %}
+This call for a thesis or project is open for the following modules: {{ type | join: ", " }}<br />
+If you are interested, please get in touch with the primary contact person listed below.
+{% endif %}
+{% if page.status == 'assigned' %}
+This project is already assigned.
+{% endif %}
+{% if page.status == 'closed' %}
+This project is already completed.
+{% endif %}
+<br /><br />
+
+{% if page.image %}
+{% include image src=page.image %}
+{% endif %}
+
+{{ content }}
+
+{% if page.background %}
+<h2>Background</h2>
+
+{{ page.background | markdownify }}
+{% endif %}
+
+{% if page.tasks %}
+<h2>Tasks</h2>
+
+{{ page.tasks | markdownify }}
+{% endif %}
+
+{% if page.preliminaries %}
+<h2>Preliminaries</h2>
+
+{{ page.preliminaries | markdownify }}
+{% endif %}
+
+{% if page.prerequisits %}
+<h2>Prerequisites</h2>
+
+{{ page.prerequisits | markdownify }}
+{% endif %}
+
+{% if page.cooperation %}
+<h2>Cooperation</h2>
+
+<div style="display: flex;flex-direction: row; align-items: center;">
+    {% for lg in page.cooperation-logos %}
+    {% if lg.logo %}
+    {% include image src=lg.logo style="max-width: 120px; margin-right: 20px;" %}
+    {% endif %}
+    {% endfor %}
+</div>
+
+{{page.cooperation | markdownify}}
+{% endif %}
+
+{% if page.supervisors %}
+<h2>Contact Persons at the University Würzburg</h2>
+
+{% for supervisor in page.supervisors %}
+{% if supervisor.web %}
+<a href="{{ supervisor.web }}">{{ supervisor.name }}</a>
+{% else %}
+{{ supervisor.name }}
+{% endif %}
+{% if supervisor.primary-contact-person == true %}
+{% if page.language == 'german' %}
+(Primäre Kontaktperson)
+{% else %}
+(Primary Contact Person)
+{% endif %}
+{% endif %}<br />
+{% if supervisor.affiliation %}
+{{ supervisor.affiliation }}<br />
+{% endif %}
+{% if supervisor.email %}
+<a href="mailto:{{ supervisor.email }}">{{ supervisor.email }}</a><br />
+{% endif %}
+<br />
+{% endfor %}
+{% endif %}
+
+{% if page.cooperators %}
+<h2>Cooperation Partners</h2>
+
+{% for coop in page.cooperators %}
+{% if coop.web %}
+<a href="{{ coop.web }}">{{ coop.name }}</a>
+{% else %}
+{{ coop.name }}
+{% endif %}
+{% if coop.primary-contact-person %}
+{% if page.language == 'german' %}
+(Kontakt Kooperationspartner)
+{% else %}
+(Contact Cooperation Partner)
+{% endif %}
+{% endif %}
+<br />
+{% if coop.affiliation %}
+{{ coop.affiliation }}
+{% endif %}
+{% if coop.email %}
+<a href="mailto:{{ coop.email }}"> {{ coop.email }} </a>
+{% endif %}
+<br /><br />
+{% endfor %}
+{% endif %}

_layouts/topics.html

+---
+layout: base
+---
+<h1>{{ page.title }}</h1>
+{% if page.topic-status == "open" %}
+    <hr/>
+    <div id="react-placeholder-topicSelector" status="{{ page.topic-status }}"></div>
+    <hr/>
+{% endif %}
+
+{% assign topics = site.topics %}
+
+{% if page.topic-status == "open" %}
+    {% assign array = site.emptyArray %}
+    {% capture now %}{{ 'now' | date: '%s' | plus: 0 }}{% endcapture %}
+    {% for topic in topics %}
+        {% capture expiration-date %}{{ topic.expiration-date | date: '%s' | plus: 0 }}{% endcapture %}
+        {% unless topic.expiration-date and expiration-date < now %}
+            {% assign array = array | push: topic %}
+        {% endunless %}
+    {% endfor %}
+    {% assign topics = array %}
+{% endif %}
+
+<div class="column-layout">
+    {% if page.topic-status == "expired" %}
+
+        {% capture now %}{{ 'now' | date: '%s' | plus: 0 }}{% endcapture %}
+
+        {% for topic in site.topics %}
+            {% capture expiration-date %}{{ topic.expiration-date | date: '%s' | plus: 0 }}{% endcapture %}
+            {% if topic.expiration-date and expiration-date < now %}
+                {% include block image=topic.image title=topic.title teaser=topic.teaser url=topic.url %}
+            {% endif %}
+        {% endfor %}
+
+    {% else %}
+
+        {% assign topics = topics | where:"status",page.topic-status | sort:"date" | reverse %}
+        {% assign topTopics = site.emptyArray %}
+        {% assign otherTopics = site.emptyArray %}
+        {% for topic in topics %}
+            {% if topic.put-on-top-of-the-list == true %}
+                {% assign topTopics = topTopics | push: topic %}
+            {% else %}
+                {% assign otherTopics = otherTopics | push: topic %}
+            {% endif %}
+        {% endfor %}
+        {% assign topics = topTopics | concat: otherTopics %}
+
+        {% for topic in topics %}
+            {% assign typeClasses = "topic " %}
+            {% if topic.type-mcs-bachelor-project == true %}
+                {% assign typeClasses = typeClasses | append: " " | append: "type-mcsp" %}
+            {% endif %}
+            {% if topic.type-mcs-bachelor-thesis == true %}
+                {% assign typeClasses = typeClasses | append: " " | append: "type-mcst" %}
+            {% endif %}
+            {% if topic.type-hci-master-project == true %}
+                {% assign typeClasses = typeClasses | append: " " | append: "type-hcip" %}
+            {% endif %}
+            {% if topic.type-hci-master-thesis == true %}
+                {% assign typeClasses = typeClasses | append: " " | append: "type-hcit" %}
+            {% endif %}
+            {% if topic.type-cs-bachelor-thesis == true %}
+                {% assign typeClasses = typeClasses | append: " " | append: "type-csbt" %}
+            {% endif %}
+            {% if topic.type-cs-master-project == true %}
+                {% assign typeClasses = typeClasses | append: " " | append: "type-csmp" %}
+            {% endif %}
+            {% if topic.type-cs-master-thesis == true %}
+                {% assign typeClasses = typeClasses | append: " " | append: "type-csmt" %}
+            {% endif %}
+            {% if topic.type-ge-bachelor-thesis == true %}
+                {% assign typeClasses = typeClasses | append: " " | append: "type-gebt" %}
+            {% endif %}
+            {% if topic.type-phd-project == true %}
+                {% assign typeClasses = typeClasses | append: " " | append: "type-phd" %}
+            {% endif %}
+            {% if topic.type-industry == true %}
+                {% assign typeClasses = typeClasses | append: " " | append: "type-ind" %}
+            {% endif %}
+            {% if topic.type-industry-coop == true %}
+                {% assign typeClasses = typeClasses | append: " " | append: "type-indcoop" %}
+            {% endif %}
+            {% assign title = topic.title %}
+            {% if topic.put-on-top-of-the-list == true %}
+                {% assign title = title | append: " &#9733;" %}
+            {% endif %}
+            {% include block class=typeClasses image=topic.image title=title teaser=topic.teaser url=topic.url %}
+        {% endfor %}
+
+    {% endif %}
+</div>