Difference between revisions of "Team:Grenoble-Alpes/Team"

Line 11: Line 11:
 
             }             
 
             }             
  
 +
            /*Miniature*/
 
             .image1{
 
             .image1{
 
                 width: 20%;
 
                 width: 20%;
 
                 float: left;
 
                 float: left;
 
             }
 
             }
−
 
+
            /*Miniature*/
 
             .image1:hover{
 
             .image1:hover{
 
               opacity: 0.5;
 
               opacity: 0.5;
 
             }
 
             }
−
 
+
            /*image dans PopUp*/
 
             img{
 
             img{
 
                 width: 100%;
 
                 width: 100%;
 
             }
 
             }
 
              
 
              
−
             /* Popup container */
+
             /* Popup */
 
             .popup {
 
             .popup {
 
                 position: relative;
 
                 position: relative;
Line 31: Line 32:
 
             }
 
             }
  
−
             /* The actual popup (appears on top) */
+
             /*Popup et texte */
 
             .popup .popuptext1 {
 
             .popup .popuptext1 {
 
                 visibility: hidden;
 
                 visibility: hidden;
Line 48: Line 49:
 
             }
 
             }
  
−
             /* Toggle this class when clicking on the popup container (hide and show the popup) */
+
             /* Apparition du PopUp*/
 
             .popup .show {
 
             .popup .show {
 
                 visibility: visible;
 
                 visibility: visible;
Line 55: Line 56:
 
             }
 
             }
  
−
             /* Add animation (fade in the popup) */
+
             /* Animation du PopUp*/
 
             @-webkit-keyframes fadeIn {
 
             @-webkit-keyframes fadeIn {
 
                 from {opacity: 0;}  
 
                 from {opacity: 0;}  
Line 64: Line 65:
 
                 from {opacity: 0;}
 
                 from {opacity: 0;}
 
                 to {opacity:1 ;}
 
                 to {opacity:1 ;}
−
             }
+
             }  
−
           
+
 
         </style>
 
         </style>
 
          
 
          
 
         <script>
 
         <script>
−
             // When the user clicks on <div>, open the popup
+
             //Fonction PopUp (Une par image)(N° de la fonction=numero de l'image)
 
             function myFunction() {
 
             function myFunction() {
 
             var popup = document.getElementById("myPopup");
 
             var popup = document.getElementById("myPopup");
Line 159: Line 159:
  
 
         <div> <!--ligne1-->
 
         <div> <!--ligne1-->
−
             <div class="popup" onclick="myFunction()"><img id="ancre1" class="image1"  
+
             <div class="popup" onclick="myFunction()"><!--Miniature 1 + Ancre Membre--><img id="ancre1" class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
                 <span class="popuptext1" id="myPopup"><!--Image 1 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup--> <br> 11111111111111111 </span>
−
                 <span class="popuptext1" id="myPopup"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 11111111111111111 </span>
+
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction2()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction2()"><!--Miniature 2--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup2"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 222222222222222 </span>
+
                 <span class="popuptext1" id="myPopup2"><!--Image 2 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <!--Texte dans Popup--> <br> 222222222222222 </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction3()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction3()"><!--Miniature 3--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup3"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 33333333333333333 </span>
+
                 <span class="popuptext1" id="myPopup3"><!--Image 3 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <!--Texte dans Popup--> <br> 33333333333333333 </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction4()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction4()"><!--Miniature 4--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup4"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 4444444444444444444 </span>
+
                 <span class="popuptext1" id="myPopup4"><!--Image 4 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 4444444444444444444 </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction5()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction5()"><!--Miniature 5--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup5"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 55555555555555555555555 </span>
+
                 <span class="popuptext1" id="myPopup5"><!--Image 5 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 55555555555555555555555 </span>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
          
 
          
−
         <div>
+
         <div><!--ligne2-->
−
             <div class="popup" onclick="myFunction6()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction6()">
−
                 <span class="popuptext1" id="myPopup6"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 666666666666666 </span>
+
                <!--Miniature 6--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                 <span class="popuptext1" id="myPopup6">
 +
                    <!--Image 6 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                    <!--Texte dans Popup-->  <br> 666666666666666
 +
                </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction7()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction7()">
−
                 <span class="popuptext1" id="myPopup7"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 77777777777777777 </span>
+
                <!--Miniature 7--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                 <span class="popuptext1" id="myPopup7">
 +
                    <!--Image 7 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                    <!--Texte dans Popup--> <br> 77777777777777777
 +
                </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction8()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction8()">
−
                 <span class="popuptext1" id="myPopup8"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 888888888888888888 </span>
+
                <!--Miniature 8--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                 <span class="popuptext1" id="myPopup8">
 +
                    <!--Image 8 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
 +
                    <!--Texte dans Popup-->  <br> 888888888888888888
 +
                </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction9()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction9()"><!--Miniature 9--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup9"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 99999999999999999999 </span>
+
                 <span class="popuptext1" id="myPopup9"><!--Image 9 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 99999999999999999999 </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction10()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction10()"><!--Miniature 10--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup10"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 10 10 10 10 10 10  10 </span>
+
                 <span class="popuptext1" id="myPopup10"><!--Image 10 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 10 10 10 10 10 10  10 </span>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
          
 
          
−
         <div>
+
         <div><!--ligne3-->
−
             <div class="popup" onclick="myFunction11()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction11()"><!--Miniature 11--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup11"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 11 11 11 11 11 11 11  </span>
+
                 <span class="popuptext1" id="myPopup11"><!--Image 11 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <!--Texte dans Popup--> <br> 11 11 11 11 11 11 11  </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction12()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction12()"><!--Miniature 12--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup12"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 12 12 12 12 12 12 12 </span>
+
                 <span class="popuptext1" id="myPopup12"><!--Image 12 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 12 12 12 12 12 12 12 </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction13()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction13()"><!--Miniature 13--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup13"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 13 13 13 13 13 13 13 </span>
+
                 <span class="popuptext1" id="myPopup13"><!--Image 13 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 13 13 13 13 13 13 13 </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction14()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction14()"><!--Miniature 14--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup14"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 14 14 14 14 14 14 14  </span>
+
                 <span class="popuptext1" id="myPopup14"><!--Image 14 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 14 14 14 14 14 14 14  </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction15()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction15()"><!--Miniature 15--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup15"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 15 15 15 15 15 15 15  </span>
+
                 <span class="popuptext1" id="myPopup15"><!--Image 15 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 15 15 15 15 15 15 15  </span>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
  
−
         <div>
+
         <div><!--ligne4-->
−
             <div class="popup" onclick="myFunction16()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction16()"><!--Miniature 16--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup16"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 16 16 16 16 16 16 16  </span>
+
                 <span class="popuptext1" id="myPopup16"><!--Image 16 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 16 16 16 16 16 16 16  </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction17()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction17()"><!--Miniature 17--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup17"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 17 17 17 17 17 17 17  </span>
+
                 <span class="popuptext1" id="myPopup17"><!--Image 17 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 17 17 17 17 17 17 17  </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction18()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction18()"><!--Miniature 18--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup18"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 18 18 18 18 18 18  </span>
+
                 <span class="popuptext1" id="myPopup18"><!--Image 18 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 18 18 18 18 18 18  </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction19()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction19()"><!--Miniature 19--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup19"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 19 19 19 19 19 19 19  </span>
+
                 <span class="popuptext1" id="myPopup19"><!--Image 19 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 19 19 19 19 19 19 19  </span>
 
             </div>
 
             </div>
−
             <div class="popup" onclick="myFunction20()"><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
+
             <div class="popup" onclick="myFunction20()"><!--Miniature 20--><img class="image1" src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'>
−
                 <span class="popuptext1" id="myPopup20"><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'> <br> 20 20 20 20 20 20 20  </span>
+
                 <span class="popuptext1" id="myPopup20"><!--Image 20 dans Popup--><img src='https://static.igem.org/mediawiki/2017/7/75/IGEM_Grenoble_photo_couv_grenoble.jpeg'><!--Texte dans Popup-->  <br> 20 20 20 20 20 20 20  </span>
 
             </div>
 
             </div>
 
         </div>
 
         </div>

Revision as of 07:11, 19 July 2017

TEAM

TEAM


11111111111111111

222222222222222

33333333333333333

4444444444444444444

55555555555555555555555

666666666666666

77777777777777777

888888888888888888

99999999999999999999

10 10 10 10 10 10 10

11 11 11 11 11 11 11

12 12 12 12 12 12 12

13 13 13 13 13 13 13

14 14 14 14 14 14 14

15 15 15 15 15 15 15

16 16 16 16 16 16 16

17 17 17 17 17 17 17

18 18 18 18 18 18

19 19 19 19 19 19 19

20 20 20 20 20 20 20

Acknowledgements


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Sponsors

Members Acknowledgements Sponsors