Faux-Column-Hack gekürzt: der Zentrierungs-DIV kan mitverwendet werden
[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 <html>
7   <head>
8     <title>juplo - <t:getAsString name="title"/></title>
9     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
10     <base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/" />
11     <link rel="stylesheet" type="text/css" href="css/base.css" />
12     <style type="text/css">
13       @import 'css/screen.css' screen and (min-width: 960px);
14       @import 'css/phone.css' screen and (max-width: 599px);
15       @import 'css/tiny.css' screen and (max-width: 399px);
16     </style>
17     <script src="js/base.js"></script>
18     <!--[if IE 8]>
19       <script src="js/ie8.js"></script>
20     <![endif]-->
21     <!--[if IE 7]>
22       <script src="js/ie7.js"></script>
23     <![endif]-->
24     <!--[if lt IE 7]>
25       <script src="js/ie6.js"></script>
26     <![endif]-->
27   </head>
28   <body onload="prettyPrint()">
29     <div id="page" class="<t:getAsString name="contentclass"/>">
30       <header id="header">
31         <a href="/" title="Home" id="logo">juplo</a>
32         <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
33         <hr class="h" />
34       </header>
35       <div id="breadcrumb">
36         <strong class="b title">You are here:</strong>
37         <ol class="b">
38           <t:insertAttribute name="breadcrumb"/>
39         </ol>
40         <a class="hide" href="#navigation">Jump to navigation</a>
41         <div class="b"></div>
42       </div>
43       <div class="content cf">
44         <section id="content" class="main">
45           <h1><t:getAsString name="title"/></h1>
46           <t:insertAttribute name="maincontent"/>
47         </section>
48         <div class="marginal">
49           <nav id="nav">
50             <hr />
51             <a id="navigation"></a>
52             <t:insertAttribute name="navigation"/>
53             <hr />
54           </nav>
55           <t:insertAttribute name="marginalcontent" ignore="true"/>
56         </div>
57       </div>
58       <footer id="footer">
59         <hr />
60         <ul id="footerlinks">
61           <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
62           <li class="f"><a class="f" href="contact.html">Contact</a></li>
63           <li class="f"><a class="f" href="impressum.html">Impressum</a></li>
64         </ul>
65       </footer>
66     </div>
67   </body>
68 </html>