You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@felix.apache.org by bu...@apache.org on 2013/02/06 17:23:23 UTC

svn commit: r849584 [17/18] - in /websites/staging/felix/trunk/content: ./ documentation/subprojects/ documentation/subprojects/apache-felix-ipojo/ documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-devguide/ documentation/subprojects/apac...

Modified: websites/staging/felix/trunk/content/documentation/subprojects/apache-felix-ipojo/handlers-proposition.html
==============================================================================
--- websites/staging/felix/trunk/content/documentation/subprojects/apache-felix-ipojo/handlers-proposition.html (original)
+++ websites/staging/felix/trunk/content/documentation/subprojects/apache-felix-ipojo/handlers-proposition.html Wed Feb  6 16:23:22 2013
@@ -1,7 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <!--
-
     Licensed to the Apache Software Foundation (ASF) under one or more
     contributor license agreements.  See the NOTICE file distributed with
     this work for additional information regarding copyright ownership.
@@ -17,200 +16,142 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <head>
+
+<head>
     <title>Apache Felix - Handlers Proposition</title>
     <link rel="icon" href="/res/favicon.ico">
-    <link rel="stylesheet" href="/site/media.data/site.css" type="text/css" media="all">
-    <link rel="stylesheet" href="/ipojo/site/superfish.css" type="text/css" media="all">
-    <link rel="stylesheet" href="/ipojo/site/style.css" type="text/css" media="all">
-    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
     
-    <!--
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shCore.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushCSharp.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushPhp.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushJScript.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushVb.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushSql.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushXml.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushShell.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushDelphi.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushPython.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushJava.js"></script>
-    -->
-    
-    <script type="text/javascript" src="/ipojo/site/jquery-1.js"></script>
-    <script type="text/javascript" src="/ipojo/site/hoverIntent.js"></script>
-    <script type="text/javascript" src="/ipojo/site/superfish.js"></script> 
-    <script type="text/javascript" src="/ipojo/site/supersubs.js"></script> 
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="The most powerful component model for OSGi">
+
     
-    <script type="text/javascript"> 
-     
-        $(document).ready(function(){ 
-            $("ul.sf-menu").supersubs({ 
-                minWidth:    14,   // minimum width of sub-menus in em units 
-                maxWidth:    30,   // maximum width of sub-menus in em units 
-                extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
-                                   // due to slight rounding differences and font-family 
-            }).superfish();  // call supersubs first, then superfish, so that subs are 
-                             // not display:none when measuring. Call before initialising 
-                             // containing tabs for same reason. 
-        }); 
-     
-    </script>
+    <link href="/ipojo/web/bootstrap/css/bootstrap-cerulean.css" rel="stylesheet">
+    <link href="/ipojo/web/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
+    <link href="/ipojo/web/bootstrap/css/font-awesome.min.css" rel="stylesheet">
+    <link href="/ipojo/web/style.css" rel="stylesheet">
+
+
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="/ipojo/web/bootstrap/js/bootstrap.min.js"></script>
     
-  </head>
-  <body>
-    <div class="title">
-      <div class="logo">
-        <a href="http://felix.apache.org/">
-          <img border="0" alt="Apache Felix" src="/res/logo.png">
-        </a>
-      </div>
-      <div class="header">
-        <a href="http://www.apache.org/">
-          <img border="0" alt="Apache" src="/res/apache.png">
-        </a>
-      </div>
+</head>
+
+<body data-spy="scroll" data-target=".subnav">
+    <div class="navbar navbar-fixed-top navbar-inverse">
+        <div class="navbar-inner">
+            <div class="container">
+               <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+                 <span class="icon-bar"></span>
+                 <span class="icon-bar"></span>
+                 <span class="icon-bar"></span>
+                </a>
+                <a class="brand" href="#">Apache Felix iPOJO</a>
+         
+                 <div class="nav-collapse" id="main-menu">
+                    <ul class="nav" id="main-menu-left">
+                        <li><a href="news.html">News</a></li>
+                        <li><a href="/downloads.cgi">Download</a></li>
+                    
+                        <li class="dropdown">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Tutorials <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="user-guide-menu">
+                                <li><a href="">Why choose iPOJO</a></li>
+                                <li><a href="">Success stories</a></li>
+                                <li><a href="">Features</a></li>
+                                <li class="divider"></li>
+                                <li><a href="">iPOJO in 10 minutes</a></li>
+                                <li><a href="">Using Annotations</a></li>
+                                <li><a href="">Maven tutorial</a></li>
+                                <li><a href="">Advanced tutorial</a></li>
+                                <li><a href="">Using Distributed OSGi</a></li>
+                                <li><a href="">Application Composition</a></li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Documentation <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="user-guide-menu">
+                                <li><a href="">Requiring a service</a></li>
+                                <li><a href="">Providing a service</a></li>
+                                <li><a href="">Lifecycle management</a></li>
+                                <li><a href="">Configuration</a></li>
+                                <li><a href="">Introspection</a></li>
+                                <li><a href="">Impacting the lifecycle</a></li>
+                                <li class="divider"></li>
+                                <li class="dropdown-submenu">
+                                    <a tabindex="-1" href="#">External <em>handlers</em></a>
+                                    <ul class="dropdown-menu">
+                                        <li><a href="">Asynchronous communication</a></li>
+                                        <li><a href="">JMX management</a></li>
+                                        <li><a href="">Extender pattern</a></li>
+                                        <li><a href="">Whiteboard pattern</a></li>
+                                        <li><a href="">Temporal dependencies</a></li>
+                                    </ul>
+                                </li>                                            
+                                <li class="divider"></li>
+                                <li class="dropdown-submenu">
+                                    <a tabindex="-1" href="#">Advanced topics</a>
+                                    <ul class="dropdown-menu">
+                                        <li><a href="">iPOJO and config admin</a></li>
+                                        <li><a href="">Factories and Instances</a></li>
+                                        <li><a href="">XML Schemas</a></li>
+                                        <li><a href="">API</a></li>
+                                        <li><a href="">Testing components</a></li>
+                                        <li><a href="">Eclipse Integration</a></li>
+                                        <li><a href="">FAQ</a></li>
+                                        <li><a href="">Reference Card</a></li>
+                                        <li class="divider"></li>
+                                        <li><a href="">Handler development</a></li>
+                                        <li><a href="">Manipulation Metadata </a></li>
+                                        <li><a href="">Dive into the iPOJO Manipulation depths</a></li>
+                                    </ul>
+                                </li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown" id="tools-menu">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Tools <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="swatch-menu">
+                                <li><a href="">Ant Task</a></li>
+                                <li><a href="">Eclipse Plugin</a></li>
+                                <li><a href="">Maven Plugin</a></li>
+                                <li><a href="">`arch` shell command</a></li>
+                                <li><a href="">Online Manipulator</a></li>
+                                <li><a href="">Webconsole plugin</a></li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown" id="community-menu">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Community <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="swatch-menu">
+                                <li><a href="">Support</a></li>
+                                <li><a href="http://www.apache.org/">ASF</a></li>
+                                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                                <li><a href="http://www.apache.org/foundation/thanks.html">Sponsors</a></li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown" id="misc-menu">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Misc <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="swatch-menu">
+                                <li><a href="">Supported JVMs</a></li>
+                                <li><a href="">Supported OSGi Implementations</a></li>
+                                <li><a href="">Article & Presentations</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+                    <ul class="nav pull-right" id="main-menu-right">
+                        <li><a rel="tooltip" target="_blank" href="http://felix.apache.org">Apache Felix <i class="icon-share-alt"></i></a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>    
     </div>
-  
-    <div class="main">
-    <div class="main">
-    <div class="page-header">
-    <img src="/ipojo/site/header.png" class="header">
-    <a href="http://ipojo.org"><img src="/ipojo/site/ipojo.png" width="225" class="header-logo"></a>
-    <ul class="sf-menu sf-js-enabled sf-shadow" id="ipojo-menu">
-    <li class="current">
-    <!-- Menu Overview -->
-    <a href="#" class="sf-with-ul">Overview<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-        <li>
-        <a href="">Home</a>                          
-        </li>
-        <li>
-        <a href="">Why choose iPOJO</a>
-        </li>
-        <li>
-        <a href="">Success stories</a>
-        </li>
-        <li>
-        <a href="">Features</a>
-        </li>
-    </ul>
-    </li>   
-    
-    <li class="">           
-    <!-- Menu download -->
-    <li>
-    <a href="/downloads.cgi">Download </a>
-    </li>
-    
-    <li class="">                   
-    <!-- Menu Documentation -->
-    <a href="#" class="sf-with-ul">Documentation<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-        <!-- sub-menu : getting started -->
-        <li class="">
-        <a href="#" class="sf-with-ul">Getting Started<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-        <ul>
-         <li><a href="">iPOJO in 10 minutes</a></li>
-         <li><a href="">Using Annotations</a></li>
-         <li><a href="">Maven tutorial</a></li>
-         <li><a href="">Advanced tutorial</a></li>
-         <li><a href="">Using Distributed OSGi</a></li>
-         <li><a href="">Application Composition</a></li>
-        </ul>
-        </li> <!-- end of getting started -->
-        <!-- sub menu : Describing Components -->
-         <li class="">
-            <a href="" class="sf-with-ul">Describing components<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-            <ul>
-            <li><a href="">Requiring a service</a></li>
-            <li><a href="">Providing a service</a></li>
-            <li><a href="">Lifecycle management</a></li>
-            <li><a href="">Configuration</a></li>
-            <li><a href="">Introspection</a></li>
-            <li><a href="">Impacting the lifecycle</a></li>
-            <li><a href="">Asynchronous communication</a></li>
-            <li><a href="">JMX management</a></li>
-            <li><a href="">Extender pattern</a></li>
-            <li><a href="">Whiteboard pattern</a></li>
-            <li><a href="">Temporal dependencies</a></li>
-            </ul>
-         </li> <!-- End of describing components -->
-        <!-- sub-menu : User Guide -->
-        <li class="">
-        <a href="" class="sf-with-ul">User Guide<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-            <ul>
-            <li><a href="">iPOJO and config admin</a></li>
-            <li><a href="">Factories and Instances</a></li>
-            <li><a href="">XML Schemas</a></li>
-            <li><a href="">API</a></li>
-            <li><a href="">Testing components</a></li>
-            <li><a href="">Eclipse Integration</a></li>
-            <li><a href="">FAQ</a></li>
-            <li><a href="">Reference Card</a></li>
-            </ul>
-        </li> <!-- end of user guide -->
-        <!-- sub-menu : Dev Guide -->
-        <li> 
-        <a href="#" class="sf-with-ul">Advanced Topics<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-           <ul>
-            <li><a href="http://felix.apache.org/ipojo/api/1.6.0">Javadoc</a></li>
-            <li><a href="">Handler development</a></li>
-            <li><a href="">Manipulation Metadata </a></li>
-            <li><a href="">Dive into the iPOJO Manipulation depths</a></li>
-           </ul>
-        </li> <!-- End of Dev guide -->
-    </ul> 
-    </li> <!-- End of doc -->
-    <!-- Menu 4 : Tools -->
-    <li class="">
-    <a href="#" class="sf-with-ul">Tools<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-       <li><a href="">Ant Task</a></li>
-       <li><a href="">Eclipse Plugin</a></li>
-       <li><a href="">Maven Plugin</a></li>
-       <li><a href="">`arch` shell command</a></li>
-       <li><a href="">Online Manipulator</a></li>
-       <li><a href="">Webconsole plugin</a></li>
-       <li><a href="">Junit4OSGi</a></li>
-    </ul>   
-    </li><!-- End of tools -->  
-    <!-- Menu 5 : Support -->
-    <li>
-    <a href="">Support </a>
-    </li>
-    <!-- End of the menu 5 -->          
-    <!-- Menu 6 : Misc -->
-    <li class="">
-    <a href="#" class="sf-with-ul">Misc<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-       <li><a href="">Supported JVMs</a></li>
-       <li><a href="">Supported OSGi Implementations</a></li>
-       <li><a href="http://ipojo-dark-side.blogspot.com">iPOJO's Dark Side Blog</a></li>
-       <li><a href="">Article & Presentations</a></li>
-       <li><a href="http://www.apache.org/">ASF</a></li>
-       <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
-       <li><a href="http://www.apache.org/foundation/thanks.html">Sponsors</a></li>
-    </ul>
-    </li><!-- End of misc -->
-    </ul> <!-- End of the menu -->
-    </div> <!-- Page header -->
-  
-      <!-- 
-      
-      <div class="tip">
-           This page is a translated version of <a href="/site/handlers-proposition.html" target="felix_cwiki">/site/handlers-proposition.html</a>. In case of
-           doubt you might want to refer to the old page.
-      </div>
-      
-      -->
-      
-      <h1>Handlers Proposition</h1>
-      
-      <div class="content">
-        <p>This page gathers <em>future</em> handlers for iPOJO. Some handlers are planned or are under study.</p>
+
+    <div class="container">
+        <div class="content">
+            <p>This page gathers <em>future</em> handlers for iPOJO. Some handlers are planned or are under study.</p>
 <h2 id="component-binding">Component Binding</h2>
 <ul>
 <li>WireAdmin : this handler allows components to push or to receive data via the Wire Admin. Either the component will be connected to an existing wire, either a new wire will be created.</li>
@@ -225,31 +166,37 @@
 <li>CronService : this handler allows a component to be notified <em>periodically</em> via a Cron Service.</li>
 <li>MonitorAdmin</li>
 </ul>
-      </div>
-      
-      <img src="http://felix.apache.org/ipojo/site/footer.png" class="footer">
-
-      <div class="timestamp" style="margin-top: 30px; font-size: 80%; text-align: right;">
-        Rev. 1422427 by fmeschbe on Sun, 16 Dec 2012 00:36:51 +0000
-      </div>
-      <div class="trademarkFooter"> 
-        Apache Felix, Felix, Apache, the Apache feather logo, and the Apache Felix project
-        logo are trademarks of The Apache Software Foundation. All other marks mentioned
-        may be trademarks or registered trademarks of their respective owners.
-      </div>
+        </div>
     </div>
+
+    <hr/>
+
+    <div class="container">
+        <footer id="footer">
+            <div class="row">
+                <div class="trademarkFooter span7"> 
+                Apache Felix, Felix, Apache, the Apache feather logo, and the Apache Felix project
+                logo are trademarks of The Apache Software Foundation. All other marks mentioned
+                may be trademarks or registered trademarks of their respective owners.
+                </div>
+                <div class="timestamp span3 offset2">
+                Rev. 1422427 by fmeschbe on Sun, 16 Dec 2012 00:36:51 +0000
+                </div>
+            </div>
+        </footer>           
     </div>
-    
-    <script type="text/javascript">
+</body>
+
+<script type="text/javascript">
     var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
     document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
-    </script>
-    <script type="text/javascript">
+</script>
+
+<script type="text/javascript">
     try{
-    var pageTracker = _gat._getTracker("UA-1518442-4");
-    pageTracker._trackPageview();
+        var pageTracker = _gat._getTracker("UA-1518442-4");
+        pageTracker._trackPageview();
     } catch(err) {}
-    </script>
+</script>
 
-  </body>
 </html>

Modified: websites/staging/felix/trunk/content/documentation/subprojects/apache-felix-ipojo/ipojo-news.html
==============================================================================
--- websites/staging/felix/trunk/content/documentation/subprojects/apache-felix-ipojo/ipojo-news.html (original)
+++ websites/staging/felix/trunk/content/documentation/subprojects/apache-felix-ipojo/ipojo-news.html Wed Feb  6 16:23:22 2013
@@ -1,7 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <!--
-
     Licensed to the Apache Software Foundation (ASF) under one or more
     contributor license agreements.  See the NOTICE file distributed with
     this work for additional information regarding copyright ownership.
@@ -17,200 +16,142 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <head>
+
+<head>
     <title>Apache Felix - iPOJO-news</title>
     <link rel="icon" href="/res/favicon.ico">
-    <link rel="stylesheet" href="/site/media.data/site.css" type="text/css" media="all">
-    <link rel="stylesheet" href="/ipojo/site/superfish.css" type="text/css" media="all">
-    <link rel="stylesheet" href="/ipojo/site/style.css" type="text/css" media="all">
-    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
     
-    <!--
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shCore.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushCSharp.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushPhp.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushJScript.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushVb.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushSql.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushXml.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushShell.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushDelphi.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushPython.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushJava.js"></script>
-    -->
-    
-    <script type="text/javascript" src="/ipojo/site/jquery-1.js"></script>
-    <script type="text/javascript" src="/ipojo/site/hoverIntent.js"></script>
-    <script type="text/javascript" src="/ipojo/site/superfish.js"></script> 
-    <script type="text/javascript" src="/ipojo/site/supersubs.js"></script> 
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="The most powerful component model for OSGi">
+
     
-    <script type="text/javascript"> 
-     
-        $(document).ready(function(){ 
-            $("ul.sf-menu").supersubs({ 
-                minWidth:    14,   // minimum width of sub-menus in em units 
-                maxWidth:    30,   // maximum width of sub-menus in em units 
-                extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
-                                   // due to slight rounding differences and font-family 
-            }).superfish();  // call supersubs first, then superfish, so that subs are 
-                             // not display:none when measuring. Call before initialising 
-                             // containing tabs for same reason. 
-        }); 
-     
-    </script>
+    <link href="/ipojo/web/bootstrap/css/bootstrap-cerulean.css" rel="stylesheet">
+    <link href="/ipojo/web/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
+    <link href="/ipojo/web/bootstrap/css/font-awesome.min.css" rel="stylesheet">
+    <link href="/ipojo/web/style.css" rel="stylesheet">
+
+
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="/ipojo/web/bootstrap/js/bootstrap.min.js"></script>
     
-  </head>
-  <body>
-    <div class="title">
-      <div class="logo">
-        <a href="http://felix.apache.org/">
-          <img border="0" alt="Apache Felix" src="/res/logo.png">
-        </a>
-      </div>
-      <div class="header">
-        <a href="http://www.apache.org/">
-          <img border="0" alt="Apache" src="/res/apache.png">
-        </a>
-      </div>
+</head>
+
+<body data-spy="scroll" data-target=".subnav">
+    <div class="navbar navbar-fixed-top navbar-inverse">
+        <div class="navbar-inner">
+            <div class="container">
+               <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+                 <span class="icon-bar"></span>
+                 <span class="icon-bar"></span>
+                 <span class="icon-bar"></span>
+                </a>
+                <a class="brand" href="#">Apache Felix iPOJO</a>
+         
+                 <div class="nav-collapse" id="main-menu">
+                    <ul class="nav" id="main-menu-left">
+                        <li><a href="news.html">News</a></li>
+                        <li><a href="/downloads.cgi">Download</a></li>
+                    
+                        <li class="dropdown">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Tutorials <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="user-guide-menu">
+                                <li><a href="">Why choose iPOJO</a></li>
+                                <li><a href="">Success stories</a></li>
+                                <li><a href="">Features</a></li>
+                                <li class="divider"></li>
+                                <li><a href="">iPOJO in 10 minutes</a></li>
+                                <li><a href="">Using Annotations</a></li>
+                                <li><a href="">Maven tutorial</a></li>
+                                <li><a href="">Advanced tutorial</a></li>
+                                <li><a href="">Using Distributed OSGi</a></li>
+                                <li><a href="">Application Composition</a></li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Documentation <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="user-guide-menu">
+                                <li><a href="">Requiring a service</a></li>
+                                <li><a href="">Providing a service</a></li>
+                                <li><a href="">Lifecycle management</a></li>
+                                <li><a href="">Configuration</a></li>
+                                <li><a href="">Introspection</a></li>
+                                <li><a href="">Impacting the lifecycle</a></li>
+                                <li class="divider"></li>
+                                <li class="dropdown-submenu">
+                                    <a tabindex="-1" href="#">External <em>handlers</em></a>
+                                    <ul class="dropdown-menu">
+                                        <li><a href="">Asynchronous communication</a></li>
+                                        <li><a href="">JMX management</a></li>
+                                        <li><a href="">Extender pattern</a></li>
+                                        <li><a href="">Whiteboard pattern</a></li>
+                                        <li><a href="">Temporal dependencies</a></li>
+                                    </ul>
+                                </li>                                            
+                                <li class="divider"></li>
+                                <li class="dropdown-submenu">
+                                    <a tabindex="-1" href="#">Advanced topics</a>
+                                    <ul class="dropdown-menu">
+                                        <li><a href="">iPOJO and config admin</a></li>
+                                        <li><a href="">Factories and Instances</a></li>
+                                        <li><a href="">XML Schemas</a></li>
+                                        <li><a href="">API</a></li>
+                                        <li><a href="">Testing components</a></li>
+                                        <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-eclipse-integration.html">Eclipse Integration</a></li>
+                                        <li><a href="">FAQ</a></li>
+                                        <li><a href="">Reference Card</a></li>
+                                        <li class="divider"></li>
+                                        <li><a href="">Handler development</a></li>
+                                        <li><a href="">Manipulation Metadata </a></li>
+                                        <li><a href="">Dive into the iPOJO Manipulation depths</a></li>
+                                    </ul>
+                                </li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown" id="tools-menu">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Tools <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="swatch-menu">
+                                <li><a href="">Ant Task</a></li>
+                                <li><a href="">Eclipse Plugin</a></li>
+                                <li><a href="">Maven Plugin</a></li>
+                                <li><a href="">`arch` shell command</a></li>
+                                <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-online-manipulator.html">Online Manipulator</a></li>
+                                <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-tools/ipojo-webconsole-plugin.html">Webconsole plugin</a></li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown" id="community-menu">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Community <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="swatch-menu">
+                                <li><a href="">Support</a></li>
+                                <li><a href="http://www.apache.org/">ASF</a></li>
+                                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                                <li><a href="http://www.apache.org/foundation/thanks.html">Sponsors</a></li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown" id="misc-menu">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Misc <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="swatch-menu">
+                                <li><a href="">Supported JVMs</a></li>
+                                <li><a href="">Supported OSGi Implementations</a></li>
+                                <li><a href="">Article & Presentations</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+                    <ul class="nav pull-right" id="main-menu-right">
+                        <li><a rel="tooltip" target="_blank" href="http://felix.apache.org">Apache Felix <i class="icon-share-alt"></i></a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>    
     </div>
-  
-    <div class="main">
-    <div class="main">
-    <div class="page-header">
-    <img src="/ipojo/site/header.png" class="header">
-    <a href="http://ipojo.org"><img src="/ipojo/site/ipojo.png" width="225" class="header-logo"></a>
-    <ul class="sf-menu sf-js-enabled sf-shadow" id="ipojo-menu">
-    <li class="current">
-    <!-- Menu Overview -->
-    <a href="#" class="sf-with-ul">Overview<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-        <li>
-        <a href="">Home</a>                          
-        </li>
-        <li>
-        <a href="">Why choose iPOJO</a>
-        </li>
-        <li>
-        <a href="">Success stories</a>
-        </li>
-        <li>
-        <a href="">Features</a>
-        </li>
-    </ul>
-    </li>   
-    
-    <li class="">           
-    <!-- Menu download -->
-    <li>
-    <a href="/downloads.cgi">Download </a>
-    </li>
-    
-    <li class="">                   
-    <!-- Menu Documentation -->
-    <a href="#" class="sf-with-ul">Documentation<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-        <!-- sub-menu : getting started -->
-        <li class="">
-        <a href="#" class="sf-with-ul">Getting Started<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-        <ul>
-         <li><a href="">iPOJO in 10 minutes</a></li>
-         <li><a href="">Using Annotations</a></li>
-         <li><a href="">Maven tutorial</a></li>
-         <li><a href="">Advanced tutorial</a></li>
-         <li><a href="">Using Distributed OSGi</a></li>
-         <li><a href="">Application Composition</a></li>
-        </ul>
-        </li> <!-- end of getting started -->
-        <!-- sub menu : Describing Components -->
-         <li class="">
-            <a href="" class="sf-with-ul">Describing components<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-            <ul>
-            <li><a href="">Requiring a service</a></li>
-            <li><a href="">Providing a service</a></li>
-            <li><a href="">Lifecycle management</a></li>
-            <li><a href="">Configuration</a></li>
-            <li><a href="">Introspection</a></li>
-            <li><a href="">Impacting the lifecycle</a></li>
-            <li><a href="">Asynchronous communication</a></li>
-            <li><a href="">JMX management</a></li>
-            <li><a href="">Extender pattern</a></li>
-            <li><a href="">Whiteboard pattern</a></li>
-            <li><a href="">Temporal dependencies</a></li>
-            </ul>
-         </li> <!-- End of describing components -->
-        <!-- sub-menu : User Guide -->
-        <li class="">
-        <a href="" class="sf-with-ul">User Guide<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-            <ul>
-            <li><a href="">iPOJO and config admin</a></li>
-            <li><a href="">Factories and Instances</a></li>
-            <li><a href="">XML Schemas</a></li>
-            <li><a href="">API</a></li>
-            <li><a href="">Testing components</a></li>
-            <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-eclipse-integration.html">Eclipse Integration</a></li>
-            <li><a href="">FAQ</a></li>
-            <li><a href="">Reference Card</a></li>
-            </ul>
-        </li> <!-- end of user guide -->
-        <!-- sub-menu : Dev Guide -->
-        <li> 
-        <a href="#" class="sf-with-ul">Advanced Topics<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-           <ul>
-            <li><a href="http://felix.apache.org/ipojo/api/1.6.0">Javadoc</a></li>
-            <li><a href="">Handler development</a></li>
-            <li><a href="">Manipulation Metadata </a></li>
-            <li><a href="">Dive into the iPOJO Manipulation depths</a></li>
-           </ul>
-        </li> <!-- End of Dev guide -->
-    </ul> 
-    </li> <!-- End of doc -->
-    <!-- Menu 4 : Tools -->
-    <li class="">
-    <a href="#" class="sf-with-ul">Tools<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-       <li><a href="">Ant Task</a></li>
-       <li><a href="">Eclipse Plugin</a></li>
-       <li><a href="">Maven Plugin</a></li>
-       <li><a href="">`arch` shell command</a></li>
-       <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-online-manipulator.html">Online Manipulator</a></li>
-       <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-tools/ipojo-webconsole-plugin.html">Webconsole plugin</a></li>
-       <li><a href="">Junit4OSGi</a></li>
-    </ul>   
-    </li><!-- End of tools -->  
-    <!-- Menu 5 : Support -->
-    <li>
-    <a href="">Support </a>
-    </li>
-    <!-- End of the menu 5 -->          
-    <!-- Menu 6 : Misc -->
-    <li class="">
-    <a href="#" class="sf-with-ul">Misc<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-       <li><a href="">Supported JVMs</a></li>
-       <li><a href="">Supported OSGi Implementations</a></li>
-       <li><a href="http://ipojo-dark-side.blogspot.com">iPOJO's Dark Side Blog</a></li>
-       <li><a href="">Article & Presentations</a></li>
-       <li><a href="http://www.apache.org/">ASF</a></li>
-       <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
-       <li><a href="http://www.apache.org/foundation/thanks.html">Sponsors</a></li>
-    </ul>
-    </li><!-- End of misc -->
-    </ul> <!-- End of the menu -->
-    </div> <!-- Page header -->
-  
-      <!-- 
-      
-      <div class="tip">
-           This page is a translated version of <a href="/site/ipojo-news.html" target="felix_cwiki">/site/ipojo-news.html</a>. In case of
-           doubt you might want to refer to the old page.
-      </div>
-      
-      -->
-      
-      <h1>iPOJO-news</h1>
-      
-      <div class="content">
-        <h1 id="whats-hot">What's hot ?</h1>
+
+    <div class="container">
+        <div class="content">
+            <h1 id="whats-hot">What's hot ?</h1>
 <ul>
 <li><em>iPOJO Core, Composite and Annotations 1.8.4 are now available</em> : iPOJO Runtime (Core), the composite support and the annotations are now available from the <a href="/documentation/subprojects/apache-felix-ipojo/download.html">Download</a> section and the Maven Central repository. (2012-11-06)</li>
 <li><em>iPOJO Manipulator 1.8.6 is now available</em> : The new manipulator, the iPOJO Ant task, Maven and BND plugin are now available from the <a href="/documentation/subprojects/apache-felix-ipojo/download.html">Download</a> section and the Maven Central repository. (2012-11-06)</li>
@@ -249,31 +190,37 @@
 <li><em>Towards iPOJO 1.2.0</em> : The release process has began (2009-01-15)</li>
 <li><em>Release of the Apache Felix iPOJO 1.0.0</em> : iPOJO 1.0.0 is available in the <a href="/documentation/subprojects/apache-felix-ipojo/download.html">download section</a>, Enjoy! (2008-10-22)</li>
 </ul>
-      </div>
-      
-      <img src="http://felix.apache.org/ipojo/site/footer.png" class="footer">
-
-      <div class="timestamp" style="margin-top: 30px; font-size: 80%; text-align: right;">
-        Rev. 1441864 by fmeschbe on Sun, 3 Feb 2013 06:44:40 +0000
-      </div>
-      <div class="trademarkFooter"> 
-        Apache Felix, Felix, Apache, the Apache feather logo, and the Apache Felix project
-        logo are trademarks of The Apache Software Foundation. All other marks mentioned
-        may be trademarks or registered trademarks of their respective owners.
-      </div>
+        </div>
     </div>
+
+    <hr/>
+
+    <div class="container">
+        <footer id="footer">
+            <div class="row">
+                <div class="trademarkFooter span7"> 
+                Apache Felix, Felix, Apache, the Apache feather logo, and the Apache Felix project
+                logo are trademarks of The Apache Software Foundation. All other marks mentioned
+                may be trademarks or registered trademarks of their respective owners.
+                </div>
+                <div class="timestamp span3 offset2">
+                Rev. 1441864 by fmeschbe on Sun, 3 Feb 2013 06:44:40 +0000
+                </div>
+            </div>
+        </footer>           
     </div>
-    
-    <script type="text/javascript">
+</body>
+
+<script type="text/javascript">
     var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
     document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
-    </script>
-    <script type="text/javascript">
+</script>
+
+<script type="text/javascript">
     try{
-    var pageTracker = _gat._getTracker("UA-1518442-4");
-    pageTracker._trackPageview();
+        var pageTracker = _gat._getTracker("UA-1518442-4");
+        pageTracker._trackPageview();
     } catch(err) {}
-    </script>
+</script>
 
-  </body>
 </html>

Modified: websites/staging/felix/trunk/content/documentation/subprojects/apache-felix-ipojo/ipojo-reference-card.html
==============================================================================
--- websites/staging/felix/trunk/content/documentation/subprojects/apache-felix-ipojo/ipojo-reference-card.html (original)
+++ websites/staging/felix/trunk/content/documentation/subprojects/apache-felix-ipojo/ipojo-reference-card.html Wed Feb  6 16:23:22 2013
@@ -1,7 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <!--
-
     Licensed to the Apache Software Foundation (ASF) under one or more
     contributor license agreements.  See the NOTICE file distributed with
     this work for additional information regarding copyright ownership.
@@ -17,200 +16,142 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <head>
+
+<head>
     <title>Apache Felix - iPOJO-Reference-Card</title>
     <link rel="icon" href="/res/favicon.ico">
-    <link rel="stylesheet" href="/site/media.data/site.css" type="text/css" media="all">
-    <link rel="stylesheet" href="/ipojo/site/superfish.css" type="text/css" media="all">
-    <link rel="stylesheet" href="/ipojo/site/style.css" type="text/css" media="all">
-    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
     
-    <!--
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shCore.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushCSharp.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushPhp.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushJScript.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushVb.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushSql.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushXml.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushShell.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushDelphi.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushPython.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushJava.js"></script>
-    -->
-    
-    <script type="text/javascript" src="/ipojo/site/jquery-1.js"></script>
-    <script type="text/javascript" src="/ipojo/site/hoverIntent.js"></script>
-    <script type="text/javascript" src="/ipojo/site/superfish.js"></script> 
-    <script type="text/javascript" src="/ipojo/site/supersubs.js"></script> 
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="The most powerful component model for OSGi">
+
     
-    <script type="text/javascript"> 
-     
-        $(document).ready(function(){ 
-            $("ul.sf-menu").supersubs({ 
-                minWidth:    14,   // minimum width of sub-menus in em units 
-                maxWidth:    30,   // maximum width of sub-menus in em units 
-                extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
-                                   // due to slight rounding differences and font-family 
-            }).superfish();  // call supersubs first, then superfish, so that subs are 
-                             // not display:none when measuring. Call before initialising 
-                             // containing tabs for same reason. 
-        }); 
-     
-    </script>
+    <link href="/ipojo/web/bootstrap/css/bootstrap-cerulean.css" rel="stylesheet">
+    <link href="/ipojo/web/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
+    <link href="/ipojo/web/bootstrap/css/font-awesome.min.css" rel="stylesheet">
+    <link href="/ipojo/web/style.css" rel="stylesheet">
+
+
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="/ipojo/web/bootstrap/js/bootstrap.min.js"></script>
     
-  </head>
-  <body>
-    <div class="title">
-      <div class="logo">
-        <a href="http://felix.apache.org/">
-          <img border="0" alt="Apache Felix" src="/res/logo.png">
-        </a>
-      </div>
-      <div class="header">
-        <a href="http://www.apache.org/">
-          <img border="0" alt="Apache" src="/res/apache.png">
-        </a>
-      </div>
+</head>
+
+<body data-spy="scroll" data-target=".subnav">
+    <div class="navbar navbar-fixed-top navbar-inverse">
+        <div class="navbar-inner">
+            <div class="container">
+               <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+                 <span class="icon-bar"></span>
+                 <span class="icon-bar"></span>
+                 <span class="icon-bar"></span>
+                </a>
+                <a class="brand" href="#">Apache Felix iPOJO</a>
+         
+                 <div class="nav-collapse" id="main-menu">
+                    <ul class="nav" id="main-menu-left">
+                        <li><a href="news.html">News</a></li>
+                        <li><a href="/downloads.cgi">Download</a></li>
+                    
+                        <li class="dropdown">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Tutorials <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="user-guide-menu">
+                                <li><a href="">Why choose iPOJO</a></li>
+                                <li><a href="">Success stories</a></li>
+                                <li><a href="">Features</a></li>
+                                <li class="divider"></li>
+                                <li><a href="">iPOJO in 10 minutes</a></li>
+                                <li><a href="">Using Annotations</a></li>
+                                <li><a href="">Maven tutorial</a></li>
+                                <li><a href="">Advanced tutorial</a></li>
+                                <li><a href="">Using Distributed OSGi</a></li>
+                                <li><a href="">Application Composition</a></li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Documentation <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="user-guide-menu">
+                                <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/service-requirement-handler.html">Requiring a service</a></li>
+                                <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/providing-osgi-services.html">Providing a service</a></li>
+                                <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/lifecycle-callback-handler.html">Lifecycle management</a></li>
+                                <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/configuration-handler.html">Configuration</a></li>
+                                <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/architecture-handler.html">Introspection</a></li>
+                                <li><a href="">Impacting the lifecycle</a></li>
+                                <li class="divider"></li>
+                                <li class="dropdown-submenu">
+                                    <a tabindex="-1" href="#">External <em>handlers</em></a>
+                                    <ul class="dropdown-menu">
+                                        <li><a href="">Asynchronous communication</a></li>
+                                        <li><a href="">JMX management</a></li>
+                                        <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/extender-pattern-handler.html">Extender pattern</a></li>
+                                        <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/white-board-pattern-handler.html">Whiteboard pattern</a></li>
+                                        <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/temporal-service-dependency.html">Temporal dependencies</a></li>
+                                    </ul>
+                                </li>                                            
+                                <li class="divider"></li>
+                                <li class="dropdown-submenu">
+                                    <a tabindex="-1" href="#">Advanced topics</a>
+                                    <ul class="dropdown-menu">
+                                        <li><a href="">iPOJO and config admin</a></li>
+                                        <li><a href="">Factories and Instances</a></li>
+                                        <li><a href="">XML Schemas</a></li>
+                                        <li><a href="">API</a></li>
+                                        <li><a href="">Testing components</a></li>
+                                        <li><a href="">Eclipse Integration</a></li>
+                                        <li><a href="">FAQ</a></li>
+                                        <li><a href="">Reference Card</a></li>
+                                        <li class="divider"></li>
+                                        <li><a href="">Handler development</a></li>
+                                        <li><a href="">Manipulation Metadata </a></li>
+                                        <li><a href="">Dive into the iPOJO Manipulation depths</a></li>
+                                    </ul>
+                                </li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown" id="tools-menu">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Tools <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="swatch-menu">
+                                <li><a href="">Ant Task</a></li>
+                                <li><a href="">Eclipse Plugin</a></li>
+                                <li><a href="">Maven Plugin</a></li>
+                                <li><a href="">`arch` shell command</a></li>
+                                <li><a href="">Online Manipulator</a></li>
+                                <li><a href="">Webconsole plugin</a></li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown" id="community-menu">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Community <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="swatch-menu">
+                                <li><a href="">Support</a></li>
+                                <li><a href="http://www.apache.org/">ASF</a></li>
+                                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                                <li><a href="http://www.apache.org/foundation/thanks.html">Sponsors</a></li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown" id="misc-menu">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Misc <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="swatch-menu">
+                                <li><a href="">Supported JVMs</a></li>
+                                <li><a href="">Supported OSGi Implementations</a></li>
+                                <li><a href="">Article & Presentations</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+                    <ul class="nav pull-right" id="main-menu-right">
+                        <li><a rel="tooltip" target="_blank" href="http://felix.apache.org">Apache Felix <i class="icon-share-alt"></i></a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>    
     </div>
-  
-    <div class="main">
-    <div class="main">
-    <div class="page-header">
-    <img src="/ipojo/site/header.png" class="header">
-    <a href="http://ipojo.org"><img src="/ipojo/site/ipojo.png" width="225" class="header-logo"></a>
-    <ul class="sf-menu sf-js-enabled sf-shadow" id="ipojo-menu">
-    <li class="current">
-    <!-- Menu Overview -->
-    <a href="#" class="sf-with-ul">Overview<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-        <li>
-        <a href="">Home</a>                          
-        </li>
-        <li>
-        <a href="">Why choose iPOJO</a>
-        </li>
-        <li>
-        <a href="">Success stories</a>
-        </li>
-        <li>
-        <a href="">Features</a>
-        </li>
-    </ul>
-    </li>   
-    
-    <li class="">           
-    <!-- Menu download -->
-    <li>
-    <a href="/downloads.cgi">Download </a>
-    </li>
-    
-    <li class="">                   
-    <!-- Menu Documentation -->
-    <a href="#" class="sf-with-ul">Documentation<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-        <!-- sub-menu : getting started -->
-        <li class="">
-        <a href="#" class="sf-with-ul">Getting Started<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-        <ul>
-         <li><a href="">iPOJO in 10 minutes</a></li>
-         <li><a href="">Using Annotations</a></li>
-         <li><a href="">Maven tutorial</a></li>
-         <li><a href="">Advanced tutorial</a></li>
-         <li><a href="">Using Distributed OSGi</a></li>
-         <li><a href="">Application Composition</a></li>
-        </ul>
-        </li> <!-- end of getting started -->
-        <!-- sub menu : Describing Components -->
-         <li class="">
-            <a href="" class="sf-with-ul">Describing components<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-            <ul>
-            <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/service-requirement-handler.html">Requiring a service</a></li>
-            <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/providing-osgi-services.html">Providing a service</a></li>
-            <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/lifecycle-callback-handler.html">Lifecycle management</a></li>
-            <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/configuration-handler.html">Configuration</a></li>
-            <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/architecture-handler.html">Introspection</a></li>
-            <li><a href="">Impacting the lifecycle</a></li>
-            <li><a href="">Asynchronous communication</a></li>
-            <li><a href="">JMX management</a></li>
-            <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/extender-pattern-handler.html">Extender pattern</a></li>
-            <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/white-board-pattern-handler.html">Whiteboard pattern</a></li>
-            <li><a href="/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/temporal-service-dependency.html">Temporal dependencies</a></li>
-            </ul>
-         </li> <!-- End of describing components -->
-        <!-- sub-menu : User Guide -->
-        <li class="">
-        <a href="" class="sf-with-ul">User Guide<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-            <ul>
-            <li><a href="">iPOJO and config admin</a></li>
-            <li><a href="">Factories and Instances</a></li>
-            <li><a href="">XML Schemas</a></li>
-            <li><a href="">API</a></li>
-            <li><a href="">Testing components</a></li>
-            <li><a href="">Eclipse Integration</a></li>
-            <li><a href="">FAQ</a></li>
-            <li><a href="">Reference Card</a></li>
-            </ul>
-        </li> <!-- end of user guide -->
-        <!-- sub-menu : Dev Guide -->
-        <li> 
-        <a href="#" class="sf-with-ul">Advanced Topics<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-           <ul>
-            <li><a href="http://felix.apache.org/ipojo/api/1.6.0">Javadoc</a></li>
-            <li><a href="">Handler development</a></li>
-            <li><a href="">Manipulation Metadata </a></li>
-            <li><a href="">Dive into the iPOJO Manipulation depths</a></li>
-           </ul>
-        </li> <!-- End of Dev guide -->
-    </ul> 
-    </li> <!-- End of doc -->
-    <!-- Menu 4 : Tools -->
-    <li class="">
-    <a href="#" class="sf-with-ul">Tools<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-       <li><a href="">Ant Task</a></li>
-       <li><a href="">Eclipse Plugin</a></li>
-       <li><a href="">Maven Plugin</a></li>
-       <li><a href="">`arch` shell command</a></li>
-       <li><a href="">Online Manipulator</a></li>
-       <li><a href="">Webconsole plugin</a></li>
-       <li><a href="">Junit4OSGi</a></li>
-    </ul>   
-    </li><!-- End of tools -->  
-    <!-- Menu 5 : Support -->
-    <li>
-    <a href="">Support </a>
-    </li>
-    <!-- End of the menu 5 -->          
-    <!-- Menu 6 : Misc -->
-    <li class="">
-    <a href="#" class="sf-with-ul">Misc<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-       <li><a href="">Supported JVMs</a></li>
-       <li><a href="">Supported OSGi Implementations</a></li>
-       <li><a href="http://ipojo-dark-side.blogspot.com">iPOJO's Dark Side Blog</a></li>
-       <li><a href="">Article & Presentations</a></li>
-       <li><a href="http://www.apache.org/">ASF</a></li>
-       <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
-       <li><a href="http://www.apache.org/foundation/thanks.html">Sponsors</a></li>
-    </ul>
-    </li><!-- End of misc -->
-    </ul> <!-- End of the menu -->
-    </div> <!-- Page header -->
-  
-      <!-- 
-      
-      <div class="tip">
-           This page is a translated version of <a href="/site/ipojo-reference-card.html" target="felix_cwiki">/site/ipojo-reference-card.html</a>. In case of
-           doubt you might want to refer to the old page.
-      </div>
-      
-      -->
-      
-      <h1>iPOJO-Reference-Card</h1>
-      
-      <div class="content">
-        <h1 id="declaring-component-types">Declaring component types</h1>
+
+    <div class="container">
+        <div class="content">
+            <h1 id="declaring-component-types">Declaring component types</h1>
 <p>{code:xml|title=XML}
 <component
     classname="my.Implementation"
@@ -926,31 +867,37 @@ public class MyComponent {
 | omModification | no | | specifies the method called when a matching service provider is modified and is still matching. The method receives the ServiceReference object |
 {center}
 * [White Board Pattern Handler](/documentation/subprojects/apache-felix-ipojo/apache-felix-ipojo-userguide/describing-components/white-board-pattern-handler.html)
-      </div>
-      
-      <img src="http://felix.apache.org/ipojo/site/footer.png" class="footer">
-
-      <div class="timestamp" style="margin-top: 30px; font-size: 80%; text-align: right;">
-        Rev. 1441864 by fmeschbe on Sun, 3 Feb 2013 06:44:40 +0000
-      </div>
-      <div class="trademarkFooter"> 
-        Apache Felix, Felix, Apache, the Apache feather logo, and the Apache Felix project
-        logo are trademarks of The Apache Software Foundation. All other marks mentioned
-        may be trademarks or registered trademarks of their respective owners.
-      </div>
+        </div>
     </div>
+
+    <hr/>
+
+    <div class="container">
+        <footer id="footer">
+            <div class="row">
+                <div class="trademarkFooter span7"> 
+                Apache Felix, Felix, Apache, the Apache feather logo, and the Apache Felix project
+                logo are trademarks of The Apache Software Foundation. All other marks mentioned
+                may be trademarks or registered trademarks of their respective owners.
+                </div>
+                <div class="timestamp span3 offset2">
+                Rev. 1441864 by fmeschbe on Sun, 3 Feb 2013 06:44:40 +0000
+                </div>
+            </div>
+        </footer>           
     </div>
-    
-    <script type="text/javascript">
+</body>
+
+<script type="text/javascript">
     var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
     document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
-    </script>
-    <script type="text/javascript">
+</script>
+
+<script type="text/javascript">
     try{
-    var pageTracker = _gat._getTracker("UA-1518442-4");
-    pageTracker._trackPageview();
+        var pageTracker = _gat._getTracker("UA-1518442-4");
+        pageTracker._trackPageview();
     } catch(err) {}
-    </script>
+</script>
 
-  </body>
 </html>

Modified: websites/staging/felix/trunk/content/documentation/subprojects/apache-felix-ipojo/ipojo-support.html
==============================================================================
--- websites/staging/felix/trunk/content/documentation/subprojects/apache-felix-ipojo/ipojo-support.html (original)
+++ websites/staging/felix/trunk/content/documentation/subprojects/apache-felix-ipojo/ipojo-support.html Wed Feb  6 16:23:22 2013
@@ -1,7 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <!--
-
     Licensed to the Apache Software Foundation (ASF) under one or more
     contributor license agreements.  See the NOTICE file distributed with
     this work for additional information regarding copyright ownership.
@@ -17,200 +16,142 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-  <head>
+
+<head>
     <title>Apache Felix - ipojo-support</title>
     <link rel="icon" href="/res/favicon.ico">
-    <link rel="stylesheet" href="/site/media.data/site.css" type="text/css" media="all">
-    <link rel="stylesheet" href="/ipojo/site/superfish.css" type="text/css" media="all">
-    <link rel="stylesheet" href="/ipojo/site/style.css" type="text/css" media="all">
-    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
-    
-    <!--
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shCore.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushCSharp.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushPhp.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushJScript.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushVb.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushSql.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushXml.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushShell.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushDelphi.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushPython.js"></script>
-    <script class="javascript" src="http://cwiki.apache.org/confluence/download/resources/confluence.ext.code:code/shBrushJava.js"></script>
-    -->
-    
-    <script type="text/javascript" src="/ipojo/site/jquery-1.js"></script>
-    <script type="text/javascript" src="/ipojo/site/hoverIntent.js"></script>
-    <script type="text/javascript" src="/ipojo/site/superfish.js"></script> 
-    <script type="text/javascript" src="/ipojo/site/supersubs.js"></script> 
-    
-    <script type="text/javascript"> 
-     
-        $(document).ready(function(){ 
-            $("ul.sf-menu").supersubs({ 
-                minWidth:    14,   // minimum width of sub-menus in em units 
-                maxWidth:    30,   // maximum width of sub-menus in em units 
-                extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
-                                   // due to slight rounding differences and font-family 
-            }).superfish();  // call supersubs first, then superfish, so that subs are 
-                             // not display:none when measuring. Call before initialising 
-                             // containing tabs for same reason. 
-        }); 
-     
-    </script>
-    
-  </head>
-  <body>
-    <div class="title">
-      <div class="logo">
-        <a href="http://felix.apache.org/">
-          <img border="0" alt="Apache Felix" src="/res/logo.png">
-        </a>
-      </div>
-      <div class="header">
-        <a href="http://www.apache.org/">
-          <img border="0" alt="Apache" src="/res/apache.png">
-        </a>
-      </div>
-    </div>
-  
-    <div class="main">
-    <div class="main">
-    <div class="page-header">
-    <img src="/ipojo/site/header.png" class="header">
-    <a href="http://ipojo.org"><img src="/ipojo/site/ipojo.png" width="225" class="header-logo"></a>
-    <ul class="sf-menu sf-js-enabled sf-shadow" id="ipojo-menu">
-    <li class="current">
-    <!-- Menu Overview -->
-    <a href="#" class="sf-with-ul">Overview<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-        <li>
-        <a href="">Home</a>                          
-        </li>
-        <li>
-        <a href="">Why choose iPOJO</a>
-        </li>
-        <li>
-        <a href="">Success stories</a>
-        </li>
-        <li>
-        <a href="">Features</a>
-        </li>
-    </ul>
-    </li>   
     
-    <li class="">           
-    <!-- Menu download -->
-    <li>
-    <a href="/downloads.cgi">Download </a>
-    </li>
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="The most powerful component model for OSGi">
+
     
-    <li class="">                   
-    <!-- Menu Documentation -->
-    <a href="#" class="sf-with-ul">Documentation<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-        <!-- sub-menu : getting started -->
-        <li class="">
-        <a href="#" class="sf-with-ul">Getting Started<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-        <ul>
-         <li><a href="">iPOJO in 10 minutes</a></li>
-         <li><a href="">Using Annotations</a></li>
-         <li><a href="">Maven tutorial</a></li>
-         <li><a href="">Advanced tutorial</a></li>
-         <li><a href="">Using Distributed OSGi</a></li>
-         <li><a href="">Application Composition</a></li>
-        </ul>
-        </li> <!-- end of getting started -->
-        <!-- sub menu : Describing Components -->
-         <li class="">
-            <a href="" class="sf-with-ul">Describing components<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-            <ul>
-            <li><a href="">Requiring a service</a></li>
-            <li><a href="">Providing a service</a></li>
-            <li><a href="">Lifecycle management</a></li>
-            <li><a href="">Configuration</a></li>
-            <li><a href="">Introspection</a></li>
-            <li><a href="">Impacting the lifecycle</a></li>
-            <li><a href="">Asynchronous communication</a></li>
-            <li><a href="">JMX management</a></li>
-            <li><a href="">Extender pattern</a></li>
-            <li><a href="">Whiteboard pattern</a></li>
-            <li><a href="">Temporal dependencies</a></li>
-            </ul>
-         </li> <!-- End of describing components -->
-        <!-- sub-menu : User Guide -->
-        <li class="">
-        <a href="" class="sf-with-ul">User Guide<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-            <ul>
-            <li><a href="">iPOJO and config admin</a></li>
-            <li><a href="">Factories and Instances</a></li>
-            <li><a href="">XML Schemas</a></li>
-            <li><a href="">API</a></li>
-            <li><a href="">Testing components</a></li>
-            <li><a href="">Eclipse Integration</a></li>
-            <li><a href="">FAQ</a></li>
-            <li><a href="">Reference Card</a></li>
-            </ul>
-        </li> <!-- end of user guide -->
-        <!-- sub-menu : Dev Guide -->
-        <li> 
-        <a href="#" class="sf-with-ul">Advanced Topics<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-           <ul>
-            <li><a href="http://felix.apache.org/ipojo/api/1.6.0">Javadoc</a></li>
-            <li><a href="">Handler development</a></li>
-            <li><a href="">Manipulation Metadata </a></li>
-            <li><a href="">Dive into the iPOJO Manipulation depths</a></li>
-           </ul>
-        </li> <!-- End of Dev guide -->
-    </ul> 
-    </li> <!-- End of doc -->
-    <!-- Menu 4 : Tools -->
-    <li class="">
-    <a href="#" class="sf-with-ul">Tools<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-       <li><a href="">Ant Task</a></li>
-       <li><a href="">Eclipse Plugin</a></li>
-       <li><a href="">Maven Plugin</a></li>
-       <li><a href="">`arch` shell command</a></li>
-       <li><a href="">Online Manipulator</a></li>
-       <li><a href="">Webconsole plugin</a></li>
-       <li><a href="">Junit4OSGi</a></li>
-    </ul>   
-    </li><!-- End of tools -->  
-    <!-- Menu 5 : Support -->
-    <li>
-    <a href="">Support </a>
-    </li>
-    <!-- End of the menu 5 -->          
-    <!-- Menu 6 : Misc -->
-    <li class="">
-    <a href="#" class="sf-with-ul">Misc<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
-    <ul>
-       <li><a href="">Supported JVMs</a></li>
-       <li><a href="">Supported OSGi Implementations</a></li>
-       <li><a href="http://ipojo-dark-side.blogspot.com">iPOJO's Dark Side Blog</a></li>
-       <li><a href="">Article & Presentations</a></li>
-       <li><a href="http://www.apache.org/">ASF</a></li>
-       <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
-       <li><a href="http://www.apache.org/foundation/thanks.html">Sponsors</a></li>
-    </ul>
-    </li><!-- End of misc -->
-    </ul> <!-- End of the menu -->
-    </div> <!-- Page header -->
-  
-      <!-- 
-      
-      <div class="tip">
-           This page is a translated version of <a href="/site/ipojo-support.html" target="felix_cwiki">/site/ipojo-support.html</a>. In case of
-           doubt you might want to refer to the old page.
-      </div>
-      
-      -->
-      
-      <h1>ipojo-support</h1>
-      
-      <div class="content">
-        <h1 id="support">Support</h1>
+    <link href="/ipojo/web/bootstrap/css/bootstrap-cerulean.css" rel="stylesheet">
+    <link href="/ipojo/web/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
+    <link href="/ipojo/web/bootstrap/css/font-awesome.min.css" rel="stylesheet">
+    <link href="/ipojo/web/style.css" rel="stylesheet">
+
+
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+    <script src="/ipojo/web/bootstrap/js/bootstrap.min.js"></script>
+    
+</head>
+
+<body data-spy="scroll" data-target=".subnav">
+    <div class="navbar navbar-fixed-top navbar-inverse">
+        <div class="navbar-inner">
+            <div class="container">
+               <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+                 <span class="icon-bar"></span>
+                 <span class="icon-bar"></span>
+                 <span class="icon-bar"></span>
+                </a>
+                <a class="brand" href="#">Apache Felix iPOJO</a>
+         
+                 <div class="nav-collapse" id="main-menu">
+                    <ul class="nav" id="main-menu-left">
+                        <li><a href="news.html">News</a></li>
+                        <li><a href="/downloads.cgi">Download</a></li>
+                    
+                        <li class="dropdown">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Tutorials <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="user-guide-menu">
+                                <li><a href="">Why choose iPOJO</a></li>
+                                <li><a href="">Success stories</a></li>
+                                <li><a href="">Features</a></li>
+                                <li class="divider"></li>
+                                <li><a href="">iPOJO in 10 minutes</a></li>
+                                <li><a href="">Using Annotations</a></li>
+                                <li><a href="">Maven tutorial</a></li>
+                                <li><a href="">Advanced tutorial</a></li>
+                                <li><a href="">Using Distributed OSGi</a></li>
+                                <li><a href="">Application Composition</a></li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Documentation <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="user-guide-menu">
+                                <li><a href="">Requiring a service</a></li>
+                                <li><a href="">Providing a service</a></li>
+                                <li><a href="">Lifecycle management</a></li>
+                                <li><a href="">Configuration</a></li>
+                                <li><a href="">Introspection</a></li>
+                                <li><a href="">Impacting the lifecycle</a></li>
+                                <li class="divider"></li>
+                                <li class="dropdown-submenu">
+                                    <a tabindex="-1" href="#">External <em>handlers</em></a>
+                                    <ul class="dropdown-menu">
+                                        <li><a href="">Asynchronous communication</a></li>
+                                        <li><a href="">JMX management</a></li>
+                                        <li><a href="">Extender pattern</a></li>
+                                        <li><a href="">Whiteboard pattern</a></li>
+                                        <li><a href="">Temporal dependencies</a></li>
+                                    </ul>
+                                </li>                                            
+                                <li class="divider"></li>
+                                <li class="dropdown-submenu">
+                                    <a tabindex="-1" href="#">Advanced topics</a>
+                                    <ul class="dropdown-menu">
+                                        <li><a href="">iPOJO and config admin</a></li>
+                                        <li><a href="">Factories and Instances</a></li>
+                                        <li><a href="">XML Schemas</a></li>
+                                        <li><a href="">API</a></li>
+                                        <li><a href="">Testing components</a></li>
+                                        <li><a href="">Eclipse Integration</a></li>
+                                        <li><a href="">FAQ</a></li>
+                                        <li><a href="">Reference Card</a></li>
+                                        <li class="divider"></li>
+                                        <li><a href="">Handler development</a></li>
+                                        <li><a href="">Manipulation Metadata </a></li>
+                                        <li><a href="">Dive into the iPOJO Manipulation depths</a></li>
+                                    </ul>
+                                </li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown" id="tools-menu">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Tools <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="swatch-menu">
+                                <li><a href="">Ant Task</a></li>
+                                <li><a href="">Eclipse Plugin</a></li>
+                                <li><a href="">Maven Plugin</a></li>
+                                <li><a href="">`arch` shell command</a></li>
+                                <li><a href="">Online Manipulator</a></li>
+                                <li><a href="">Webconsole plugin</a></li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown" id="community-menu">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Community <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="swatch-menu">
+                                <li><a href="">Support</a></li>
+                                <li><a href="http://www.apache.org/">ASF</a></li>
+                                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                                <li><a href="http://www.apache.org/foundation/thanks.html">Sponsors</a></li>
+                            </ul>
+                        </li>
+
+                        <li class="dropdown" id="misc-menu">
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Misc <b class="caret"></b></a>
+                            <ul class="dropdown-menu" id="swatch-menu">
+                                <li><a href="">Supported JVMs</a></li>
+                                <li><a href="">Supported OSGi Implementations</a></li>
+                                <li><a href="">Article & Presentations</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+                    <ul class="nav pull-right" id="main-menu-right">
+                        <li><a rel="tooltip" target="_blank" href="http://felix.apache.org">Apache Felix <i class="icon-share-alt"></i></a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>    
+    </div>
+
+    <div class="container">
+        <div class="content">
+            <h1 id="support">Support</h1>
 <p><em>Two types of support are provided for Apache Felix iPOJO. The community support is free but relies on the availability of iPOJO developers. Professional supports are provided by companies guarantying a fast and efficient feedback.</em></p>
 <h2 id="community-support">Community Support</h2>
 <h3 id="mailing-list">Mailing List</h3>
@@ -255,31 +196,37 @@ If your company also provides profession
     </div>
     <div class="box-blue-footer"></div>
 </div>
-      </div>
-      
-      <img src="http://felix.apache.org/ipojo/site/footer.png" class="footer">
-
-      <div class="timestamp" style="margin-top: 30px; font-size: 80%; text-align: right;">
-        Rev. 1441864 by fmeschbe on Sun, 3 Feb 2013 06:44:40 +0000
-      </div>
-      <div class="trademarkFooter"> 
-        Apache Felix, Felix, Apache, the Apache feather logo, and the Apache Felix project
-        logo are trademarks of The Apache Software Foundation. All other marks mentioned
-        may be trademarks or registered trademarks of their respective owners.
-      </div>
+        </div>
     </div>
+
+    <hr/>
+
+    <div class="container">
+        <footer id="footer">
+            <div class="row">
+                <div class="trademarkFooter span7"> 
+                Apache Felix, Felix, Apache, the Apache feather logo, and the Apache Felix project
+                logo are trademarks of The Apache Software Foundation. All other marks mentioned
+                may be trademarks or registered trademarks of their respective owners.
+                </div>
+                <div class="timestamp span3 offset2">
+                Rev. 1441864 by fmeschbe on Sun, 3 Feb 2013 06:44:40 +0000
+                </div>
+            </div>
+        </footer>           
     </div>
-    
-    <script type="text/javascript">
+</body>
+
+<script type="text/javascript">
     var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
     document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
-    </script>
-    <script type="text/javascript">
+</script>
+
+<script type="text/javascript">
     try{
-    var pageTracker = _gat._getTracker("UA-1518442-4");
-    pageTracker._trackPageview();
+        var pageTracker = _gat._getTracker("UA-1518442-4");
+        pageTracker._trackPageview();
     } catch(err) {}
-    </script>
+</script>
 
-  </body>
 </html>