Difference between revisions of "Team:Sorbonne U Paris/Public Engagement"

Line 7: Line 7:
 
.container p{
 
.container p{
 
padding:15px;
 
padding:15px;
 +
}
 +
 +
/******************************************************************************************************************/
 +
/* Figure caption */
 +
 +
 +
.container-figurecaption {
 +
    position:relative;
 +
    left: 200px;
 +
    max-width: 800px; /* Maximum width */
 +
    margin: 0 auto; /* Center it */
 +
}
 +
 +
.container-figurecaption .content-figurecaption {
 +
    position: absolute; /* Position the background text */
 +
    bottom: 0; /* At the bottom. Use top:0 to append it to the top */
 +
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
 +
    color: #f1f1f1; /* Grey text */
 +
    width: 50%; /* Full width */
 +
    padding: 0 10px 0 10px; Some padding */
 +
}
 +
 +
.figurecaptionB{
 +
    left: 100px;
 +
}
 +
 +
@media (max-width: 1024px){
 +
    .figurecaptionB{
 +
        left: 0px;
 +
    }
 +
    .myimgB{
 +
        width: 50%;
 +
    }
 +
    .container-figurecaption{
 +
        left:0px;
 +
    }
 +
    .container-figurecaption .content-figurecaption {
 +
        width: 100%;
 +
        font-size: 12px;
 +
 +
 +
    }
 +
    .container-figurecaption img{
 +
        width: 100%;
 +
 +
    }
 +
}
 +
 +
 +
.img-figurecaption{
 +
    width: 50%;
 +
}
 +
.modal-content{
 +
    border:none;
 +
}
 +
 +
.modal-content img{
 +
    width: 100%;
 
}
 
}
 
</style>
 
</style>
Line 25: Line 83:
 
<p>"iGEM at Sorbonne University" is the name we gave to the presentation we made during the first meeting of the department of Molecular and Cellular Biology Masters with the new students. In fact, after discussing with the directors of the masters, we were able give a presentation about Synthetic biology and the iGEM competition and briefly presented SugaRevolution. . We also explained the principles and purposes of the competition and explained the skills that they need and will acquire during this adventure. To finish, we showed that our team offers a big autonomy because our project has been fully developed by us from scratch, but we are having a great support from our supervisors. this intervention gained the interest of many students who quickly contacted us to know more about our project and to ask us how they could join the team to participate next year in the competition. </p>
 
<p>"iGEM at Sorbonne University" is the name we gave to the presentation we made during the first meeting of the department of Molecular and Cellular Biology Masters with the new students. In fact, after discussing with the directors of the masters, we were able give a presentation about Synthetic biology and the iGEM competition and briefly presented SugaRevolution. . We also explained the principles and purposes of the competition and explained the skills that they need and will acquire during this adventure. To finish, we showed that our team offers a big autonomy because our project has been fully developed by us from scratch, but we are having a great support from our supervisors. this intervention gained the interest of many students who quickly contacted us to know more about our project and to ask us how they could join the team to participate next year in the competition. </p>
  
    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
+
    <!-- --------------------------------------------FIGURE CAPTION B--------------------------------------------- -->         
  <div class="carousel-inner d-flex justify-content-center">
+
<a  class="pointer" title="Click on the image for a larger view " data-toggle="modal" data-target=".iGEMSU1"><div class="container-figurecaption figurecaptionB">
    <div class="carousel-item active" style="height:700px; width: 80%">
+
  <img class="myimgB" src="https://static.igem.org/mediawiki/2018/8/85/T--Sorbonne_U_Paris--HP_iGEMSU_photo1.jpg" alt="Notebook">
      <img  src="https://static.igem.org/mediawiki/2018/8/85/T--Sorbonne_U_Paris--HP_iGEMSU_photo1.jpg" alt="First slide" style="width: 100%">
+
</div></a>
    </div>
+
<div class="modal fade iGEMSU1" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="carousel-item" style="height:700px; width: 80%">
+
  <div class="modal-dialog modal-lg">
      <img  src="https://static.igem.org/mediawiki/2018/5/5f/T--Sorbonne_U_Paris--HP_iGEMSU_photo2.jpg" alt="Third slide" style=" width: 80%">
+
    <div class="modal-content">
    </div>
+
       <img id="myImg" src="https://static.igem.org/mediawiki/2018/8/85/T--Sorbonne_U_Paris--HP_iGEMSU_photo1.jpg" alt="iGEM at SU">
      <div class="carousel-item" style="height:700px; width: 80%">
+
       <img src="https://static.igem.org/mediawiki/2018/2/28/T--Sorbonne_U_Paris--HP_iGEMSU_photo3.jpg" alt="Third slide" style=" width: 80%">
+
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev" style="width: 40%">
 
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
 
    <span class="sr-only">Previous</span>
 
  </a>
 
  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next" style="width: 40%">
 
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
 
    <span class="sr-only">Next</span>
 
  </a>
 
 
</div>
 
</div>
 
+
<!-- --------------------------------------------FIGURE CAPTION--------------------------------------------- --> 
  
  

Revision as of 22:25, 17 October 2018

Education and
Public Engagement

Throughout this year we managed to raise awareness on Synthetic Biology and explain about iGEM and our project through the different actions we have engaged in. Below is the list of activities we did.

<

iGEM at Sorbonne University


"iGEM at Sorbonne University" is the name we gave to the presentation we made during the first meeting of the department of Molecular and Cellular Biology Masters with the new students. In fact, after discussing with the directors of the masters, we were able give a presentation about Synthetic biology and the iGEM competition and briefly presented SugaRevolution. . We also explained the principles and purposes of the competition and explained the skills that they need and will acquire during this adventure. To finish, we showed that our team offers a big autonomy because our project has been fully developed by us from scratch, but we are having a great support from our supervisors. this intervention gained the interest of many students who quickly contacted us to know more about our project and to ask us how they could join the team to participate next year in the competition.

Notebook

Selling Crêpes


LUPA festival


Conference: “ What will Synthetic Biology Bring to the Future?”


Practical Sessions in "Maurice Genevoix" High school


The Science Fair


Public survey