Commit a955ebe4 authored by Adrian Jagusch's avatar Adrian Jagusch

Kategorien dynamisch generiert ist

parent f3d49ee1
......@@ -9,45 +9,36 @@
</div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box" style="cursor: pointer;" onclick="window.location='{{ site.baseurl }}/barrierefreiheit'">
<i class="fa fa-4x fa-medkit wow bounceIn text-primary"></i>
<h3>Barrierefreiheit</h3>
<p class="text-muted">Die Möglichkeit für jeden eine Webseite ohne Einschränkungen besuchen und
nutzen zu können</p>
{% for category in site.pages %}
{% if category.layout != 'categorypage' %}
{% continue %}
{% endif %}
{% if category.title == 'Konventionen' %}
<div class="clearfix visible-md-block"></div>
{% endif %}
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<a href="{{ site.baseurl }}{{ category.url }}">
<i class="fa fa-4x fa-{{ category.icon }} wow bounceIn text-primary"></i>
</a>
<h3>
<a href="{{ site.baseurl }}{{ category.url }}">
{{ category.title }}
</a>
</h3>
<p class="text-muted">
<a href="{{ site.baseurl }}{{ category.url }}">
{{ category.subtitle }}
</a>
</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box" style="cursor: pointer;" onclick="window.location='{{ site.baseurl }}/funktionalitaet'">
<i class="fa fa-4x fa-cogs wow bounceIn text-primary" data-wow-delay=".1s"></i>
<h3>Funktionalität</h3>
<p class="text-muted">Bewährte und neue Funktonalitäten einer modernen Webseite</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box" style="cursor: pointer;" onclick="window.location='{{ site.baseurl }}/konventionen'">
<i class="fa fa-4x fa-compass wow bounceIn text-primary" data-wow-delay=".2s"></i>
<h3>Konventionen</h3>
<p class="text-muted"> Notwendige Regeln, die freiwillig für ein besseres Auftreten und Aufhalten im
Internet eingehalten werden sollten</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box" style="cursor: pointer;" onclick="window.location='{{ site.baseurl }}/usability'">
<i class="fa fa-4x fa-hand-o-up wow bounceIn text-primary" data-wow-delay=".3s"></i>
<h3>Usability</h3>
<p class="text-muted">Usability ist ein englischer Begriff, der sich am ehesten mit
Gebrauchstauglichkeit übersetzen lässt</p>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Navigation ausklappen</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand page-scroll" href="{{ site.baseurl }}/">{{ site.title }}</a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> {% for node in site.pages %} {% if node.layout != 'categorypage' %} {% continue %} {% endif %} <li {% if page.url contains node.url %} class="active" {% endif %}> <a href="{{ site.baseurl }}{{ node.url }}">{{ node.title }}</a> </li> {% endfor %} <li {% if page.url=='/suche/' %}class="active" {% endif %}> <a class="page-scroll" href="{{ site.baseurl }}/suche"> <span class="glyphicon glyphicon-search hidden-xs"></span> <span class="visible-xs-inline-block">Suche</span> </a> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container-fluid --></nav>
\ No newline at end of file
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Navigation ausklappen</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand page-scroll" href="{{ site.baseurl }}/">{{ site.title }}</a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> {% for content in site.pages %} {% if content.layout != 'categorypage' %} {% continue %} {% endif %} <li{% if content.url contains page.url %} class="active" {% endif %}> <a href="{{ site.baseurl }}{{ content.url }}">{{ content.title }}</a> </li> {% endfor %} <li {% if page.url=='/suche/' %}class="active" {% endif %}> <a class="page-scroll" href="{{ site.baseurl }}/suche"> <span class="glyphicon glyphicon-search hidden-xs"></span> <span class="visible-xs-inline-block">Suche</span> </a> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container-fluid --></nav>
\ No newline at end of file
......
......@@ -3,5 +3,6 @@ layout: categorypage
permalink: /barrierefreiheit/
category: barrierefreiheit
title: Barrierefreiheit
subtitle:
subtitle: Die Möglichkeit für jeden Webseiten ohne Einschränkungen besuchen und nutzen zu können
icon: medkit
---
......@@ -3,5 +3,6 @@ layout: categorypage
permalink: /funktionalitaet/
category: funktionalitaet
title: Funktionalität
subtitle: Mit der Erwartungskonformität verändern sich auch die möglichen Funktionalitäten einer Webseite maßgeblich. Unter besonderem Augenmerk auf nützliche Offline-Funktionalitäten und Nutzererwartungen an die Suchfunktion beschreiben die folgenden Artikel die Vorteile zeitgemäßer Funktionalitäten und stellen die jeweils optimalsten Lösungen vor.
subtitle: Bewährte und neue Funktionen moderner Webseiten
icon: cogs
---
......@@ -3,5 +3,6 @@ layout: categorypage
category: konventionen
permalink: /konventionen/
title: Konventionen
subtitle:
subtitle: Notwendige Regeln, die freiwillig für ein besseres Auftreten und Aufhalten im Internet eingehalten werden sollten
icon: cogs
---
......@@ -3,5 +3,6 @@ layout: categorypage
category: usability
permalink: /usability/
title: Usability
subtitle: Hinter dem Begriff Usability verbergen sich eine Vielzahl an Kriterien und Methoden für eine effektive, effiziente und benutzerfreundliche Nutzung von Webseiten. Diese Kriterien unterliegen einem ständigen Wandel, die mithilfe von zahlreiche Usability-Testmethoden beständig geprüft werden müssen, um den Erfolg und die Freude der Nutzer auf der eigenen Webseite zu garantieren.
subtitle: Usability ist ein englischer Begriff, der sich am ehesten mit Gebrauchstauglichkeit übersetzen lässt.
icon: compass
---
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment