CSS-Trickserei für Menü-Effekt auf Smartphones
[website] / src / main / webapp / WEB-INF / templates / html5page.jsp
index 9a5ea5e..5918e65 100644 (file)
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <t:insertAttribute name="htmlhead"/>
   </head>
-  <body class="<t:getAsString name="contentclass"/>" onload="prettyPrint()">
+  <body id="top" class="<t:getAsString name="contentclass"/>" onload="prettyPrint()">
     <div id="page" class="cf">
       <header id="header">
-        <h1 id="logo"><a href="${base}index.html" title="Home" class="l">juplo</a></h1>
+        <t:insertAttribute name="header"/>
         <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
         <hr class="h" />
       </header>
@@ -23,7 +23,7 @@
         <ol class="b">
           <t:insertAttribute name="breadcrumb"/>
         </ol>
-        <a class="hide" href="#navigation" title="Show navigation menu">Jump to navigation</a>
+        <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
         <hr class="b" />
       </div>
       <main class="content cf">
@@ -34,7 +34,7 @@
         <div class="marginal">
           <nav id="nav">
             <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 class="n"/>
           </nav>
@@ -44,9 +44,7 @@
       <footer id="footer">
         <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>
-          <li class="f"><a class="f" href="${base}impressum.html">Impressum</a></li>
+          <t:insertAttribute name="footer"/>
         </ul>
       </footer>
     </div>