|
|
(13 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | $(function() {
| + | {{:Team:Evry/Template:HomeIncludes}} |
| + | {{:Team:Evry/Template:Menu}} |
| + | {{:Team:Evry/Template:RNAseqTop}} |
| | | |
- | // Sort the project inside of a week
| + | <html> |
- | function doSort(a, b) {
| + | <script src="http://codyhouse.co/demo/vertical-timeline/js/modernizr.js"></script> |
- | return a.className > b.className;
| + | <script src="https://2014.igem.org/Team:Evry/JS/Jqueryui?action=raw&ctype=text/javascript"></script> |
- | };
| + | <script src="https://2014.igem.org/Team:Evry/JS/timeline?action=raw&ctype=text/javascript"></script> |
| + | <link rel="stylesheet" href="https://2014.igem.org/Team:Evry/CSS/timeline?action=raw&ctype=text/css" type="text/css" /> |
| + | </html> |
| | | |
- | $("div.week").each( function() {
| |
- | var elem = $(this).children('div').get().sort(doSort);
| |
- | $(this).append(elem);
| |
- | });
| |
| | | |
- | | + | <html> |
- | // 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>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <style>
| + | |
- | | + | |
- | div.week > div {
| + | |
- | border-left-style: solid;
| + | |
- | border-width: high;
| + | |
- | border-color: black;
| + | |
- | padding-left: 20px;
| + | |
- | }
| + | |
- | | + | |
- | figure, figure img{
| + | |
- | display: block;
| + | |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | max-width:80%;
| + | |
- | }
| + | |
- | | + | |
- | figcaption {
| + | |
- | text-align: center;
| + | |
- | font-style: italic;
| + | |
- | font-size: smaller;
| + | |
- | }
| + | |
- | | + | |
- | #checkboxProject {
| + | |
- | display: block;
| + | |
- | <!-- position: fixed;-->
| + | |
- | background-color:white;
| + | |
- | }
| + | |
- | | + | |
- | </style>
| + | |
- | </head>
| + | |
- | <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> |
| + | </section> |
| + | </html> |
| | | |
- | <div class="week">
| + | {{:Team:Evry/Template:HomeFooter}} |
- | <h1>Week 1</h1>
| + | |
- | <div class="project_Transfo">
| + | |
- | <p>Week 1 project_transfo
| + | |