mi-jekyll-theme 0.4.1

data/_includes/timetable-day.html

@@ -0,0 +1,140 @@
+{% 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>
+
+	<script>
+		//dataObject = {}
+		//datenLehrveranstaltungen.push(dataObject)
+		//console.log(Date())
+	</script>
+	<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>
+				{% assign offset = 0 %}
+				{% if i==0 %}{% assign offset = overlap-0 %}{% endif %}
+				{% if i==1 %}{% assign offset = overlap-1 %}{% endif %}
+				{% if i==2 %}{% assign offset = overlap-2 %}{% endif %}
+				{% if i==3 %}{% assign offset = overlap-3 %}{% endif %}
+				{% if i==4 %}{% assign offset = overlap-4 %}{% endif %}
+				{% if i==5 %}{% assign offset = overlap-5 %}{% endif %}
+				{% if i==6 %}{% assign offset = overlap-6 %}{% endif %}
+				{% if i==7 %}{% assign offset = overlap-7 %}{% endif %}
+				{% if i==8 %}{% assign offset = overlap-8 %}{% endif %}
+				{% if i==9 %}{% assign offset = overlap-9 %}{% endif %}
+
+				{% capture offset-divs %}
+				{% for os in (1..offset) %}
+				<div class="column"></div>
+				{% endfor %}
+				{% endcapture %}
+
+				{{offset-divs}}
+
+				{% 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 dozent = entry-data[3] %}
+					{% 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="column">
+							{% 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">
+								{% assign verantwortlich = veranstaltung.verantwortlich %}
+								{% if dozent != "" and dozent != nil %}
+								{% assign verantwortlich = dozent %}
+								{% endif %}
+								{% include /functions/resolve-names.html verantwortlich=verantwortlich %}
+								<p class="title"><span class="is-hidden-tablet">{{termin | date: '%d. %B %Y, %H:%M Uhr'}}: </span>{{veranstaltung.titel}}</p>
+								<script>
+									cal.addEvent("{{veranstaltung.titel}}","Web-Technologien", "{{veranstaltung.raum}}", "{{termin}}", "{{termin}}");
+								</script>
+
+								{% 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}} {% 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 %}
+			</div>
+		
+		</div>
+		{% endfor %}
+
+	</div>
+<!--/div-->

data/_includes/veranstaltungsinfo-klein.html

@@ -0,0 +1,55 @@
+{% assign lehrveranstaltung = include.lehrveranstaltung %}
+{% assign verbindlichkeit = "freiwillig" %}
+{% if lehrveranstaltung.pflicht == true %}
+{% assign verbindlichkeit = "pflicht" %}
+{% endif %}
+
+{% capture teilnehmer %}{{typ-max-teilnehmer}} Teilnehmer{% endcapture %}
+
+{% if lehrveranstaltung.anzahl != "" and lehrveranstaltung.anzahl != nil %}
+{% assign teilnehmer = lehrveranstaltung.anzahl %}
+{% endif %}
+
+<div class="is-tab-content card is-{{lehrveranstaltung.typ}} is-overview-item is-{{verbindlichkeit}}" id="{{lehrveranstaltung.typ}}">
+	
+	<div class="card-header">
+		<h3 class="card-header-title">{{lehrveranstaltung.titel}}</h3>
+	</div>
+	
+	<div class="card-content">
+		<div class="content">
+			{% include /functions/resolve-types.html typ=lehrveranstaltung.typ %}
+			
+			<p>
+				{% assign termine = lehrveranstaltung.termine | split: "," %}
+				{% assign anzahl-angebote = "einmal" %}
+				{% if termine.size > 1 %}
+				{% assign anzahl-angebote = termine.size | append: " mal" %}
+				{% endif %}
+				{{typ-name}} für {{teilnehmer}}, wird {{ anzahl-angebote }} angeboten.
+			</p>
+			<p><strong>
+				{% assign check = lehrveranstaltung.info | strip_newlines %}
+				{% if check != ""  %}
+				{{lehrveranstaltung.info}}
+				{% endif %}
+			</strong></p>
+			
+			<dl class="overview-card">
+				{% assign check = lehrveranstaltung.dauer | strip_newlines %}
+				{% if check != ""  %}
+				<dt>Dauer</dt><dd>{{lehrveranstaltung.dauer}} min</dd>
+				{% endif %}
+		
+				{% include /functions/resolve-names.html verantwortlich=lehrveranstaltung.verantwortlich %}
+				<dt>Verantwortlich</dt><dd>{{verantwortliche}}</dd>
+		
+			</dl>
+		
+
+		</div>
+	</div>
+	<div class="card-footer">
+		<p><a class="card-footer-item" href="{{site.baseurl}}{{lehrveranstaltung.url}}">mehr zu {{lehrveranstaltung.titel}}</a></p>
+	</div>
+</div>

data/_includes/workshop-overview.html

@@ -0,0 +1,36 @@
+{% assign workshops = (site.workshops | sort: 'datum') | reverse %}
+{% assign workshopcount = workshops | size %}
+
+{% if workshopcount > 0 %}
+    <div class="news-box">
+    <h2 class="is-underlined">Die letzten Workshops und Tutorials</h2>
+    <div class="columns is-multiline">
+        {% for workshop in workshops %}
+        <div class="column is-one-third-tablet is-one-quarter-desktop">
+        <a href="{{site.baseurl}}{{workshop.url}}">
+        <div class="card bm--card-equal-height">
+            <div class="card-image">
+            <figure class="image is-16by9">
+                <img src="{{ workshop.bild | prepend: workshop.url | prepend: site.baseurl }}">
+            </figure>
+            </div>
+            <div class="card-content">
+            <div class="content">
+                <h3>{{workshop.titel}}</h3>
+                <dl>
+                <dd>{{workshop.autor}}</dd>
+                <dd>{{workshop.termin}}</dd>
+                <dd>{{workshop.dauer}}</dd>
+                <dd>Raum {{workshop.raum}}</dd>
+                </dt>
+            </div>
+            </div>
+            <!--footer class="card-footer">
+            <a class="card-footer-item" href="{{workshop.url}}">Inhalte anschauen</a>
+            </footer-->
+        </div>
+        </div></a>
+        {% endfor %}
+    </div>
+    </div>
+{% endif %}

data/_includes/zwischenstand.html

@@ -0,0 +1,16 @@
+<div class="modal is-active">
+    <div class="modal-background"></div>
+    <div class="modal-card">
+        <header class="modal-card-head">
+            <p class="modal-card-title">Modal title</p>
+            <button class="delete" aria-label="close"></button>
+        </header>
+        <section class="modal-card-body js-video">
+            <iframe src="https://www.youtube.com/embed/vsXUIfeX5Oc?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
+        </section>
+        <footer class="modal-card-foot">
+            <button class="button is-success">Save changes</button>
+            <button class="button">Cancel</button>
+        </footer>
+    </div>
+</div>

data/_layouts/bigtext.html

@@ -0,0 +1,8 @@
+<section class="section">
+    <div class="container">
+        <div class="content is-large">
+        {{ content }}
+      </div>
+    </div>
+</section>
+    

data/_layouts/codesnippets.html

@@ -0,0 +1,43 @@
+---
+layout: default
+---
+
+{% assign codesnippets=site.codesnippets | sort:'title' %}
+
+<section class="section">
+  <div class="container">
+    <div class="content">
+      <div class="columns">
+        <div class="column is-8">
+          <h1>{{ page.titel }}</h1>
+        </div>
+
+        <div class="column is-4 has-text-right">
+          <a target="_blank" href="{{site.editBase}}{{ page.path }}{{site.edit-params}}"><span class="icon"><i class="fa fa-edit"></i></span>
+            Bearbeiten</a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <hr>
+  
+  <div class="container codesnippet">
+    <div class="content">
+      {{page.content}}
+    </div>
+  </div>
+</section>
+
+<!--section class="section">
+	<div class="modulbeschreibung">
+		<div class="container">
+			<div class="content">
+				
+			{% for codesnippet in codesnippets %}
+			{{ codesnippet.titel }}
+	  	{% endfor %}
+	  	</div>
+		</div>
+	</div>
+</section-->

data/_layouts/default.html

@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+  <title>{% if page.title %}{{ page.title }} – {% endif %}{{ site.name }} – {{ site.description }}</title>
+
+  <!--[if lt IE 9]>
+      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
+  <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
+  <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/styles/mi-jekyll.css" />
+  <link rel="shortcut icon" type="image/x-icon" href="{{site.baseurl}}/assets/images/favicon.ico">
+
+  <script type="text/javascript">
+		
+    /*! ics.js Wed Aug 20 2014 17:23:02 */
+    var saveAs=saveAs||function(e){"use strict";if(typeof e==="undefined"||typeof navigator!=="undefined"&&/MSIE [1-9]\./.test(navigator.userAgent)){return}var t=e.document,n=function(){return e.URL||e.webkitURL||e},r=t.createElementNS("http://www.w3.org/1999/xhtml","a"),o="download"in r,a=function(e){var t=new MouseEvent("click");e.dispatchEvent(t)},i=/constructor/i.test(e.HTMLElement)||e.safari,f=/CriOS\/[\d]+/.test(navigator.userAgent),u=function(t){(e.setImmediate||e.setTimeout)(function(){throw t},0)},s="application/octet-stream",d=1e3*40,c=function(e){var t=function(){if(typeof e==="string"){n().revokeObjectURL(e)}else{e.remove()}};setTimeout(t,d)},l=function(e,t,n){t=[].concat(t);var r=t.length;while(r--){var o=e["on"+t[r]];if(typeof o==="function"){try{o.call(e,n||e)}catch(a){u(a)}}}},p=function(e){if(/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type)){return new Blob([String.fromCharCode(65279),e],{type:e.type})}return e},v=function(t,u,d){if(!d){t=p(t)}var v=this,w=t.type,m=w===s,y,h=function(){l(v,"writestart progress write writeend".split(" "))},S=function(){if((f||m&&i)&&e.FileReader){var r=new FileReader;r.onloadend=function(){var t=f?r.result:r.result.replace(/^data:[^;]*;/,"data:attachment/file;");var n=e.open(t,"_blank");if(!n)e.location.href=t;t=undefined;v.readyState=v.DONE;h()};r.readAsDataURL(t);v.readyState=v.INIT;return}if(!y){y=n().createObjectURL(t)}if(m){e.location.href=y}else{var o=e.open(y,"_blank");if(!o){e.location.href=y}}v.readyState=v.DONE;h();c(y)};v.readyState=v.INIT;if(o){y=n().createObjectURL(t);setTimeout(function(){r.href=y;r.download=u;a(r);h();c(y);v.readyState=v.DONE});return}S()},w=v.prototype,m=function(e,t,n){return new v(e,t||e.name||"download",n)};if(typeof navigator!=="undefined"&&navigator.msSaveOrOpenBlob){return function(e,t,n){t=t||e.name||"download";if(!n){e=p(e)}return navigator.msSaveOrOpenBlob(e,t)}}w.abort=function(){};w.readyState=w.INIT=0;w.WRITING=1;w.DONE=2;w.error=w.onwritestart=w.onprogress=w.onwrite=w.onabort=w.onerror=w.onwriteend=null;return m}(typeof self!=="undefined"&&self||typeof window!=="undefined"&&window||this.content);if(typeof module!=="undefined"&&module.exports){module.exports.saveAs=saveAs}else if(typeof define!=="undefined"&&define!==null&&define.amd!==null){define("FileSaver.js",function(){return saveAs})}
+
+    var ics=function(e,t){"use strict";{if(!(navigator.userAgent.indexOf("MSIE")>-1&&-1==navigator.userAgent.indexOf("MSIE 10"))){void 0===e&&(e="default"),void 0===t&&(t="Calendar");var r=-1!==navigator.appVersion.indexOf("Win")?"\r\n":"\n",n=[],i=["BEGIN:VCALENDAR","PRODID:"+t,"VERSION:2.0"].join(r),o=r+"END:VCALENDAR",a=["SU","MO","TU","WE","TH","FR","SA"];return{events:function(){return n},calendar:function(){return i+r+n.join(r)+o},addEvent:function(t,i,o,l,u,s){if(void 0===t||void 0===i||void 0===o||void 0===l||void 0===u)return!1;if(s&&!s.rrule){if("YEARLY"!==s.freq&&"MONTHLY"!==s.freq&&"WEEKLY"!==s.freq&&"DAILY"!==s.freq)throw"Recurrence rrule frequency must be provided and be one of the following: 'YEARLY', 'MONTHLY', 'WEEKLY', or 'DAILY'";if(s.until&&isNaN(Date.parse(s.until)))throw"Recurrence rrule 'until' must be a valid date string";if(s.interval&&isNaN(parseInt(s.interval)))throw"Recurrence rrule 'interval' must be an integer";if(s.count&&isNaN(parseInt(s.count)))throw"Recurrence rrule 'count' must be an integer";if(void 0!==s.byday){if("[object Array]"!==Object.prototype.toString.call(s.byday))throw"Recurrence rrule 'byday' must be an array";if(s.byday.length>7)throw"Recurrence rrule 'byday' array must not be longer than the 7 days in a week";s.byday=s.byday.filter(function(e,t){return s.byday.indexOf(e)==t});for(var c in s.byday)if(a.indexOf(s.byday[c])<0)throw"Recurrence rrule 'byday' values must include only the following: 'SU', 'MO', 'TU', 'WE', 'TH', 'FR', 'SA'"}}var g=new Date(l),d=new Date(u),f=new Date,S=("0000"+g.getFullYear().toString()).slice(-4),E=("00"+(g.getMonth()+1).toString()).slice(-2),v=("00"+g.getDate().toString()).slice(-2),y=("00"+g.getHours().toString()).slice(-2),A=("00"+g.getMinutes().toString()).slice(-2),T=("00"+g.getSeconds().toString()).slice(-2),b=("0000"+d.getFullYear().toString()).slice(-4),D=("00"+(d.getMonth()+1).toString()).slice(-2),N=("00"+d.getDate().toString()).slice(-2),h=("00"+d.getHours().toString()).slice(-2),I=("00"+d.getMinutes().toString()).slice(-2),R=("00"+d.getMinutes().toString()).slice(-2),M=("0000"+f.getFullYear().toString()).slice(-4),w=("00"+(f.getMonth()+1).toString()).slice(-2),L=("00"+f.getDate().toString()).slice(-2),O=("00"+f.getHours().toString()).slice(-2),p=("00"+f.getMinutes().toString()).slice(-2),Y=("00"+f.getMinutes().toString()).slice(-2),U="",V="";y+A+T+h+I+R!=0&&(U="T"+y+A+T,V="T"+h+I+R);var B,C=S+E+v+U,j=b+D+N+V,m=M+w+L+("T"+O+p+Y);if(s)if(s.rrule)B=s.rrule;else{if(B="rrule:FREQ="+s.freq,s.until){var x=new Date(Date.parse(s.until)).toISOString();B+=";UNTIL="+x.substring(0,x.length-13).replace(/[-]/g,"")+"000000Z"}s.interval&&(B+=";INTERVAL="+s.interval),s.count&&(B+=";COUNT="+s.count),s.byday&&s.byday.length>0&&(B+=";BYDAY="+s.byday.join(","))}(new Date).toISOString();var H=["BEGIN:VEVENT","UID:"+n.length+"@"+e,"CLASS:PUBLIC","DESCRIPTION:"+i,"DTSTAMP;VALUE=DATE-TIME:"+m,"DTSTART;VALUE=DATE-TIME:"+C,"DTEND;VALUE=DATE-TIME:"+j,"LOCATION:"+o,"SUMMARY;LANGUAGE=en-us:"+t,"TRANSP:TRANSPARENT","END:VEVENT"];return B&&H.splice(4,0,B),H=H.join(r),n.push(H),H},download:function(e,t){if(n.length<1)return!1;t=void 0!==t?t:".ics",e=void 0!==e?e:"calendar";var a,l=i+r+n.join(r)+o;if(-1===navigator.userAgent.indexOf("MSIE 10"))a=new Blob([l]);else{var u=new BlobBuilder;u.append(l),a=u.getBlob("text/x-vCalendar;charset="+document.characterSet)}return saveAs(a,e+t),l},build:function(){return!(n.length<1)&&i+r+n.join(r)+o}}}console.log("Unsupported Browser")}};
+  
+  </script>
+
+</head>
+
+<body data-url="{{page.url}}">
+  <section class="hero is-info {% if site.heroimage_size == 'medium' %}is-medium{% else if site.heroimage_size == 'medium' %}is-large{% endif %}">
+    <!-- Hero header: will stick at the top -->
+    <div class="hero-head">
+      <header class="nav">
+        <div class="container">
+          <div class="nav-left">
+            <a href="{{ site.baseurl }}/" class="nav-item"><img src="{{ site.avatar }}" /></a>
+          </div>
+          <span class="nav-toggle">
+            <span></span>
+            <span></span>
+            <span></span>
+          </span>
+          <div class="nav-right nav-menu">
+            {% for item in site.navigation %}
+            <a class="nav-item" href="{% if item.path %}{{ site.baseurl }}/{{item.path}}{% else %}{{item.url}}{% endif %}" class="nav-item">{{item.name}}</a>
+            {% endfor %}
+          </div>
+        </div>
+      </header>
+    </div>
+
+    <!-- Hero content: will be in the middle -->
+    {% assign heroimage = page.bild %}
+    {% assign teaserclass = "" %}
+    {% if heroimage == "" or heroimage == nil %}
+    {% assign heroimage = site.heroimage | prepend: "/assets/images/" %}
+    {% assign heroimage = heroimage | prepend: site.baseurl %}
+    {% assign teaserclass = "has-gradient" %}
+    {% endif %}
+    <div class="hero-body is-header {{teaserclass}}" style="background-image: url({{heroimage}}); {% if site.heroimage_contain == true %}background-size: contain; background-repeat: no-repeat; background-position: center center;{% endif %}">
+        <div class="container">
+        <h1 class="title is-1">
+          {{ site.name }}
+        </h1>
+        <h2 class="subtitle is-3">
+          {{ site.description }}
+        </h2>
+      </div>
+    </div>
+
+  </section>
+
+  {{ content }}
+
+  <footer class="footer is-non-print">
+    <div class="container">
+      <ul class="menu-list">
+        {% for item in site.navigation %}
+          <li><a class="nav-item" href="{% if item.path %}{{ site.baseurl }}/{{item.path}}{% else %}{{item.url}}{% endif %}" class="nav-item">{{item.name}}</a></li>
+        {% endfor %}
+      </ul>
+    </div>
+  </footer>
+
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.8.3/showdown.min.js"></script>
+  <script type="text/javascript" src="{{ site.baseurl }}/assets/js/mi-jekyll.js"></script>
+
+</body>
+
+</html>

data/_layouts/einspalter.html

@@ -0,0 +1,7 @@
+<section class="section">
+    <div class="container">
+        <div class="content">
+        {{ content }}
+        </div>
+    </div>
+</section>

data/_layouts/faq.html

@@ -0,0 +1,40 @@
+---
+layout: default
+---
+
+{% assign faqs=site.faq | sort:'title' %}
+{% assign introtext=site.snippets | where:"kennung","faq" %}
+
+<section class="section">
+  <div class="container">
+    <h1 class="title is-1">Frequently Asked Questions</h1>
+
+    <div class="content">
+      <p>{{introtext[0].content}}</p>
+    </div>
+  </div>
+
+  <div class="container">
+    <hr>
+
+    <ul>
+      {% for faq in faqs %}
+      <li><a href="#{{ faq.id }}">{{ faq.titel }}</a></li>
+      {% endfor %}
+    </ul>
+
+  </div>
+</section>
+<section class="section">
+  <div class="container zweispalter">
+
+    {% for faq in faqs %}
+    <div class="content faq">
+      <h2 class="title is-2" id="{{ faq.id }}">{{ faq.titel }}</h2>
+
+      {{ faq.content }}
+    </div>
+    {% endfor %}
+
+  </div>
+</section>