From: Kai Moritz <kai@juplo.de>
Date: Tue, 1 Oct 2013 21:11:45 +0000 (+0200)
Subject: Navigations-Hilfen ergänzt (Breadcrumb und Content-Skip)
X-Git-Tag: thymeroot-2.0.0~182
X-Git-Url: https://juplo.de/gitweb/?p=website;a=commitdiff_plain;h=7972d2fab9a8768649c91d9e6e0491e782b62095;hp=0aae9ac342885e8ae9681e758c793b704d175987

Navigations-Hilfen ergänzt (Breadcrumb und Content-Skip)
---

diff --git a/src/main/webapp/WEB-INF/spring/tiles.xml b/src/main/webapp/WEB-INF/spring/tiles.xml
index ffeaa646..697c3e41 100644
--- a/src/main/webapp/WEB-INF/spring/tiles.xml
+++ b/src/main/webapp/WEB-INF/spring/tiles.xml
@@ -6,6 +6,7 @@
 
   <definition name="BASEPAGE" template="/WEB-INF/templates/html5page.jsp">
     <put-attribute name="title" value="TITLE IS MISSING" type="string"/>
+    <put-attribute name="breadcrumb" value="BREADCRUMB IS MISSING" type="string"/>
     <put-attribute name="maincontent" value="/WEB-INF/templates/maincontent.jsp" type="template"/>
     <put-attribute name="contentclass" value="cols_2" type="string"/>
     <put-attribute name="marginalcontent" value="/WEB-INF/templates/marginalcontent.jsp" type="template"/>
diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp
index b98eda1b..ba52ec5b 100644
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ b/src/main/webapp/WEB-INF/templates/html5page.jsp
@@ -16,6 +16,13 @@
       <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
       <hr />
     </header>
+    <div id="breadcrumb">
+      <strong class="b">You are here:</strong>
+      <ol class="b">
+        <t:insertAttribute name="breadcrumb"/>
+      </ol>
+      <a class="hide" href="#navigation">Jump to navigation</a>
+    </div>
     <div class="content <t:getAsString name="contentclass"/> cf">
       <section id="content" class="main">
         <h1><t:getAsString name="title"/></h1>
diff --git a/src/main/webapp/WEB-INF/views/blog.jsp b/src/main/webapp/WEB-INF/views/blog.jsp
index 803c597e..f0ede918 100644
--- a/src/main/webapp/WEB-INF/views/blog.jsp
+++ b/src/main/webapp/WEB-INF/views/blog.jsp
@@ -4,6 +4,10 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Blog" type="string"/>
+    <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><strong class="b">Blog</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
     <h2 class="nav menu">Section-Menu</h2>
diff --git a/src/main/webapp/WEB-INF/views/contact.jsp b/src/main/webapp/WEB-INF/views/contact.jsp
index 0626885d..2fc10c11 100644
--- a/src/main/webapp/WEB-INF/views/contact.jsp
+++ b/src/main/webapp/WEB-INF/views/contact.jsp
@@ -4,5 +4,9 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="ONECOLUMN">
   <t:putAttribute name="title" value="Contact" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><strong class="b">Contact</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="marginalcontent" type="string" value=""/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/impressum.jsp b/src/main/webapp/WEB-INF/views/impressum.jsp
index 5519596c..45946d21 100644
--- a/src/main/webapp/WEB-INF/views/impressum.jsp
+++ b/src/main/webapp/WEB-INF/views/impressum.jsp
@@ -4,5 +4,9 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="ONECOLUMN">
   <t:putAttribute name="title" value="Impressum" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><strong class="b">Impressum</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="marginalcontent" type="string" value=""/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/index.jsp b/src/main/webapp/WEB-INF/views/index.jsp
index 27594729..9b8f5313 100644
--- a/src/main/webapp/WEB-INF/views/index.jsp
+++ b/src/main/webapp/WEB-INF/views/index.jsp
@@ -4,4 +4,7 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="ONECOLUMN">
   <t:putAttribute name="title" value="Branding" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><strong class="b">Home</strong></li>
+  </t:putAttribute>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/projects.jsp b/src/main/webapp/WEB-INF/views/projects.jsp
index c39e5c53..abf73304 100644
--- a/src/main/webapp/WEB-INF/views/projects.jsp
+++ b/src/main/webapp/WEB-INF/views/projects.jsp
@@ -4,6 +4,10 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Projects" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><strong class="b">Projects</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
     <h2 class="nav menu">Section-Menu</h2>
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 fff0e392..697aaba0 100644
--- a/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/fix-swf.jsp
@@ -4,6 +4,11 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Fix SWF" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><a class="b" href="projects.html">Projects</a></li>
+    <li class="b"><strong class="b">Fix SWF</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
     <h2 class="nav menu">Section-Menu</h2>
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 e29a1c68..65ec88b6 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
@@ -4,6 +4,12 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Fix SWF - Getting Started" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><a class="b" href="projects.html">Projects</a></li>
+    <li class="b"><a class="b" href="projects/fix-swf.html">Fix SWF</a></li>
+    <li class="b"><strong class="b">Getting Started</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
     <h2 class="nav menu">Section-Menu</h2>
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 251cb31d..f9eaa136 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
@@ -4,6 +4,12 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Fix SWF - Overview" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><a class="b" href="projects.html">Projects</a></li>
+    <li class="b"><a class="b" href="projects/fix-swf.html">Fix SWF</a></li>
+    <li class="b"><strong class="b">Overview</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
     <h2 class="nav menu">Section-Menu</h2>
diff --git a/src/main/webapp/WEB-INF/views/projects/typo.jsp b/src/main/webapp/WEB-INF/views/projects/typo.jsp
index a55864c1..52437cfa 100644
--- a/src/main/webapp/WEB-INF/views/projects/typo.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/typo.jsp
@@ -4,6 +4,11 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <t:insertDefinition name="BASEPAGE">
   <t:putAttribute name="title" value="Typo" type="string"/>
+  <t:putAttribute name="breadcrumb">
+    <li class="b"><a class="b" href="/">Home</a></li>
+    <li class="b"><a class="b" href="projects.html">Projects</a></li>
+    <li class="b"><strong class="b">Typography</strong></li>
+  </t:putAttribute>
   <t:putAttribute name="navigation" type="string">
     <h1 class="nav">Navigation</h1>
     <h2 class="nav menu">Section-Menu</h2>
diff --git a/src/main/webapp/css/base/navigation.css b/src/main/webapp/css/base/navigation.css
index e56e931f..9b1daa35 100644
--- a/src/main/webapp/css/base/navigation.css
+++ b/src/main/webapp/css/base/navigation.css
@@ -46,6 +46,58 @@
   margin-left: -.92em;
 }
 
+#breadcrumb
+{
+  position: absolute;
+  top: 8.4em;
+  left: 13.4em;
+  z-index: 3;
+  font-family: 'BPreplay', Helvetica, Arial, sans-serif;
+  font-weight: bold;
+  color: #0ACF00;
+}
+#breadcrumb > strong.b
+{
+  float: left;
+}
+#breadcrumb > ol.b
+{
+  display: inline;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+#breadcrumb > ol.b > li.b
+{
+  float: left;
+  margin: 0 .5em 0 0;
+  padding: 0;
+}
+#breadcrumb > ol.b > li.b:before
+{
+  content: '> ';
+  margin-right: .25em;
+}
+#breadcrumb > ol.b > li.b:first-child:before
+{
+  content: '';
+  margin: 0 0 0 1em;
+}
+#breadcrumb > ol.b > li.b > strong.b
+{
+  border-bottom: 1px solid #0ACF00;
+}
+#breadcrumb > ol.b > li.b > a.b
+{
+  color: #0ACF00;
+}
+#breadcrumb > ol.b > li.b > a.b:hover,
+#breadcrumb > ol.b > li.b > a.b:focus,
+#breadcrumb > ol.b > li.b > a.b:active
+{
+  color: #078600;
+}
+
 #nav > h1.nav,
 #nav > h2.nav.menu
 {
diff --git a/src/main/webapp/css/base/util.css b/src/main/webapp/css/base/util.css
index 6ddf6c07..1ab1226c 100644
--- a/src/main/webapp/css/base/util.css
+++ b/src/main/webapp/css/base/util.css
@@ -12,3 +12,9 @@
   clear:both;
 }
 
+/** Hide helpful content in a way, that it is still accessible to screen-readers */
+.hide{
+  position: absolute;
+  left: -99999999em;
+}
+