Difference between revisions of "Team:Pasteur Paris/Test"

Line 41: Line 41:
  
  
−
            <div class="flex-parent">
+
        <div class="flex-parent">
 
        <div class="input-flex-container">
 
        <div class="input-flex-container">
−
    <input type="radio" name="timeline-dot" data-description="Week_29" checked >
+
        <input type="radio" name="timeline-dot" data-description="Week_29" checked >
−
    <div class="dot-info" data-description="Week_29">
+
        <div class="dot-info" data-description="Week_29">
−
<span class="year">Week 29</span>
+
        <span class="year">Week 29</span>
−
<span class="label">16 - 22 July</span>
+
        <span class="label">16 - 22 July</span>
−
    </div>
+
        </div>
 
    <input type="radio" name="timeline-dot" data-description="Week_30">
 
    <input type="radio" name="timeline-dot" data-description="Week_30">
 
    <div class="dot-info" data-description="Week_30">
 
    <div class="dot-info" data-description="Week_30">
Line 117: Line 117:
  
 
                     <div id="timeline-descriptions-wrapper">
 
                     <div id="timeline-descriptions-wrapper">
−
                        <div data-description="Week_29">
+
                      <div data-description="Week_29">
 
                             <div class="block full" id="Week_29" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 
                             <div class="block full" id="Week_29" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
  
Line 128: Line 128:
  
 
                                         <div data-description="Week_29" class="vignette_text">
 
                                         <div data-description="Week_29" class="vignette_text">
−
                                             <p>Day 1</p>
+
                                             <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_29" class="vignette" id="vign_2901">
 +
                                        <div data-description="Week_29" class="vignette_for" id="for_2901">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_29" class="vignette_back" id="back_2901">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_29" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_29" class="vignette" id="vign_2902">
 +
                                        <div data-description="Week_29" class="vignette_for" id="for_2902">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_29" class="vignette_back" id="back_2902">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_29" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_29" class="vignette" id="vign_2903">
 +
                                        <div data-description="Week_29" class="vignette_for" id="for_2903">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_29" class="vignette_back" id="back_2903">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_29" class="vignette_text">
 +
                                            <p>Product Design</p>
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
Line 134: Line 170:
  
 
                                     <div data-description="Week_29" class="panel" id="pan_2900" style="text-align:left;">
 
                                     <div data-description="Week_29" class="panel" id="pan_2900" style="text-align:left;">
 +
                                        <div data-description="Week_29" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Day 1 </p>
 +
                                        <br>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_29" class="panel" id="pan_2901" style="text-align:left;">
 +
                                        <div data-description="Week_29" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_29" class="panel" id="pan_2902" style="text-align:left;">
 +
                                        <div data-description="Week_29" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_29" class="panel" id="pan_2903" style="text-align:left;">
 
                                         <div data-description="Week_29" class="close_button">
 
                                         <div data-description="Week_29" class="close_button">
 
                                         </div>
 
                                         </div>
Line 153: Line 216:
 
                                     var vign_back_lis = cont.getElementsByClassName("vignette_back");
 
                                     var vign_back_lis = cont.getElementsByClassName("vignette_back");
 
                                     var cont_index = "29";
 
                                     var cont_index = "29";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 +
                                </script>
 +
 +
 +
                            </div>
 +
                      </div>
 +
                <div data-description="Week_30">
 +
                            <div class="block full" id="Week_30" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 +
 +
                                    <div data-description="Week_30" class="vignette" id="vign_3000">
 +
                                        <div data-description="Week_30" class="vignette_for" id="for_3000">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_30" class="vignette_back" id="back_3000">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_30" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_30" class="vignette" id="vign_3001">
 +
                                        <div data-description="Week_30" class="vignette_for" id="for_3001">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_30" class="vignette_back" id="back_3001">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_30" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_30" class="vignette" id="vign_3002">
 +
                                        <div data-description="Week_30" class="vignette_for" id="for_3002">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_30" class="vignette_back" id="back_3002">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_30" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_30" class="vignette" id="vign_3003">
 +
                                        <div data-description="Week_30" class="vignette_for" id="for_3003">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_30" class="vignette_back" id="back_3003">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_30" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 +
 +
                                    <div data-description="Week_30" class="panel" id="pan_3000" style="text-align:left;">
 +
                                        <div data-description="Week_30" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Salut </p>
 +
                                        <br>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_30" class="panel" id="pan_3001" style="text-align:left;">
 +
                                        <div data-description="Week_30" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_30" class="panel" id="pan_3002" style="text-align:left;">
 +
                                        <div data-description="Week_30" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_30" class="panel" id="pan_3003" style="text-align:left;">
 +
                                        <div data-description="Week_30" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 +
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_30"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_30"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "30";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 +
                                </script>
 +
 +
 +
                            </div>
 +
                      </div>
 +
                <div data-description="Week_31">
 +
                            <div class="block full" id="Week_31" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 +
 +
                                    <div data-description="Week_31" class="vignette" id="vign_3100">
 +
                                        <div data-description="Week_31" class="vignette_for" id="for_3100">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_31" class="vignette_back" id="back_3100">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_31" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_31" class="vignette" id="vign_3101">
 +
                                        <div data-description="Week_31" class="vignette_for" id="for_3101">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_31" class="vignette_back" id="back_3101">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_31" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_31" class="vignette" id="vign_3102">
 +
                                        <div data-description="Week_31" class="vignette_for" id="for_3102">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_31" class="vignette_back" id="back_3102">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_31" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_31" class="vignette" id="vign_3103">
 +
                                        <div data-description="Week_31" class="vignette_for" id="for_3103">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_31" class="vignette_back" id="back_3103">
 +
                                        </div>
 +
 +
                                        <div data-description="Week_31" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 +
 +
                                    <div data-description="Week_31" class="panel" id="pan_3100" style="text-align:left;">
 +
                                        <div data-description="Week_31" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_31" class="panel" id="pan_3101" style="text-align:left;">
 +
                                        <div data-description="Week_31" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_31" class="panel" id="pan_3102" style="text-align:left;">
 +
                                        <div data-description="Week_31" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 +
                                    <div data-description="Week_31" class="panel" id="pan_3103" style="text-align:left;">
 +
                                        <div data-description="Week_31" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 +
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_31"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_31"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "31";
 
                                     /*get clicked element index*/
 
                                     /*get clicked element index*/
 
                                     var index = String(this.id).substring(7,9);
 
                                     var index = String(this.id).substring(7,9);
Line 216: Line 603:
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
                <div data-description="Week_32">
 +
                            <div class="block full" id="Week_32" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
  
 +
                                    <div data-description="Week_32" class="vignette" id="vign_3200">
 +
                                        <div data-description="Week_32" class="vignette_for" id="for_3200">
 +
                                        </div>
  
 +
                                        <div data-description="Week_32" class="vignette_back" id="back_3200">
 +
                                        </div>
  
 +
                                        <div data-description="Week_32" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
  
 +
                                    <div data-description="Week_32" class="vignette" id="vign_3201">
 +
                                        <div data-description="Week_32" class="vignette_for" id="for_3201">
 +
                                        </div>
  
−
<div data-description="Week_30"></div>
+
                                        <div data-description="Week_32" class="vignette_back" id="back_3201">
−
<div data-description="Week_31"></div>
+
                                        </div>
−
<div data-description="Week_32"></div>
+
 
−
<div data-description="Week_33"></div>
+
                                        <div data-description="Week_32" class="vignette_text">
−
<div data-description="Week_34"></div>
+
                                            <p>Cell culture</p>
−
<div data-description="Week_35"></div>
+
                                        </div>
−
<div data-description="Week_36"></div>
+
                                    </div>
−
<div data-description="Week_37"></div>
+
 
−
<div data-description="Week_38"></div>
+
                                    <div data-description="Week_32" class="vignette" id="vign_3202">
−
<div data-description="Week_39"></div>
+
                                        <div data-description="Week_32" class="vignette_for" id="for_3202">
−
<div data-description="Week_40"></div>
+
                                        </div>
−
<div data-description="Week_41"></div>
+
 
−
<div data-description="Week_42"></div>
+
                                        <div data-description="Week_32" class="vignette_back" id="back_3202">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_32" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_32" class="vignette" id="vign_3203">
 +
                                        <div data-description="Week_32" class="vignette_for" id="for_3203">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_32" class="vignette_back" id="back_3203">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_32" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
 
 +
                                    <div data-description="Week_32" class="panel" id="pan_3200" style="text-align:left;">
 +
                                        <div data-description="Week_32" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_32" class="panel" id="pan_3201" style="text-align:left;">
 +
                                        <div data-description="Week_32" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_32" class="panel" id="pan_3202" style="text-align:left;">
 +
                                        <div data-description="Week_32" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_32" class="panel" id="pan_3203" style="text-align:left;">
 +
                                        <div data-description="Week_32" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
 
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_32"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_32"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "32";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 
 +
                                </script>
 +
 
 +
 
 +
                            </div>
 +
                        </div>
 +
                <div data-description="Week_33">
 +
                            <div class="block full" id="Week_33" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 +
 
 +
                                    <div data-description="Week_33" class="vignette" id="vign_3300">
 +
                                        <div data-description="Week_33" class="vignette_for" id="for_3300">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_33" class="vignette_back" id="back_3300">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_33" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_33" class="vignette" id="vign_3301">
 +
                                        <div data-description="Week_33" class="vignette_for" id="for_3301">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_33" class="vignette_back" id="back_3301">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_33" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_33" class="vignette" id="vign_3302">
 +
                                        <div data-description="Week_33" class="vignette_for" id="for_3302">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_33" class="vignette_back" id="back_3302">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_33" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_33" class="vignette" id="vign_3303">
 +
                                        <div data-description="Week_33" class="vignette_for" id="for_3303">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_33" class="vignette_back" id="back_3303">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_33" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
 
 +
                                    <div data-description="Week_33" class="panel" id="pan_3300" style="text-align:left;">
 +
                                        <div data-description="Week_33" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_33" class="panel" id="pan_3301" style="text-align:left;">
 +
                                        <div data-description="Week_33" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_33" class="panel" id="pan_3302" style="text-align:left;">
 +
                                        <div data-description="Week_33" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_33" class="panel" id="pan_3303" style="text-align:left;">
 +
                                        <div data-description="Week_33" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
 
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_33"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_33"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "33";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 
 +
                                </script>
 +
 
 +
 
 +
                            </div>
 +
                        </div>
 +
                <div data-description="Week_34">
 +
                            <div class="block full" id="Week_34" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 +
 
 +
                                    <div data-description="Week_34" class="vignette" id="vign_3400">
 +
                                        <div data-description="Week_34" class="vignette_for" id="for_3400">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_34" class="vignette_back" id="back_3400">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_34" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_34" class="vignette" id="vign_3401">
 +
                                        <div data-description="Week_34" class="vignette_for" id="for_3401">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_34" class="vignette_back" id="back_3401">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_34" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_34" class="vignette" id="vign_3402">
 +
                                        <div data-description="Week_34" class="vignette_for" id="for_3402">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_34" class="vignette_back" id="back_3402">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_34" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_34" class="vignette" id="vign_3403">
 +
                                        <div data-description="Week_34" class="vignette_for" id="for_3403">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_34" class="vignette_back" id="back_3403">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_34" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
 
 +
                                    <div data-description="Week_34" class="panel" id="pan_3400" style="text-align:left;">
 +
                                        <div data-description="Week_34" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_34" class="panel" id="pan_3401" style="text-align:left;">
 +
                                        <div data-description="Week_34" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_34" class="panel" id="pan_3402" style="text-align:left;">
 +
                                        <div data-description="Week_34" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_34" class="panel" id="pan_3403" style="text-align:left;">
 +
                                        <div data-description="Week_34" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
 
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_34"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_34"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "34";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 
 +
                                </script>
 +
 
 +
 
 +
                            </div>
 +
                        </div>
 +
                <div data-description="Week_35">
 +
                          <div class="block full" id="Week_35" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 +
 
 +
                                    <div data-description="Week_35" class="vignette" id="vign_3500">
 +
                                        <div data-description="Week_35" class="vignette_for" id="for_3500">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_35" class="vignette_back" id="back_3500">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_35" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_35" class="vignette" id="vign_3501">
 +
                                        <div data-description="Week_35" class="vignette_for" id="for_3501">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_35" class="vignette_back" id="back_3501">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_35" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_35" class="vignette" id="vign_3502">
 +
                                        <div data-description="Week_35" class="vignette_for" id="for_3502">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_35" class="vignette_back" id="back_3502">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_35" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_35" class="vignette" id="vign_3503">
 +
                                        <div data-description="Week_35" class="vignette_for" id="for_3503">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_35" class="vignette_back" id="back_3503">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_35" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
 
 +
                                    <div data-description="Week_35" class="panel" id="pan_3500" style="text-align:left;">
 +
                                        <div data-description="Week_35" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_35" class="panel" id="pan_3501" style="text-align:left;">
 +
                                        <div data-description="Week_35" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_35" class="panel" id="pan_3502" style="text-align:left;">
 +
                                        <div data-description="Week_35" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_35" class="panel" id="pan_3503" style="text-align:left;">
 +
                                        <div data-description="Week_35" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
 
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_35"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_35"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "35";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 
 +
                                </script>
 +
 
 +
 
 +
                            </div>
 +
                        </div>
 +
                <div data-description="Week_36">
 +
                            <div class="block full" id="Week_36" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 +
 
 +
                                    <div data-description="Week_36" class="vignette" id="vign_3600">
 +
                                        <div data-description="Week_36" class="vignette_for" id="for_3600">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_36" class="vignette_back" id="back_3600">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_36" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_36" class="vignette" id="vign_3601">
 +
                                        <div data-description="Week_36" class="vignette_for" id="for_3601">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_36" class="vignette_back" id="back_3601">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_36" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_36" class="vignette" id="vign_3602">
 +
                                        <div data-description="Week_36" class="vignette_for" id="for_3602">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_36" class="vignette_back" id="back_3602">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_36" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_36" class="vignette" id="vign_3603">
 +
                                        <div data-description="Week_36" class="vignette_for" id="for_3603">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_36" class="vignette_back" id="back_3603">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_36" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
 
 +
                                    <div data-description="Week_36" class="panel" id="pan_3600" style="text-align:left;">
 +
                                        <div data-description="Week_36" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_36" class="panel" id="pan_3601" style="text-align:left;">
 +
                                        <div data-description="Week_36" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_36" class="panel" id="pan_3602" style="text-align:left;">
 +
                                        <div data-description="Week_36" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_36" class="panel" id="pan_3603" style="text-align:left;">
 +
                                        <div data-description="Week_36" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
 
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_36"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_36"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "36";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 
 +
                                </script>
 +
 
 +
 
 +
                            </div>
 +
                        </div>
 +
                <div data-description="Week_37">
 +
                            <div class="block full" id="Week_37" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 +
 
 +
                                    <div data-description="Week_37" class="vignette" id="vign_3700">
 +
                                        <div data-description="Week_37" class="vignette_for" id="for_3700">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_37" class="vignette_back" id="back_3700">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_37" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_37" class="vignette" id="vign_3701">
 +
                                        <div data-description="Week_37" class="vignette_for" id="for_3701">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_37" class="vignette_back" id="back_3701">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_37" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_37" class="vignette" id="vign_3702">
 +
                                        <div data-description="Week_37" class="vignette_for" id="for_3702">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_37" class="vignette_back" id="back_3702">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_37" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_37" class="vignette" id="vign_3703">
 +
                                        <div data-description="Week_37" class="vignette_for" id="for_3703">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_37" class="vignette_back" id="back_3703">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_37" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
 
 +
                                    <div data-description="Week_37" class="panel" id="pan_3700" style="text-align:left;">
 +
                                        <div data-description="Week_37" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_37" class="panel" id="pan_3701" style="text-align:left;">
 +
                                        <div data-description="Week_37" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_37" class="panel" id="pan_3702" style="text-align:left;">
 +
                                        <div data-description="Week_37" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_37" class="panel" id="pan_3703" style="text-align:left;">
 +
                                        <div data-description="Week_37" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
 
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_37"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_37"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "37";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 
 +
                                </script>
 +
 
 +
 
 +
                            </div>
 +
                        </div>
 +
                <div data-description="Week_38">
 +
                            <div class="block full" id="Week_38" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 +
 
 +
                                    <div data-description="Week_38" class="vignette" id="vign_3800">
 +
                                        <div data-description="Week_38" class="vignette_for" id="for_3800">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_38" class="vignette_back" id="back_3800">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_38" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_38" class="vignette" id="vign_3801">
 +
                                        <div data-description="Week_38" class="vignette_for" id="for_3801">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_38" class="vignette_back" id="back_3801">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_38" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_38" class="vignette" id="vign_3802">
 +
                                        <div data-description="Week_38" class="vignette_for" id="for_3802">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_38" class="vignette_back" id="back_3802">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_38" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_38" class="vignette" id="vign_3803">
 +
                                        <div data-description="Week_38" class="vignette_for" id="for_3803">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_38" class="vignette_back" id="back_3803">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_38" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
 
 +
                                    <div data-description="Week_38" class="panel" id="pan_3800" style="text-align:left;">
 +
                                        <div data-description="Week_38" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_38" class="panel" id="pan_3801" style="text-align:left;">
 +
                                        <div data-description="Week_38" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_38" class="panel" id="pan_3802" style="text-align:left;">
 +
                                        <div data-description="Week_38" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_38" class="panel" id="pan_3803" style="text-align:left;">
 +
                                        <div data-description="Week_38" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
 
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_38"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_38"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "38";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 
 +
                                </script>
 +
 
 +
 
 +
                            </div>
 +
                        </div>
 +
                <div data-description="Week_39">
 +
                            <div class="block full" id="Week_39" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 +
 
 +
                                    <div data-description="Week_39" class="vignette" id="vign_3900">
 +
                                        <div data-description="Week_39" class="vignette_for" id="for_3900">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_39" class="vignette_back" id="back_3900">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_39" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_39" class="vignette" id="vign_3901">
 +
                                        <div data-description="Week_39" class="vignette_for" id="for_3901">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_39" class="vignette_back" id="back_3901">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_39" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_39" class="vignette" id="vign_3902">
 +
                                        <div data-description="Week_39" class="vignette_for" id="for_3902">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_39" class="vignette_back" id="back_3902">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_39" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_39" class="vignette" id="vign_3903">
 +
                                        <div data-description="Week_39" class="vignette_for" id="for_3903">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_39" class="vignette_back" id="back_3903">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_39" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
 
 +
                                    <div data-description="Week_39" class="panel" id="pan_3900" style="text-align:left;">
 +
                                        <div data-description="Week_39" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_39" class="panel" id="pan_3901" style="text-align:left;">
 +
                                        <div data-description="Week_39" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_39" class="panel" id="pan_3902" style="text-align:left;">
 +
                                        <div data-description="Week_39" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_39" class="panel" id="pan_3903" style="text-align:left;">
 +
                                        <div data-description="Week_39" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
 
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_39"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_39"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "39";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 
 +
                                </script>
 +
 
 +
 
 +
                            </div>
 +
                        </div>
 +
                <div data-description="Week_40">
 +
                            <div class="block full" id="Week_40" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 +
 
 +
                                    <div data-description="Week_40" class="vignette" id="vign_4000">
 +
                                        <div data-description="Week_40" class="vignette_for" id="for_4000">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_40" class="vignette_back" id="back_4000">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_40" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_40" class="vignette" id="vign_4001">
 +
                                        <div data-description="Week_40" class="vignette_for" id="for_4001">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_40" class="vignette_back" id="back_4001">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_40" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_40" class="vignette" id="vign_4002">
 +
                                        <div data-description="Week_40" class="vignette_for" id="for_4002">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_40" class="vignette_back" id="back_4002">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_40" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_40" class="vignette" id="vign_4003">
 +
                                        <div data-description="Week_40" class="vignette_for" id="for_4003">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_40" class="vignette_back" id="back_4003">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_40" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
 
 +
                                    <div data-description="Week_40" class="panel" id="pan_4000" style="text-align:left;">
 +
                                        <div data-description="Week_40" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_40" class="panel" id="pan_4001" style="text-align:left;">
 +
                                        <div data-description="Week_40" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_40" class="panel" id="pan_4002" style="text-align:left;">
 +
                                        <div data-description="Week_40" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_40" class="panel" id="pan_4003" style="text-align:left;">
 +
                                        <div data-description="Week_40" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
 
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_40"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_40"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "40";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 
 +
                                </script>
 +
 
 +
 
 +
                            </div>
 +
                        </div>
 +
                <div data-description="Week_41">
 +
                            <div class="block full" id="Week_41" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 +
 
 +
                                    <div data-description="Week_41" class="vignette" id="vign_4100">
 +
                                        <div data-description="Week_41" class="vignette_for" id="for_4100">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_41" class="vignette_back" id="back_4100">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_41" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_41" class="vignette" id="vign_4101">
 +
                                        <div data-description="Week_41" class="vignette_for" id="for_4101">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_41" class="vignette_back" id="back_4101">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_41" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_41" class="vignette" id="vign_4102">
 +
                                        <div data-description="Week_41" class="vignette_for" id="for_4102">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_41" class="vignette_back" id="back_4102">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_41" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_41" class="vignette" id="vign_4103">
 +
                                        <div data-description="Week_41" class="vignette_for" id="for_4103">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_41" class="vignette_back" id="back_4103">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_41" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
 
 +
                                    <div data-description="Week_41" class="panel" id="pan_4100" style="text-align:left;">
 +
                                        <div data-description="Week_41" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_41" class="panel" id="pan_4101" style="text-align:left;">
 +
                                        <div data-description="Week_41" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_41" class="panel" id="pan_4102" style="text-align:left;">
 +
                                        <div data-description="Week_41" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_41" class="panel" id="pan_4103" style="text-align:left;">
 +
                                        <div data-description="Week_41" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
 
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_41"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_41"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "41";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 
 +
                                </script>
 +
 
 +
 
 +
                            </div>
 +
                        </div>
 +
                <div data-description="Week_42">
 +
                            <div class="block full" id="Week_42" style="display:flex;flex-flow: row wrap;justify-content:center;margin:auto;">
 +
 
 +
                                    <div data-description="Week_42" class="vignette" id="vign_4200">
 +
                                        <div data-description="Week_42" class="vignette_for" id="for_4200">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_42" class="vignette_back" id="back_4200">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_42" class="vignette_text">
 +
                                            <p>Bacteriology</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_42" class="vignette" id="vign_4201">
 +
                                        <div data-description="Week_42" class="vignette_for" id="for_4201">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_42" class="vignette_back" id="back_4201">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_42" class="vignette_text">
 +
                                            <p>Cell culture</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_42" class="vignette" id="vign_4202">
 +
                                        <div data-description="Week_42" class="vignette_for" id="for_4202">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_42" class="vignette_back" id="back_4202">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_42" class="vignette_text">
 +
                                            <p>Microfluidics/Membrane</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_42" class="vignette" id="vign_4203">
 +
                                        <div data-description="Week_42" class="vignette_for" id="for_4203">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_42" class="vignette_back" id="back_4203">
 +
                                        </div>
 +
 
 +
                                        <div data-description="Week_42" class="vignette_text">
 +
                                            <p>Product Design</p>
 +
                                        </div>
 +
                                    </div>
 +
 
 +
 
 +
                                    <div data-description="Week_42" class="panel" id="pan_4200" style="text-align:left;">
 +
                                        <div data-description="Week_42" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_42" class="panel" id="pan_4201" style="text-align:left;">
 +
                                        <div data-description="Week_42" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_42" class="panel" id="pan_4202" style="text-align:left;">
 +
                                        <div data-description="Week_42" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
                                    <div data-description="Week_42" class="panel" id="pan_4203" style="text-align:left;">
 +
                                        <div data-description="Week_42" class="close_button">
 +
                                        </div>
 +
                                        <br>
 +
                                        <br>
 +
                                        <p> Something was done one that day </p>
 +
                                        <br>
 +
                                    </div>
 +
 
 +
 
 +
                                    <script>
 +
                                    var cont = document.getElementById("Week_42"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var i;
 +
 
 +
                                    for (i = 0; i < vign_back_lis.length; i++) {
 +
                                    vign_back_lis[i].addEventListener("click", function() {
 +
                                    var cont = document.getElementById("Week_42"); 
 +
                                    var vign_back_lis = cont.getElementsByClassName("vignette_back");
 +
                                    var cont_index = "42";
 +
                                    /*get clicked element index*/
 +
                                    var index = String(this.id).substring(7,9);
 +
 
 +
                                    /*locate elements to move*/
 +
                                    var panel = document.getElementById("pan_"+cont_index+index);
 +
                                    var vignFor = this.previousElementSibling;
 +
                                    var vignText = this.nextElementSibling;
 +
                                    /*move it*/
 +
                                    if (panel.style.maxHeight){
 +
 
 +
                                        /*close it*/
 +
                                        panel.style.maxHeight = null;
 +
                                        vignFor.style.opacity = 1;
 +
                                        vignText.style.opacity = 0.8;
 +
                                        vignText.style.top = "4em";
 +
                                        }
 +
                                        else {
 +
                           
 +
                                        /*find active element*/
 +
                                        var j;
 +
                                        var index_act = -1 ;
 +
                                        var el_foc;
 +
                                        for (j = 0; j < vign_back_lis.length; j++) {
 +
                                            if (j<10) {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + "0" + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act="0"+j;
 +
                                                break;
 +
                                            }
 +
                                        } else {
 +
                                            el_foc=document.getElementById("pan_" + cont_index + j);
 +
                                            if (el_foc.style.maxHeight != 0) {
 +
                                                index_act=j;
 +
                                                break;
 +
                                        }
 +
                                    }
 +
                                }
 +
                                if (index_act != -1) {
 +
                                    /*close active element*/
 +
                                    var panel_act = document.getElementById("pan_"+cont_index+index_act);
 +
                                    var back_act = document.getElementById("back_"+cont_index+index_act);
 +
                                    var for_act=back_act.previousElementSibling;
 +
                                    var text_act=back_act.nextElementSibling;
 +
                                    panel_act.style.maxHeight = null;
 +
                                    for_act.style.opacity = 1;
 +
                                    text_act.style.opacity = 0.8;
 +
                                    text_act.style.top = "4em";
 +
                                } 
 +
 
 +
                                /*open clicked element*/
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                vignFor.style.opacity = 0;
 +
                                vignText.style.opacity = 1;
 +
                                vignText.style.top = "15em";
 +
                                }
 +
                                });
 +
                                }
 +
 
 +
                                </script>
 +
 
 +
 
 +
                            </div>
 +
                        </div>
 
                     </div>
 
                     </div>
 
</div>
 
</div>
Line 543: Line 2,694:
 
   }
 
   }
 
}
 
}
 +
 +
/* Images vignettes */
 +
    /*Week 29*/
 +
 +
        #for_2900 {
 +
            background-image: url("");
 +
        }
 +
        #for_2901 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_2902 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_2903 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_2900 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_2901 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_2902 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_2903 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
    /*Week 30*/
 +
 +
        #for_3000 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_3001 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_3002 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_3003 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_3000 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_3001 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_3002 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_3003 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
    /*Week 31*/
 +
 +
        #for_3100 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_3101 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_3102 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_3103 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_3100 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_3101 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_3102 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_3103 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
    /*Week 32*/
 +
 +
        #for_3200 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_3201 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_3202 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_3203 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_3200 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_3201 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_3202 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_3203 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
    /*Week 33*/
 +
 +
        #for_3300 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_3301 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_3302 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_3303 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_3300 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_3301 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_3302 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_3303 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
    /*Week 34*/
 +
 +
        #for_3400 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_3401 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_3402 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_3403 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_3400 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_3401 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_3402 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_3403 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        } 
 +
    /*Week 35*/
 +
 +
        #for_3500 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_3501 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_3502 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_3503 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_3500 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_3501 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_3502 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_3503 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
    /*Week 36*/
 +
 +
        #for_3600 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_3601 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_3602 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_3603 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_3600 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_3601 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_3602 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_3603 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
    /*Week 37*/
 +
 +
        #for_3700 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_3701 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_3702 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_3703 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_3700 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_3701 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_3702 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_3703 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
    /*Week 38*/
 +
 +
        #for_3800 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_3801 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_3802 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_3803 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_3800 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_3801 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_3802 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_3803 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
    /*Week 39*/
 +
 +
        #for_3900 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_3901 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_3902 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_3903 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_3900 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_3901 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_3902 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_3903 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
    /*Week 40*/
 +
 +
        #for_4000 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_4001 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_4002 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_4003 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_4000 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_4001 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_4002 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_4003 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
    /*Week 41*/
 +
 +
        #for_4100 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_4101 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_4102 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_4103 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_4100 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_4101 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_4102 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_4103 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
    /*Week 42*/
 +
 +
        #for_4200 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/aa/T--Pasteur_Paris--Logo-PDMS-Chips-Fabrication.jpg");
 +
        }
 +
        #for_4201 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/8/8a/T--Pasteur_Paris--Logo-PDMS-Chip-Demolding.jpg");
 +
        }
 +
        #for_4202 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Logo-PDMS-Chip-Bonding.jpg");
 +
        }
 +
        #for_4203 {
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/68/T--Pasteur_Paris--Logo-PDMS-Well-Chip-Mold-Fabrication.jpg");
 +
        }
 +
 
 +
        #back_4200 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
 +
        }
 +
        #back_4201 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/8/8e/T--Pasteur_Paris--PDMS_chip_demolding.jpg");
 +
        }
 +
        #back_4202 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/e/e9/T--Pasteur_Paris--PDMS_chip_bonding.jpg");
 +
        }
 +
        #back_4203 {
 +
            background-image:url("https://static.igem.org/mediawiki/2018/3/3b/T--Pasteur_Paris--PDMS_well_chip_molds_fabrication.png");
 +
        }
 +
  
  
Line 727: Line 3,259:
  
 
         </script>
 
         </script>
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
  
  

Revision as of 14:37, 14 October 2018

""

Week 29 16 - 22 July
Week 30 23 - 29 July
Week 31 30 July - 5 Aug
Week 32 6 - 12 Aug
Week 33 13 - 19 Aug
Week 34 20 - 26 Aug
Week 35 27 Aug - 2 Sept
Week 36 3 - 9 Sept
Week 37 10 - 16 Sept
Week 38 17 - 23 Sept
Week 39 24 - 30 Sept
Week 40 1 - 7 Oct
Week 41 8 - 14 Oct
Week 42 14 - 17 Oct

Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Day 1




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Salut




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Something was done one that day




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Something was done one that day




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Something was done one that day




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Something was done one that day




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Something was done one that day




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Something was done one that day




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Something was done one that day




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Something was done one that day




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Something was done one that day




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Something was done one that day




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Something was done one that day




Something was done one that day




Something was done one that day




Something was done one that day


Bacteriology

Cell culture

Microfluidics/Membrane

Product Design



Something was done one that day




Something was done one that day




Something was done one that day




Something was done one that day