|
|
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--------------------------------------------- --> |
| | | |
| | | |