Difference between revisions of "Team:TUDelft/Test"

Line 3: Line 3:
 
{{:Team:TUDelft/Header}}
 
{{:Team:TUDelft/Header}}
 
{{:Team:TUDelft/Banner}}
 
{{:Team:TUDelft/Banner}}
 +
 
<html>
 
<html>
 
     <head>
 
     <head>
−
        <meta name="viewport" content="width=device-width, initial-scale=1">
+
         <style>
−
         <style>    
+
             .navbartu .test {
−
             /* Create two unequal columns that floats next to each other */
+
                color:white;
 +
            }
 +
            .dropdowntu .dropbtn {
 +
                color: white;
 +
            }
 +
           
 
             .column {
 
             .column {
 
                 box-sizing: border-box;
 
                 box-sizing: border-box;
Line 13: Line 19:
 
                 display: table-cell;
 
                 display: table-cell;
 
             }
 
             }
−
 
 
             .left {
 
             .left {
−
                 width: 30%;
+
                 width: 50%;
−
                 padding: 10px;
+
                 justify-content: center;
−
                padding-left: 40px;
+
−
                padding-top:5%;
+
−
 
+
 
             }
 
             }
−
            .left2 {
 
−
                width: 70%;
 
−
                padding: 10px;
 
−
                padding-left: 40px;
 
−
            }
 
−
 
 
             .right {
 
             .right {
−
                 width: 70%;
+
                padding-right: 10%;
 +
                 width: 50%;
 
                 padding:10px;
 
                 padding:10px;
 
                 padding-right: 40px;
 
                 padding-right: 40px;
 
             }
 
             }
−
            .right2 {
+
              .left2 {
−
                 width: 30%;
+
                padding-right: 10%;
 +
                 width: 50%;
 
                 padding:10px;
 
                 padding:10px;
 
                 padding-right: 40px;
 
                 padding-right: 40px;
−
                 padding-top:5%;
+
            }
 +
            .right2 {
 +
                 width: 50%;
 +
                justify-content: center;
 
             }
 
             }
 
             .row {
 
             .row {
 
                 display: table;
 
                 display: table;
 
             }
 
             }
−
            /* Clear floats after the columns */
 
 
             .row:after {
 
             .row:after {
 
                 content: "";
 
                 content: "";
Line 47: Line 47:
 
                 clear: both;
 
                 clear: both;
 
             }
 
             }
−
 
+
             .centerjustify2 {
−
             img.team{
+
                 margin-left: auto;
−
                 border-radius: 50%;
+
                margin-right: auto;
 +
                width: 80%;
 +
                margin-top: 60px;
 +
                margin-bottom: 60px;
 +
                text-align: justify;
 +
            }
 +
            .center2 {
 
                 display: block;
 
                 display: block;
−
                 width:100%;
+
                 margin:auto;
−
                max-width:250px;
+
−
                height:auto;
+
−
            }   
+
−
            h3{
+
−
                color:#00a6d6;
+
−
                margin:0px;
+
−
                margin-bottom:-10px;
+
 
             }
 
             }
−
             h4{
+
 
−
                 margin:0px;
+
             .buttontu {
−
                 margin-bottom: 10px;
+
                 border-color: #00A6D6;
 +
                border-style: solid;
 +
                border-width:thin;
 +
                color: #00A6D6 !important;
 +
                padding: 2%;
 +
                text-align: center;
 +
                text-decoration: none;
 +
                display: inline-block;
 +
                cursor: pointer;
 +
                 border-radius: 10px;
 
             }
 
             }
 +
            .buttontu:hover {
 +
                background-color: #00A6D6;
 +
                opacity: 0.65;
 +
                text-decoration:none;
 +
                color:#fff !important;
 +
            }
 +
            .buttontu2 {
 +
                color: #00A6D6 !important;
 +
                padding: 1%;
 +
                text-align: center;
 +
                text-decoration: none;
 +
                display: inline-block;
 +
                cursor: pointer;
  
−
 
−
            #box{
 
−
                -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.26);
 
−
                -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.26);
 
−
                box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.26);
 
−
 
−
                border-radius: 10px 10px 10px 10px;
 
−
                -moz-border-radius: 10px 10px 10px 10px;
 
−
                -webkit-border-radius: 10px 10px 10px 10px;
 
−
                border: 1px solid #BFBFBF;
 
 
             }
 
             }
 +
            .buttontu2:hover {
 +
                text-decoration: none;
 +
                color:#000000!important;
 +
            }
 +
            .boxhead{
 +
                background-color: rgba(0,110,167,0.9);
 +
                color: #fff !important;
 +
                padding: 2%;
 +
                text-align: center;
 +
                text-decoration: none;
 +
                display: inline-block;
 +
                border-radius: 10px;
 +
                width:100%;
 +
            }
 +
            .mySlides {display: none}
 +
            img {vertical-align: middle;}
  
−
             .supervisors{
+
            /* Slideshow container */
−
                 background-color: #f8fcfe;
+
             .slideshow-container {
 +
                 max-width: 100%;
 +
                position: relative;
 +
                margin: auto;
 
             }
 
             }
−
             .supervisors td {
+
            /* The dots/bullets/indicators */
−
                 padding:18px;
+
             .dot {
 +
                 cursor: pointer;
 +
                height: 20px;
 +
                width: 20px;
 +
                margin: 0 2px;
 +
                background-color: #bbb;
 +
                border-radius: 50%;
 +
                display: inline-block;
 +
                transition: background-color 0.6s ease;
 
             }
 
             }
−
             #boxsupervisors{
+
             .active, .dot:hover {
−
                -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.26);
+
                 background-color: #717171;
−
                -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.26);
+
−
                 box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.26);
+
 
             }
 
             }
  
−
             div.polaroid {
+
             /* Fading animation */
−
                 width: 250px;
+
            .fade {
−
                 border-radius: 10px 10px 10px 10px;
+
                 -webkit-animation-name: fade;
−
                 -moz-border-radius: 10px 10px 10px 10px;
+
                 -webkit-animation-duration: 3s;
−
                 -webkit-border-radius: 10px 10px 10px 10px;
+
                 animation-name: fade;
 +
                 animation-duration: 3s;
 
             }
 
             }
  
 +
            @-webkit-keyframes fade {
 +
                from{opacity: 0}
 +
                to {opacity: 1}
 +
            }
  
−
             div.container {
+
             @keyframes fade {
−
                 padding: 10px;
+
                 from{opacity: 0}
 +
                to {opacity: 1}
 +
            }
  
−
                 text-align: center;
+
            /* On smaller screens, decrease text size */
 +
            @media only screen and (max-width: 300px) {
 +
                 .prev, .next,.text {font-size: 11px}
 
             }
 
             }
−
            p2 {
+
 
−
                font-size: 75%;
+
             .centerfoto {
−
             }
+
                 display: block;
−
            p {
+
−
                 line-height:normal;
+
−
            }
+
−
            .centerjustify {
+
 
                 margin-left: auto;
 
                 margin-left: auto;
 
                 margin-right: auto;
 
                 margin-right: auto;
−
                 width: 70%;
+
                 width: 50%;
−
                margin-top: 60px;
+
−
                margin-bottom: 60px;
+
−
                text-align: justify;
+
−
            }
+
−
 
+
−
            @media screen and (max-width: 800px) {
+
−
                .row {
+
−
                    display: flex;
+
−
                    flex-wrap: wrap;
+
−
 
+
−
                }
+
−
                .left,
+
−
                .right,
+
−
                .right2,
+
−
                .left2 {
+
−
                    flex: 0 0 100%;
+
−
                    max-width: 100%;
+
−
                    width:100%;
+
−
                    padding:10px;
+
−
                }
+
−
                img.team{
+
−
                    border-radius: 50%;
+
−
                    display: block;
+
−
                    width:50%;
+
−
                    height:auto;
+
−
                    margin-left: auto;
+
−
                    margin-right: auto;
+
−
                }
+
−
                .right2 {
+
−
                    order: 1;
+
−
                }
+
−
                .left2 {
+
−
                    order: 2;
+
−
                }
+
−
 
+
−
                td {
+
−
                    display: table-row;
+
−
                }
+
 
             }
 
             }
 
         </style>
 
         </style>
 +
 
     </head>
 
     </head>
 +
 
     <body>
 
     <body>
  
−
        <div class="Banner container-fluid text-center mb-0 align-items-center ">
 
  
−
            <div class="display-2 mb-0">  
+
 
−
                <br>
+
        <div class="video-container">
−
                <br>
+
 
−
                <br>
+
            <video autoplay muted width="100%">
−
                <br>         
+
              <source type="video/mp4" src="https://static.igem.org/mediawiki/2019/3/3f/T--TUDelft--homevideo.mp4">
−
                <img src = "https://static.igem.org/mediawiki/2019/a/ae/T--TUDelft--Opentrons_Team.png" alt="TeamMemberlogo" style="width:60%"; >
+
 
−
             </div>          
+
             </video>
 
         </div>
 
         </div>
  
  
−
         <div class="centerjustify">
+
         <div class="centerjustify2">
−
            <h2>Team Members</h2><br>
+
−
            <div id="box">
+
  
 +
            <div  data-aos="fade-zoom-in" data-aos-duration="2000">
  
−
                 <div class="row">
+
                 <center class="boxhead" style=" font-size:xx-large;"> <b> Engineering non-model bacteria is extremely laborious and expensive </b> </center>
−
                    <div class="column left">
+
−
                        <img class="team"  src="https://static.igem.org/mediawiki/2019/3/3a/T--TUDelft--Hafsa.png" alt="Hafsa">
+
  
−
                    </div>
 
−
                    <div class="column right">
 
−
                        <h3>Hafsa Akaouche</h3>
 
−
                        <h4>Sponsoring Manager</h4>
 
−
                        <p>Hello everyone! My name is Hafsa Akaouche and I am this year’s Sponsor Manager. I am a first year Nanobiology Master student. In the team my job is to make sure that money will not be an issue. To achieve this I reach out to companies, institutes and apply for funds. When I am not busy with iGEM I like to play games and read books.</p>
 
−
                    </div>
 
−
                </div>
 
  
−
                <div class="row">
+
            </div>
−
                    <div class="column left2">
+
            <br>
−
                        <h3 style="text-align: right;">Joel Clotet i Peretó</h3>
+
            <br>
−
                        <h4 style="text-align: right;">Communications Manager &amp; Human Practice Manager</h4>
+
            <div class="row">
−
                        <p>Hey! My name is Joel and I am this year’s Communications Manager & Human Practice Manager. This means I make sure everyone (either the sponsors or the general public) has a clear idea of how our project goes and what we do, through our newsletter, posters, and social media. I am currently a LST MSc student at the TU Delft, but I come from the Autonomous University of Barcelona, where I did my BSc in Biotechnology. There I organised multiple scientific events with the Catalan Association of Biotechnologists (ASBTEC), and I was involved in scientific communication initiatives. I think iGEM gives young students the opportunity to come up with solutions to current problems and materialize them.</p>
+
                <div data-aos="fade-up" data-aos-duration="2000">
−
                    </div>
+
 
−
                     <div class="column right2">
+
                     <div class="left column">
−
                         <img class="team" src="https://static.igem.org/mediawiki/2019/c/ca/T--TUDelft--Joel.png" alt="Joel">
+
 
−
                    </div>
+
                         <img class="center2" src="https://static.igem.org/mediawiki/2019/7/78/T--TUDelft--Problem_image.png" alt="Problem" style="height:30%">  
−
                </div>
+
  
−
                <div class="row">
 
−
                    <div class="column left">
 
−
                        <img class="team"  src="https://static.igem.org/mediawiki/2019/3/36/T--TUDelft--Osman.png" alt="Osman">
 
−
                    </div>
 
−
                    <div class="column right">
 
−
                        <h3>Osman Esen</h3>
 
−
                        <h4>Finance Manager</h4>
 
−
                        <p>Hey hey! My name is Osman and I am currently doing my Master in Biomedical Engineering after having completed the Life Science and Technology
 
−
                            Bachelor. I am this year’s Finance Manager and it is my job to keep track of all the finances. Besides being part of this awesome team, I’m also coaching eight talented girls at my rowing association. Sometimes, if you look very carefully to the river, you might spot me rowing on the water to clear my mind. Otherwise you will probably find me in a store buying new shoes.</p>
 
−
                    </div>
 
−
                </div>
 
  
−
                <div class="row">
 
−
                    <div class="column left2" >
 
−
                        <h3 style="text-align: right;">Sagarika Govindaraju</h3>
 
−
                        <h4 style="text-align: right;">Lab Manager</h4>
 
−
                        <p>Hey! I’m Sagarika and I’m a student of the Life Science and Technology Master. I will be the Lab Manager of this year’s iGEM team. As the Lab Manager, I’m involved in designing the wet lab modules and maintaining the lab. The potential of synthetic biology fascinates me and I’m excited to work with my team on a great project.</p>
 
 
                     </div>
 
                     </div>
−
                    <div class="column right2">
 
−
                        <img class="team"  src="https://static.igem.org/mediawiki/2019/6/6d/T--TUDelft--Sagarika.png" alt="Sagarika">
 
−
                    </div>
 
−
                </div>
 
  
  
 +
                    <div class="right column">
 +
 +
                        <p style="font-size:large; line-height: 200%;"> Engineering non-model bacteria is <b>extremely laborious and expensive</b>, which restricts the scope of synthetic biology to a small subset of the bacterial cosmos.</p>
 +
                        <br>
 +
                        <br>
 +
                        <a href="https://2019.igem.org/Team:TUDelft/Description" class="buttontu">Read More</a>
  
−
                <div class="row">
 
−
                    <div class="column left">
 
−
                        <img class="team"  src="https://static.igem.org/mediawiki/2019/2/25/T--TUDelft--Esther.png" alt="Esther">
 
−
                    </div>
 
−
                    <div class="column right">
 
−
                        <h3>Esther Hoogerwerf</h3>
 
−
                        <h4>Secretary & Collaborations Manager &amp; Safety Officer</h4>
 
−
                        <p>Hey there! My name is Esther Hoogerwerf and I am this year’s Collaborations Manager and Safety Officer. This means I get to talk to people and make sure we do not do anything illegal in the lab 😉. For me iGEM is part of my MSc Nanobiology at the Technical University of Delft. This is also where I did my BSc Nanobiology. I see iGEM as a unique opportunity to work in a team on a cool and relevant project. In my free time you can find me hanging out with my family or friends, reading thrillers or playing games.</p>
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
            </div>
 +
 +
 +
            <br>
 +
            <br><br>
 +
            <br>
 +
 +
 +
            <div class="row">
 +
                <div data-aos="fade-up" data-aos-duration="2000">
 +
 +
                    <div class="left2 column">
 +
                        <p style="font-size:large; line-height: 200%;"> In our project, we developed a tool that aims to expand the repertoire of bacterial species and broaden the range of substrates and environmental conditions which is currently used in synthetic biology.</p>
 +
                        <br>
 +
                        <br>
 +
                        <a target="_blank" href="https://static.igem.org/mediawiki/2019/d/d1/T--TUDelft--orthogonalitywhite.png" class="buttontu ">Read More</a>
  
−
                <div class="row">
 
−
                    <div class="column left2" >
 
−
                        <h3 style="text-align: right;">Weronika Hoska van Aken</h3>
 
−
                        <h4 style="text-align: right;">Data Manager</h4>
 
−
                        <p>Hello! I am Weronika and I am in my first year of the Master Nanobiology. In iGEM I will be the Data Manager, meaning I will be the bridge between the wet and dry lab. The generated data of the wet lab will be used for modeling in the dry lab and vice versa by testing the results of the modelling in the wet lab to see if the modeling is accurate. My specific tasks will be to collect the data and analyze it. Moreover, I will assure the quality of the generated data. In my free time I like to play handball and watch soccer.</p>
 
 
                     </div>
 
                     </div>
−
                     <div class="column right2">
+
                     <div class="right2 column">
−
                      <img class="team" src="https://static.igem.org/mediawiki/2019/a/a8/T--TUDelft--Weronika.png" alt="Weronika">
+
                        <img class="center2" src="https://static.igem.org/mediawiki/2019/4/4e/T--TUDELFT--logowithtext.png" alt="Sci-Phi 29" style="width:80%";>  
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
            </div>
 +
            <br>
 +
            <br>
 +
            <br>
 +
            <br>
 +
            <br>
 +
            <br>
 +
            <div data-aos="fade-zoom-in" data-aos-duration="2000">
 +
 +
                <center class="boxhead" style=" font-size:xx-large;"> <b> How does Sci-Phi 29 works? </b> </center>
 +
 +
            </div>
 +
            <br>
 +
            <br>
 +
            <div class="row">
 +
                <div data-aos="fade-up" data-aos-duration="2000">
 +
 +
                    <div class="left column">
 +
 +
                        <img class="center2" src = "https://static.igem.org/mediawiki/2019/c/ca/T--TUDELFT--overviewuniversality.png" alt="overview project" style="width:80%";>
 +
  
−
                <div class="row">
 
−
                    <div class="column left">
 
−
                        <img class="team"  src="https://static.igem.org/mediawiki/2019/8/85/T--TUDelft--Dennis.png" alt="Dennis">
 
 
                     </div>
 
                     </div>
−
                    <div class="column right">
 
−
                        <h3>Dennis Kenbeek</h3>
 
−
                        <h4>Modeling Manager</h4>
 
−
                        <p>Hi there! My name is Dennis Kenbeek and I am currently doing my Bachelor Nanobiology. I am interested in how computational methods can be used to solve problems in biology. It therefore excites me to fulfill the task of Modeling Manager this year, together with the dry lab team we will use the power of computers to help the team in the wet lab.  When I’m not busy with iGEM, I am probably homebrewing. For anything beer related you can always contact me!</p>
 
−
                    </div>
 
−
                </div>
 
−
                <div class="row">
 
−
                    <div class="column left2">
 
−
                        <h3 style="text-align: right;">Huyen My Nguyen</h3>
 
−
                        <h4 style="text-align: right;">Wiki Manager & Team Captain</h4>
 
−
                        <p>Hi all! My name is Huyen My and I am an MSc Biomedical Engineering student with a Life Science and Technology bachelor degree. This year I decided to take on a challenge, thus I started to learn HTML to be responsible for our wiki page. Furthermore, you can find me at the wet lab, sponsoring or communication team if I am not behind the keyboard. iGEM provides a great opportunity to expand my knowledge in science and to develop myself in many different areas.</p>
 
−
                    </div>
 
−
                    <div class="column right2">
 
−
                      <img class="team"  src="https://static.igem.org/mediawiki/2019/9/9a/T--TUDelft--HuyenMy.png" alt="HuyenMy">
 
−
                    </div>
 
−
                </div>
 
  
−
                <div class="row">
+
 
−
                    <div class="column left">
+
                    <div class="right column">
−
                      <img class="team" src="https://static.igem.org/mediawiki/2019/c/cf/T--TUDelft--Marco.png" alt="Marco">
+
                        <p style="font-size:large; line-height: 200%;">  Sci-Phi 29 is a tool used to express genetic circuits independently of the bacterial host.</p>
−
                    </div>
+
                        <br>
−
                    <div class="column right">
+
                        <br>
−
                        <h3>Marco Valentim Becker</h3>
+
                        <a target="_blank" href="https://static.igem.org/mediawiki/2019/d/d1/T--TUDelft--orthogonalitywhite.png" class="buttontu ">Read More</a>
−
                        <h4>Science Manager</h4>
+
 
−
                        <p>Hello! My name is Marco and I am from Brazil. As the Science Manager, I am responsible for organizing the project design and dividing the project into modules. I’m really passionate about discussing possible directions with the team and finding solutions to scientific problems together! I’ll be working in both the wet lab and dry lab and keep an overview on both of them. If not in the office or the lab I am probably obsessing over iGEM somewhere else.</p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
            </div>
  
−
                <div class="row">
+
            <br>
−
                    <div class="column left2">
+
            <br><br>
−
                        <h3 style="text-align: right;">Renée van der Winden</h3>
+
            <br>
−
                        <h4 style="text-align: right;">Team Captain</h4>
+
            <div class="row">
−
                            <p>Hi everyone! My name is Renée van der Winden and I am currently doing my Master in Nanobiology after having completed the Nanobiology Bachelor. I am this year’s Team Captain and it is my job to make sure everything gets done that needs to be done. Of course, I also make sure everyone’s spirits are up, so we can keep working hard as a team! I am really passionate about iGEM and cannot wait to see what we will achieve as a team. When I manage to tear myself away from iGEM for a moment, I like to read or play board games. You can also always call me to help assemble your IKEA furniture.</p>
+
                <div data-aos="fade-up" data-aos-duration="2000">
  
−
                            </div>
+
                    <div class="left2 column">
−
                         <div class="column right2">
+
 
−
                            <img class="team" src="https://static.igem.org/mediawiki/2019/3/3c/T--TUDelft--renee.jpg" alt="Renee">
+
                         <p style="font-size:large; line-height: 200%;"> In our project, we developed a tool that aims to expand the repertoire of bacterial species and broaden the range of substrates and environmental conditions which is currently used in synthetic biology.</p>
−
                        </div>
+
                        <br>
 +
                        <br>
 +
                        <a target="_blank" href="https://static.igem.org/mediawiki/2019/d/d1/T--TUDelft--orthogonalitywhite.png" class="buttontu ">Read More</a>
  
 
                     </div>
 
                     </div>
  
  
−
                </div>
+
                    <div class="right2 column">
−
                <br>
+
−
                <br>
+
  
 +
                        <img  class="center2" style="border-radius:25px;" src="https://static.igem.org/mediawiki/2019/c/c7/T--TUDelft--Foldscope_Event.gif" alt="Foldscope Event" width="80%;" >
  
−
                <h2>Supervisors</h2>
 
  
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
                <table class="supervisors" align="center">
+
            <br>
−
                    <tr>
+
            <br>
−
                        <td>  <div id="boxsupervisors" class="polaroid">
+
            <br>
−
                            <img src="https://static.igem.org/mediawiki/2019/9/9f/T--TUDelft--timon.jpg" alt="Timon" style="width:100%;  border-radius: 10px;">
+
            <br>
−
                            <div class="container">
+
            <br>
−
                                <p>Timon Idema </p>
+
        </div>
−
                                <p2>Associate Professor</p2>
+
−
                            </div>
+
−
                            </div></td>
+
−
                        <td><div id="boxsupervisors" class="polaroid">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/5/5e/T--TUDelft--Christophe.jpg" alt="Christophe" style="width:100%;  border-radius: 10px;">
+
−
                            <div class="container">
+
−
                                <p>Christophe Danelon</p>
+
−
                                <p2>Associate Professor</p2>
+
−
                            </div>
+
−
                            </div></td>
+
−
                        <td><div id="boxsupervisors" class="polaroid">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/a/ac/T--TUDelft--Supervisor_David.jpg" alt="David" style="width:100%; border-radius: 10px;">
+
−
                            <div class="container">
+
−
                                <p>David Foschepoth</p>
+
−
                                <p2>Postdoc</p2>
+
−
                            </div>
+
−
                            </div></td>
+
−
                    </tr>
+
  
  
−
                    <tr>
+
        <script>
−
                        <td><div id="boxsupervisors" class="polaroid">
+
            var slideIndex = 1;
−
                            <img src="https://static.igem.org/mediawiki/2019/6/65/T--TUDelft--zoe.jpg" alt="Zoe" style="width:100%; border-radius: 10px;">
+
            var timer = null;
−
                            <div class="container">
+
            showSlides(slideIndex);
−
                                <p>Zoë Robaey</p>
+
−
                                <p2>Assistant Professor</p2>
+
−
                            </div>
+
−
                            </div></td>
+
−
                        <td>  <div id="boxsupervisors" class="polaroid">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/6/60/T--TUDelft--Supervisor_Elisa.png" alt="Elisa" style="width:100%; border-radius: 10px;">
+
−
                            <div class="container">
+
−
                                <p>Elisa Godino</p>
+
−
                                <p2>PhD candidate</p2>
+
−
                            </div>
+
−
                            </div></td>
+
−
                        <td>  <div  id="boxsupervisors" class="polaroid">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/1/1e/T--TUDELFT--britte.jpg" alt="Britte" style="width:100%; border-radius: 10px;">
+
−
                            <div class="container">
+
−
                                <p>Britte Bouchaut</p>
+
−
                                <p2>PhD candidate</p2>
+
−
                            </div>
+
−
                            </div></td>
+
  
−
                    </tr>
+
            function plusSlides(n) {
 +
                clearTimeout(timer);
 +
                showSlides(slideIndex += n);
 +
            }
  
−
                    <tr>
+
            function currentSlide(n) {
−
                        <td><div id="boxsupervisors" class="polaroid">
+
                clearTimeout(timer);
−
                            <img src="https://static.igem.org/mediawiki/2019/c/c7/T--TUDELFT--Charlotte.jpg" alt="Charlotte" style="width:100%; border-radius: 10px;">
+
                showSlides(slideIndex = n);
−
                            <div class="container">
+
            }
−
                                <p>Charlotte Koster</p>
+
−
                                <p2>PhD candidate</p2>
+
−
                            </div>
+
−
                            </div></td>
+
−
                        <td><div id="boxsupervisors" class="polaroid">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/0/0c/T--TUDelft--Esengul.jpg" alt="Esengul" style="width:100%; border-radius: 10px;">
+
−
                            <div class="container">
+
−
                                <p>Esengül Yildirim</p>
+
−
                                <p2>Technician</p2>
+
−
                            </div>
+
−
                            </div></td>
+
−
                        <td></td>
+
−
                    </tr>
+
  
 +
            function showSlides(n) {
 +
                var i;
 +
                var slides = document.getElementsByClassName("mySlides");
 +
                var dots = document.getElementsByClassName("dot");
 +
                if (n==undefined){n = ++slideIndex}
 +
                if (n > slides.length) {slideIndex = 1}
 +
                if (n < 1) {slideIndex = slides.length}
 +
                for (i = 0; i < slides.length; i++) {
 +
                    slides[i].style.display = "none";
 +
                }
 +
                for (i = 0; i < dots.length; i++) {
 +
                    dots[i].className = dots[i].className.replace(" active", "");
 +
                }
 +
                slides[slideIndex-1].style.display = "block";
 +
                dots[slideIndex-1].className += " active";
 +
                timer = setTimeout(showSlides, 4000);
 +
            }
 +
        </script>
 +
        <script>
 +
            AOS.init();
 +
        </script>
  
−
                </table>
+
    </body>
−
            </div>
+
</html>
  
−
            </body>
 
−
        </html>
 
 
{{:Team:TUDelft/Footer}}
 
{{:Team:TUDelft/Footer}}

Revision as of 09:06, 8 October 2019

Sci-Phi 29

Engineering non-model bacteria is extremely laborious and expensive


Problem

Engineering non-model bacteria is extremely laborious and expensive, which restricts the scope of synthetic biology to a small subset of the bacterial cosmos.



Read More




In our project, we developed a tool that aims to expand the repertoire of bacterial species and broaden the range of substrates and environmental conditions which is currently used in synthetic biology.



Read More
Sci-Phi 29






How does Sci-Phi 29 works?


overview project

Sci-Phi 29 is a tool used to express genetic circuits independently of the bacterial host.



Read More




In our project, we developed a tool that aims to expand the repertoire of bacterial species and broaden the range of substrates and environmental conditions which is currently used in synthetic biology.



Read More
Foldscope Event