From 6482c022bf5777165d20d1cfe58f3668f8699dba Mon Sep 17 00:00:00 2001
From: Kai Moritz <kai@juplo.de>
Date: Wed, 22 Jan 2014 18:49:33 +0100
Subject: [PATCH] =?utf8?q?About-Bereich=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/templates/footer.jsp  |  2 +-
 .../webapp/WEB-INF/templates/navigation.jsp   |  1 +
 .../WEB-INF/templates/test/navigation.jsp     |  1 +
 src/main/webapp/WEB-INF/views/about.jsp       | 78 +++++++++++++++++++
 .../WEB-INF/views/about/professions.jsp       | 45 +++++++++++
 .../webapp/WEB-INF/views/about/references.jsp | 43 ++++++++++
 src/main/webapp/WEB-INF/views/blog.jsp        |  1 +
 .../webapp/WEB-INF/views/blog/article.jsp     |  1 +
 .../webapp/WEB-INF/views/blog/comments.jsp    |  1 +
 src/main/webapp/WEB-INF/views/contact.jsp     | 24 +++++-
 src/main/webapp/WEB-INF/views/projects.jsp    |  1 +
 .../webapp/WEB-INF/views/projects/fix-swf.jsp |  1 +
 .../projects/fix-swf/getting-started.jsp      |  1 +
 .../views/projects/fix-swf/overview.jsp       |  1 +
 .../views/projects/html-experimente.jsp       |  1 +
 .../webapp/WEB-INF/views/projects/typo.jsp    |  1 +
 ...-kein-men\303\274-aber-marginalinhalt.jsp" |  1 +
 .../test/fast-leer-kein-men\303\274.jsp"      |  1 +
 src/main/webapp/less/base/typo.less           |  5 ++
 src/main/webapp/less/phone/footer.less        |  6 +-
 src/main/webapp/less/phone/layout.less        |  4 +
 src/main/webapp/less/tablet/layout.less       |  8 ++
 22 files changed, 224 insertions(+), 4 deletions(-)
 create mode 100644 src/main/webapp/WEB-INF/views/about.jsp
 create mode 100644 src/main/webapp/WEB-INF/views/about/professions.jsp
 create mode 100644 src/main/webapp/WEB-INF/views/about/references.jsp

diff --git a/src/main/webapp/WEB-INF/templates/footer.jsp b/src/main/webapp/WEB-INF/templates/footer.jsp
index 25d4ea3a..7191e62a 100644
--- a/src/main/webapp/WEB-INF/templates/footer.jsp
+++ b/src/main/webapp/WEB-INF/templates/footer.jsp
@@ -4,5 +4,5 @@
 <%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
 <s:url var="base" value="/" />
 <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
-<li class="f"><a class="f" href="${base}contact.html">Contact</a></li>
 <li class="f"><a class="f" href="${base}impressum.html">Impressum</a></li>
+<li class="f about"><a class="f" href="${base}about.html">About</a></li>
diff --git a/src/main/webapp/WEB-INF/templates/navigation.jsp b/src/main/webapp/WEB-INF/templates/navigation.jsp
index 42ad581e..e878bf89 100644
--- a/src/main/webapp/WEB-INF/templates/navigation.jsp
+++ b/src/main/webapp/WEB-INF/templates/navigation.jsp
@@ -8,4 +8,5 @@
 <ul id="menu" class="cf">
   <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
   <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+  <li class="m about"><a href="${base}about.html" class="m">About</a></li>
 </ul>
diff --git a/src/main/webapp/WEB-INF/templates/test/navigation.jsp b/src/main/webapp/WEB-INF/templates/test/navigation.jsp
index a21a3fe7..679a32e2 100644
--- a/src/main/webapp/WEB-INF/templates/test/navigation.jsp
+++ b/src/main/webapp/WEB-INF/templates/test/navigation.jsp
@@ -8,6 +8,7 @@
 <ul id="menu" class="cf">
   <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
   <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+  <li class="m about"><a href="${base}about.html" class="m">About</a></li>
 </ul>
 <h2 class="nav submenu">
   <span class="s">Submenu for section</span>
diff --git a/src/main/webapp/WEB-INF/views/about.jsp b/src/main/webapp/WEB-INF/views/about.jsp
new file mode 100644
index 00000000..8d72835f
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/about.jsp
@@ -0,0 +1,78 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<s:url var="base" value="/" />
+<t:insertDefinition name="BASEPAGE">
+  <t:putAttribute name="title" value="About" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+    <li class="b"><strong class="b">About</strong></li>
+  </t:putAttribute>
+  <t:putAttribute name="navigation" type="string">
+    <h1 class="nav">Navigation</h1>
+    <h2 class="nav menu">Section-Menu</h2>
+    <ul id="menu" class="s active cf">
+      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+      <li class="m about"><strong class="m">About</strong></li>
+    </ul>
+    <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">About</strong></h2>
+    <ul id="submenu">
+      <li class="s sub"><a href="${base}about/professions.html" class="s">Professions</a></li>
+      <li class="s sub"><a href="${base}about/references.html" class="s">References</a></li>
+      <li class="s "><a href="${base}about/contact.html" class="s">Contact</a></li>
+    </ul>
+  </t:putAttribute>
+  <t:putAttribute name="maincontent" type="string">
+    <p>
+      <span class="logo">juplo</span> is the place, where I collect and share
+      my more or less private projects.
+      It is a lab for experiments, that help me to do my job as a freelancer
+      at the desired level of quality.
+      Here, I can play with all the fancy new stuff, that might be a little
+      bit to much bleeding edge, to be used on a production site of a paying
+      client.
+    </p>
+    <p>
+      I decided to share all this stuff, because I am always learning a lot
+      from the internet-community.
+      I wanted to give back a little and try to help and teach others, as I
+      was helped and teached.
+      Also, this is a good oportunity, to show what I am doing and to do a 
+      little self-publicity...
+    </p>
+    <p>
+      <span class="logo">juplo</span> mainly consists of two parts:
+    </p>
+    <ul>
+      <li>
+        In the <a href="${base}blog.html">Blog</a>, I summarize, how I solved
+        some every-day problems, other people might stumble across too.
+        I am introducing new projects there and announcing new versions and/or
+        bugfixes to older projects.
+      </li>
+      <li>
+        The other part of the site is the
+        <a href="${base}projects.html">Projects</a>-section.
+        This is where I am hosting all projects, that I have made publicy
+        available.
+      </li>
+    </ul>
+    <p>
+      If you want to hire me, you can find out more on the
+      <a href="${base}contact.html">Contact</a>-page.
+      If you are not yet sure, if you want to hire me, you might be
+      interessted in
+      <a href="${base}professions.html">what I can do for you</a>, or 
+      <a href="${base}references.html">what I have already done for others</a>.
+    </p>
+  </t:putAttribute>
+  <t:putAttribute name="marginalcontent" type="string" value=""/>
+  <t:putAttribute name="footer" type="string">
+    <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+    <li class="f"><a class="f" href="${base}impressum.html">Impressum</a></li>
+    <li class="f about"><strong class="f">About</strong></li>
+  </t:putAttribute>
+</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/about/professions.jsp b/src/main/webapp/WEB-INF/views/about/professions.jsp
new file mode 100644
index 00000000..7a419d5f
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/about/professions.jsp
@@ -0,0 +1,45 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<s:url var="base" value="/" />
+<t:insertDefinition name="BASEPAGE">
+  <t:putAttribute name="title" value="Professions" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+    <li class="b"><a class="b" href="${base}about.html">About</a></li>
+    <li class="b"><strong class="b">Professions</strong></li>
+  </t:putAttribute>
+  <t:putAttribute name="navigation" type="string">
+    <h1 class="nav">Navigation</h1>
+    <h2 class="nav menu">Section-Menu</h2>
+    <ul id="menu" class="s active cf">
+      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
+    </ul>
+    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
+    <ul id="submenu">
+      <li class="s sub">
+        <strong class="s">Professions</strong>
+        <ul class="s active">
+          <li class="s"><a href="${base}about/web-engineering.html" class="s">Web-Engineering</a></li>
+          <li class="s"><a href="${base}about/spring-framework.html" class="s">Spring Framework</a></li>
+          <li class="s"><a href="${base}about/.html" class="s"></a></li>
+          <li class="s"><a href="${base}about/responsive-web-design.html" class="s">Responsive Webdesign</a></li>
+          <li class="s"><a href="${base}about/web-ui-esign.html" class="s">WEB-UI-Design</a></li>
+          <li class="s"><a href="${base}about/seo.html" class="s">SEO</a></li>
+        </ul>
+      </li>
+      <li class="s sub off"><a href="${base}about/references.html" class="s">References</a></li>
+      <li class="s off"><a href="${base}about/contact.html" class="s">Contact</a></li>
+    </ul>
+  </t:putAttribute>
+  <t:putAttribute name="maincontent" type="string">
+    <p>
+      <em>TODO</em>
+    </p>
+  </t:putAttribute>
+  <t:putAttribute name="marginalcontent" type="string" value=""/>
+</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/about/references.jsp b/src/main/webapp/WEB-INF/views/about/references.jsp
new file mode 100644
index 00000000..e495abbb
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/about/references.jsp
@@ -0,0 +1,43 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<s:url var="base" value="/" />
+<t:insertDefinition name="BASEPAGE">
+  <t:putAttribute name="title" value="References" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+    <li class="b"><a class="b" href="${base}about.html">About</a></li>
+    <li class="b"><strong class="b">References</strong></li>
+  </t:putAttribute>
+  <t:putAttribute name="navigation" type="string">
+    <h1 class="nav">Navigation</h1>
+    <h2 class="nav menu">Section-Menu</h2>
+    <ul id="menu" class="s active cf">
+      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
+    </ul>
+    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
+    <ul id="submenu">
+      <li class="s sub off"><a href="${base}about/professions.html" class="s">Professions</a></li>
+      <li class="s sub">
+        <strong class="s">References</strong>
+        <ul class="s active">
+          <li class="s sub"><a href="${base}about/references/coolibri.html" class="s">coolibri.de</a></li>
+          <li class="s"><a href="${base}about/references/hibernate4-maven-plugin.html" class="s">hibernate4-maven-plugin</a></li>
+          <li class="s sub"><a href="${base}about/.html" class="s"></a></li>
+          <li class="s sub"><a href="${base}about/.html" class="s"></a></li>
+        </ul>
+      </li>
+      <li class="s off"><a href="${base}about/contact.html" class="s">Contact</a></li>
+    </ul>
+  </t:putAttribute>
+  <t:putAttribute name="maincontent" type="string">
+    <p>
+      <em>TODO</em>
+    </p>
+  </t:putAttribute>
+  <t:putAttribute name="marginalcontent" type="string" value=""/>
+</t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/blog.jsp b/src/main/webapp/WEB-INF/views/blog.jsp
index 3cb963a6..1aa6c605 100644
--- a/src/main/webapp/WEB-INF/views/blog.jsp
+++ b/src/main/webapp/WEB-INF/views/blog.jsp
@@ -16,6 +16,7 @@
     <ul id="menu" class="cf">
       <li class="m blog"><strong class="m">Blog</strong></li>
       <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
diff --git a/src/main/webapp/WEB-INF/views/blog/article.jsp b/src/main/webapp/WEB-INF/views/blog/article.jsp
index 66927f74..55058fe5 100644
--- a/src/main/webapp/WEB-INF/views/blog/article.jsp
+++ b/src/main/webapp/WEB-INF/views/blog/article.jsp
@@ -16,6 +16,7 @@
     <ul id="menu" class="cf">
       <li class="m blog"><strong class="m">Blog</strong></li>
       <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
diff --git a/src/main/webapp/WEB-INF/views/blog/comments.jsp b/src/main/webapp/WEB-INF/views/blog/comments.jsp
index aab1e618..1871c3a1 100644
--- a/src/main/webapp/WEB-INF/views/blog/comments.jsp
+++ b/src/main/webapp/WEB-INF/views/blog/comments.jsp
@@ -16,6 +16,7 @@
     <ul id="menu" class="cf">
       <li class="m blog"><strong class="m">Blog</strong></li>
       <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
diff --git a/src/main/webapp/WEB-INF/views/contact.jsp b/src/main/webapp/WEB-INF/views/contact.jsp
index c9d72f56..39d19fd2 100644
--- a/src/main/webapp/WEB-INF/views/contact.jsp
+++ b/src/main/webapp/WEB-INF/views/contact.jsp
@@ -4,12 +4,32 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
 <s:url var="base" value="/" />
-<t:insertDefinition name="ONECOLUMN">
+<t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Contact" type="string"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+    <li class="b"><a class="b" href="${base}about.html">About</a></li>
     <li class="b"><strong class="b">Contact</strong></li>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string" value="TODO..."/>
+  <t:putAttribute name="navigation" type="string">
+    <h1 class="nav">Navigation</h1>
+    <h2 class="nav menu">Section-Menu</h2>
+    <ul id="menu" class="s active cf">
+      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+      <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
+    </ul>
+    <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="${base}about.html" class="s">About</a></h2>
+    <ul id="submenu">
+      <li class="s sub"><a href="${base}professions.html" class="s">Professions</a></li>
+      <li class="s sub"><a href="${base}references.html" class="s">References</a></li>
+      <li class="s "><strong class="s">Contact</strong></li>
+    </ul>
+  </t:putAttribute>
+  <t:putAttribute name="maincontent" type="string">
+    <p>
+      <em>TODO</em>
+    </p>
+  </t:putAttribute>
   <t:putAttribute name="marginalcontent" type="string" value=""/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/projects.jsp b/src/main/webapp/WEB-INF/views/projects.jsp
index 97244c0f..d04d2e7b 100644
--- a/src/main/webapp/WEB-INF/views/projects.jsp
+++ b/src/main/webapp/WEB-INF/views/projects.jsp
@@ -16,6 +16,7 @@
     <ul id="menu" class="s active cf">
       <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
       <li class="m projects"><strong class="m">Projects</strong></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
     <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">Projects</strong></h2>
     <ul id="submenu">
diff --git a/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp b/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
index aa1fc3c1..aaee718e 100644
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
@@ -17,6 +17,7 @@
     <ul id="menu" class="cf">
       <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
       <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
     <h2 class="nav submenu">
       <span class="s">Submenu for section</span>
diff --git a/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp b/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp
index c46f813d..d3400be3 100644
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/fix-swf/getting-started.jsp
@@ -18,6 +18,7 @@
     <ul id="menu" class="cf">
       <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
       <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
     <h2 class="nav submenu">
       <span class="s">Submenu for section</span>
diff --git a/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp b/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp
index d4490e8b..5ceca69e 100644
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/fix-swf/overview.jsp
@@ -18,6 +18,7 @@
     <ul id="menu" class="cf">
       <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
       <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
     <h2 class="nav submenu">
       <span class="s">Submenu for section</span>
diff --git a/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp b/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
index 58d43d2e..ecce5832 100644
--- a/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
@@ -17,6 +17,7 @@
     <ul id="menu" class="cf">
       <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
       <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
     <h2 class="nav submenu">
       <span class="s">Submenu for section</span>
diff --git a/src/main/webapp/WEB-INF/views/projects/typo.jsp b/src/main/webapp/WEB-INF/views/projects/typo.jsp
index b9092a6d..48bf69aa 100644
--- a/src/main/webapp/WEB-INF/views/projects/typo.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/typo.jsp
@@ -17,6 +17,7 @@
     <ul id="menu" class="cf">
       <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
       <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
     <h2 class="nav submenu">
       <span class="s">Submenu for section</span>
diff --git "a/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274-aber-marginalinhalt.jsp" "b/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274-aber-marginalinhalt.jsp"
index c3605f5c..b164cd3f 100644
--- "a/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274-aber-marginalinhalt.jsp"
+++ "b/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274-aber-marginalinhalt.jsp"
@@ -13,6 +13,7 @@
     <ul id="menu" class="cf">
       <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
       <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
diff --git "a/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274.jsp" "b/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274.jsp"
index dcfc3857..64fb1d19 100644
--- "a/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274.jsp"
+++ "b/src/main/webapp/WEB-INF/views/test/fast-leer-kein-men\303\274.jsp"
@@ -13,6 +13,7 @@
     <ul id="menu" class="cf">
       <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
       <li class="m projects"><a href="${base}projects.html" class="m">Projects</a></li>
+      <li class="m about"><a href="${base}about.html" class="m">About</a></li>
     </ul>
   </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
diff --git a/src/main/webapp/less/base/typo.less b/src/main/webapp/less/base/typo.less
index 4516a9c5..48ffdc78 100644
--- a/src/main/webapp/less/base/typo.less
+++ b/src/main/webapp/less/base/typo.less
@@ -130,3 +130,8 @@ a:visited
   border-bottom: 1px dotted @nochdunkler;
 }
 
+.logo
+{
+  .bpreplay;
+  color: @normal;
+}
diff --git a/src/main/webapp/less/phone/footer.less b/src/main/webapp/less/phone/footer.less
index 16d43ed9..01a021a8 100644
--- a/src/main/webapp/less/phone/footer.less
+++ b/src/main/webapp/less/phone/footer.less
@@ -3,6 +3,10 @@
   position: static;
   border-style: none;
 }
+#footer > #footerlinks > li.about
+{
+  display: none;
+}
 #footer > #footerlinks > li.f
 {
   color: @hintergrund;
@@ -22,7 +26,7 @@
   width: auto;
   font-size: 137.5%;
   margin: 0;
-  @media (max-width: 250px)
+  @media (max-width: 229px)
   {
     color: @schrift;
     flow: none;
diff --git a/src/main/webapp/less/phone/layout.less b/src/main/webapp/less/phone/layout.less
index bedb016e..405aa5ff 100644
--- a/src/main/webapp/less/phone/layout.less
+++ b/src/main/webapp/less/phone/layout.less
@@ -60,6 +60,10 @@ body
 #menu > li.m
 {
   float: left;
+  @media (max-width: 359px)
+  {
+    float: none;
+  }
   list-style-type: none;
   padding: .25em 1em 0 0;
 }
diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index 57cb233d..3d9787fa 100644
--- a/src/main/webapp/less/tablet/layout.less
+++ b/src/main/webapp/less/tablet/layout.less
@@ -116,6 +116,10 @@ body.nomenu
   @media (max-width: @maxsmallertablet)
   {
     margin-left: 17.5em;
+    #menu > li.about
+    {
+      display: inline-block;
+    }
   }
   width: auto;
 }
@@ -136,6 +140,10 @@ body.nomenu
     right: 1em;
   }
 }
+#menu > li.about
+{
+  display: none;
+}
 #menu > li.m
 {
   @media (max-width: @maxsmalltablet)
-- 
2.20.1