Difference between revisions of "Team:Bordeaux/Description"

 
(52 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{:Team:Bordeaux/Template/Navbar}}
 
{{:Team:Bordeaux/Template/Navbar}}
 
<html>
 
<html>
    <head>
 
        <meta charset="utf-8">
 
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
        <link rel="stylesheet" href="https://2018.igem.org/Team:Bordeaux/Template/bootstrapcss?action=raw&ctype=text/css">
 
        <link rel="stylesheet" href="https://2018.igem.org/Team:Bordeaux/Template/css?action=raw&ctype=text/css">
 
  
<style>
+
<head>
            /* Main page background */
+
    <meta charset="utf-8">
            #bodyContent{
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
                background-color: #efefef;
+
    <link rel="stylesheet" href="https://2018.igem.org/Team:Bordeaux/Template/bootstrapcss?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2018.igem.org/Team:Bordeaux/Template/css?action=raw&ctype=text/css">
 +
    <style>
 +
        /* Main page background */
 +
 
 +
        #bodyContent {
 +
            /*background-color: #efefef;*/
 +
        }
 +
 
 +
        /* Top Banner */
 +
 
 +
        .team_banner {
 +
            width: 100%;
 +
        }
 +
 
 +
        .text_title {
 +
            font-size: 4vw;
 +
            position: relative;
 +
            left: 2vw;
 +
            bottom: 8vw;
 +
            color: #ffffff;
 +
            text-shadow: 2px 2px 5px;
 +
        }
 +
 
 +
        /* Presentation text*/
 +
 
 +
        .text_intro {
 +
            padding: 4% 4% 4% 4%;
 +
            position: relative;
 +
 
 +
        }
 +
 
 +
        /* Card management */
 +
 
 +
        .card-memb {
 +
            margin-top: 50px;
 +
            margin-bottom: 20px;
 +
            z-index: 0;
 +
        }
 +
 
 +
        .card {
 +
            margin: 0;
 +
            background-color: transparent;
 +
            border: transparent;
 +
            text-align: center;
 +
            margin-bottom: 50px;
 +
            overflow: hidden;
 +
        }
 +
 
 +
        .card .img-profile {
 +
            z-index: 1;
 +
            display: block;
 +
            min-width: 350px;
 +
            min-height: 350px;
 +
            width: auto;
 +
            height: auto;
 +
            margin-bottom: 25%;
 +
        }
 +
 
 +
        .card-text {
 +
            font-size: 14px;
 +
        }
 +
 
 +
        .rectangle {
 +
            background-color: #ffffff;
 +
            position: absolute;
 +
            z-index: 3;
 +
            top: 86%;
 +
            width: 100%;
 +
            height: 100%;
 +
            color: black;
 +
            -webkit-transition: all .3s ease-out;
 +
            -moz-transition: all .3s ease-out;
 +
            -o-transition: all .3s ease-out;
 +
            transition: all 0.3s ease-out;
 +
        }
 +
 
 +
        .card:hover>.rectangle {
 +
            top: 80%;
 +
        }
 +
 
 +
        .hidden-text {
 +
            display: none;
 +
            margin-bottom: 20px;
 +
        }
 +
 
 +
        @media screen and (max-width: 1200px) and (min-width: 768px) {
 +
            .card .img-profile {
 +
                min-width: 300px;
 +
                min-height: 300px;
 
             }
 
             }
            /* Top Banner */
+
             .rectangle {
             .team_banner{
+
                 top: 84%;
                 width: 100%;
+
 
             }
 
             }
             .text_title{
+
             .card:hover>.rectangle {
                 font-size: 4vw;
+
                 top: 78%;
                position: relative;
+
                left: 2vw;
+
                bottom: 8vw;
+
                color: #ffffff;
+
                text-shadow: 2px 2px 5px;
+
 
             }
 
             }
             /* Presentation text*/
+
             .hidden-text {
            .text_intro{
+
                 font-size: 14px !important;
                 background-color: #ffffff !important;
+
                padding: 4% 4% 4% 4%;
+
 
             }
 
             }
            /* Card management */
+
        }
            .card-memb {
+
 
                margin-top: 50px;
+
        @media screen and (max-width: 768px) and (min-width: 574px) {
                margin-bottom: 20px;
+
            .text_intro {
                 z-index:0;
+
                 font-size: 14px !important;
 
             }
 
             }
             .card{
+
             .card .img-profile {
                 margin:0;
+
                 min-width: 250px;
                background-color: transparent;
+
                 min-height: 250px;
                 border: transparent;
+
                text-align: center;
+
                margin-bottom: 50px;
+
                overflow:hidden;  
+
 
             }
 
             }
             .card .img-profile{
+
             .rectangle {
                 z-index:1;
+
                 top: 84%;
                display: block;
+
                min-width:350px;
+
                min-height:350px;
+
                width: auto;
+
                height: auto;
+
                margin-bottom:25%;
+
 
             }
 
             }
             .card-text {
+
             .card:hover>.rectangle {
                 font-size : 14px;
+
                 top: 74%;
 
             }
 
             }
             .rectangle{
+
             .hidden-text {
                 background-color:#ffffff;
+
                 font-size: 12px !important;
                position:absolute;
+
                z-index:3;
+
                top:86%;
+
                width:100%;
+
                height:100%;
+
                color:black;
+
                -webkit-transition: all .3s ease-out;
+
                -moz-transition: all .3s ease-out;
+
                -o-transition: all .3s ease-out;
+
                transition: all 0.3s ease-out;
+
 
             }
 
             }
            .card:hover > .rectangle{
+
        }
                 top:80%;
+
 
 +
        @media screen and (max-width: 574px) and (min-width: 374px) {
 +
            .text_intro {
 +
                 font-size: 14px !important;
 
             }
 
             }
             .hidden-text{
+
             .card .img-profile {
                 display:none;
+
                 min-width: 350px;
                 margin-bottom: 20px;
+
                min-height: 350px;
 +
                 margin-bottom: 18%;
 
             }
 
             }
              
+
             .rectangle {
            @media screen and (max-width: 1200px) and (min-width : 768px) {
+
                 top: 88%;
                .card .img-profile{
+
                    min-width:300px;
+
                    min-height:300px;
+
                }
+
                .rectangle {
+
                    top:84%;
+
                 }
+
                .card:hover > .rectangle{
+
                    top:78%;
+
                }
+
                .hidden-text{
+
                    font-size: 14px !important;
+
                }
+
 
             }
 
             }
             @media screen and (max-width: 768px) and (min-width : 574px) {
+
             .card:hover>.rectangle {
                .text_intro{
+
                top: 80%;
                    font-size: 14px !important;
+
                }
+
                .card .img-profile{
+
                    min-width:250px;
+
                    min-height:250px;
+
                }
+
                .rectangle {
+
                    top:84%;
+
                }
+
                .card:hover > .rectangle{
+
                    top:74%;
+
                }
+
                .hidden-text{
+
                    font-size: 12px !important;
+
                }
+
 
             }
 
             }
            @media screen and (max-width : 574px) and (min-width: 374px) {
+
        }
                .text_intro{
+
 
                    font-size: 14px !important;
+
        @media screen and (max-width: 374px) {
                }
+
            .text_intro {
                .card .img-profile{
+
                font-size: 12px !important;
                    min-width:350px;
+
                    min-height:350px;
+
                    margin-bottom: 18%;
+
                }
+
                .rectangle {
+
                    top:88%;
+
                }
+
                .card:hover > .rectangle{
+
                    top:80%;
+
                }
+
 
             }
 
             }
             @media screen and (max-width: 374px) {
+
             .card .img-profile {
                .text_intro{
+
                min-width: 250px;
                    font-size: 12px !important;
+
                min-height: 250px;
                }
+
                margin-bottom: 25%;
                .card .img-profile{
+
            }
                    min-width:250px;
+
            .rectangle {
                    min-height:250px;
+
                top: 84%;
                    margin-bottom: 25%;
+
            }
                }
+
            .card:hover>.rectangle {
                .rectangle {
+
                top: 72%;
                    top:84%;
+
            }
                }
+
            .hidden-text {
                .card:hover > .rectangle{
+
                font-size: 12px !important;
                    top:72%;
+
                }
+
                .hidden-text{
+
                    font-size: 12px !important;
+
                }
+
 
             }
 
             }
         </style>     
+
         }
    </head>
+
    <body>
+
        <!-- Presentation banner -->
+
        <img class="team_banner" src="https://static.igem.org/mediawiki/2018/9/96/T--Bordeaux--cardbgteam.jpg" alt="Team Bordeaux">
+
        <h1 class="text_title"> We are IGEM Bordeaux 2018 </h1>
+
  
    <!-- Main Content-->
+
        .text_intro p {
 +
            margin-bottom: 30px !important;
 +
        }
  
         <!-- Intro Team IGEM-->
+
         a {
        <div class="container text_intro">
+
            text-decoration: underline;
 +
            color: blue;
 +
        }
 +
 
 +
        ol {
 +
            font-size: 14px;
 +
        }
 +
 
 +
        ol li {
 +
            padding-bottom: 15px;
 +
            list-style: unset;
 +
        }
 +
 
 +
        .text_intro img {
 +
            filter: drop-shadow(5px 5px 5px #2222224d);
 +
        }
 +
 
 +
        .bg-semiwhite {
 +
            background-color: #fffc;
 +
        }
 +
    </style>
 +
</head>
 +
 
 +
<body>
 +
    <!-- Main Content-->
 +
    <!-- Intro Team IGEM-->
 +
    <canvas style="position: fixed; z-index: 0"></canvas>
 +
    <div class="container text_intro" style="margin-top: 50px;">
 +
        <h1 class="text-longshadow">Far Waste in the Landes forest</h1>
 +
        <div id="videocontainer" style="z-index:1!important; margin-top: 18%; margin-bottom: 50px;">
 +
            <video autoplay muted loop id="videobg" style="width:100%!important">
 +
                <!-- Source vidéo par défaut -->
 +
                <source type="video/mp4" src="https://static.igem.org/mediawiki/2018/0/0a/T--Bordeaux--farwestbg.mp4" media="(orientation: landscape)">
 +
                <!-- Utilisez des sources vidéo carrées pour économiser la bande passante -->
 +
                <source type="video/mp4" src="https://static.igem.org/mediawiki/2018/0/0a/T--Bordeaux--farwestbg.mp4" media="(orientation: portrait)">
 +
            </video>
 +
        </div>
 +
        <div class="bg-semiwhite">
 
             <p>
 
             <p>
                 Among the 56000 student-trees of the University of Bordeaux was living XX motivated and ambitious young-trees. All scattered into the green mass, they reunited on this day of November 2017 to learn more about the iGEM competition. Their wise predecessors told them the adventure they lived last year. Envious and dreamers, they decided to take up the challenge too. Our 15 trees come from different horizons, with different backgrounds and future perspectives but they are all reunited by the desire to expand their branches of knowledge. As the time passed, only the trees with very resistant roots survived to the “let it go” storm. After that our 15 young little trees were reunited to form a stronger gathering ready to start the competition.
+
                 <img class="col-md-4 img-fluid img-alongtext-left" src="https://static.igem.org/mediawiki/2018/f/fd/T--Bordeaux--description1.png"
 +
                    style="shape-outside: url(https://static.igem.org/mediawiki/2018/f/fd/T--Bordeaux--description1.png);">The Landes forest in our region of Nouvelle Aquitaine is the biggest artificial forest in Europe. The most
 +
                common tree in this forest is the maritime pine which is an important tree accounting for 25 percent of the
 +
                wood production in France. This wood production or other wood work brings many co-products like bark or sawdust;
 +
                these co-products are well recycled but a part of this waste still remains. This wood waste represents a
 +
                huge amount of biomass that could be used to produce many things.</p>
 +
            <p>We decided to focus on the transformation of this biomass into some building block, the 2,5-Furandicarboxylic
 +
                acid (FDCA). A building block is a chemical that possesses some functional group allowing this molecule to
 +
                be converted into a wide range of useful substances.</p>
 +
            <p>
 +
                <img class="col-md-4 img-fluid img-alongtext-right" src="https://static.igem.org/mediawiki/2018/3/36/T--Bordeaux--description2.png"
 +
                    style="shape-outside: url(https://static.igem.org/mediawiki/2018/3/36/T--Bordeaux--description2.png);">FDCA is an interesting building block because of its numerous uses; it can be used to produce biopolymers,
 +
                that one may develop bioplastics for example,[1] but it also has great advantages in medicine as an anesthetic
 +
                or even in the treatment of kidney stones [2]. FDCA have been ranked as the second most interesting bio based
 +
                molecule by the Department Of Energy of the US just behind four carbon diacids [3].</p>
 +
            <p>Our main goal is to find a new way to produce this particular building block (FDCA) in order to reduce the use
 +
                of oil which is currently the main source of building block. It could significantly prevent the pollution
 +
                derived from the improper oil use.</p>
 +
            <p>The first part of our project is already performed in the industry in an environmentally sustainable way. The
 +
                process corresponding to this first part is chemically made. Our main raw material is cellulose (coming from
 +
                maritime pine) that we will use for our experiments. First of all, this cellulose will be broken down into
 +
                glucose by acid hydrolysis, then this glucose will be isomerized into fructose and finally this fructose
 +
                will be dehydrated into Hydroxymethylfurfural (HMF)[4].</p>
 +
            <p>The second part of our project, which is the conversion from HMF to FDCA is also done in the industry but is
 +
                quite polluting, which is why we will use molecular biology to avoid this issue.</p>
 +
            <img class="col-md-12 img-fluid" src="https://static.igem.org/mediawiki/2018/0/06/T--Bordeaux--description3.png">
 +
            <p>This process is based on the insertion of three different genes into
 +
                <i>E.coli</i> to allow it to catalyze the transformation of HMF into FDCA. HMF is a toxic molecule and studies
 +
                show that some strains are resistant to it and are able to transform HMF into FDCA. We choose three genes
 +
                that are HmfH from C. basilensis [6], HmfO from P. putida [7] and Aldh1 from R. ornithinolytica [8]. This
 +
                transformation is done in
 +
                <i>E. coli</i> because it is a well-known bacterium and it also has a fast growth rate, allowing overnight cultures
 +
                and genetic experimental results in mere hours.</p>
 +
            <p>These genes will perform the transformation of HMF into FDCA in two separated pathways : one for Aldh1 and one
 +
                for HmfH that can be supported by HmfO which is an aspecific enzyme.</p>
 +
            <p>We will try many constructions with those genes to understand which one will demonstrate the best yield for the
 +
                FDCA production. We will also try to improve these constructions, the proteins or even the strains in order
 +
                to obtain a better yield, closer to the one obtained by chemical processes, but in a much more sustainable
 +
                way.
 
             </p>
 
             </p>
 +
            <div id="ref">
 +
                <h4>References :</h4>
 +
                <ol type="1">
 +
                    <li>Corbion : FDCA for PEF
 +
                        <a href="https://www.corbion.com/bioplastics/products/fdca-for-pef">https://www.corbion.com/bioplastics/products/fdca-for-pef</a>
 +
                    </li>
 +
                    <li>Lewkowski J et al., “Synthesis, chemistry and applications of 5-hydroxymethyl-furfural and its derivatives”.
 +
                        2001, ARKIVOC 2001 ; pp. 17-54</li>
 +
                    <li>Werpy T., Petersen G., et al., “Top Value Added Chemicals from Biomass Volume I — Results of Screening
 +
                        for Potential Candidates from Sugars and Synthesis Gas Top Value Added Chemicals From Biomass Volume
 +
                        I : Results of Screening for Potential Candidates” Other Inf. PBD 1 Aug 2004 Medium: ED; Size: 76
 +
                        pp. pages (2004). DOI : 10.2172/15008859</li>
 +
                    <li>DESPAX-MACHEFEL S., et al., “Développement de méthodologies de synthèse d’hydroxymethylfurfural a partir
 +
                        de biomasse lignocellulosique” , 2013</li>
 +
                    <li>Liu J1, Tang Y., Wu K., Bi C., Cui Q., et al., “Conversion of fructose into 5-hydroxymethylfurfural (HMF)
 +
                        and its derivatives promoted by inorganic salt in alcohol”, Carbohydr Res, 2012, 10.1016/j.carres.2011.12.006</li>
 +
                    <li>Koopman F., Wierckx N., de Winde JH., Ruijssenaars HJ., et al., “Identification and characterization
 +
                        of the furfural and 5-(hydroxymethyl)furfural degradation pathways of Cupriavidus basilensis HMF14”</li>
 +
                    <li>“Conversion and assimilation of furfural and 5-(hydroxymethyl)furfural by Pseudomonas putida KT2440”,
 +
                        T. Michael et al, Juin 2017, Metabolic Engineering Communications
 +
                        <a href="https://doi.org/10.1016/j.meteno.2017.02.001">https://doi.org/10.1016/j.meteno.2017.02.001</a>
 +
                    </li>
 +
                    <li>Yuana H., et al.,, “Improved production of 2,5-furandicarboxylic acid by overexpression of 5-hydroxymethylfurfural
 +
                        oxidase and 5-hydroxymethylfurfural/furfural oxidoreductase in Raoultella ornithinolytica BF60” ,
 +
                        Bioresource Technologies, janvier 2018
 +
                        <a href="https://doi.org/10.1016/j.biortech.2017.08.166">https://doi.org/10.1016/j.biortech.2017.08.166</a>
 +
                    </li>
 +
                </ol>
 +
            </div>
 
         </div>
 
         </div>
 +
    </div>
 +
    <div class="sponso separator">
 +
        <a href="https://www.u-bordeaux.fr/" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2018/8/80/T--Bordeaux--sponsobordeaux.png">
 +
        </a>
 +
        <a href="https://www.france-science.org/-Homepage-English-.html" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2018/2/2e/T--Bordeaux--sponsoembassade.jpg">
 +
        </a>
 +
        <a href="https://www.u-bordeaux.fr/projets-etudiants" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2018/e/e2/T--Bordeaux--sponsofsdie.png">
 +
        </a>
 +
        <a href="https://idex.u-bordeaux.fr/fr/" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2018/c/c6/T--Bordeaux--sponsoidex.png">
 +
        </a>
 +
        <a href="http://www.iecb.u-bordeaux.fr/" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2018/7/7d/T--Bordeaux--sponsoiecb.jpg">
 +
        </a>
 +
        <a href="https://eu.idtdna.com/pages" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2018/b/b1/T--Bordeaux--sponsoidt.svg">
 +
        </a>
 +
        <a href="http://synthetic-biology-bordeaux.fr/" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2018/2/28/T--Bordeaux--sponsosbi2.jpg">
 +
        </a>
 +
        <a href="https://international.neb.com/" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2018/c/c2/T--Bordeaux--sponsoneb.jpg">
 +
        </a>
 +
    </div>
 +
    <script href="https://2018.igem.org/Team:Bordeaux/Template/bootstrapjs?action=raw"></script>
 +
    <script>
 +
        //ninivert, September 2016
  
         <!-- Cards Members -->
+
         /*VARIABLES*/
        <div class="container card-memb">
+
            <div class="row">
+
  
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
        canvas = document.getElementsByTagName('canvas')[0];
                    <div id="Marguerite" class="card">
+
        canvas.width = document.body.clientWidth;
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/1/19/T--Bordeaux--margueritte.png'); background-size:cover; background-position:center;"></div>
+
        canvas.height = document.body.clientHeight;
                        <div class="card-body rectangle">
+
                            <h5 class="card-title memb-name">
+
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
                                Marguerite
+
                            </h5>
+
                            <i class="card-text">
+
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
                                The ginkgo
+
                            </i>
+
                            <p class="hidden-text">
+
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
                                She is a first year Plant Biotechnology Masters student.
+
                                This ancestral tree is very powerful.
+
                                Indeed, she is both president of the team, and in charge of the Human practice pole.
+
                                It is good to have a ginkgo around it brings many health benefits.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
                    <div id="Estelle" class="card">
+
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/a/a7/T--Bordeaux--estelle.jpg'); background-size:cover; background-position:center";></div>
+
                        <div class="card-body rectangle">
+
                            <h5 class="card-title memb-name">
+
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
                                Estelle
+
                            </h5>
+
                            <i class="card-text">
+
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
                                The olive tree
+
                            </i>
+
                            <p class="hidden-text">
+
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
                                She graduated of a Master in genetics. From the Southern of France, this mediterranean tree participates to the competition for the second time. After squeezing her fruits you obtain an intersting oil rich in laugh, travel and science fiction.
+
                                It is him who sowed the seeds since 6 years now, and watch them to grow until the Jamboree.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
                    <div id="Thomas" class="card">
+
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/f/fc/T--Bordeaux--thoams.jpg'); background-size:cover; background-position:center";></div>
+
                        <div class="card-body rectangle">
+
                            <h5 class="card-title memb-name">
+
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
                                Thomas
+
                            </h5>
+
                            <i class="card-text">
+
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
                                The Japenese Maple
+
                            </i>
+
                            <p class="hidden-text">
+
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
                                He graduated this year of a Biotechnology Engineering School.  
+
                                Symbol of ideas communication, he is at the head of the partnerships and funding pole.
+
                                He participates to the competition for the second time, therefore this tree is always here to give an attentive leaf to the needs of the team.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
                    <div id="Yasmine" class="card">
+
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/2/29/T--Bordeaux--yasmine1.png'); background-size:cover; background-position:center;"></div>
+
                        <div class="card-body rectangle">
+
                            <h5 class="card-title memb-name">
+
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
                                Yasmine
+
                            </h5>
+
                            <i class="card-text">
+
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
                                The fir
+
                            </i>
+
                            <p class="hidden-text">
+
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
                                She graduated this year with a Bachelor in Molecular and Cellular Biology. She is our team leader and has to coordinate all the progresses from the different poles. In addition she is at the head of the thorny Scientific pole to organize and motivate the lab work. Her needles shelter someone who loves to escape the everyday grind by traveling or having deep readings.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
                    <div id="Ines" class="card">
+
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/b/bb/T--Bordeaux--ines.jpg'); background-size:cover; background-position:center";></div>
+
                        <div class="card-body rectangle">
+
                            <h5 class="card-title memb-name">
+
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
                                Ines
+
                            </h5>
+
                            <i class="card-text">
+
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
                                The cherry tree
+
                            </i>
+
                            <p class="hidden-text">
+
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
                                She is a first year bioinformatics Master student.  
+
                                In charge of the Communication pole, her aim is to make shining the team as much as her flowers in lovely day of spring.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
                    <div id="Pierre" class="card">
+
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/4/48/T--Bordeaux--pierre1.png'); background-size:cover; background-position:center";></div>
+
                        <div class="card-body rectangle">
+
                            <h5 class="card-title memb-name">
+
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
                                Pierre
+
                            </h5>
+
                            <i class="card-text">
+
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
                                The stick insect
+
                            </i>
+
                            <p class="hidden-text">
+
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
                                He is a first year Bioinformatics Masters student.
+
                                Passionate about computing, he delved the topic until to perfectly match to it.
+
                                Most of the time he hides behind a screen to code and build the wiki.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
  
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
        var ctx = canvas.getContext('2d');
                    <div id="Lorine" class="card">
+
 
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/thumb/f/f4/T--Bordeaux--lorine2.jpg/600px-T--Bordeaux--lorine2.jpg'); background-size:cover; background-position:center;"></div>
+
 
                        <div class="card-body rectangle">
+
 
                            <h5 class="card-title memb-name">
+
        /*Modify options here*/
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
 
                                Lorine
+
        //possible characters that will appear
                            </h5>
+
        var characterList = ['A', 'T', 'C', 'G'];
                            <i class="card-text">
+
 
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
        //stocks possible character attributes
                                The eucalyptus
+
        var layers = {
                            </i>
+
            n: 5, //number of layers
                            <p class="hidden-text">
+
            letters: [100, 40, 30, 20, 10], //letters per layer (starting from the deepest layer)
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
            coef: [0.1, 0.2, 0.4, 0.6, 0.9], //how much the letters move from the mouse (starting from the deepest layer)
                                She graduated this year with a Bachelor in Molecular and Cellular Biology.
+
            size: [16, 22, 36, 40, 46], //font size of the letters (starting from the deepest layer)
                                She is not from Australia but her determination is from the same size. 
+
            color: ['#d0e8f4', '#dbf0df;', '#ffe9a6', '#ece0ed', '#a6f7be'], //color of the letters (starting from the deepest layer)
                                She leads the wiki construction, et make sure everything is written on time.
+
            //color: ['#00b0ff', '#ff9100', '#aa00ff', '#64dd17', '#aaa'], //color of the letters (starting from the deepest layer)
                                This tree needs a minimum of sun each day.
+
            //color: ['#4568DC', '#5F68D1', '#7A69C7', '#9569BD', '#B06AB3'], //color of the letters (starting from the deepest layer)
                            </p>
+
            font: 'Courier' //font family (of every layer)
                        </div>
+
        };
                    </div>
+
 
                </div>
+
        /*End of options*/
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
 
                    <div id="David" class="card">
+
 
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/1/1a/T--Bordeaux--david1.jpg'); background-size:cover; background-position:center";></div>
+
 
                        <div class="card-body rectangle">
+
        var characters = [];
                            <h5 class="card-title memb-name">
+
        var mouseX = document.body.clientWidth / 2;
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
        var mouseY = document.body.clientHeight / 2;
                                David
+
 
                            </h5>
+
        var rnd = {
                            <i class="card-text">
+
            btwn: function (min, max) {
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
                 return Math.floor(Math.random() * (max - min) + min);
                                The oak
+
            },
                            </i>
+
            choose: function (list) {
                            <p class="hidden-text">
+
                return list[rnd.btwn(0, list.length)];
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
            }
                                He graduated this year with a Bachelor in Molecular and Cellular Biology.
+
        };
                                His branches are active in  the scientific pole.
+
 
                                Caution, this tree is robust and cannot be grown inside.
+
 
                            </p>
+
 
                        </div>
+
        /*LETTER DRAWING*/
                    </div>
+
 
                </div>
+
        function drawLetter(char) {
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
            ctx.font = char.size + 'px ' + char.font;
                    <div id="François" class="card">
+
            ctx.fillStyle = char.color;
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/9/95/T--Bordeaux--francois.jpg'); background-size:cover; background-position:center";></div>
+
 
                        <div class="card-body rectangle">
+
            var x = char.posX + (mouseX - canvas.width / 2) * char.coef;
                            <h5 class="card-title memb-name">
+
            var y = char.posY + (mouseY - canvas.height / 2) * char.coef;
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
 
                                François
+
            ctx.fillText(char.char, x, y);
                            </h5>
+
        }
                            <i class="card-text">
+
 
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
 
                                The poplar
+
 
                            </i>
+
        /*ANIMATION*/
                            <p class="hidden-text">
+
 
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
        document.onmousemove = function (ev) {
                                He graduated this year with a Bachelor degree in Molecular and Cellular Biology.  
+
            mouseX = ev.pageX - canvas.offsetLeft;
                                This tree is tall such as his implication in the work lab for iGEM.  
+
            mouseY = ev.pageY - canvas.offsetTop;
                                A healthy mind in a healthy trunk is his motto.
+
 
                            </p>
+
            if (window.requestAnimationFrame) {
                        </div>
+
                requestAnimationFrame(update);
                    </div>
+
            } else {
                </div>
+
                update();
                 <div class="col-xs-12 col-sm-6 col-lg-4" >
+
            }
                    <div id="Maëlle" class="card">
+
        };
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/5/5d/T--Bordeaux--maelle.jpg'); background-size:cover; background-position:center";></div>
+
 
                        <div class="card-body rectangle">
+
        function update() {
                            <h5 class="card-title memb-name">
+
            clear();
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
            render();
                                Maëlle
+
        }
                            </h5>
+
 
                            <i class="card-text">
+
        function clear() {
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
            ctx.clearRect(0, 0, canvas.width, canvas.height);
                                The maple
+
        }
                            </i>
+
 
                            <p class="hidden-text">
+
        function render() {
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
            for (var i = 0; i < characters.length; i++) {
                                She is in third year of Biotech Engineering School.  
+
                drawLetter(characters[i]);
                                She takes part of the iGEM lab experiments.  
+
            }
                                Some other trees reported she regularly use 5mL propipette to share her mapple syrup.
+
        }
                            </p>
+
 
                        </div>
+
 
                    </div>
+
 
                </div>
+
        /*INITIALIZE*/
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
 
                    <div id="Sandro" class="card">
+
        function createLetters() {
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/d/da/T--Bordeaux--sandro1.jpg'); background-size:cover; background-position:center";></div>
+
            for (var i = 0; i < layers.n; i++) {
                        <div class="card-body rectangle">
+
                for (var j = 0; j < layers.letters[i]; j++) {
                            <h5 class="card-title memb-name">
+
 
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
                     var character = rnd.choose(characterList);
                                Sandro
+
                     var x = rnd.btwn(0, canvas.width);
                            </h5>
+
                    var y = rnd.btwn(0, canvas.height);
                            <i class="card-text">
+
 
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
                    characters.push({
                                The weeping willow
+
                        char: character,
                            </i>
+
                         font: layers.font,
                            <p class="hidden-text">
+
                         size: layers.size[i],
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
                         color: layers.color[i],
                                He graduated this year with a Bachelor in Cells and Organisms Biology.
+
                        layer: i,
                                Apparently he did not whimper to participate to the iGEM lab work, and he is not wailing neither during his working time.
+
                        coef: layers.coef[i],
                            </p>
+
                        posX: x,
                        </div>
+
                         posY: y
                    </div>
+
                     });
                </div>
+
 
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
                 }
                    <div id="Jean-Clément" class="card">
+
             }
                    <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/4/40/T--Bordeaux--jean_clement.jpg'); background-size:cover; background-position:center";></div>
+
         }
                        <div class="card-body rectangle">
+
 
                            <h5 class="card-title memb-name">
+
        createLetters();
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
        update();
                                Jean Clément
+
 
                            </h5>
+
 
                            <i class="card-text">
+
 
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
        /*REAJUST CANVAS AFTER RESIZE*/
                                The pine
+
 
                            </i>
+
        // window.onresize = function () {
                            <p class="hidden-text">
+
        //     location.reload();
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
        // };
                                He graduated this year in Biology of Cells and Organisms.
+
 
                                He grows straight up, like a rocket that wants to discover the world.
+
        document.getElementById('close').onclick = function () {
                            </p>
+
             this.parentElement.style.visibility = 'hidden';
                        </div>
+
             this.parentElement.style.opacity = '0';
                    </div>
+
         }
                </div>
+
    </script>
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
</body>
                    <div id="Frederic" class="card">
+
                    <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/a/a0/T--Bordeaux--frederic.jpg'); background-size:cover; background-position:center";></div>
+
                        <div class="card-body rectangle">
+
                            <h5 class="card-title memb-name">
+
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
                                Frederic
+
                            </h5>
+
                            <i class="card-text">
+
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
                                The linden
+
                            </i>
+
                            <p class="hidden-text">
+
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
                                He is a first year Bioinformatics Masters student.
+
                                Curious about new technology he planned to build an algorithm to calculate the exact time needed for a perfect infusion.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
                    <div id="Anaïs" class="card">
+
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/d/d8/T--Bordeaux--anais.jpg'); background-size:cover; background-position:center";></div>
+
                        <div class="card-body rectangle">
+
                            <h5 class="card-title memb-name">
+
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
                                Anaïs
+
                            </h5>
+
                            <i class="card-text">
+
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
                                The cocoa tree
+
                            </i>
+
                            <p class="hidden-text">
+
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
                                She graduated with a Bachelor in Cells and Organisms Biology.  
+
                                Very coveted for her fruits.
+
                                Well managed and processed you can extract from her a piece of heaven
+
                            </p>
+
                        </div>
+
                     </div>
+
                </div>
+
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
                     <div id="Arthur" class="card">
+
                        <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/0/05/T--Bordeaux--arthur.jpg'); background-size:cover; background-position:center";></div>
+
                        <div class="card-body rectangle">
+
                            <h5 class="card-title memb-name">
+
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
                                Arthur
+
                            </h5>
+
                            <i class="card-text">
+
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
                                The pistachio
+
                            </i>
+
                            <p class="hidden-text">
+
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
                                He graduated this year with a Bachelor in Molecular and Cellular Biology.  
+
                                His green ideas intermingle music, DIY, and computer science.  
+
                                All in one shell.
+
                            </p>
+
                         </div>
+
                    </div>
+
                </div>
+
                <div class="col-xs-12 col-sm-6 col-lg-4" >
+
                    <div id="Sebastien" class="card">
+
                         <div class="img-profile" style="background-image:url('https://static.igem.org/mediawiki/2018/9/9b/T--Bordeaux--seb.jpg'); background-size:cover; background-position:center";></div>
+
                         <div class="card-body rectangle">
+
                            <h5 class="card-title memb-name">
+
                                <!-- ##### ECRIRE LE NOM EN DESSOUS #####-->
+
                                Sebastien
+
                            </h5>
+
                            <i class="card-text">
+
                                <!-- ##### ECRIRE L'ARBRE EN DESSOUS ###### -->
+
                                The catalpa
+
                            </i>
+
                            <p class="hidden-text">
+
                                <!-- ##### ECRIRE LE TEXTE EN DESSOUS #####-->
+
                                He is a first year Bioinformatics Master student.  
+
                                Hiding in the shadow, he is here to support the Bioinformatic team of Bordeaux.
+
                                Ready to respond for any computing matters, his mind will always respond to the call of programming.
+
                            </p>
+
                         </div>
+
                     </div>
+
                 </div>
+
             </div>
+
         </div>
+
                <div class="sponso separator">
+
            <a href="https://www.u-bordeaux.fr/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/8/80/T--Bordeaux--sponsobordeaux.png"></a>
+
            <a href="https://www.france-science.org/-Homepage-English-.html" target="_blank"><img src="https://static.igem.org/mediawiki/2018/2/2e/T--Bordeaux--sponsoembassade.jpg"></a>
+
            <a href="https://www.u-bordeaux.fr/projets-etudiants" target="_blank"><img src="https://static.igem.org/mediawiki/2018/e/e2/T--Bordeaux--sponsofsdie.png"></a>
+
            <a href="https://idex.u-bordeaux.fr/fr/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/c/c6/T--Bordeaux--sponsoidex.png"></a>
+
             <a href="http://www.iecb.u-bordeaux.fr/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/7/7d/T--Bordeaux--sponsoiecb.jpg"></a>
+
             <a href="https://eu.idtdna.com/pages" target="_blank"><img src="https://static.igem.org/mediawiki/2018/b/b1/T--Bordeaux--sponsoidt.svg"></a>
+
            <a href="http://synthetic-biology-bordeaux.fr/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/2/28/T--Bordeaux--sponsosbi2.jpg"></a>
+
            <a href="https://international.neb.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/c/c2/T--Bordeaux--sponsoneb.jpg"></a>
+
         </div>
+
        <script href="https://2018.igem.org/Team:Bordeaux/Template/bootstrapjs?action=raw"></script>
+
       
+
    </body>
+

Latest revision as of 09:22, 16 October 2018

Loading...

Far Waste in the Landes forest

The Landes forest in our region of Nouvelle Aquitaine is the biggest artificial forest in Europe. The most common tree in this forest is the maritime pine which is an important tree accounting for 25 percent of the wood production in France. This wood production or other wood work brings many co-products like bark or sawdust; these co-products are well recycled but a part of this waste still remains. This wood waste represents a huge amount of biomass that could be used to produce many things.

We decided to focus on the transformation of this biomass into some building block, the 2,5-Furandicarboxylic acid (FDCA). A building block is a chemical that possesses some functional group allowing this molecule to be converted into a wide range of useful substances.

FDCA is an interesting building block because of its numerous uses; it can be used to produce biopolymers, that one may develop bioplastics for example,[1] but it also has great advantages in medicine as an anesthetic or even in the treatment of kidney stones [2]. FDCA have been ranked as the second most interesting bio based molecule by the Department Of Energy of the US just behind four carbon diacids [3].

Our main goal is to find a new way to produce this particular building block (FDCA) in order to reduce the use of oil which is currently the main source of building block. It could significantly prevent the pollution derived from the improper oil use.

The first part of our project is already performed in the industry in an environmentally sustainable way. The process corresponding to this first part is chemically made. Our main raw material is cellulose (coming from maritime pine) that we will use for our experiments. First of all, this cellulose will be broken down into glucose by acid hydrolysis, then this glucose will be isomerized into fructose and finally this fructose will be dehydrated into Hydroxymethylfurfural (HMF)[4].

The second part of our project, which is the conversion from HMF to FDCA is also done in the industry but is quite polluting, which is why we will use molecular biology to avoid this issue.

This process is based on the insertion of three different genes into E.coli to allow it to catalyze the transformation of HMF into FDCA. HMF is a toxic molecule and studies show that some strains are resistant to it and are able to transform HMF into FDCA. We choose three genes that are HmfH from C. basilensis [6], HmfO from P. putida [7] and Aldh1 from R. ornithinolytica [8]. This transformation is done in E. coli because it is a well-known bacterium and it also has a fast growth rate, allowing overnight cultures and genetic experimental results in mere hours.

These genes will perform the transformation of HMF into FDCA in two separated pathways : one for Aldh1 and one for HmfH that can be supported by HmfO which is an aspecific enzyme.

We will try many constructions with those genes to understand which one will demonstrate the best yield for the FDCA production. We will also try to improve these constructions, the proteins or even the strains in order to obtain a better yield, closer to the one obtained by chemical processes, but in a much more sustainable way.

References :

  1. Corbion : FDCA for PEF https://www.corbion.com/bioplastics/products/fdca-for-pef
  2. Lewkowski J et al., “Synthesis, chemistry and applications of 5-hydroxymethyl-furfural and its derivatives”. 2001, ARKIVOC 2001 ; pp. 17-54
  3. Werpy T., Petersen G., et al., “Top Value Added Chemicals from Biomass Volume I — Results of Screening for Potential Candidates from Sugars and Synthesis Gas Top Value Added Chemicals From Biomass Volume I : Results of Screening for Potential Candidates” Other Inf. PBD 1 Aug 2004 Medium: ED; Size: 76 pp. pages (2004). DOI : 10.2172/15008859
  4. DESPAX-MACHEFEL S., et al., “Développement de méthodologies de synthèse d’hydroxymethylfurfural a partir de biomasse lignocellulosique” , 2013
  5. Liu J1, Tang Y., Wu K., Bi C., Cui Q., et al., “Conversion of fructose into 5-hydroxymethylfurfural (HMF) and its derivatives promoted by inorganic salt in alcohol”, Carbohydr Res, 2012, 10.1016/j.carres.2011.12.006
  6. Koopman F., Wierckx N., de Winde JH., Ruijssenaars HJ., et al., “Identification and characterization of the furfural and 5-(hydroxymethyl)furfural degradation pathways of Cupriavidus basilensis HMF14”
  7. “Conversion and assimilation of furfural and 5-(hydroxymethyl)furfural by Pseudomonas putida KT2440”, T. Michael et al, Juin 2017, Metabolic Engineering Communications https://doi.org/10.1016/j.meteno.2017.02.001
  8. Yuana H., et al.,, “Improved production of 2,5-furandicarboxylic acid by overexpression of 5-hydroxymethylfurfural oxidase and 5-hydroxymethylfurfural/furfural oxidoreductase in Raoultella ornithinolytica BF60” , Bioresource Technologies, janvier 2018 https://doi.org/10.1016/j.biortech.2017.08.166