|
|
| Line 1: |
Line 1: |
| - | <!doctype html>
| |
| | <html> | | <html> |
| | <head> | | <head> |
| - |
| |
| - | <script src="jquery-ui-1.11.0.custom/external/jquery/jquery.js"></script>
| |
| - | <script src="jquery-ui-1.11.0.custom/jquery-ui.min.js"></script>
| |
| - |
| |
| - | <script>
| |
| - | $(function() {
| |
| - |
| |
| - | // Sort the project inside of a week
| |
| - | function doSort(a, b) {
| |
| - | return a.className > b.className;
| |
| - | };
| |
| - |
| |
| - | $("div.week").each( function() {
| |
| - | var elem = $(this).children('div').get().sort(doSort);
| |
| - | $(this).append(elem);
| |
| - | });
| |
| - |
| |
| - |
| |
| - | // Add the title project before the project within the project div
| |
| - | $("div.week > div").each( function(){
| |
| - | var className = this.className;
| |
| - | var title = "Side-project";
| |
| - |
| |
| - | // Choose project title
| |
| - | if(className=="project_Transfo"){
| |
| - | title = "Transformation & culture of <i>Pseudovibrio</i>";
| |
| - | }else if(className=="project_RNAseq"){
| |
| - | title = "RNA sequencing";
| |
| - | }else if(className=="project_Pb"){
| |
| - | title = "Lead sensing";
| |
| - | }else if(className=="project_Cd"){
| |
| - | title = "Cadmium sensing";
| |
| - | }else if(className=="project_Phenol"){
| |
| - | title = "Phenol sensing";
| |
| - | }else if(className=="project_PCB"){
| |
| - | title = "PCB sensing";
| |
| - | }else if(className=="project_Ni"){
| |
| - | title = "Nitrite sensing";
| |
| - | }
| |
| - |
| |
| - | $(this).prepend('<h2 class="projectTitle">'.concat(title,"</h2>"));
| |
| - | });
| |
| - |
| |
| - |
| |
| - | // Checkboxes to show the projects
| |
| - | $("input.checkbox").button();
| |
| - | $("input.checkbox").change(function() {
| |
| - | if(this.checked) {
| |
| - | $(this.value).fadeIn('normal');
| |
| - | }else{
| |
| - | $(this.value).fadeOut('normal');
| |
| - | }
| |
| - | });
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - |
| |
| | | | |
| | | | |
| Line 92: |
Line 34: |
| | </head> | | </head> |
| | <body> | | <body> |
| - |
| |
| - | <div id="checkboxProject">
| |
| - | <p>Please select the sub-projects you are interested about:</p>
| |
| - | <input type="checkbox" class="checkbox" value="div.project_Transfo" checked="checked" ><label>Transformation</label>
| |
| - | <input type="checkbox" class="checkbox" value="div.project_RNAseq" checked="checked" ><label>RNAseq</label>
| |
| - | <input type="checkbox" class="checkbox" value="div.project_Pb" checked="checked" ><label>Pb</label>
| |
| - | <input type="checkbox" class="checkbox" value="div.project_Cd" checked="checked" ><label>Cd</label>
| |
| - | <input type="checkbox" class="checkbox" value="div.project_Phenol" checked="checked" ><label>Phenol</label>
| |
| - | <input type="checkbox" class="checkbox" value="div.project_PCB" checked="checked" ><label>PCB</label>
| |
| - | <input type="checkbox" class="checkbox" value="div.project_Nitrite" checked="checked" ><label>Nitrite</label>
| |
| - | </div>
| |
| | | | |
| | <div class="week"> | | <div class="week"> |
| Line 116: |
Line 47: |
| | </div> | | </div> |
| | | | |
| - | <div class="project_RNAseq">
| + | |
| - | <p>Week 1 project_RNAseq
| + | |
| - | | + | |
| - | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius, arcu quis semper ultricies, enim dolor facilisis diam, rutrum tincidunt eros nunc nec quam. Suspendisse id lacus ac nisl pellentesque rhoncus placerat a lorem. In non sem adipiscing, luctus nisi sit amet, tincidunt tellus. Sed mi velit, imperdiet ac lectus at, volutpat tincidunt purus. Sed adipiscing nisi vitae ipsum eleifend luctus. Curabitur nisi risus, vulputate ultricies dignissim sit amet, porttitor ut metus. Maecenas eu varius velit, eget varius justo. In tristique nulla sit amet lorem dapibus, ac tempor elit sodales. Fusce massa libero, fermentum at pharetra sed, adipiscing ut orci.</p>
| + | |
| - | | + | |
| - | <figure>
| + | |
| - | <img src="http://blogs-images.forbes.com/anthonykosner/files/2012/04/Titanic-redo.jpg" width="300px" alt="Nah, it's just a big icecube."></img>
| + | |
| - | <figcaption>Mother of Caption. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius, arcu quis semper ultricies, enim dolor facilisis diam, rutrum tincidunt eros nunc nec quam. Suspendisse id lacus ac nisl pellentesque rhoncus placerat a lorem. In non sem adipiscing, luctus nisi sit amet, tincidunt tellus. Sed mi velit, imperdiet ac lectus at, volutpat tincidunt purus.</figcaption>
| + | |
| - | </figure>
| + | |
| - | | + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | | + | |
| - | <div class="week">
| + | |
| - | <h1>Week 2</h1>
| + | |
| - | <div class="project_RNAseq">
| + | |
| - | <p>Week 2 project_RNAseq
| + | |
| - | | + | |
| - | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius, arcu quis semper ultricies, enim dolor facilisis diam, rutrum tincidunt eros nunc nec quam. Suspendisse id lacus ac nisl pellentesque rhoncus placerat a lorem. In non sem adipiscing, luctus nisi sit amet, tincidunt tellus. Sed mi velit, imperdiet ac lectus at, volutpat tincidunt purus. Sed adipiscing nisi vitae ipsum eleifend luctus. Curabitur nisi risus, vulputate ultricies dignissim sit amet, porttitor ut metus. Maecenas eu varius velit, eget varius justo. In tristique nulla sit amet lorem dapibus, ac tempor elit sodales. Fusce massa libero, fermentum at pharetra sed, adipiscing ut orci.</p>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="project_Pb">
| + | |
| - | <p>Week 2 project Pb
| + | |
| - | | + | |
| - | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius, arcu quis semper ultricies, enim dolor facilisis diam, rutrum tincidunt eros nunc nec quam. Suspendisse id lacus ac nisl pellentesque rhoncus placerat a lorem. In non sem adipiscing, luctus nisi sit amet, tincidunt tellus. Sed mi velit, imperdiet ac lectus at, volutpat tincidunt purus. Sed adipiscing nisi vitae ipsum eleifend luctus. Curabitur nisi risus, vulputate ultricies dignissim sit amet, porttitor ut metus. Maecenas eu varius velit, eget varius justo. In tristique nulla sit amet lorem dapibus, ac tempor elit sodales. Fusce massa libero, fermentum at pharetra sed, adipiscing ut orci.</p>
| + | |
| - | | + | |
| - | <p>Fusce eget vulputate dui. Quisque leo purus, condimentum id est nec, fermentum malesuada est. Nunc auctor, massa id rhoncus ullamcorper, sapien turpis egestas eros, vitae vulputate mauris justo eu tortor. Suspendisse condimentum sodales sollicitudin. Etiam placerat, nisi sed aliquam volutpat, magna enim facilisis odio, non tempor quam sapien vitae nunc. Etiam a ligula sagittis, fringilla metus nec, fringilla tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
| + | |
| - | | + | |
| - | <p>Nunc luctus nunc tellus, scelerisque accumsan sapien aliquam sit amet. Vestibulum eget facilisis mi. Sed luctus leo ac erat suscipit tincidunt. Quisque non lobortis sem. Nulla posuere dui odio, aliquet eleifend tellus semper sed. Pellentesque tempor interdum neque vel facilisis. Etiam sollicitudin rutrum pharetra. Nam eget quam tincidunt, lobortis leo ac, dapibus sapien. Vivamus bibendum accumsan porta. Pellentesque vestibulum ante sed velit ultrices luctus. Integer ut tristique massa, vel volutpat massa. Quisque vel mauris tortor. Vivamus dolor ligula, suscipit at elit varius, hendrerit sollicitudin augue.</p>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="project_Transfo">
| + | |
| - | <p>Week 2 project_transfo
| + | |
| - | | + | |
| - | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius, arcu quis semper ultricies, enim dolor facilisis diam, rutrum tincidunt eros nunc nec quam. Suspendisse id lacus ac nisl pellentesque rhoncus placerat a lorem. In non sem adipiscing, luctus nisi sit amet, tincidunt tellus. Sed mi velit, imperdiet ac lectus at, volutpat tincidunt purus. Sed adipiscing nisi vitae ipsum eleifend luctus. Curabitur nisi risus, vulputate ultricies dignissim sit amet, porttitor ut metus. Maecenas eu varius velit, eget varius justo. In tristique nulla sit amet lorem dapibus, ac tempor elit sodales. Fusce massa libero, fermentum at pharetra sed, adipiscing ut orci.</p>
| + | |
| - | | + | |
| - | <p>Fusce eget vulputate dui. Quisque leo purus, condimentum id est nec, fermentum malesuada est. Nunc auctor, massa id rhoncus ullamcorper, sapien turpis egestas eros, vitae vulputate mauris justo eu tortor. Suspendisse condimentum sodales sollicitudin. Etiam placerat, nisi sed aliquam volutpat, magna enim facilisis odio, non tempor quam sapien vitae nunc. Etiam a ligula sagittis, fringilla metus nec, fringilla tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
| + | |
| - | | + | |
| - | <p>Nunc luctus nunc tellus, scelerisque accumsan sapien aliquam sit amet. Vestibulum eget facilisis mi. Sed luctus leo ac erat suscipit tincidunt. Quisque non lobortis sem. Nulla posuere dui odio, aliquet eleifend tellus semper sed. Pellentesque tempor interdum neque vel facilisis. Etiam sollicitudin rutrum pharetra. Nam eget quam tincidunt, lobortis leo ac, dapibus sapien. Vivamus bibendum accumsan porta. Pellentesque vestibulum ante sed velit ultrices luctus. Integer ut tristique massa, vel volutpat massa. Quisque vel mauris tortor. Vivamus dolor ligula, suscipit at elit varius, hendrerit sollicitudin augue.</p>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | </div>
| + | |
| - | | + | |
| | </body> | | </body> |
| | </html> | | </html> |
Week 1
Week 1 project_transfo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius, arcu quis semper ultricies, enim dolor facilisis diam, rutrum tincidunt eros nunc nec quam. Suspendisse id lacus ac nisl pellentesque rhoncus placerat a lorem. In non sem adipiscing, luctus nisi sit amet, tincidunt tellus. Sed mi velit, imperdiet ac lectus at, volutpat tincidunt purus. Sed adipiscing nisi vitae ipsum eleifend luctus. Curabitur nisi risus, vulputate ultricies dignissim sit amet, porttitor ut metus. Maecenas eu varius velit, eget varius justo. In tristique nulla sit amet lorem dapibus, ac tempor elit sodales. Fusce massa libero, fermentum at pharetra sed, adipiscing ut orci.
Fusce eget vulputate dui. Quisque leo purus, condimentum id est nec, fermentum malesuada est. Nunc auctor, massa id rhoncus ullamcorper, sapien turpis egestas eros, vitae vulputate mauris justo eu tortor. Suspendisse condimentum sodales sollicitudin. Etiam placerat, nisi sed aliquam volutpat, magna enim facilisis odio, non tempor quam sapien vitae nunc. Etiam a ligula sagittis, fringilla metus nec, fringilla tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Nunc luctus nunc tellus, scelerisque accumsan sapien aliquam sit amet. Vestibulum eget facilisis mi. Sed luctus leo ac erat suscipit tincidunt. Quisque non lobortis sem. Nulla posuere dui odio, aliquet eleifend tellus semper sed. Pellentesque tempor interdum neque vel facilisis. Etiam sollicitudin rutrum pharetra. Nam eget quam tincidunt, lobortis leo ac, dapibus sapien. Vivamus bibendum accumsan porta. Pellentesque vestibulum ante sed velit ultrices luctus. Integer ut tristique massa, vel volutpat massa. Quisque vel mauris tortor. Vivamus dolor ligula, suscipit at elit varius, hendrerit sollicitudin augue.
"
