openhatch button, supposed to facilitate the involvement of new contributors

website/index.html

@@ -34,7 +34,9 @@
             <li><a href="http://sourceforge.net/project/?group_id=9775">Project page</a></li>
             <li>see also <a href="http://paradiseo.gforge.inria.fr/">ParadisEO</a></li>
         </ul>
+        </div>
 
+        <div class="shortcuts">
         <ol>
             <lh>Jump to section:</lh>
             <li>
@@ -144,8 +146,30 @@
     </p>
 
     <p>With the help of EO, you can easily design evolutionary algorithms that will find solutions to virtually all kind of hard optimization problems, from continuous to combinatorial ones.</p>
-    
-    
+
+    <p>If you want to help us to improve EO, the easiest way is to click on the following button:
+
+<form method="POST" action="http://openhatch.org/+do/project.views.wanna_help_do">
+    <input type="hidden" name="from_offsite" value="True" />
+    <input type="hidden" value="6519" name="project"/>
+    <input type="submit" value="I want to help" rel="tipsy-south" id="openhatch-wannahelp-button" original-title="Click to add yourself to the list of people who want to contribute. People of all levels are welcome!"/>
+</form>
+
+<style>
+    @import url('http://openhatch.org/static/css/tipsy.css');
+</style>
+
+<style type="text/css">
+#openhatch-wannahelp-button:hover, #openhatch-wannahelp-button:focus { background-image:url('http://openhatch.org/static/images/wannahelp-button-bg-hover.png'); color:#222; text-decoration:none; }
+#openhatch-wannahelp-button { background: #C8E29D url('http://openhatch.org/static/images/wannahelp-button-bg.png') repeat-x scroll center top; border:3px solid #fff;  cursor:pointer; cursor: hand; font-family: Helvetica, sans-serif; font-size:13pt; font-weight:normal; text-align:center; text-shadow:0 1px 0 #fff; white-space:normal; }
+#openhatch-wannahelp-button { -moz-border-radius: 8px; color: #444; float:left; padding:10px 20px; display:block; padding:2px 8px; }
+#openhatch-wannahelp-button:focus { outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; }
+</style>
+
+<script type="text/javascript" src="http://openhatch.org/static/packed/selections_for_widget.js?1271800811"></script>
+<br />
+</p>
+
 <h1><a name="Features"></a>Features <a href="#Plan">⤒</a></h1>
 
     <h2><a name="Component-based"></a>Component-based framework</h2>

website/lightblue.css

@@ -37,6 +37,7 @@ body {
 
 .shortcuts {
     text-align:left;
+    clear:both;
 }
 
 .shortcuts p {