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

Line 465: Line 465:
  
  
 +
      <script>
 +
 +
        /*panels and vignettes flexbox automatic order*/
 +
 +
        function redim() {
 +
            if("matchMedia" in window) {
 +
                var vign_lis = document.getElementsByClassName("vignette");
 +
                var pan_lis = document.getElementsByClassName("panel");
 +
                var i;
 +
                if(window.matchMedia("(min-width:850px)").matches) {
 +
                    /*big*/
 +
                    for (i = 0; i < vign_lis.length; i++) {
 +
                        var act_vign = vign_lis[i];
 +
                        var act_pan = pan_lis[i];
 +
                        var index = String(act_vign.id).substring(7,9);
 +
                        switch (index) {
 +
                            case '00':
 +
                                act_vign.style.order="3";
 +
                                act_pan.style.order="6" ;
 +
                                break;
 +
                            case '01':
 +
                                act_vign.style.order="4";
 +
                                act_pan.style.order="7";
 +
                                break;
 +
                            case '02':
 +
                                act_vign.style.order="5";
 +
                                act_pan.style.order="8";
 +
                                break;
 +
                            case '03':
 +
                                act_vign.style.order="9";
 +
                                act_pan.style.order="12"; 
 +
                                break;
 +
                            case '04':
 +
                                act_vign.style.order="10";
 +
                                act_pan.style.order="13";
 +
                                break;
 +
                            case '05':
 +
                                act_vign.style.order="11";
 +
                                act_pan.style.order="14";
 +
                                break;
 +
                            case '06':
 +
                                act_vign.style.order="15";
 +
                                act_pan.style.order="18";
 +
                                break; 
 +
                            case '07':
 +
                                act_vign.style.order="16";
 +
                                act_pan.style.order="19";
 +
                                break;                       
 +
                        }
 +
                    }
 +
                } else if (window.matchMedia("(max-width:760px)").matches) {
 +
                    /* very small*/
 +
                    for (i = 0; i < vign_lis.length; i++) {
 +
                        var act_vign = vign_lis[i];
 +
                        var act_pan = pan_lis[i];
 +
                        var index = String(act_vign.id).substring(7,9);
 +
                        switch (index) {
 +
                            case '00':
 +
                                act_vign.style.order="3";
 +
                                act_pan.style.order="4" ;
 +
                                break;
 +
                            case '01':
 +
                                act_vign.style.order="5";
 +
                                act_pan.style.order="6";
 +
                                break;
 +
                            case '02':
 +
                                act_vign.style.order="7";
 +
                                act_pan.style.order="8";
 +
                                break;
 +
                            case '03':
 +
                                act_vign.style.order="9";
 +
                                act_pan.style.order="10";
 +
                                break;
 +
                            case '04':
 +
                                act_vign.style.order="11";
 +
                                act_pan.style.order="12";
 +
                                break;
 +
                            case '05':
 +
                                act_vign.style.order="12";
 +
                                act_pan.style.order="13";
 +
                                break;
 +
                            case '06':
 +
                                act_vign.style.order="14";
 +
                                act_pan.style.order="15"; 
 +
                                break; 
 +
                            case '07':
 +
                                act_vign.style.order="16";
 +
                                act_pan.style.order="17";
 +
                                break;                             
 +
                        }
 +
                    }   
 +
                } else {
 +
                    /*small*/
 +
                    for (i = 0; i < vign_lis.length; i++) {
 +
                        var act_vign = vign_lis[i];
 +
                        var act_pan = pan_lis[i];
 +
                        var index = String(act_vign.id).substring(7,9);
 +
                        switch (index) {
 +
                            case '00':
 +
                                act_vign.style.order="3";
 +
                                act_pan.style.order="5" ;
 +
                                break;
 +
                            case '01':
 +
                                act_vign.style.order="4";
 +
                                act_pan.style.order="6";
 +
                                break;
 +
                            case '02':
 +
                                act_vign.style.order="7";
 +
                                act_pan.style.order="9";
 +
                                break;
 +
                            case '03':
 +
                                act_vign.style.order="8";
 +
                                act_pan.style.order="10";
 +
                                break;
 +
                            case '04':
 +
                                act_vign.style.order="11";
 +
                                act_pan.style.order="13";
 +
                                break;
 +
                            case '05':
 +
                                act_vign.style.order="12";
 +
                                act_pan.style.order="14";
 +
                                break;
 +
                            case '06':
 +
                                act_vign.style.order="15";
 +
                                act_pan.style.order="17";
 +
                                break; 
 +
                            case '07':
 +
                                act_vign.style.order="16";
 +
                                act_pan.style.order="18";
 +
                                break;                             
 +
                        }
 +
                    }
 +
                }
 +
            }
 +
        }
 +
 +
        window.addEventListener('resize', redim, false);
 +
 +
        redim();
 +
 +
        </script>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
        <script>
 +
 +
        /*close buttons*/
 +
 +
                var acc = document.getElementsByClassName("close_button");
 +
 +
                for (i = 0; i < acc.length; i++) {
 +
                    acc[i].addEventListener("click", function() {
 +
                        var panel = this.parentElement;
 +
                        var index = String(panel.id).substring(4,8);
 +
                        var vignBack = document.getElementById("back_"+index);
 +
                        var vignFor = vignBack.previousElementSibling;
 +
                        var vignText = vignBack.nextElementSibling;
 +
                        panel.style.maxHeight = null;
 +
                        vignFor.style.opacity = 1;
 +
                        vignText.style.opacity = 0.8;
 +
                        vignText.style.top = "4em";
 +
                    });
 +
                }
 +
 +
 +
        </script>
  
  

Revision as of 13:09, 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

fefs

Salut

Hola

Hallo