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

Line 9: Line 9:
 
}
 
}
  
−
/******************************************************************************************************************/
+
img {
−
/* Figure caption */
+
    border: 1px solid #ddd; /* Gray border */
−
 
+
    border-radius: 4px;  /* Rounded border */
−
 
+
     padding: 5px; /* Some padding */
−
.container-figurecaption {
+
     width: 150px; /* Set a small width */
−
     position:relative;
+
−
    left: 200px;
+
−
    max-width: 800px; /* Maximum width */
+
−
     margin: 0 auto; /* Center it */
+
 
}
 
}
  
−
.container-figurecaption .content-figurecaption {
+
/* Add a hover effect (blue shadow) */
−
    position: absolute; /* Position the background text */
+
img:hover {
−
     bottom: 0; /* At the bottom. Use top:0 to append it to the top */
+
     box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
−
    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 */
+
 
}
 
}
  
−
 
−
 
−
@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>
 
</head>
 
</head>
Line 81: Line 38:
 
<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 class="container>
+
<a target="_blank" href="https://static.igem.org/mediawiki/2018/8/85/T--Sorbonne_U_Paris--HP_iGEMSU_photo1.jpg"> <img src="https://static.igem.org/mediawiki/2018/8/85/T--Sorbonne_U_Paris--HP_iGEMSU_photo1.jpg" alt="Forest"></a>
−
 
+
−
<div class="row">
+
−
    <!-- --------------------------------------------FIGURE CAPTION B--------------------------------------------- -->
+
−
      <div class="col-lg-4 col-md-4 col-sm-6"> 
+
−
<a class="pointer" title="Click on the image for a larger view " data-toggle="modal" data-target=".iGEMSU1"><div class="container-figurecaption figurecaptionB">
+
−
  <img class="myimgB"  src="https://static.igem.org/mediawiki/2018/8/85/T--Sorbonne_U_Paris--HP_iGEMSU_photo1.jpg" alt="Notebook" style="width:100%; height: 300px">
+
−
</div></a>
+
−
<div class="modal fade iGEMSU1" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
+
−
  <div class="modal-dialog modal-lg">
+
−
    <div class="modal-content">
+
−
      <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>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<!-- --------------------------------------------FIGURE CAPTION--------------------------------------------- --> 
+
−
    <!-- --------------------------------------------FIGURE CAPTION B--------------------------------------------- --> 
+
−
 
+
−
      <div class="col-lg-4 col-md-4 col-sm-6"> 
+
−
<a class="pointer" title="Click on the image for a larger view " data-toggle="modal" data-target=".iGEMSU2"><div class="container-figurecaption figurecaptionB">
+
−
  <img class="myimgB"  src="https://static.igem.org/mediawiki/2018/5/5f/T--Sorbonne_U_Paris--HP_iGEMSU_photo2.jpg" alt="Notebook" style="width:100%;height: 300px">
+
−
</div></a>
+
−
<div class="modal fade iGEMSU2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
+
−
  <div class="modal-dialog modal-lg">
+
−
    <div class="modal-content">
+
−
      <img id="myImg" src="https://static.igem.org/mediawiki/2018/5/5f/T--Sorbonne_U_Paris--HP_iGEMSU_photo2.jpg" alt="iGEM at SU">
+
−
    </div>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<!-- --------------------------------------------FIGURE CAPTION--------------------------------------------- -->
+
−
    <!-- --------------------------------------------FIGURE CAPTION B--------------------------------------------- -->
+
−
 
+
−
      <div class="col-lg-4 col-md-4 col-sm-6"> 
+
−
<a  class="pointer" title="Click on the image for a larger view " data-toggle="modal" data-target=".iGEMSU3"><div class="container-figurecaption figurecaptionB">
+
−
  <img class="myimgB"  src="https://static.igem.org/mediawiki/2018/2/28/T--Sorbonne_U_Paris--HP_iGEMSU_photo3.jpg" alt="Notebook" style="width:100%;height: 300px">
+
−
</div></a>
+
−
<div class="modal fade iGEMSU3" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
+
−
  <div class="modal-dialog modal-lg">
+
−
    <div class="modal-content">
+
−
      <img id="myImg" src="https://static.igem.org/mediawiki/2018/2/28/T--Sorbonne_U_Paris--HP_iGEMSU_photo3.jpg" alt="iGEM at SU">
+
−
    </div>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<!-- --------------------------------------------FIGURE CAPTION--------------------------------------------- -->
+
−
</div>
+
−
</div>
+
−
 
+
  
  

Revision as of 22:46, 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.

Forest

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


Back to top