You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@tomee.apache.org by jl...@apache.org on 2011/10/21 18:19:01 UTC

svn commit: r1187443 - in /openejb/site/trunk: content/resources/css/ content/resources/image/ templates/

Author: jlmonteiro
Date: Fri Oct 21 16:19:00 2011
New Revision: 1187443

URL: http://svn.apache.org/viewvc?rev=1187443&view=rev
Log:
First try with the new OpenEJB website

Added:
    openejb/site/trunk/content/resources/image/bg_h3.png   (with props)
    openejb/site/trunk/content/resources/image/bg_list.png   (with props)
    openejb/site/trunk/content/resources/image/h3_facebook.png   (with props)
    openejb/site/trunk/content/resources/image/logo_mini_openEJB.png   (with props)
    openejb/site/trunk/content/resources/image/pct_rss.png   (with props)
    openejb/site/trunk/content/resources/image/picto_avatar.png   (with props)
    openejb/site/trunk/content/resources/image/picto_calendar.png   (with props)
    openejb/site/trunk/content/resources/image/picto_comment.png   (with props)
Modified:
    openejb/site/trunk/content/resources/css/main.css
    openejb/site/trunk/templates/basic.html

Modified: openejb/site/trunk/content/resources/css/main.css
URL: http://svn.apache.org/viewvc/openejb/site/trunk/content/resources/css/main.css?rev=1187443&r1=1187442&r2=1187443&view=diff
==============================================================================
--- openejb/site/trunk/content/resources/css/main.css (original)
+++ openejb/site/trunk/content/resources/css/main.css Fri Oct 21 16:19:00 2011
@@ -39,10 +39,12 @@ h1 a img {border: none;}
 h3 {font-size: 18px; margin-bottom: 10px;}
 
 
-a {text-decoration: none;}
+a {text-decoration: none; color: #9d7d1d;}
 a:visited {text-decoration: none;}
 a:hover, a:active, a:focus { text-decoration: underline;}
 
+
+
 /* Structure */
 body > * {
 	width: 585px;
@@ -59,24 +61,43 @@ body > header {
 
 body > header > h1 {
 	display: block;
-	background: transparent url(http://openejb.staging.apache.org/resources/image/logo_apache.png) no-repeat;
+	background: transparent url(../image/logo_apache.png) no-repeat;
     height: 42px;
 }
 body > header form {
   float: right;
   margin: 20px 155px 0 0;
 }
-
+body > header form input[type="text"]
+{
+  border: 1px solid #d33603;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	padding-right: 20px;
+	margin-right: -15px;
+}
+body > header form input[type="submit"]
+{
+  background: #FFF;
+  color: #d33603;
+  border: 1px solid #d33603;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	padding: 1px 5px;
+}
 /* NAVIGATION ----------------------------------------------------------------*/
 nav {
 position: absolute;
   width: 193px;
   margin-left: 20px;
-  background: url(http://openejb.staging.apache.org/resources/image/bg_nav.png) repeat-y 5px 0;
+  background: url(../image/bg_nav.png) repeat-y 5px 0;
+  padding-bottom: 20px;
   }
 header nav h2 {
 	display: block;
-	background: transparent url(http://openejb.staging.apache.org/resources/image/logo_openEJB.png) no-repeat;
+	background: transparent url(../image/logo_openEJB.png) no-repeat;
     height: 130px;
     width: 193px;
 }
@@ -85,6 +106,11 @@ header nav h2 {
   padding-left: 20px;
   margin: 0;
   }
+ nav hr {
+  color: #bcbdac;
+  background-color: #e7e7e2;
+  margin: 5px 15px;
+}
 nav ul {
   list-style: none;
   padding-left: 5px;
@@ -103,15 +129,19 @@ nav ul a:focus {text-decoration:underlin
 nav ul a.active {
   width: 163px;
   color: #d33603;
-  background: url(http://openejb.staging.apache.org/resources/image/bg_active_link.png) repeat-x 0 12px;
+  background: url(../image/bg_active_link.png) repeat-x 0 10px;
   padding: 1px 0;
-  font-style: normal;
 }
 nav ul a.active em {
   background: #eeede9;
   padding: 1px 10px 1px 5px;
+  font-style: normal;
+}
+nav ul a.feed {
+  width: 163px;
+  background: url(../image/pct_rss.png) no-repeat 5px 2px;
+  padding: 1px 0 1px 33px;
 }
-
 /* MAIN ----------------------------------------------------------------------*/
 section.main {
 	overflow: hidden;
@@ -119,19 +149,16 @@ section.main {
 }
 
 section.main h2 {
-  color: #01b8a9;
+  color: #5D5D5D;
   font-size: 20px;
   text-align: center;
-  width: 585px;
-}
-section.main h2.cool {
-  text-align: left;
-  padding-bottom: 10px;
+  width: 100px;
 }
+
 /*  ----------------------------------------------------------------*/
 
 section.main > section, section.main > article {
-	width: 585px;
+	width: 100%;
 	margin: 10px auto;
 	padding: 10px;
 }
@@ -142,7 +169,6 @@ section.main > section, section.main > a
 	padding: 10px;
 }
 
-
 /* SIDE BLOCK ----------------------------------------------------------------*/
 aside {
 	float: right;
@@ -151,15 +177,28 @@ aside {
 }
 .self {/*margin-top: 140px;*/}
 aside section {
-  margin: 0 0 10px 0;
-	padding: 10px;
+  margin: 0 0 20px 0;
+	padding: 10px 10px 20px 10px;
 	background: #f1f0f0;
 	-moz-box-shadow:  0 4px 4px #b7aea5;
 	-webkit-box-shadow:  0 4px 4px #b7aea5;
 	box-shadow:  0 4px 4px #b7aea5;
 }
-
-aside nav ul {padding-bottom: 10px;}
+aside section.facebook {
+  background: url(../image/h3_facebook.png)  no-repeat 0 0;
+}
+aside section.facebook iframe {
+  border:none; 
+  width:190px; 
+  height:50px;
+}
+aside section.facebook p {
+ margin-top: 20px;
+}
+aside section.facebook p img {
+  vertical-align: top;
+  }
+aside section ul {padding: 10px;}
 
 aside section p {padding: 3px 0;}
 aside nav ul li {
@@ -184,6 +223,10 @@ aside h3 {
     font-size: 14px;
 }
 
+aside h3.facebook {
+    display: none;
+    
+}
 aside h4 {
 	font-size: 14px;
 	font-weight: bold;
@@ -193,120 +236,36 @@ aside h4 {
 	padding: 5px 10px;
 }
 
+/******************** all sections ******************************/
 
-
-
-/* ACTIONS BLOCK -------------------------------------------------------------*/
-
-section.main > article > section.actions {
-  margin: 10px 0 10px 0;
-  padding: 10px 0 10px 0;
+section.main > article > section {
   width: 100%;
-  background: none;
-  border: none;
-}
-section.actions nav ul {}
-section.actions nav ul li {
-
-}
-section.actions nav ul li span {
-  display: inline-block;
-  color: #655c53;
-	font-size: 12px;
-	background: #fff;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	padding: 2px 10px;
-	margin: 0 5px;
-}
-section.actions nav ul li a,section.actions nav ul li a:visited {
-  display: inline-block;
-  color: #655c53;
-	font-size: 12px;
-	background: #e5dfd7;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	padding: 2px 10px;
-	margin: 0 5px;
-	cursor:pointer;
-	text-decoration: none;
-}
-section.actions nav ul li a:hover, section.actions nav ul li a:active, section.actions nav ul li a:focus {text-decoration: underline;}
-
-
-/**********************************************************/
-
-/* section STEPS *********************************************************/
-section.main > section.steps {
-  margin: 0 auto;
-  padding: 0 10px 0 10px;
-  width: auto;
-}
-
-section.steps ul { padding: 10px 0 20px 0; text-align: center;}
-section.steps ul li {
-  display: inline; 
-  padding: 6px 0 6px 35px; 
-  margin: 0 45px 0 0;
-  color: #a49582;
-  font-size: 16px;
-  }
-section.steps ul li.one {
-  background: url(http://openejb.staging.apache.org/resources/image/picto_step_1.png) no-repeat top left;
-  color: #01988c;
-}
-section.steps ul li.two {
-  background: url(http://openejb.staging.apache.org/resources/image/picto_step_2.png) no-repeat top left;
-}
+	margin: 0 0 10px 0;
+	padding: 10px;
 
-section.steps ul li.three {
-  background: url(http://openejb.staging.apache.org/resources/image/picto_step_3.png) no-repeat top left;
-}
-section.steps ul li.four {
-  background: url(http://openejb.staging.apache.org/resources/image/picto_step_4.png) no-repeat top left;
 }
-
-/* section alerte */
-section.main > article > section.alerte {
-  width: 585px;
+section.main > article > div > section {
+  width: 760px;
 	margin: 0 0 10px 0;
 	padding: 10px;
-	background: url(http://openejb.staging.apache.org/resources/image/bg_alerte.png) repeat 0 0;
-	font-size: 12px;
-	color: #f86402;
-	border: none;
-	-moz-border-radius: 0;
-	-webkit-border-radius: 0;
-	border-radius: 0;
-	
 }
-section.alerte p {
-  color: #f86402;
-  padding: 2px 0;
-  
-}
-/******************** all sections ******************************/
 
-section.main > article > section {
-  width: 585px;
+section.main > article > div > section h3 {
+  width: 760px;
 	margin: 0 0 10px 0;
-	padding: 10px;
-	background: #f6f5f4;
-	border: 1px solid #e0d8ce;
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 3px;
-	border-radius: 3px;
+	padding: 5px 0px 7px 0;
+	background: url(../image/bg_h3.png) repeat-x 0 30px;
+	font-size: 24px;
+	font-style: normal;
 }
-section.main > article > div > section {
+section.main > article > div > section h4 {
   width: 760px;
 	margin: 0 0 10px 0;
-	padding: 10px;
+	padding: 5px 0px 7px 0;
+	font-size: 18px;
 }
-
 section h3 span {
-	padding: 3px 10px;
+	padding: 3px 0;
 	color: #5D5D5D;
 	
 }
@@ -316,215 +275,48 @@ section p {
   padding: 7px 0;
   vertical-align: middle;
 }
-
+section p.date {
+  color: #9d7d1d;
+  padding: 7px 0 10px 35px;
+  background: url(../image/picto_calendar.png) no-repeat 0 0;
+  
+}
+section p.highlight {
+  color: #9d7d1d;
+  font-weight: bold;  
+}
 section p em {
-  color: #01b8a9;
+  color: #5D5D5D;
   font-weight: bold;
   font-size: 14px;
   font-style: normal;
 }
-section label {
-  display: inline-block;
-  width: 175px;
-  padding: 0 25px 0 0;
-  text-align: right;
-}
-section label.lRadio {
-  width: auto;
-}
-section label em {
-  color: #e84b1d;
-  padding-right: 3px;
-}
-section input[type=text] {
-  width: 290px;
-  padding: 3px 5px;
-  border: 1px solid #e8e6e6;
-  color: #655c53;
+section p span.avatar {
+  padding: 2px 0 2px 22px;
+  background: url(../image/picto_avatar.png) no-repeat 0 0;
 }
-
-
-/* section coordonnees */
-
-
-section.coord label.lRadio {
-  width: auto;
+section p span.comment {
+  padding: 2px 0 2px 22px;
+  background: url(../image/picto_comment.png) no-repeat 0 0;
 }
 
-section.coord input[type=text] {
-  width: 290px;
-  padding: 3px 5px;
-  border: 1px solid #e8e6e6;
-  color: #655c53;
-}
-section.coord input.codepost[type=text] {
-  width: 100px;
-}
-
-/* section autres informations */
-
-
-section.inform p.no {
-  font-size: 12px;
-  color: #e84b1d;
-  padding: 7px 0 0 200px;
-  margin-bottom: -9px;
-}
-
-section.inform label.lSelect {
-  width: auto;
-  padding: 0 5px 0 15px;
-}
-section.inform label.first {
-  padding: 0 5px 0 0;
-}
+section ul {
+  padding-left: 10px;
 
-
-section.inform input.no[type=text] {
-  width: 290px;
-  padding: 3px 5px;
-  border: 1px solid #e84b1d;
-  color: #e84b1d;
-}
-section.inform input.codepost[type=text] {
-  width: 100px;
 }
-
-/* section achats **/
-section.achats p {
-  padding: 2px 0;
-}
-section.achats p span {
-  display: inline-block;
-  float: right;
-}
-Section.achats ul li {
-  border-bottom: 1px solid #d6cabb;
-  padding-bottom: 5px;
-}
-Section.achats ul li.last {
-  border-bottom: none;
-  padding-top: 5px;
-}
-/**************************/
-/*  input TYPE: checbox, radio, select, goes with class="styled" and custom-form-elements.js */
-/*************************/
-.checkbox, .radio {
-	width: 19px;
-	height: 17px;
-	padding: 0 5px 0 0;
-	background: url(http://openejb.staging.apache.org/resources/image/checkbox.png) no-repeat;
-	display: inline-block;
-}
-.radio {
-	background: url(http://openejb.staging.apache.org/resources/image/radio.png) no-repeat;
-}
-.select {
-	position: absolute;
-	width: auto; 
-	height: 21px;
-	padding: 0 24px 0 8px;
-	margin: 0 10px 0 0;
-	color: #000;
-	font: 12px/21px arial,sans-serif;
-	background: url(http://openejb.staging.apache.org/resources/image/select.png) no-repeat top right;
-	border: 1px solid #eeedec;
-	overflow: hidden;
-}
-
-/*****  action buttons ********/
-section.main > article > section.buttons {
-  width: 585px;
-  background: transparent;
-  border: none;
-}
-section.main > article > div > section.buttons {
-  width: 585px;
-  background: transparent;
-  border: none;
-}
-section.buttons p {
-  text-align: center;
-}
-section.tout p {
-  text-align: right;
-  padding: 0;
-}
-section.buttons p input[type=submit] {
-  color: #FFF;
-	font-weight: bold;
-	font-size: 12px;
-	border: 1px solid #c3c921;
-	-moz-box-shadow:  inset 0 2px 4px #FFF, inset 0 -2px 4px #aab30d;
-	-webkit-box-shadow:  inset 0 2px 4px #FFF, inset 0 -2px 4px #aab30d;
-	box-shadow:  inset 0 2px 4px #FFF, inset 0 -2px 4px #aab30d;
-	background: #c9cf26;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	padding: 15px 15px;
-	margin: 0 5px;
-	cursor:pointer;
-}
-section.buttons p input.all[type=submit] {
-  background: transparent;
-  color: #01988c;
-  border: none;
-  -moz-box-shadow:  none;
-	-webkit-box-shadow:  none;
-	box-shadow:  0 4px 4px #E2E2E2;
-  font-weight: bold;
-  font-size: 12px;
-  text-decoration: underline;
-	padding: 5px;
-	margin: 0 5px;
-	cursor:pointer;
-}
-
-section.buttons p input[type=reset] {
-  background: transparent;
-  color: #01988c;
-  border: none;
-  font-weight: bold;
+section ul li {
   font-size: 12px;
-  text-decoration: underline;
-	padding: 15px 15px;
-	margin: 0 5px;
-	cursor:pointer;
+  background-image: url(../image/bg_list.png);
+  background-repeat: no-repeat;
+  background-position: 0px 6px;
+  padding-left: 16px;
 }
 
-section p.charge {
-float: right;
-margin-top: -60px;
-}
-section p.charge input[type=submit] {
-  color: #FFF;
-	font-weight: bold;
-	font-size: 12px;
-	border: 1px solid #c3c921;
-	-moz-box-shadow:  inset 0 2px 4px #FFF, inset 0 -2px 4px #aab30d;
-	-webkit-box-shadow:  inset 0 2px 4px #FFF, inset 0 -2px 4px #aab30d;
-	box-shadow:  inset 0 2px 4px #FFF, inset 0 -2px 4px #aab30d;
-	background: #c9cf26;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	padding: 15px 15px;
-	margin: 0 5px;
-	cursor:pointer;
-}
 /* CONTENT BLOCK -------------------------------------------------------------*/
 
 /* FOOTER --------------------------------------------------------------------*/
-footer {}
-
-
-/* !!!SPECIFIC CONTENTS!!! -------------------------------------------------- */
-/*  ------------------------------------------------------------*/
-
-  
-
-
 
 
 
+/* !!!SPECIFIC CONTENTS!!! -------------------------------------------------- */
+/*  ------------------------------------------------------------*/
\ No newline at end of file

Added: openejb/site/trunk/content/resources/image/bg_h3.png
URL: http://svn.apache.org/viewvc/openejb/site/trunk/content/resources/image/bg_h3.png?rev=1187443&view=auto
==============================================================================
Binary file - no diff available.

Propchange: openejb/site/trunk/content/resources/image/bg_h3.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: openejb/site/trunk/content/resources/image/bg_list.png
URL: http://svn.apache.org/viewvc/openejb/site/trunk/content/resources/image/bg_list.png?rev=1187443&view=auto
==============================================================================
Binary file - no diff available.

Propchange: openejb/site/trunk/content/resources/image/bg_list.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: openejb/site/trunk/content/resources/image/h3_facebook.png
URL: http://svn.apache.org/viewvc/openejb/site/trunk/content/resources/image/h3_facebook.png?rev=1187443&view=auto
==============================================================================
Binary file - no diff available.

Propchange: openejb/site/trunk/content/resources/image/h3_facebook.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: openejb/site/trunk/content/resources/image/logo_mini_openEJB.png
URL: http://svn.apache.org/viewvc/openejb/site/trunk/content/resources/image/logo_mini_openEJB.png?rev=1187443&view=auto
==============================================================================
Binary file - no diff available.

Propchange: openejb/site/trunk/content/resources/image/logo_mini_openEJB.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: openejb/site/trunk/content/resources/image/pct_rss.png
URL: http://svn.apache.org/viewvc/openejb/site/trunk/content/resources/image/pct_rss.png?rev=1187443&view=auto
==============================================================================
Binary file - no diff available.

Propchange: openejb/site/trunk/content/resources/image/pct_rss.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: openejb/site/trunk/content/resources/image/picto_avatar.png
URL: http://svn.apache.org/viewvc/openejb/site/trunk/content/resources/image/picto_avatar.png?rev=1187443&view=auto
==============================================================================
Binary file - no diff available.

Propchange: openejb/site/trunk/content/resources/image/picto_avatar.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: openejb/site/trunk/content/resources/image/picto_calendar.png
URL: http://svn.apache.org/viewvc/openejb/site/trunk/content/resources/image/picto_calendar.png?rev=1187443&view=auto
==============================================================================
Binary file - no diff available.

Propchange: openejb/site/trunk/content/resources/image/picto_calendar.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: openejb/site/trunk/content/resources/image/picto_comment.png
URL: http://svn.apache.org/viewvc/openejb/site/trunk/content/resources/image/picto_comment.png?rev=1187443&view=auto
==============================================================================
Binary file - no diff available.

Propchange: openejb/site/trunk/content/resources/image/picto_comment.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Modified: openejb/site/trunk/templates/basic.html
URL: http://svn.apache.org/viewvc/openejb/site/trunk/templates/basic.html?rev=1187443&r1=1187442&r2=1187443&view=diff
==============================================================================
--- openejb/site/trunk/templates/basic.html (original)
+++ openejb/site/trunk/templates/basic.html Fri Oct 21 16:19:00 2011
@@ -1,67 +1,189 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-<HTML>
-  <head>
+<!doctype html>
+<html lang="fr">
+<head>
     <title>{% block title %}{{ headers.title }}{% endblock %}</title>
-
-    <link href="/all.css" rel="stylesheet" type="text/css">
-    <!--[if IE]><link rel="stylesheet" type="text/css" media="screen, projection" href="openejb.apache.org/ie.css"><![endif]-->
-
-    <link href="/prettify.css" type="text/css" rel="stylesheet" />
-
-    <script src="/javascript/prettify.js" type="text/javascript"></script>
-    <script src="/javascript/jquery-latest.js"></script>
-    <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
-    <script src="/javascript/common.js"></script>
-    <script src="/javascript/prettyprint.js"></script>
-    <link rel="SHORTCUT ICON" href="http://openejb.apache.org/images/favicon.ico">
-    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
-  </head>
-  <BODY>
-
-  <div id="container">
-      <div id="navigation">
-          <UL>
-              <LI><A href="index.html" title="Index">Home</A></LI>
-              <LI><A href="downloads.html" title="Download">Download</A></LI>
-              <LI><A href="documentation.html" title="Index">Documentation</A></LI>
-              <LI><A href="examples.html" title="Examples">Examples</A></LI>
-              <LI><A href="mailing-lists.html" title="Mailing Lists">Mailing Lists</A></LI>
-              <LI><A href="source-code.html" title="Source Code">Source Code</A></LI>
-              <LI><A href="http://blogs.apache.org/openejb" class="external-link" rel="nofollow">Project Blog</A></LI>
-              <LI><A href="faq.html" title="FAQ">FAQ</A></LI>
-          </UL>
-      </div>
-      <div id="header">
-          <h1>
-              <div id="name">Apache TomEE<br>
-              </div>
-          </h1>
-      </div>
-      <div id="content">
-          {% block content %}{{ content|markdown }}{% endblock %}
-      </div>
-      <div id="footer">
-          <SPAN class="bodyGrey">
-            <SMALL>
-              <NOTICE><!-- $FOOTER -->
-                Apache OpenEJB is an project of The Apache Software Foundation (ASF)
-              </NOTICE>
-            </SMALL>
-          </SPAN>
-      </div>
-  </div>
-
-  <SPAN style="display: none">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <link rel="shortcut icon" type="image/png" href="image/favicon.png">
+    <link href="css/main.css" rel="stylesheet" type="text/css" media="screen">
+    <!--[if IE]>
+    <script src="css/html5-ie.js"></script><![endif]-->
+</head>
+<body>
+<!-- HEADER ======================================================== -->
+<header>
+    <h1><a href="#"><span class="invisible">The Apache software fondation</span></a></h1>
+
+    <form action="http://www.google.com/cse" id="searchbox_010475492895890475512:_t4iqjrgx90">
+        <input type="hidden" value="010475492895890475512:_t4iqjrgx90" name="cx">
+        <input type="hidden" value="FORID:0" name="cof">
+        <input type="text" size="25" name="q"
+               style="border: 1px solid rgb(126, 157, 185); padding: 2px; background: url(&quot;http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif&quot;) no-repeat scroll left center rgb(255, 255, 255);">
+        <input type="submit" value="Search" name="sa">
+        <input type="hidden" name="siteurl" value="openEJB.html"><input type="hidden" name="siteurl"
+                                                                        value="openEJB.html"></form>
+
+    <nav>
+        <h2><a href="#"><span class="invisible">{% block title %}{{ headers.title }}{% endblock %}</span></a></h2>
+
+        <h3>Overview</h3>
+        <ul>
+            <li><a title="Index" href="index.html" class="active"><em>Home</em></a></li>
+            <li><a title="news" href="news.html">News</a></li>
+            <li><a title="FAQ" href="faq.html">FAQ</a></li>
+            <li><a title="Download" href="download.html">Download</a></li>
+            <li><a title="Documentation" href="documentation.html">Documentation</a></li>
+            <li><a title="Examples" href="examples.html">Examples</a></li>
+            <li><a title="Lightning Demos" href="lightningdemos.html">Lightning Demos</a></li>
+            <li><a title="Mailing Lists" href="mailing-lists.html">Mailing Lists</a></li>
+            <li><a title="Source Code" href="source-code.html">Source Code</a></li>
+            <li><a rel="nofollow" class="external-link" href="#">Project Blog</a></li>
+
+        </ul>
+        <hr>
+        <h3>Servers</h3>
+        <ul>
+            <li><a title="Local" href="#">Local</a></li>
+            <li><a title="Remote" href="#">Remote</a></li>
+        </ul>
+        <h3>Integrations</h3>
+        <ul>
+            <li><a title="TomEE" href="tomee.html">TomEE</a></li>
+            <li><a title="Tomcat" href="tomcat.html">Tomcat</a></li>
+            <li><a title="Geronimo" href="geronimo.html">Geronimo</a></li>
+            <li><a title="WebObjects" href="webobjects.html">WebObjects</a></li>
+        </ul>
+        <hr>
+        <h3>Community</h3>
+        <ul>
+            <li><a title="Team" href="team.html">Team</a></li>
+            <li><a title="Articles" href="articles.html">Articles</a></li>
+            <li><a rel="nofollow" class="external-link" href="#">IRC</a></li>
+        </ul>
+        <hr>
+        <h3>Related </h3>
+        <hr>
+        <h3>Projects</h3>
+        <ul>
+            <li><a rel="nofollow" class="external-link" href="http://activemq.apache.org/">ActiveMQ</a></li>
+            <li><a rel="nofollow" class="external-link" href="http://openjpa.apache.org/">OpenJPA</a></li>
+            <li><a rel="nofollow" class="external-link" href="http://cxf.apache.org/">CXF</a></li>
+        </ul>
+        <hr>
+        <h3>Index</h3>
+        <ul>
+            <li><a href="#">Site Index</a></li>
+            <li><a href="#">Doc Index</a></li>
+        </ul>
+        <hr>
+        <h3>Feeds</h3>
+        <ul>
+            <li><a class="feed" href="http://cwiki.apache.org/confluence/spaces/rss.action?key=OPENEJB&newPages=false">Site</a>
+            </li>
+            <li><a class="feed" href="http://cwiki.apache.org/confluence/spaces/blogrss.action?key=OPENEJB">News</a>
+            </li>
+        </ul>
+    </nav>
+</header>
+<!-- /HEADER ======================================================= -->
+
+<!-- MAIN ========================================================== -->
+<section class="main">
+
+    <article class="aside">
+        <div>
+            <aside class="self">
+                <section>
+                    <h3><span>EJB3 Examples</span></h3>
+
+                    <p>Looking for an example of how to use an EJB 3.0 or OpenEJB feature?</p>
+
+                    <p>Check out the newly revised <a href="#">examples.</a> <br/>
+                        Examples include:</p>
+                    <ul>
+                        <li><a href="#">Stateless</a></li>
+                        <li><a href="#">Stateful</a></li>
+                        <li><a href="#">Dependency Injection</a></li>
+                        <li><a href="#">Java Persistence API</a></li>
+                        <li><a href="#">Transaction</a></li>
+                        <li><a href="#">Security</a></li>
+                        <li><a href="#">...and more</a></li>
+                    </ul>
+                </section>
+                <section>
+                    <h3><span>OpenEJB Forums</span></h3>
+
+                    <p>The Nabble site as wonderful support for turning regular mailing lists into online forums. We've
+                        setup OpenEJB and our forums are now open for business. You can easily search and post to any of
+                        our mailing lists via any of the links below:</p>
+                    <ul>
+                        <li><a href="#">OpenEJB Dev Forum
+                        </a></li>
+                        <li><a href="#">OpenEJB User Forum</a></li>
+                    </ul>
+                </section>
+                <section class="facebook">
+                    <h3 class="facebook">Facebook</h3>
+
+                    <p><img src="image/logo_mini_openEJB.png" alt=""/>
+                    <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/OpenEJB"></iframe>
+                    </p>
+                    <h3><span>Join us on Twitter</span></h3>
+
+                    <p>...loading list</p>
+                </section>
+                <section>
+                    <h3><span>Site Updates</span></h3>
+
+                    <p>Recently Updated</p>
+                    <ul>
+                        <li><a href="#">Apache TomEELinks</a><br/>
+                            updated by <a href="#">David Blevins</a><br/>
+                            <a href="#">(view change)</a><br/>
+                            less than a minute ago
+                        </li>
+                        <li><a href="#">TomEE</a><br/>
+                            created by <a href="#">David Blevins</a><br/>
+                            about 11 hours ago
+                        </li>
+                    </ul>
+                </section>
+            </aside>
+
+            <!--welcome -->
+            <section>
+                {% block content %}{{ content|markdown }}{% endblock %}
+            </section>
+
+            <!--News -->
+            <section>
+                <h3><span>News</span></h3>
+
+                <p class="date">Friday April 8, 2011</p>
+
+                <p class="highlight">Apache OpenEJB Get-Together, Tours France, April 18th - 21st</p>
+            </section>
+        </div>
+    </article>
+    <!-- /article -->
+
+
+</section>
+<!-- /MAIN ========================================================= -->
+
+<!-- FOOTER ======================================================== -->
+<footer>
+    <SPAN style="display: none">
     <SCRIPT type="text/javascript" language="JavaScript"
             src="http://cwiki.apache.org/confluence/labels-javascript"></SCRIPT>
 
     <SCRIPT src="http://www.google-analytics.com/urchin.js" type="text/javascript">
     </SCRIPT>
     <SCRIPT type="text/javascript">
-      _uacct = "UA-2717626-1";
-      urchinTracker();
+        _uacct = "UA-2717626-1";
+        urchinTracker();
     </SCRIPT>
   </SPAN>
-
-  </BODY>
-</HTML>
\ No newline at end of file
+</footer>
+<!-- /FOOTER ======================================================= -->
+</body>
+</html>