Difference between revisions of "Team:Paris Bettencourt/Poster"

(Replaced content with "https://static.igem.org/mediawiki/2020/b/b0/T--Paris_Bettencourt--Poster_EpiFlexLogo.png")
Line 1: Line 1:
{{Poster}}
+
https://static.igem.org/mediawiki/2020/b/b0/T--Paris_Bettencourt--Poster_EpiFlexLogo.png
 
+
<html>
+
 
+
<style>
+
    #section_title {
+
        color: #ff0000;
+
        background-color: #fff5efff;
+
        text-align: center;
+
        padding: 8px;
+
    }
+
 
+
    #section_text {
+
        padding: 8px;
+
    }
+
 
+
    p {
+
        color: #003366 !important;
+
        text-align: justify;
+
    }
+
 
+
    .heading {
+
        color: #ff0000 !important;
+
    }
+
 
+
    .padding-left {
+
        padding-left: 8px;
+
    }
+
 
+
    .padding-right {
+
        padding-right: 8px;
+
    }
+
 
+
    .logo {
+
        width: 90% !important;
+
    }
+
 
+
    .logo-align{
+
        text-align: center;
+
    }
+
</style>
+
 
+
<div class="page_wrapper">
+
    <div class="page_center">
+
 
+
 
+
        <!-- <div style="padding: 20px 0px; width:95%; margin:auto; font-size:14px;">
+
            <h1> Poster: Paris_Bettencourt </h1>
+
            <br><br>
+
 
+
            <h3> Poster Template </h3>
+
            <p> This poster template will let you create an interactive poster! The poster is divided in two parts: the
+
                visual overview on the left and the documentation on the right. The visual overview is broken down into
+
                sections that the user can click on. When a user clicks on a poster section in the visual overview, the
+
                documentation on the right will display the text and graphics associated with this section of the
+
                poster. You can find the documentation on how to use this template, as well as an example here: <a
+
                    href="https://2020.igem.org/Competition/Deliverables/Poster">https://2020.igem.org/Competition/Deliverables/Poster</a>
+
            </p>
+
 
+
 
+
 
+
        </div> -->
+
 
+
        <!---Place the content of your poster inside this div--->
+
        <div class="poster_w content">
+
 
+
            <!--This is the first row of the poster, it contains the title section --->
+
            <!-- Poster title -->
+
            <div class="row">
+
                <!-- This creates a full width section with the id 'title' , since it will be the default section loaded, we add the class 'first_text' --->
+
                <div class="section full first_text" id="title">
+
 
+
                    <!--Here is the image used for the full width section, the size is: 1200 x 200 pixels -->
+
                    <img src="https://static.igem.org/mediawiki/2020/0/0f/T--Paris_Bettencourt--Poster_Title1.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it since the first_text class is used above, this section will appear by default -->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title">SynDerma - The Skin Microbiome in the Spotlight: <br /> From Sampling to
+
                            Engineering
+
                        </div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">
+
                            <p>Presented by Team Paris Bettencourt 2020</p>
+
                            <br />
+
                            <p><b>Amandine Maire<sup>1</sup>, Anu Susan Kurian<sup>1</sup>, Chetan Kumar
+
                                    Velumurugan<sup>1</sup>, Nicolas Levrier<sup>1</sup>, Nikola Zarevski<sup>1</sup>,
+
                                    Valerie March<sup>1</sup>, Xavier Olessa-Daragon<sup>1</sup>, Ariel
+
                                    Lindner<sup>2</sup>, Jake Wintermute<sup>2</sup>, Radoslaw Ejsmont<sup>2</sup>,
+
                                    Alexis Casas<sup>2</sup>, Darshak Bhatt<sup>2</sup></b></p>
+
                            <br />
+
                            <p><b><sup>1</sup>Student Team Member</b>, <sup>2</sup>Team Mentor</p>
+
                            <br />
+
                            <b>Abstract</b>
+
                            <p></p>
+
                        </div>
+
                    </div>
+
                </div>
+
            </div>
+
 
+
 
+
            <!--This is the second row of the poster, it contains the introduction section --->
+
            <!-- Objectives -->
+
            <div class="row">
+
                <!-- This creates a full width section with the id 'objective' --->
+
                <div class="section full" id="objective">
+
                    <!--Here is the image used for the full width section, the size is: 1200 x 200 pixels -->
+
                    <img src="https://static.igem.org/mediawiki/2020/9/90/T--Paris_Bettencourt--Poster_Objectives1.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title"> Objectives </div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">
+
                            <!-- <p><b>Objectives 1.</b></p> -->
+
                            <p><b class="heading">1. Sample and Sequence the Human Skin Microbiome</b></p>
+
                            <p>Our first objective, pursued as part of the Quaranskin project, is to study the impact of
+
                                environmental and behavioral factors on the skin microbiome and to provide a new
+
                                database to study its composition in the context of reduced social and environmental
+
                                interactions.
+
                            </p>
+
                            <br />
+
                            <!-- <p><b>Objectives 2.</b></p> -->
+
                            <p><b class="heading">2. Design tools to engineer the bacterium <i>S. epidermidis</i></b>
+
                            </p>
+
                            <p>Our second objective is to make S. epidermidis an efficient synthetic biology chassis
+
                                that can be used to monitor the population dynamics of the skin microbiome. This in
+
                                order to maintain its equilibrium and to avoid pathologies induced by dysbiosis.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
            </div>
+
 
+
 
+
            <!--This is the third row of the poster, it contains the inspiration, problem and idea sections --->
+
            <!-- Inspiration, Challenge, Response -->
+
            <div class="row">
+
 
+
                <!-- This creates a third width section with the id 'inspiration' --->
+
                <!-- Inspiration -->
+
                <div class="section third" id="inspiration">
+
                    <!--Here is the image used for the third width section, the size is:  400 x 200 pixels  -->
+
                    <img src="https://static.igem.org/mediawiki/2020/1/18/T--Paris_Bettencourt--Poster_Inspiration31.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
 
+
                        <!--Write the title of the section -->
+
                        <div class="title"> Inspiration </div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">
+
                            <p>In the context of COVID-19 pandemic, we were, as most of the other iGEM teams confined at
+
                                home.</p>
+
 
+
                            <div class="subsection third">
+
                                <img
+
                                    src="https://static.igem.org/mediawiki/2020/e/e5/T--Paris_Bettencourt--Poster_Inspiration1.png">
+
                            </div>
+
                            <div class="subsection two_thirds">
+
                                <br />
+
                                <br />
+
                                <p class="padding-left">As this situation was unprecedented, we were wondering if the
+
                                    lockdown could have an
+
                                    impact on human health and more specifically on the composition of our skin
+
                                    microbiome.
+
                                </p>
+
                            </div>
+
 
+
                            <div class="clear"></div>
+
                            <br />
+
 
+
                            <div class="subsection two_thirds">
+
                                <p class="padding-right">We met some dermatologists as Stéphanie Leclerc-Mercier. She
+
                                    pointed out the fact
+
                                    that the new sanitary measures and hygiene habits imposed by the pandemic were a
+
                                    real issue for people with eczema symptoms since they cannot wash their hands as
+
                                    often as healthy people. This discussion drew our interest for dysbiosis induced
+
                                    pathologies and ways to treat them using synthetic biology.
+
                                </p>
+
                            </div>
+
                            <div class="subsection third">
+
                                <img
+
                                    src="https://static.igem.org/mediawiki/2020/0/03/T--Paris_Bettencourt--Poster_Inspiration2.png">
+
                            </div>
+
 
+
                            <div class="clear"></div>
+
                            <br />
+
 
+
                            <div class="subsection third">
+
                                <img
+
                                    src="https://static.igem.org/mediawiki/2020/6/63/T--Paris_Bettencourt--Poster_Inspiration3.png">
+
                            </div>
+
                            <div class="subsection two_thirds">
+
                                <br />
+
                                <br />
+
                                <p class="padding-left">Our team personal values led us to create a project who enters
+
                                    in
+
                                    the framework of
+
                                    Open and Citizen Science. Especially during the lockdown which forced us to be
+
                                    physically isolated of each other, we wanted to find a way to connect people through
+
                                    science.
+
                                </p>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div>
+
 
+
 
+
                <!-- This creates a third width section with the id 'challenge' --->
+
                <!-- Challenge -->
+
                <div class="section third" id="challenges">
+
                    <!--Here is the image used for the third width section, the size is:  400 x 200 pixels  -->
+
                    <img src="https://static.igem.org/mediawiki/2020/7/7e/T--Paris_Bettencourt--Poster_Challenges32.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
 
+
                        <!--Write the title of the section -->
+
                        <div class="title"> Challenges </div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">
+
                            <p><b class="heading">1. Study the Skin Microbiome</b></p>
+
                            <p>Human skin microbiome sampling is a challenge in itself since it implies reaching out to
+
                                a
+
                                large cohort and collecting human being derived samples. In the context of a
+
                                pandemic other constraints are added because of social distancing measures.</p>
+
 
+
                            <img
+
                                src="https://static.igem.org/mediawiki/2020/8/89/T--Paris_Bettencourt--Poster_SkinMicrobiomeStudy.png">
+
 
+
                            <p><b class="heading">2. Engineer the Skin Microbiome</b></p>
+
                            <ul>
+
                                <li><i>Staphylococcus epidermidis</i> is not used in synthetic biology and no tools are
+
                                    currently available to engineer it</li>
+
                                <li>Thw two main challenges in using <i>S. epidermidis</i> in
+
                                    synthetic biology are:</li>
+
                            </ul>
+
                            <img
+
                                src="https://static.igem.org/mediawiki/2020/1/1f/T--Paris_Bettencourt--Poster_SkinMicrobiomeEngineering.png">
+
                        </div>
+
                    </div>
+
                </div>
+
 
+
                <!-- This creates a third width section with the id 'response' --->
+
                <!-- Response -->
+
                <div class="section third" id="responses">
+
                    <!--Here is the image used for the third width section, the size is:  400 x 200 pixels  -->
+
                    <img src="https://static.igem.org/mediawiki/2020/5/5b/T--Paris_Bettencourt--Poster_Responses33.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
 
+
                        <!--Write the title of the section -->
+
                        <div class="title"> Responses </div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">
+
                            <p><b class="heading">1. Quaranskin</b></p>
+
                            <p>Quaranskin is a study involving the collection of skin microbiome samples during the
+
                                COVID-19 pandemic and
+
                                observing the impact of environmental factors on the skin microbiome.
+
                            </p>
+
                            <ul>
+
                                <li>We took <b>ethical considerations</b> very seriously by submitting our project to
+
                                    the French national ethics committee in order to obtain their approval before
+
                                    starting the study
+
                                </li>
+
                                <li>In order to include <b>citizen participation</b>, we designed a smapling kit
+
                                    containing all the material required for sampling the skin microbiome and set up
+
                                    mailing system to ship and collect back the samples from participants
+
                                </li>
+
                                <li>We are building an <b>Open Database</b> of skin microbiome during the COVID-19
+
                                    pandemic
+
                                </li>
+
                            </ul>
+
                            <br />
+
                            <p><b class="heading">2. EpiFlex, EpiGlow, EpiGrow</b></p>
+
                            <p>These three projects aims to develop tools to make S. epidermidis a good chassis for
+
                                Synthetic biology.
+
                            </p>
+
                            <ul>
+
                                <li><b>EpiFlex</b> is a MoClo tool kit for <i>S. epidermidis</i> </li>
+
                                <li><b>EpiGlow</b> is the proof of concept of EpiFlex that aims to optimize
+
                                    transformation protocol <i>S. epidermidis</i></li>
+
                                <li><b>EpiGrow</b> is the optimization of <i>S. epidermidis</i> growth</i> </li>
+
                            </ul>
+
                        </div>
+
                    </div>
+
                </div>
+
 
+
            </div>
+
 
+
 
+
            <!--This is the fourth row of the poster, it contains the Skin Microbiome section --->
+
            <!-- Skin Microbiome -->
+
            <div class="row">
+
                <!-- This creates a full width section with the id 'skin_microbiome' --->
+
                <div class="section full" id="skin_microbiome">
+
                    <img
+
                        src="https://static.igem.org/mediawiki/2020/a/a9/T--Paris_Bettencourt--Poster_TheSkinMicrobiome.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title">The Skin Microbiome</div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">
+
                            <p><b class="heading">What is the Skin Microbiome?</b></p>
+
                            <p>The human skin microbiome is a vast and very large ecosystem of microorganisms that
+
                                occupy the human skin at the level of the hypodermis, dermis, and epidermis. It is very
+
                                numerous and very diverse, a real petri dish hidden in plain sight.
+
                            </p>
+
                            <br />
+
                            <p><b class="heading">How the Skin Microbiome plays a role in the skin health?</b></p>
+
                            <p>The human skin microbiome is very tightly linked to the health of its host in numerous
+
                                ways. First of all the microorganisms of the skin microbiome prevent the colonization of
+
                                the skin by pathological microorganisms, and help to train the immune system to make it
+
                                more prepared to face pathogens. It also directly involved in various pathologies, like
+
                                atopic dermatitis, where its overall diversity is reduced and Staphylococcus aureus is
+
                                over represented.
+
                            </p>
+
                            <br />
+
                            <p><b class="heading">Why studying the composition of the Skin Microbiome?</b></p>
+
                            <p>
+
                            <ul>
+
                                <li>Most of the previous studies which lead to understand the skin microbiome by
+
                                    sampling human volunteers were based on North American subjects. Form these results,
+
                                    current evidence suggests a greater microbial diversity to be a beneficial trait,
+
                                    however there is a need for greater diversity in the participant pools from which
+
                                    this data is derived. Thus, a study observing human skin microbiome among a European
+
                                    population would give new data increasing our knowledge of the skin microbiome.
+
                                </li>
+
                                <li>Besides the current global environment wherein a significant number of people are
+
                                    minimizing their interactions with other people is a good opportunity to observe
+
                                    environmental impact on skin microbiome in a more simplified model.
+
                                </li>
+
                                <li>Also, by taking samples from the skin microbiome during the COVID-19 pandemic, we
+
                                    will have preserved evidence of the influence of the social restrictions induced by
+
                                    the pandemic on the skin microbiome.
+
                                </li>
+
                            </ul>
+
                            </p>
+
                            <br />
+
                            <img
+
                                src="https://static.igem.org/mediawiki/2020/8/80/T--Paris_Bettencourt--Poster_SkinMicrobiomeIllustration.png">
+
                        </div>
+
                    </div>
+
                </div>
+
            </div>
+
 
+
            <!--This is the fifth row of the poster, it contains the Quaranskin and Implementation section --->
+
            <!-- Quaranskin, Implementation -->
+
            <div class="row">
+
                <!-- This creates a full width section with the id 'quaranskin' --->
+
                <!-- Quaranskin -->
+
                <div class="section two_thirds" id="quaranskin">
+
                    <img src="https://static.igem.org/mediawiki/2020/5/5b/T--Paris_Bettencourt--Poster_Quaranskin51.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title">Quaranskin</div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">
+
                            <p>Quaranskin, a combination of quarantine and skin, is a project based on the collection
+
                                and analysis of skin microbiome samples, collected from participants across Europe.
+
                            </p>
+
                            <p>We aim to understand if there are correlations between behavioral characteristics that
+
                                involve activity, hygiene and human interaction, and the diversity and composition of
+
                                skin microbes at four body sites.
+
                            </p>
+
                            <img
+
                                src="https://static.igem.org/mediawiki/2020/6/6e/T--Paris_Bettencourt--Poster_QuaranskinStudy1.png">
+
                            <br />
+
                            <p><b class="heading">Study Pipeline</b></p>
+
                            <br />
+
                            <img
+
                                src="https://static.igem.org/mediawiki/2020/1/11/T--Paris_Bettencourt--Poster_QuaranskinStudy2.png">
+
                            <p><b>Participants recruitment</b></p>
+
                            <p>Emails are sent to all the members of our institution, the CRI, and all the european
+
                                iGEMers, by focusing on people form countries where confinement or social distanciation
+
                                are set up. The total number of participants expected is 70.
+
                            </p>
+
                            <p><b>Participants enrollment</b></p>
+
                            <p>To be involved in the study each participants has to fill in a participation form and
+
                                link to it a signed and dated consent form.
+
                            </p>
+
                            <p>A link is sent to them allowing them to create a account on the OpenHumans platform in
+
                                order to furnish them an ID code which we use to keep anonymity
+
                            </p>
+
                            <p><b>Participants action</b></p>
+
                            <p>Once they are officially enroll in the study, we send to the participants by mail a kit
+
                                containing all tools needed to sample microbiome from 4 body sites and to send them back
+
                                to us, and by email a link to answer an online questionnaire asking questions covering 4
+
                                main topics : The intrinsic characteristic (age, sexe, nationality...), the hygiene
+
                                habits, the level of confinement and the skin disorder appeared since February 2020.
+
                            </p>
+
                            <p><b>Microbiome sequencing</b></p>
+
                            <p>Once we receive the microbiome samples we send them directly to an external company,
+
                                Genewiz. They’ll extract bacterial DNA from the samples, amplify the V3-V4 regions of
+
                                the 16S RNA gene, and then sequence the amplicons.
+
                            </p>
+
                            <p><b>Statistical analysis</b></p>
+
                            <p>After having analyzed the composition and diversity of each microbiome we’ll link these
+
                                results to the answer to the questionnaire to finally find some correlations between
+
                                some microbiome compositions and some characteristics of the lifestyle or some skin
+
                                disorder
+
                            </p>
+
                            <br />
+
 
+
                            <p><b class="heading">Data Analysis</b></p>
+
                            <p><b>1. Diversity analysis by index of hygiene, personal information, level of restriction
+
                                </b></p>
+
                            <p>The microbiomes in the generated database are grouped by index value in each of the 3
+
                                categories. By setting two indices, we can study the impact of the third element on the
+
                                diversity of the microbiome
+
                            </p>
+
                            <p><b>2. Environmental factors which influence proportion of Staphylococcus
+
                                </b></p>
+
                            <p>We define a proportion threshold, then we identify all the people who present a
+
                                population of Staphylococcus beyond this threshold. We finally look for parameters
+
                                common to these individuals,
+
                            </p>
+
                            <p><b>3. Researching existing microbiome composition among our data set
+
                                </b></p>
+
                            <p>We want to compare a typical composition of eczematic microbiome found in literature,
+
                                with our data
+
                            </p>
+
                            <p><b>4. Analysis of data based on common symptoms
+
                                </b></p>
+
                            <p>When a significant number of people present the same symptom, independently of the
+
                                environment and lifestyle, we want to make a synthesis of the typical composition of the
+
                                microbiome for this symptom.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
 
+
 
+
                <!-- This creates a full width section with the id 'Implementation' --->
+
                <!-- Implementation -->
+
                <div class="section third" id="Implementation">
+
                    <img src="https://static.igem.org/mediawiki/2020/9/9b/T--Paris_Bettencourt--Poster_Implementation52.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title">Implementation</div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">
+
                            <p><b class="heading">Ethical consideration</b></p>
+
                            <p>As Quaranskin is a collection of data extracted from human derived samples (skin
+
                                microbiome) and personal information (answer to the questionnaire), it’s important to
+
                                learn about the ethical rules that govern research involving human being in Europe in
+
                                order to respect the protection of the participants in our study.
+
                            </p>
+
                            <p>In France, Research Involving Human Being (RIPH) has to be approved and framed by the
+
                                Committees for the Protection of Persons (CPP).
+
                            </p>
+
                            <p>We have submitted to the ethics committee a complete file presenting our study in detail.
+
                                This file consisted mainly of a research protocol and all the information documents for
+
                                the study participants. Even though we already recruit participant and set up all the
+
                                logistic aspect of the study, we are still waiting for their approval to collect and
+
                                analyse samples.
+
                            </p>
+
 
+
                            <p><b class="heading">Contribution to the scientific community</b></p>
+
                            <ol>
+
                                <li>Increase the knowledge we have about the microbiome and more precisely about the
+
                                    external factors that can impact it.
+
                                </li>
+
                                <li>Create an open database of skin microbiome from people in the context of a pandemic.
+
                                </li>
+
                                <li>Develop Science@Home by providing pipeline and protocols useful for future
+
                                    microbiome studies based on citizen science
+
                                </li>
+
                                <li>Instruct participants about their microbiome by sending them back their microbiome
+
                                    profile after analysis.
+
                                </li>
+
                            </ol>
+
                        </div>
+
                    </div>
+
                </div>
+
            </div>
+
 
+
            <!--This is the sixth row of the poster, it contains the three nameless sections --->
+
            <!-- Engineer -->
+
            <div class="row">
+
                <!-- This creates a full width section with the id 'engineer' --->
+
                <div class="section full" id="engineer">
+
                    <!--Here is the image used for the full width section, the size is: 1200 x 200 pixels -->
+
                    <img src="https://static.igem.org/mediawiki/2020/4/40/T--Paris_Bettencourt--Poster_Engineering1.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title"> Engineering </div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">
+
                            <p>Biological engineering allowed us to develop solutions for our objectives.</p>
+
                            <p><b class="heading">Purpose</b></p>
+
                            <p>We aim to sense and modulate population dynamics of the skin microbiome in order to help
+
                                maintain its equilibrium and avoid dysbiosis induced pathologies. This is where we
+
                                envision the role of synthetic biology in the probiotic arena.
+
                            </p>
+
                            <p>More precisely, we thought about engineering <i>S. epidermidis</i> in order to control
+
                                overgrowth of <i>S. aureus</i> which can induce eczema.
+
                            </p>
+
                            <p><b class="heading"><i>S. epidermidis</i></b></p>
+
                            <p><i>S. epidermidis</i> represents approximately 90% of the aerobic skin flora, and about 5% of
+
                                the overall skin microbiome species. It is a non-motile gram-positive coccus, and a
+
                                facultative anaerobe. Its mainly mutualistic behavior makes it a very good candidate to
+
                                become a vector for sensors or ways to modulate the skin microbiome.
+
                            </p>
+
                            <p><b class="heading">Research Focus</b></p>
+
                            <p>Three essential stages that we want to optimize to help engineer <i>S. epidermidis</i>:
+
                            </p>
+
                            <p></p>
+
                            <ol>
+
                                <li>Grow</li>
+
                                <li>Transform</li>
+
                                <li>Clone</li>
+
                            </ol>
+
                        </div>
+
                    </div>
+
                </div>
+
            </div>
+
 
+
 
+
 
+
            <!--This is the seventh row of the poster, it contains the EpiFlex, EpiGlow and EpiGrow sections --->
+
            <!-- EpiFlex, EpiGlow, EpiGrow -->
+
            <div class="row">
+
                <!-- This creates a third width section with the id 'epiflex' --->
+
                <div class="section third" id="epiflex">
+
                    <!--Here is the image used for the third width section, the size is:  400 x 200 pixels  -->
+
                    <img src="https://static.igem.org/mediawiki/2020/9/91/T--Paris_Bettencourt--Poster_EpiFlex71.jpg">
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title">EpiFlex</div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">
+
                            <div class="subsection half">
+
                                <p>The bacterium Staphylococcus epidermidis has only few tools available for efficient expression of recombinant DNA and genetic engineering. This generated the idea to develop a MoClo toolkit for S.epidermidis, the EpiFlex toolkit.
+
                                </p>
+
                                <p>EpiFlex aims to make the bacterium a chassis for synthetic biology.
+
                                </p>
+
                            </div>
+
 
+
                            <div class="subsection half logo-align">
+
                                <img src="https://static.igem.org/mediawiki/2020/9/9b/T--Paris_Bettencourt--Poster_EpiGlow72.jpg" class="logo">
+
                            </div>
+
                           
+
                            <div class="clear"></div>
+
                            <br />
+
 
+
                            <p><b class="heading">MoClo Toolkit</b></p>
+
                            <p>The MoClo is a modular cloning method based on Golden Gate assembly. EpiFlex is a Moclo toolkit developed with parts that function specifically in S.epidermidis.
+
                            </p>
+
                            <p><b class="heading">The MoClo Concept</b></p>
+
                            <img src="https://static.igem.org/mediawiki/2020/6/6b/T--Paris_Bettencourt--Poster_MoCloConcept.png">
+
                        </div>
+
                    </div>
+
                </div>
+
 
+
                <!-- This creates a third width section with the id 'epiglow' --->
+
                <div class="section third" id="epiglow">
+
                    <!--Here is the image used for the third width section, the size is:  400 x 200 pixels  -->
+
                    <img src="https://static.igem.org/mediawiki/2020/9/9b/T--Paris_Bettencourt--Poster_EpiGlow72.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title"> Section 2 </div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text"> Use this section to explain whatever you would like! Suggestions: Safety,
+
                            Human Practices, Measurement, etc. </div>
+
                    </div>
+
                </div>
+
 
+
                <!-- This creates a third width section with the id 'epigrow' --->
+
                <div class="section third" id="epigrow">
+
                    <!--Here is the image used for the third width section, the size is:  400 x 200 pixels  -->
+
                    <img src="https://static.igem.org/mediawiki/2020/b/b0/T--Paris_Bettencourt--Poster_EpiGrow.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title"> Section 3 </div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text"> Use this section to explain whatever you would like! Suggestions: Safety,
+
                            Human Practices, Measurement, etc. </div>
+
                    </div>
+
                </div>
+
            </div>
+
 
+
 
+
 
+
 
+
            <!--This is the eighth row of the poster, it contains the future works sections --->
+
            <!-- Future Work -->
+
            <div class="row">
+
                <!-- This creates a two thirds width section with the id 'future_work_1' --->
+
                <div class="section two_thirds" id="future_work_1">
+
                    <!--Here is the image used for the third width section, the size is:  800 x 200 pixels  -->
+
                    <img src="https://static.igem.org/mediawiki/2020/0/0b/T--Paris_Bettencourt--Poster_FutureWork81.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title"> Results</div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text"> What did your team achieve? What do you plan to work on moving forward?
+
                        </div>
+
                    </div>
+
 
+
                </div>
+
 
+
                <!-- This creates a third width section with the id 'future_work_2' --->
+
                <div class="section third" id="future_work_2">
+
                    <!--Here is the image used for the third width section, the size is:  400 x 200 pixels  -->
+
                    <img src="https://static.igem.org/mediawiki/2020/3/39/T--Paris_Bettencourt--Poster_FutureWork82.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title">References and Acknowledgements</div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">If not already cited in other sections of your poster, what literature sources
+
                            did you reference on this poster? Who helped or advised you? </div>
+
                    </div>
+
                </div>
+
            </div>
+
 
+
 
+
            <!--This is the ninth row of the poster, it contains the iGEM experience section --->
+
            <!-- iGEM Experience-->
+
            <div class="row">
+
                <!-- This creates a three quarters width section with the id 'iGEM' --->
+
                <div class="section full" id="iGEM">
+
                    <img src="https://static.igem.org/mediawiki/2020/2/24/T--Paris_Bettencourt--Poster_iGEMExperience1.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title"> Our iGEM Experience</div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">
+
                            <!-- <img src="https://static.igem.org/mediawiki/2020/f/f8/T--Paris_Bettencourt--Poster_iGEMExperienceLogo.jpg"
+
                                class="logo">
+
                            <div class="clear"></div>
+
                            <br /> -->
+
 
+
                            <p>iGEM 2020 was a unique opportunity to meet other aspiring and motivated researchers that
+
                                helped broaden our knowledge on both human and scientific topics! We truly enjoyed our
+
                                experience while attending the virtual meetings and discussing on various topics with
+
                                iGEMers across the world.
+
                            </p>
+
                            <p><b class="heading">A Chit-Chat around the Skin Microbiome</b></p>
+
                            <p>In early June, our team enjoyed hosting a ChitChat session to discuss on the subject of
+
                                the Skin Microbiome. Several iGEM teams joined us in this session and provided us with
+
                                the opportunity in sharing our experience on this topic with them.
+
                            </p>
+
                            <p><b class="heading">iGEMeetParis: A Parisian Virtual Meetup</b></p>
+
                            <p>During the first weekend of September, we hosted our own virtual meetup, together with
+
                                the other Parisian teams. It took two months of preparation to set up an amazing weekend
+
                                lined up with workshops, hackathons, discussions, pitch presentations and other cool
+
                                social events!
+
                            </p>
+
                            <p><b class="heading">Cité des Sciences</b></p>
+
                            <p>We had the wonderful opportunity to display our project at the Cité des Sciences Annual
+
                                Science Fair in Paris where we shared our scientific communication with the general
+
                                public.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
            </div>
+
 
+
            <!--This is the tenth row of the poster, it contains the acknowledgements section --->
+
            <!-- Acknowledgements -->
+
            <div class="row">
+
                <!-- This creates a quarter width section with the id 'acknowlegments' --->
+
                <div class="section full" id="acknowlegments">
+
                    <img src="https://static.igem.org/mediawiki/2020/4/42/T--Paris_Bettencourt--Poster_Acknowledgements.jpg">
+
 
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <div class="info">
+
                        <!--Write the title of the section -->
+
                        <div class="title">Acknowledgements</div>
+
                        <!--Write the text explaining this section -->
+
                        <div class="text">
+
                            <p><b class="heading">Acknowledgements</b></p>
+
                            <p>Valérie Antonio</p>
+
                            <p>Mad Price Ball</p>
+
                            <p>Céline Couteau</p>
+
                            <p>Paulina Ejsmont</p>
+
                            <p>Stéphanie Leclerc-Mercier</p>
+
                            <p>Valérie Lerouyer</p>
+
                            <p>Hamid Mebrouki</p>
+
                            <p>Piers Millett</p>
+
                            <p>Ian Monk</p>
+
                            <p>Julia Oh</p>
+
                            <p>Alexandre Singier</p>
+
                            <p>Jean-Christophe Thalabard</p>
+
                            <p>Bastian Greshake Tzovaras</p>
+
                            <br/>
+
                           
+
                            <p><b class="heading">Sponsors</b></p>
+
                            <div class="subsection third logo-align">
+
                                <img
+
                                    src="https://static.igem.org/mediawiki/2020/9/95/T--Paris_Bettencourt--Poster_CRI.png" class="logo">
+
                            </div>
+
                            <div class="subsection third logo-align">
+
                                <img
+
                                    src="https://static.igem.org/mediawiki/2020/a/a3/T--Paris_Bettencourt--Poster_FondationBettencourtSchueller.png" class="logo">
+
                            </div>
+
                            <div class="subsection third logo-align">
+
                                <img
+
                                    src="https://static.igem.org/mediawiki/2020/4/47/T--Paris_Bettencourt--Poster_Geneious.png" class="logo">
+
                            </div>
+
                            <div class="clear"></div>
+
                            <br />
+
 
+
                            <div class="subsection third logo-align">
+
                                <img
+
                                    src="https://static.igem.org/mediawiki/2020/e/e1/T--Paris_Bettencourt--Poster_Genewiz.png" class="logo">
+
                            </div>
+
                            <div class="subsection third logo-align">
+
                                <img
+
                                    src="https://static.igem.org/mediawiki/2020/d/de/T--Paris_Bettencourt--Poster_IDT.png" class="logo">
+
                            </div>
+
                            <div class="subsection third logo-align">
+
                                <img
+
                                    src="https://static.igem.org/mediawiki/2020/f/fc/T--Paris_Bettencourt--Poster_iGEM.png" class="logo">
+
                            </div>
+
                            <div class="clear"></div>
+
                            <br />
+
 
+
                            <div class="subsection third logo-align">
+
                                <img
+
                                    src="https://static.igem.org/mediawiki/2020/6/65/T--Paris_Bettencourt--Poster_OpenHumans.png" class="logo">
+
                            </div>
+
                            <div class="subsection third logo-align">
+
                                <img
+
                                    src="https://static.igem.org/mediawiki/2020/f/f6/T--Paris_Bettencourt--Poster_Snapgene.png" class="logo">
+
                            </div>
+
                            <div class="subsection third logo-align">
+
                                <img
+
                                    src="https://static.igem.org/mediawiki/2020/8/8a/T--Paris_Bettencourt--Poster_TwistBioscience.png" class="logo">
+
                            </div>
+
                            <div class="clear"></div>
+
                            <br />
+
                        </div>
+
                    </div>
+
                </div>
+
            </div>
+
        </div>
+
 
+
 
+
        <!--This is where the selected content will be displayed - Don't change this section!-->
+
        <div class="poster_w display">
+
            <h3 id="section_title"></h3>
+
            <p id="section_text"></p>
+
        </div>
+
 
+
 
+
    </div>
+
</div>
+

Revision as of 00:42, 11 November 2020

T--Paris_Bettencourt--Poster_EpiFlexLogo.png