|
|
(25 intermediate revisions by 3 users not shown) |
Line 5: |
Line 5: |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <LINK rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:Grenoble-Alpes/CSS" /> | | <LINK rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:Grenoble-Alpes/CSS" /> |
| + | <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> |
| <style> | | <style> |
| + | .my-Slides { |
| + | height: auto; |
| + | min-height: 80vh; |
| + | } |
| + | .slide-division { |
| + | padding:3px; padding-left:6px; border:1px dotted #d0d0d0; border-left:5px solid #ffa811; |
| + | margin-left:20px; background-color: #f2efef;} |
| + | .w3-button { |
| + | top:500px; |
| + | position: absolute; |
| + | right: 0%; |
| + | color: #fff; |
| + | background-color: black; |
| + | padding: 8px 16px; |
| + | cursor: pointer; |
| + | border: none;} |
| + | .w3-button:hover{ |
| + | background-color: white; |
| + | color:black;} |
| + | |
| #welcome{ | | #welcome{ |
| background-image: url("https://static.igem.org/mediawiki/2018/d/de/T--Grenoble-Alpes--engin_bg.jpg"); | | background-image: url("https://static.igem.org/mediawiki/2018/d/de/T--Grenoble-Alpes--engin_bg.jpg"); |
Line 32: |
Line 53: |
| font-size: 1.5em!important; | | font-size: 1.5em!important; |
| margin: 1vh;} | | margin: 1vh;} |
| + | #text-container ul{font-size:1.4em} |
| </style> | | </style> |
| | | |
Line 39: |
Line 61: |
| <div id="welcome"> | | <div id="welcome"> |
| <div id="overlay"></div> | | <div id="overlay"></div> |
− | <p id="titre-image">ENGINEERING</p> | + | <p id="titre-image">Deleted page, go to hardware</p> |
− | </div>
| + | </div> |
− | <div id="sous-menu">
| + | <div class="slide-division"><div class="slide-division"> |
− | <ul>
| + | <br> |
− | <li>
| + | <h3><font size="6"><center><font color="#ffa811"><FONT "id=optitl">IGEM PARISIAN MEET-UP</font></font></center></font></h3> |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes">HOME</a>
| + | <br> |
− | </li>
| + | <figure><center><img src="https://static.igem.org/mediawiki/2018/1/16/T--Grenoble-Alpes--eventsFig1.jpeg" style="width:100vh"></center></figure> |
− | <li>
| + | <br> |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/team">TEAM</a>
| + | <p>On July 7th, 2018, a Parisian meet-up was organized by the iGEM Pasteur team. It was a great opportunity to meet for the first time 8 other french iGEM teams. We were able to practice our project presentation for the Jamboree and to get more acquainted with other projects for an eventual future collaboration. In Paris, our team was represented by Thomas (team leader and engineer) and Elise (biologist).</p> |
− | <ul>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/team#team-members">TEAM MEMBERS</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/team#advisors">ADVISORS</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/team#partners">PARTNERS</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/project" >PROJECT </a>
| + | |
− | <ul>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/biology">BIOLOGY</a><ul><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/selection">SELECTION</a>
| + | |
− | </li><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/phage_lysis">PHAGE LYSIS AND EXTRACTION</a>
| + | |
− | </li><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/construction">CONSTRUCTION</a>
| + | |
− | </li><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/hybridation">HYBRIDATION</a>
| + | |
− | </li><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/conservation">CONSERVATION</a>
| + | |
− | </li></ul></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/engineering" id="current-menu">ENGINEERING</a><ul><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/pipetting_module">PIPETTING MODULE</a>
| + | |
− | </li><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/fluorescence_module">FLUORESCENCE MODULE</a>
| + | |
− | </li><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/temperature_module">TEMPERATURE MODULE</a>
| + | |
− | </li><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/purification_module">PURIFICATION MODULE</a>
| + | |
− | </li></ul></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/proof_of_concept">PROOF OF CONCEPT</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/modeling">
| + | |
− | MODELING
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/human_practices">HUMAN PRACTICES</a>
| + | |
− | <ul>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/actors_partnerships">ACTORS & PARTNERSHIPS</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ethic">ETHIC</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/events">EVENTS</a><ul><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/mets_ups">METS UPS</a>
| + | |
− | </li><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/public_presentation">PUBLIC PRESENTATION</a>
| + | |
− | </li><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/local_events">LOCAL EVENTS</a>
| + | |
− | </li></ul></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/safety">SAFETY & SECURITY</a><ul><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/meca_study">MECA STUDY</a>
| + | |
− | </li><li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/safety_form">SAFETY FORM</a>
| + | |
− | </li></ul></li>
| + | |
− | </ul>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/ressources">RESSOURCES</a>
| + | |
− | <ul>
| + | |
− | <li>
| + | |
− | <a href="https://2018.igem.org/Team:Grenoble-Alpes/notebook">NOTEBOOK</a>
| + | |
− | </li>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/parts">PARTS</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/protocols">PROTOCOLS</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/componants">COMPONANTS</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:Grenoble-Alpes/medal_criteria">MEDAL CRITERIA</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | <div id="text-container">
| + | |
− | <p><ul>In order to fully automate the whole biological process we need to be able to perform 4 main actions :
| + | |
− | <li>we need to pipette liquid in and out of Eppendorf tubes
| + | |
− | <li>we need to heat and cool samples
| + | |
− | <li>we need to extract DNA after the lysis step
| + | |
− | <li>we need to measure the fluorescence at the end of the process in order to know the results of our diagnostic</ul></p>
| + | |
− | <p><ul>
| + | |
− | To control those actions we use:
| + | |
− | <li>an Arduino microcontroller to handle the different electronic components
| + | |
− | <li>a raspberry pi (a very small and cheap computer) to display the results and interact with the user</ul></p>
| + | |
− | <p>
| + | |
− | The whole process takes place in a structure made of aluminum and Plexiglas.
| + | |
− | The samples, buffers and pipette tips are placed on a central rotating plate that moves thanks to a motor controlled via our Arduino. </p>
| + | |
− | <p>
| + | |
− | This circular structure is very convenient as:<ul>
| + | |
− | <li>it optimizes the space used
| + | |
− | <li>it does not require to move the different modules, reducing the complexity of the system.</ul></p>
| + | |
− | | + | |
− | <p>
| + | |
− | If you want to jump ahead to one of those modules, feel free to click on them !</p>
| + | |
− | | + | |
− | <img src="https://static.igem.org/mediawiki/2018/c/ce/T--Grenoble-Alpes--eng_bg.jpg" id="schema">
| + | |
− | | + | |
− | | + | |
− | </div>
| + | |
| </div> | | </div> |
− | </body>
| + | <div class="slide-division"> |
− | | + | <br> |
| + | <h3><font size="6"><center><font color="#ffa811"><FONT "id=optitl">IGEM PARISIAN MEET-UP</font></font></center></font></h3> |
| + | <br> |
| + | <figure><center><img src="https://static.igem.org/mediawiki/2018/1/16/T--Grenoble-Alpes--eventsFig1.jpeg" style="width:100vh"></center></figure> |
| + | <br> |
| + | <p>On July 7th, 2018, a Parisian meet-up was organized by the iGEM Pasteur team. It was a great opportunity to meet for the first time 8 other french iGEM teams. We were able to practice our project presentation for the Jamboree and to get more acquainted with other projects for an eventual future collaboration. In Paris, our team was represented by Thomas (team leader and engineer) and Elise (biologist).</p> |
| + | </div></div> |
| + | |
| + | BAD LINK |
| + | </footer> |
| </html> | | </html> |