Viewport-Definition von Mobile HTML5-boilerplate übernommen

[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 5930ac8..aff3b5f 100644 (file)
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ b/src/main/webapp/WEB-INF/templates/html5page.jsp
@@ -3,31 +3,34 @@
  <%@page pageEncoding="UTF-8"%>
  <%@page session="false" %>
  <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<s:url var="base" value="/" />
  <html>
    <head>
      <title>juplo - <t:getAsString name="title"/></title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/" />
-    <link rel="stylesheet" type="text/css" href="css/base.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
      <style type="text/css">
-      @import 'css/screen.css' screen and (min-width: 960px);
-      @import 'css/phone.css' screen and (max-width: 599px);
+      @import '${base}css/screen.css' screen and (min-width: 960px);
+      @import '${base}css/phone.css' screen and (max-width: 599px);
+      @import '${base}css/tiny.css' screen and (max-width: 399px);
      </style>
-    <script src="js/base.js"></script>
+    <script src="${base}js/base.js"></script>
      <!--[if IE 8]>
-      <script src="js/ie8.js"></script>
+      <script src="${base}js/ie8.js"></script>
      <![endif]-->
      <!--[if IE 7]>
-      <script src="js/ie7.js"></script>
+      <script src="${base}js/ie7.js"></script>
      <![endif]-->
      <!--[if lt IE 7]>
-      <script src="js/ie6.js"></script>
+      <script src="${base}js/ie6.js"></script>
      <![endif]-->
    </head>
    <body onload="prettyPrint()">
-    <div id="page">
+    <div id="page" class="<t:getAsString name="contentclass"/>">
        <header id="header">
-        <a href="/" title="Home" id="logo">juplo</a>
+        <a href="${base}index.html" title="Home" id="logo">juplo</a>
          <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
          <hr class="h" />
        </header>
@@ -39,7 +42,7 @@
          <a class="hide" href="#navigation">Jump to navigation</a>
          <div class="b"></div>
        </div>
-      <div class="content <t:getAsString name="contentclass"/> cf">
+      <div class="content cf">
          <section id="content" class="main">
            <h1><t:getAsString name="title"/></h1>
            <t:insertAttribute name="maincontent"/>
@@ -58,8 +61,8 @@
          <hr />
          <ul id="footerlinks">
            <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
-          <li class="f"><a class="f" href="contact.html">Contact</a></li>
-          <li class="f"><a class="f" href="impressum.html">Impressum</a></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>
          </ul>
        </footer>
      </div>