Basis-Layout für veraltete Browser (IE6 & Co.) überarbeitet
[website] / src / main / webapp / WEB-INF / templates / html5page.jsp
index 0cbbdb4..10ba76d 100644 (file)
@@ -7,43 +7,56 @@
   <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
+    </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 />
+      <hr class="h" />
     </header>
-    <div class="content cols_2 cf">
+    <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">
-        <t:insertAttribute name="content"/>
+        <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>
-        <div>
-          <h1>Other nasty but marginal stuff</h1>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-            aliquip ex ea commodo consequat. Duis aute irure dolor in
-            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
+        <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="#f">Contact</a></li>
-        <li class="f"><a class="f" href="#f">Impressum</a></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>