Rücksprung-Link zum Seitenanfang eingebaut und für Phone-Navigation verwendet

[website] / src / main / webapp / WEB-INF / templates / html5page.jsp
diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp

index 2e5cc80..1ccd625 100644 (file)
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ b/src/main/webapp/WEB-INF/templates/html5page.jsp
@@ -11,8 +11,9 @@
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <t:insertAttribute name="htmlhead"/>
    </head>
-  <body onload="prettyPrint()">
-    <div id="page" class="<t:getAsString name="contentclass"/> cf">
+  <body class="<t:getAsString name="contentclass"/>" onload="prettyPrint()">
+    <a id="top"></a>
+    <div id="page" class="cf">
        <header id="header">
          <h1 id="logo"><a href="${base}index.html" title="Home" class="l">juplo</a></h1>
          <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
@@ -23,7 +24,7 @@
          <ol class="b">
            <t:insertAttribute name="breadcrumb"/>
          </ol>
-        <a class="hide" href="#navigation">Jump to navigation</a>
+        <a class="hide" href="#navigation" title="Show navigation menu">Jump to navigation</a>
          <hr class="b" />
        </div>
        <main class="content cf">
@@ -33,16 +34,17 @@
          </article>
          <div class="marginal">
            <nav id="nav">
-            <hr />
+            <hr class="n"/>
              <a id="navigation"></a>
+            <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
              <t:insertAttribute name="navigation"/>
-            <hr />
+            <hr class="n"/>
            </nav>
            <t:insertAttribute name="marginalcontent" ignore="true"/>
          </div>
        </main>
        <footer id="footer">
-        <hr />
+        <hr class="f" />
          <ul id="footerlinks">
            <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
            <li class="f"><a class="f" href="${base}contact.html">Contact</a></li>