CSS-Trickserei für Menü-Effekt auf Smartphones
[website] / src / main / webapp / WEB-INF / templates / html5page.jsp
1 <!DOCTYPE html>
2 <%@page contentType="text/html;charset=UTF-8"%>
3 <%@page pageEncoding="UTF-8"%>
4 <%@page session="false" %>
5 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
6 <%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
7 <s:url var="base" value="/" />
8 <html>
9   <head>
10     <title>juplo - <t:getAsString name="title"/></title>
11     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
12     <t:insertAttribute name="htmlhead"/>
13   </head>
14   <body id="top" class="<t:getAsString name="contentclass"/>" onload="prettyPrint()">
15     <div id="page" class="cf">
16       <header id="header">
17         <t:insertAttribute name="header"/>
18         <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
19         <hr class="h" />
20       </header>
21       <div id="breadcrumb">
22         <strong class="b title">You are here:</strong>
23         <ol class="b">
24           <t:insertAttribute name="breadcrumb"/>
25         </ol>
26         <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
27         <hr class="b" />
28       </div>
29       <main class="content cf">
30         <article id="content" class="main">
31           <header><h1><t:getAsString name="title"/></h1></header>
32           <t:insertAttribute name="maincontent"/>
33         </article>
34         <div class="marginal">
35           <nav id="nav">
36             <hr class="n"/>
37             <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
38             <t:insertAttribute name="navigation"/>
39             <hr class="n"/>
40           </nav>
41           <t:insertAttribute name="marginalcontent" ignore="true"/>
42         </div>
43       </main>
44       <footer id="footer">
45         <hr class="f" />
46         <ul id="footerlinks">
47           <t:insertAttribute name="footer"/>
48         </ul>
49       </footer>
50     </div>
51   </body>
52 </html>