Difference between revisions of "Team:Pasteur Paris/Meet-up"

 
(45 intermediate revisions by 3 users not shown)
Line 5: Line 5:
 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 
<style type="text/css">
 
<style type="text/css">
−
 
  
 
body{
 
body{
Line 17: Line 16:
 
         font-family: 'Oswald', Arial, sans-serif;
 
         font-family: 'Oswald', Arial, sans-serif;
 
color:#333;
 
color:#333;
−
padding-top:-7%;
+
margin-top:-3%;
 
         padding-bottom:5%;
 
         padding-bottom:5%;
 
         margin-left:10%;
 
         margin-left:10%;
 
}
 
}
 +
h2{
 +
  font-family: 'Oswald', Arial, sans-serif;
 +
  margin-top:2%;
 +
  font-size:30px;
 +
  color:#17A3B5 ;
 +
  text-align: center;
 +
}
 +
  
 
.demo-2 {
 
.demo-2 {
 
     position:relative;
 
     position:relative;
−
     width:40%;
+
     width:38%;
 
     height:300px;
 
     height:300px;
 
     overflow:hidden;
 
     overflow:hidden;
 
     float:left;
 
     float:left;
−
     margin-left:10%;
+
     margin-left:15%;
 
     background-color:#DF5939 ;
 
     background-color:#DF5939 ;
 
     list-style-type: none;  
 
     list-style-type: none;  
Line 35: Line 42:
 
.demo-2 p,.demo-2 h3 {
 
.demo-2 p,.demo-2 h3 {
 
     color:#fff;
 
     color:#fff;
−
     padding:10px;
+
     padding:0;
−
     left:10%;
+
     left:5%;
 
     top:20px;
 
     top:20px;
 
     position:relative.
 
     position:relative.
Line 46: Line 53:
 
     line-height:18px;
 
     line-height:18px;
 
     margin:0
 
     margin:0
−
    list-style-type: none;
 
 
}
 
}
  
Line 68: Line 74:
 
.effect img.top:hover {
 
.effect img.top:hover {
 
     bottom:-80px;
 
     bottom:-80px;
−
     padding-top:100px
+
     padding-top:100px;
 
}
 
}
−
h3.zero,p.zero {
+
h3.zero{
−
    margin:0;
+
−
    padding:0;
+
 
     display:block;
 
     display:block;
 +
    margin-top:4%;
 +
    padding:0;
 
     font-size: 30px;
 
     font-size: 30px;
 
     font-family: 'Oswald', Arial, sans-serif;
 
     font-family: 'Oswald', Arial, sans-serif;
Line 81: Line 87:
 
.demo-3 {
 
.demo-3 {
 
     position:relative;
 
     position:relative;
−
     width:40%;
+
     width:38%;
 
     height:300px;
 
     height:300px;
 
     overflow:hidden;
 
     overflow:hidden;
−
     float:left;
+
     float:right;
−
     margin-left:10%;
+
     margin-right:6%;
 
     background-color:#DF5939 ;
 
     background-color:#DF5939 ;
−
    list-style-type: none;
+
 
 
        
 
        
 
}
 
}
 
.demo-3 p,.demo-3 h4 {
 
.demo-3 p,.demo-3 h4 {
 
     color:#fff;
 
     color:#fff;
−
     padding:10px;
+
     padding:0;
 
     left:10%;
 
     left:10%;
 
     top:20px;
 
     top:20px;
−
     position:relative
+
     position:relative;
 +
 
 
}
 
}
 
.demo-3 p {
 
.demo-3 p {
Line 101: Line 108:
 
     font-size:12px;
 
     font-size:12px;
 
     line-height:18px;
 
     line-height:18px;
−
     margin:0
+
     margin:0;
 
}
 
}
  
Line 108: Line 115:
 
     line-height:24px;
 
     line-height:24px;
 
     margin:0;
 
     margin:0;
−
     font-family:'Lato'
+
     font-family:'Lato;
 +
 
 
}
 
}
  
  
 
h4.zero {
 
h4.zero {
−
     margin:0;
+
     margin-right:20%;
 
     padding:0;
 
     padding:0;
 
     display:block;
 
     display:block;
Line 119: Line 127:
 
     font-family: 'Oswald', Arial, sans-serif;
 
     font-family: 'Oswald', Arial, sans-serif;
 
     color:#FFF;
 
     color:#FFF;
 +
    list-style-type: none;
 
}
 
}
 +
 +
 +
 +
 +
/*slide gallery OUR METHODOLOGY*/
 +
* {box-sizing: border-box; }
 +
 +
.app2{
 +
  display: flex;
 +
  flex-wrap: wrap;
 +
  position:relative;
 +
  width:100%;
 +
  height: 420px;
 +
  border: #FFFFFF  solid;
 +
  margin:0px 10px 0px 0px;
 +
  -moz-border-radius:10px 10px;
 +
  -webkit-border-radius:10px 10px;
 +
  border-radius:10px 10px;
 +
  display: -webkit-flex;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -webkit-flex-wrap: wrap;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
}
 +
a {
 +
  text-decoration: none;
 +
  color: inherit; }
 +
 +
.gallery {
 +
  position: relative;
 +
  height: 460px;
 +
  margin-left:27%;
 +
  margin-top:35%;
 +
  text-align : justify;
 +
  z-index:2000;
 +
 
 +
}
 +
  .gallery .item {
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    width: 70%;
 +
    height: 550px;
 +
    background: #FFFFFF ;
 +
    opacity: 0;
 +
    transition: opacity 0.25s; }
 +
 +
.gallery .item:first-of-type {
 +
      opacity: 1;
 +
}
 +
 +
.gallery .controls {
 +
    color: whiteSmoke;
 +
    color: #A8D5D8;
 +
    left: 0%;
 +
    position: absolute;
 +
    bottom: 0%;
 +
    width: 80%;
 +
    font-size: 3.5em;
 +
    text-align: center;
 +
}
 +
 +
.gallery .controls a {
 +
      transition: color 0.25s;
 +
}
 +
 +
.gallery .controls a:hover {
 +
      color: #17A3B5 ;
 +
      color: #17A3B5 ;
 +
}
 +
 +
 +
@keyframes galleryAnimation {
 +
  0% {
 +
    opacity: 0; }
 +
 +
  9.5%, 33% {
 +
    opacity: 1; }
 +
 +
  42.9%, 100% {
 +
    opacity: 0; } }
 +
 +
@keyframes controlAnimation {
 +
  0% {
 +
    color: whiteSmoke;
 +
    color:  #A8D5D8; }
 +
 +
  9.5%, 33% {
 +
    color: #17A3B5 ;
 +
    color: #17A3B5 ; }
 +
 +
  42.9%, 100% {
 +
    color: whiteSmoke;
 +
    color:  #A8D5D8; } }
 +
 +
 +
.gallery .control-operator {
 +
  display: none;
 +
}
 +
.gallery .control-operator:target ~ .item {
 +
  animation: none;
 +
}
 +
.gallery .control-operator:target ~ .controls .control-item {
 +
  color: whiteSmoke;
 +
  color:  #A8D5D8;
 +
  animation: none;
 +
}
 +
.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
 +
  opacity: 1;
 +
}
 +
.gallery .control-operator:nth-of-type(1):target ~ .controls .control-item:nth-of-type(1) {
 +
  color: #17A3B5 ;
 +
  color: #17A3B5 ;
 +
}
 +
 +
.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
 +
  opacity: 1;
 +
}
 +
.gallery .control-operator:nth-of-type(2):target ~ .controls .control-item:nth-of-type(2) {
 +
  color: #17A3B5 ;
 +
  color: #17A3B5 ;
 +
}
 +
 +
.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
 +
  opacity: 1;
 +
}
 +
.gallery .control-operator:nth-of-type(3):target ~ .controls .control-item:nth-of-type(3) {
 +
  color: #17A3B5 ;
 +
  color: #17A3B5 ;
 +
}
 +
 +
.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
 +
  opacity: 1;
 +
}
 +
.gallery .control-operator:nth-of-type(4):target ~ .controls .control-item:nth-of-type(4) {
 +
  color: #17A3B5 ;
 +
  color: #17A3B5 ;
 +
}
 +
 +
 +
#text2 {
 +
  position: relative; /* on positionne le conteneur */
 +
  margin-right: auto;
 +
  margin-left:25%;
 +
  width:60%;
 +
  text-align : justify;
 +
  margin-top:10%;
 +
  margin-bottom:5%;
 +
  font-size: 16px
 +
}
 +
 +
#text3 {
 +
  position: relative; /* on positionne le conteneur */
 +
  margin-right: auto;
 +
  margin-left:25%;
 +
  width:60%;
 +
  text-align : justify;
 +
  margin-top:10%;
 +
  font-size: 16px
 +
}
 +
table {
 +
background: #fafaf;
 +
border-collapse: separate;
 +
box-shadow: inset 0 1px 0 #fff;
 +
font-size: 15px;
 +
line-height: 25px;
 +
margin: 30px auto;
 +
text-align: center;
 +
width: 100%;
 +
}
 +
     
 +
 +
th:after {
 +
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
 +
content: '';
 +
display: block;
 +
height: 25%;
 +
left: 0;
 +
margin: 1px 0 0 0;
 +
position: absolute;
 +
top: 25%;
 +
width: 100%;
 +
}
 +
 +
th:first-child {
 +
border-left: 1px solid #777;
 +
box-shadow: inset 1px 1px 0 #999;
 +
}
 +
 +
th:last-child {
 +
box-shadow: inset -1px 1px 0 #999;
 +
}
 +
 +
td {
 +
border-right: 1px solid #fff;
 +
border-left: 1px solid #e8e8e8;
 +
border-top: 1px solid #fff;
 +
border-bottom: 1px solid #e8e8e8;
 +
padding: 10px 15px;
 +
position: relative;
 +
transition: all 300ms;
 +
}
 +
 +
td:first-child {
 +
box-shadow: inset 1px 0 0 #fff;
 +
}
 +
 +
td:last-child {
 +
border-right: 1px solid #e8e8e8;
 +
box-shadow: inset -1px 0 0 #fff;
 +
}
 +
 +
#EE img{
 +
  padding:5%;
 +
}
 +
  
 
</style>
 
</style>
Line 126: Line 352:
 
<h1><B>Meet-up</B></h1>
 
<h1><B>Meet-up</B></h1>
 
   
 
   
 +
<div>
 
<ul class="demo-2 effect">
 
<ul class="demo-2 effect">
 
     <li>
 
     <li>
 
       <h3 class="zero">Meet-up Ile-de-France</h3>
 
       <h3 class="zero">Meet-up Ile-de-France</h3>
 
     </li>
 
     </li>
−
     <li><img class="top" src="https://static.igem.org/mediawiki/2016/c/cd/IDF_groupe_Pasteur.jpg" width=100% alt=""/></li>
+
     <li><a href="#IDF"><img class="top" src="https://static.igem.org/mediawiki/2016/5/5d/T--Pasteur_Paris--IDF_groupe_Pasteur.jpg" width=100% alt=""/></a></li>
 
    
 
    
 
</ul>
 
</ul>
Line 138: Line 365:
 
       <h4 class="zero">The European experience</h4>
 
       <h4 class="zero">The European experience</h4>
 
     </li>
 
     </li>
−
     <li><img class="top" src="https://static.igem.org/mediawiki/2016/1/1b/06.06_The_EE2.jpg" width=100% alt=""/></li>
+
     <li><a href="#EE"><img class="top" src="https://static.igem.org/mediawiki/2016/8/89/T--Pasteur_Paris--06.06_The_EE2.jpg" width=100% alt=""/></a></li>
 
    
 
    
 
</ul>
 
</ul>
 +
</div>
 +
 +
<div id="IDF">
 +
<div class="gallery">
 +
 +
    <div id="class="control-item" " class="control-operator"></div>
 +
    <div id="item-2" class="control-operator"></div>
 +
    <div id="item-3" class="control-operator"></div>
 +
    <div id="item-4" class="control-operator"></div>
 +
 +
<figure class="item">
 +
      <p><div><center><a href="#"><img class="app2" src="https://static.igem.org/mediawiki/2016/6/63/T--Pasteur_Paris--IDF_PASTEUR.jpg"  alt="" /></a></center></div>
 +
    </figure>
 +
 +
    <figure class="item">   
 +
      <p><div><center><a href="#"><img class="app2" src="https://static.igem.org/mediawiki/2016/5/5d/T--Pasteur_Paris--IDF_groupe_Pasteur.jpg"  alt="" /></a></center></div> 
 +
    </p>
 +
    </figure>
 +
 +
    <figure class="item">
 +
      <p><div><center><a href="#"><img class="app2" src="https://static.igem.org/mediawiki/2016/f/f8/T--Pasteur_Paris--IDF_Intellectual_proprety.jpg"  alt="" /></a></center></div>
 +
    </figure>
 +
 +
<figure class="item">
 +
      <p><div><center><a href="#"><img class="app2" src="https://static.igem.org/mediawiki/2016/e/e6/T--Pasteur_Paris--IDF_some_fun_Pasteur.jpg"  alt="" /></a></center></div>
 +
    </figure>
 +
 +
    <div class="controls">
 +
      <a class="control-item" href="#item-1">•</a>
 +
      <a class="control-item" href="#item-2">•</a>
 +
      <a class="control-item" href="#item-3">•</a>
 +
      <a class="control-item" href="#item-4">•</a>
 +
    </div>
 +
  </div>
 +
 +
<div id="text2"><p><h2><B>Meet-up Ile-de-France</B></h2>
 +
<a href="https://static.igem.org/mediawiki/2016/d/d0/PROGRAM-Meet-up_Ile-de-France_pasteur.pdf"><img src="https://static.igem.org/mediawiki/2016/2/2d/T--Pasteur_Paris--Telechargement_program.png" width="15%"  alt="image"/></img></a></br></br>
 +
 +
 +
With great help from two of our fellow Parisian teams, iGEM Paris Saclay and iGEM IONIS, we hosted the iGEM Ile-de-France MeetUp on August 6 at the Pasteur Institute. This event was the highlight of our summer. The attendees of the MeetUp were people from iGEM Paris Bettencourt, iGEM Evry, iGEM Ionis, iGEM UPMC (IMPACT), and iGEM Paris Saclay. Every team had a 20 minutes presentation of their project, followed by questions and comments from the judges and the audience. The essence of the MeetUp was getting feedback and constructive criticism of the projects from the judges. In the judging committee we had:</br></br>
 +
 +
 +
<table>
 +
  <tbody>
 +
    <tr>
 +
      <td><strong><p>Deshmukh GOPAUL</p></strong></td>
 +
      <td>Institut Pasteur</td>
 +
      <td>PI iGEM Pasteur</td>
 +
    </tr>
 +
    <tr>
 +
      <td><strong><p>Fabio MASCHI</p></strong></td>
 +
      <td>Universite Paris Sud</td>
 +
      <td>Advisor iGEM Paris-Saclay</td>
 +
    </tr>
 +
    <tr>
 +
      <td><strong><p>Guillian GRAVES</p></strong></td>
 +
      <td>ENSCI</td>
 +
      <td>Instructor iGEM Pasteur</td>
 +
    </tr>
 +
    <tr>
 +
      <td><strong><p>Mathis FUNK</p></strong></td>
 +
      <td>Institut de Cancerologie Gustave Roussy</td>
 +
      <td>PhD student (Identification and characterization of endogenous retroviral envelope genes implicated in establishment and persistence of epitheliochorial placentas)</td>
 +
    </tr>       
 +
    <tr>
 +
      <td><strong><p>Matthieu FRITZ</p></strong></td>
 +
      <td>Institut Pasteur</td>
 +
      <td>PhD student (molecular genetics of RNA viruses)</td>
 +
    </tr>
 +
  </tbody>
 +
</table></br></br>
 +
 +
The cherry on top of the Meetup was the quick demonstration of a drone given by a start-up company from Montreuil named ’Civic drone’ during the lunch break, but also the picnic in the hidden garden of the Pasteur Institute where all the teams gathered and bonded over wine and sandwiches.</br></br>
 +
 +
In the afternoon hours, the law students from iGEM Pasteur gave the audience a crash course in intellectual property law and its role in IGEM, which was followed by an interesting perspective on the same subject and on the concept of Open Source by Jonathan Keller, lawyer and legal consultant from La Paillasse.
 +
</p></div>
 +
 +
 +
 +
 +
<div id="EE">
 +
<div id="text3"><p><h2><B>The European experience</B></h2></br></br>
 +
 +
<img src="https://static.igem.org/mediawiki/2016/2/26/T--Pasteur_Paris--Logo_european_experience.gif" width="25%"  alt="image"/></img></br>Organized by the Ionis Paris iGEM team and the Evry iGEM team, The European Experience was an event which took place in Paris gathering most of the European iGEM teams. During this event we had the opportunity to not just share our project during a poster presentation but we also had time to learn what so many other teams were working on. It was a good way to share science and have open dialogue between teams in a friendly atomosphere.
 +
</br></br></br>
 +
 +
We also listened to oral presentations given by synthetic biology scientists and entrepreneurs. And we had an extra special treat to hear a speech from Randy Rettberg, what an honor it was to not just hear him but be apart of this experience!! </br></br></br>
 +
<center><img src="https://static.igem.org/mediawiki/2016/7/71/T--Pasteur_Paris--The_EE_.png" width="100%"  alt="image"/></img>
 +
</center>
 +
 +
</div>
 +
 +
  
 +
</p></div>
  
 +
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:22, 20 October 2016