Difference between revisions of "Team:York"

(Replaced content with "{{:Team:York/Templates/NavigationBar}} {{:Team:York/Templates/Footer}}")
Line 1: Line 1:
 
{{:Team:York/Templates/NavigationBar}}
 
{{:Team:York/Templates/NavigationBar}}
  
<html>
 
<!DOCTYPE html>
 
  
<!-- <body style="background-color: #fff;">
 
<div>
 
    <!-- Header -->
 
    <header class="intro-header" style="margin: 0px -20px;">
 
        <p>
 
           
 
        </p>
 
        <div class="container">
 
            <div class="intro-message text-center container" style = "margin: -80px 0px;">
 
                <div class="dropdown">
 
                    <img src="https://static.igem.org/mediawiki/2017/3/3f/CampusByNightMarkWoodwardCropped.jpg" style="max-width=100%; max-height=100%; margin:-0px -500px;" alt="Photo credit: Mark Woodward" class="image">
 
                    <div class="dropdown-content text-left">
 
                        <span style="color:#fff; font-size:10px;">Photo credit: Mark Woodward</span>
 
                    </div>
 
                </div>
 
                <br style = “line-height:10;”><br>
 
                <h1 style="color:#000;">iGEM York 2017</h1>
 
                <h3>DIHM Assisted Co-culture Optimization</h3>
 
 
<head>
 
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
    <style>
 
    .fa {
 
      padding: 1px;
 
      font-size: 30px;
 
      width: 30px;
 
      text-align: center;
 
      text-decoration: none;
 
      margin: 5px 2px;
 
    }
 
 
    .fa:hover {
 
        opacity: 0.7;
 
    }
 
 
    .fa-facebook {
 
      background: #3B5998;
 
      color: white;
 
    }
 
 
    .fa-twitter {
 
      background: #55ACEE;
 
      color: white;
 
    }
 
 
    .fa-instagram {
 
      background: #125688;
 
      color: white;
 
    }
 
 
    </style>
 
</head>
 
</div>
 
            </div>
 
        </div>
 
    </header>
 
 
 
 
    <!-- Page Content -->
 
    <section id="teams">
 
 
        <div class="container">
 
            <div class="row">
 
                <div class="col-lg-12 text-center">
 
                    <h2 class="section-heading">About our project</h2>
 
                    <h3 class="section-subheading text-muted">A collaboration of the sciences</h3>
 
                    <h4 class="section-subheading text-muted">Contact us: <b>igemyork@gmail.com</b></h4>
 
                    <div>
 
                        <a href="//www.facebook.com/igemyork/" class="fa fa-facebook"></a>
 
                        <a href="//twitter.com/igemyork?lang=en" class="fa fa-twitter"></a>
 
                        <a href="//www.instagram.com/igemyork/" class="fa fa-instagram"></a>
 
                  </div>
 
                </div>
 
            </div>
 
           
 
            <div class="row text-center">
 
                <div class="col-md-4">
 
                    <span class="fa-stack fa-4x">
 
                        <a href="#">
 
                        <i class="fa fa-circle fa-stack-2x text-primary" style="font-size:100px; padding: 1px; width: 100px; text-align:center; margin:50px 20px;"></i>
 
                        <i class="fa fa-flask fa-stack-1x fa-inverse" style="font-size:60px; padding: 1px; width: 100px; text-align:center; margin:30px 20px;"></i>
 
                        </a>
 
                    </span>
 
                    <h4 class="service-heading">Biology</h4>
 
                    <p class="text-muted">Genetically engineering <em>C. reinhardtii</em> and <em>E. coli</em> in order to form a co-culture to allow the creation of biofuels. </p>
 
                </div>
 
               
 
                <div class="col-md-4">
 
                    <span class="fa-stack fa-4x">
 
                        <a href="#">
 
                        <i class="fa fa-circle fa-stack-2x text-primary" style="font-size:100px; padding: 1px; width: 100px; text-align:center; margin:50px 20px;"></i>
 
                        <i class="fa fa-cogs fa-stack-1x fa-inverse" style="font-size:50px; padding: 1px; width: 100px; text-align:center; margin:30px 17px;"></i>
 
                        </a>
 
                    </span>
 
                    <h4 class="service-heading">Hardware</h4>
 
                    <p class="text-muted">Using optical diffraction to create and probe 3D images through holography in order to monitor co-cultures.</p>
 
                </div>
 
           
 
                <div class="col-md-4">
 
                    <span class="fa-stack fa-4x">
 
                        <a href="#">
 
                        <i class="fa fa-circle fa-stack-2x text-primary" style="font-size:100px; padding: 1px; width: 100px; text-align:center; margin:50px 20px;"></i>
 
                        <i class="fa fa-code fa-stack-1x fa-inverse" style="font-size:60px; padding: 1px; width: 100px; text-align:center; margin:30px 20px;"></i>
 
                        </a>
 
                    </span>
 
                    <h4 class="service-heading">Software</h4>
 
                    <p class="text-muted">Taking images using the hardware and turning this into a holograph, then analysing this image to optimise co-cultures.</p>
 
                </div>
 
            </div>
 
            <hr>
 
            <div class="row description-text">
 
                <div class="col-md-7">
 
                    <p>With the decreasing supply but increasing demand for fossil fuels, biofuels are a renewable alternative to help cope with our growing energy needs. We aim to develop and optimize a stable microbial co-culture system whereby the source of energy is light, and carbon flows from CO&#8322; in the atmosphere to synthesise a biofuel. This simple synthetic microbial community will comprise <em>Chlamydomonas reinhardtii</em>, an algae, that will produce sugars through photosynthesis to feed the biofuel-producing <em>Escherichia coli</em>, ideally resulting in a growth system that could reduce the cost of feedstock materials for biofuel production. However, their differing growth rates would likely result in an unstable system in which one organism might outgrow the other.</p>
 
                </div>
 
 
                <div class="col-md-5 description-images" style="background-image: url(//2017.igem.org/wiki/images/c/c9/IGEM-York-Biology-Overview.jpg); background-size: cover; background-position: 0px -100px; background-repeat: no-repeat;">
 
                <br style="line-height:12;">
 
                </div>
 
            </div>
 
            <hr>
 
            <div class="row description-text">
 
                <div class="col-md-5 description-images" style="background-image: url(//2017.igem.org/wiki/images/b/b4/IGEM-York-Hardware2-Overview.png); background-size: cover; background-position: 0px 0px; background-repeat: no-repeat;">
 
                  <!--img class="description-images" src="https://static.igem.org/mediawiki/2017/5/5c/IGEM-York-Hardware-Overview.jpg" width="470px" height="220px"-->
 
                  <br style="line-height:12;">
 
                </div>
 
           
 
                <div class="col-md-7">
 
                    <p>To monitor the ratio of <em>C. reinhardtii</em> to <em>E. coli</em>, we will be using Digital Holographic Microscopy (DHM). This involves illuminating a sample of the co-culture with a laser and observing the diffraction pattern formed by the microbes. This pattern is sensitive to the wavelength of the laser light, the distance from the co-culture sample and the shape, size and position of the microbes. The mathematical and physical relationship between these quantities is well described, so we can calculate what the cross-section of the sample would look like at various levels. This allows us to form a stack of 2D images which, when combined, represent the 3D sample. We can then analyse this stack of images to track the number of each type of microbe present.</p>
 
                </div>
 
            </div>
 
            <hr>
 
            <div class="row description-text">
 
                <div class="col-md-7">
 
                    <p>Images are taken from a Raspberry Pi computer and sent to a Windows machine where a piece of MATLAB code forms a stack of 2D images which, when combined, represent the 3D sample. We can then analyse this stack of images to establish the number of each type of microorganism present in the co-culture. From this information we will be able to compare these results to our mathematical model, where we can then modify the conditions of the co-culture through the use of the Raspberry Pi in order to optimise the growth of the bacteria, which will then increase output of the ethanol from the system. The whole process is tied together through a Windows Application written in C#, allowing a user to fully control the system without any interaction with the code itself.</p>
 
                </div>
 
                </style>
 
               
 
                <div class="col-md-5">
 
                    <img class="description-images" src="img/promo/coding.jpg">
 
                </div>
 
            </div>
 
        </div>
 
    </section>
 
 
</body> -->
 
</html>
 
 
{{:Team:York/Templates/Footer}}
 
{{:Team:York/Templates/Footer}}

Revision as of 21:17, 30 August 2017