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