Einfache Unterstützung für unterschiedliche Bildschirmgrößen aktiviert
[website] / src / main / webapp / WEB-INF / templates / html5page.jsp
index ba52ec5..46f581e 100644 (file)
@@ -7,41 +7,59 @@
   <head>
     <title>juplo - <t:getAsString name="title"/></title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <base href="${pageContext.request.contextPath}/" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
+    <base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/" />
+    <link rel="stylesheet" type="text/css" href="css/base.css" />
+    <style type="text/css">
+      @import 'css/screen.css' screen and (min-width: 960px)
+    </style>
+    <!--[if IE 8]>
+      <script src="js/ie8.js"></script>
+    <![endif]-->
+    <!--[if IE 7]>
+      <script src="js/ie7.js"></script>
+    <![endif]-->
+    <!--[if lt IE 7]>
+      <script src="js/ie6.js"></script>
+    <![endif]-->
   </head>
   <body>
-    <header id="header">
-      <a href="/" title="Home" id="logo">juplo</a>
-      <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
-      <hr />
-    </header>
-    <div id="breadcrumb">
-      <strong class="b">You are here:</strong>
-      <ol class="b">
-        <t:insertAttribute name="breadcrumb"/>
-      </ol>
-      <a class="hide" href="#navigation">Jump to navigation</a>
-    </div>
-    <div class="content <t:getAsString name="contentclass"/> cf">
-      <section id="content" class="main">
-        <h1><t:getAsString name="title"/></h1>
-        <t:insertAttribute name="maincontent"/>
-      </section>
-      <div class="marginal">
-        <nav id="nav">
-          <a id="navigation"></a>
-          <t:insertAttribute name="navigation"/>
-        </nav>
-        <t:insertAttribute name="marginalcontent" ignore="true"/>
+    <div id="page">
+      <header id="header">
+        <a href="/" title="Home" id="logo">juplo</a>
+        <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
+        <hr class="h" />
+      </header>
+      <div id="breadcrumb">
+        <strong class="b title">You are here:</strong>
+        <ol class="b">
+          <t:insertAttribute name="breadcrumb"/>
+        </ol>
+        <a class="hide" href="#navigation">Jump to navigation</a>
+        <div class="b"></div>
+      </div>
+      <div class="content <t:getAsString name="contentclass"/> cf">
+        <section id="content" class="main">
+          <h1><t:getAsString name="title"/></h1>
+          <t:insertAttribute name="maincontent"/>
+        </section>
+        <div class="marginal">
+          <nav id="nav">
+            <hr />
+            <a id="navigation"></a>
+            <t:insertAttribute name="navigation"/>
+            <hr />
+          </nav>
+          <t:insertAttribute name="marginalcontent" ignore="true"/>
+        </div>
       </div>
+      <footer id="footer">
+        <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>
+        </ul>
+      </footer>
     </div>
-    <footer id="footer">
-      <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>
-      </ul>
-    </footer>
   </body>
 </html>