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

Line 3: Line 3:
 
<html>
 
<html>
  
−
+
 
−
+
 
 
<div class="page_wrapper">
 
<div class="page_wrapper">
−
<div class="page_center">
+
    <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/f/fb/T--Example--Poster_Title.png">
 +
 
 +
                    <!--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">Poster Title</div>
 +
                        <!--Write the text explaining this section -->
 +
                        <div class="text">You should list all authors and their affiliations here. You can also add the
 +
                            project's abstract.</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/6/6e/T--Example--Poster_Introduction.png">
 +
 
 +
                    <!--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"> <b>Objectives 1.</b> Investigate the impact of behavioural factors on the
 +
                            skin microbiome and provide novel data base to explore its composition within the context of
 +
                            a pandemic. <br> <br> <b>Objectives 2.</b> Develop tools to engineer S. epidermidis. <br>
 +
                            Control populations dynamics of the skin microbiome in order to maintain its equilibrium and
 +
                            avoid dysbiosis induced pathologies.
 +
                        </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/f/f3/T--Example--Poster_Inspiration.png">
 +
 
 +
                    <!--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"> What inspired your team? What motivated you to work on this particular
 +
                            project? </div>
 +
                    </div>
 +
                </div>
 +
 
 +
 
 +
                <!-- This creates a third width section with the id 'challenge' --->
 +
                <!-- Challenge -->
 +
                <div class="section third" id="challenge">
 +
                    <!--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/c/c5/T--Example--Poster_Problem.png">
 +
 
 +
                    <!--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"> Problem </div>
 +
                        <!--Write the text explaining this section -->
 +
                        <div class="text"> What is the problem your team is working to solve? How does it affect the
 +
                            world? </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <!-- This creates a third width section with the id 'response' --->
 +
                <!-- Response -->
 +
                <div class="section third" id="response">
 +
                    <!--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/90/T--Example--Poster_Idea.png">
 +
 
 +
                    <!--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">Idea </div>
 +
                        <!--Write the text explaining this section -->
 +
                        <div class="text"> How are you going to solve the problem? Where did the idea come from? </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/0/02/T--Example--Poster_Engineering.png">
 +
 
 +
                    <!--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"> Skin Microbiome</div>
 +
                        <!--Write the text explaining this section -->
 +
                        <div class="text"> Here you can explain the engineering process behind your project. </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' --->
 +
                <div class="section two_thirds" id="quaranskin">
 +
                    <img src="https://static.igem.org/mediawiki/2020/0/02/T--Example--Poster_Engineering.png">
 +
 
 +
                    <!--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"> Here you can explain the engineering process behind your project. </div>
 +
                    </div>
 +
                </div>
 +
 
 +
 
 +
 
 +
                <!-- This creates a full width section with the id 'Implementation' --->
 +
                <div class="section third" id="Implementation">
 +
                    <img src="https://static.igem.org/mediawiki/2020/0/02/T--Example--Poster_Engineering.png">
  
 +
                    <!--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"> Here you can explain the engineering process behind your project. </div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<div style="padding: 20px 0px; width:95%; margin:auto; font-size:14px;">
+
            <!--This is the sixth row of the poster, it contains the three nameless sections --->
−
<h1> Poster: Paris_Bettencourt </h1>
+
            <!-- Engineer -->
−
<br><br>
+
            <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/6/6e/T--Example--Poster_Introduction.png">
  
−
<h3> Poster Template </h3>
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
−
<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 class="info">
 +
                        <!--Write the title of the section -->
 +
                        <div class="title"> Engineer </div>
 +
                        <!--Write the text explaining this section -->
 +
                        <div class="text"> <b>Objectives 1.</b> Investigate the impact of behavioural factors on the
 +
                            skin microbiome and provide novel data base to explore its composition within the context of
 +
                            a pandemic. <br> <br> <b>Objectives 2.</b> Develop tools to engineer S. epidermidis. <br>
 +
                            Control populations dynamics of the skin microbiome in order to maintain its equilibrium and
 +
                            avoid dysbiosis induced pathologies.
 +
                        </div>
 +
                    </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/5/53/T--Example--Poster_Section1.png">
 +
                    <!--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 1 </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 '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/e/ec/T--Example--Poster_Section2.png">
  
 +
                    <!--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/9/9e/T--Example--Poster_Section3.png">
  
 +
                    <!--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>
  
−
<!---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 --->
 
−
<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/f/fb/T--Example--Poster_Title.png">
 
−
 
−
<!--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"> Poster Title</div>
 
−
<!--Write the text explaining this section -->
 
−
<div class="text">You should list all authors and their affiliations here. You can also add the project's abstract.</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<!--This is the second row of the poster, it contains the introduction section --->
 
−
<div class="row">
 
−
<!-- This creates a full width section with the id 'introduction' --->
 
−
<div class="section full" id="Objectives">
 
−
<!--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/6/6e/T--Example--Poster_Introduction.png">
 
−
 
−
<!--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"> <b>Objectives 1.</b> Investigate the impact of behavioural factors on the skin microbiome and provide novel  data base to explore its composition within the context of a pandemic. <br> <br> <b>Objectives 2.</b> Develop tools to engineer S. epidermidis. <br> Control populations dynamics of the skin microbiome in order to maintain its equilibrium and avoid dysbiosis induced pathologies.
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<!--This is the third row of the poster, it contains the inspiration, problem and idea sections --->
 
−
<div class="row">
 
−
 
−
<!-- This creates a third width section with the id '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/f/f3/T--Example--Poster_Inspiration.png">
 
−
 
−
<!--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"> What inspired your team? What motivated you to work on this particular project? </div>
 
−
</div>
 
−
</div>
 
  
−
 
−
<!-- This creates a third width section with the id 'problem' --->
 
−
<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/c/c5/T--Example--Poster_Problem.png">
 
−
 
−
<!--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 -->
+
            <!--This is the eighth row of the poster, it contains the future works sections --->
−
<div class="title"> Problem </div>
+
            <!-- Future Work -->
−
<!--Write the text explaining this section -->
+
            <div class="row">
−
<div class="text"> What is the problem your team is working to solve? How does it affect the world? </div>
+
                <!-- This creates a two thirds width section with the id 'future_work_1' --->
−
</div>
+
                <div class="section two_thirds" id="future_work_1">
−
</div>
+
                    <!--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/b/b0/T--Example--Poster_Results.png">
−
<!-- This creates a third width section with the id 'idea' --->
+
−
<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/9/90/T--Example--Poster_Idea.png">
+
−
+
−
<!--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">Idea </div>
+
−
<!--Write the text explaining this section -->
+
−
<div class="text"> How are you going to solve the problem? Where did the idea come from? </div>
+
−
</div>
+
−
</div>
+
−
+
−
</div>
+
−
+
  
−
<!--This is the fourth row of the poster, it contains the Skin Microbiome section --->
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
−
<div class="row">
+
                    <div class="info">
−
<!-- This creates a full width section with the id 'engineering' --->
+
                        <!--Write the title of the section -->
−
<div class="section full" id="SkinMicrobiome">
+
                        <div class="title"> Results</div>
−
<img src="https://static.igem.org/mediawiki/2020/0/02/T--Example--Poster_Engineering.png">
+
                        <!--Write the text explaining this section -->
−
+
                        <div class="text"> What did your team achieve? What do you plan to work on moving forward?
−
<!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                        </div>
−
<div class="info">
+
                    </div>
−
<!--Write the title of the section -->
+
−
<div class="title"> Skin Microbiome</div>
+
−
<!--Write the text explaining this section -->
+
−
<div class="text"> Here you can explain the engineering process behind your project. </div>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<div class="row">
+
                </div>
−
<!-- This creates a full width section with the id 'Quaranskin' --->
+
−
<div class="section two_thirds" id="Quaranskin">
+
−
<img src="https://static.igem.org/mediawiki/2020/0/02/T--Example--Poster_Engineering.png">
+
−
+
−
<!--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"> Here you can explain the engineering process behind your project. </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/f/fa/T--Example--Poster_References.png">
  
 +
                    <!--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 creates a full width section with the id 'Implementation' --->
 
−
<div class="section third" id="Implementation">
 
−
<img src="https://static.igem.org/mediawiki/2020/0/02/T--Example--Poster_Engineering.png">
 
−
 
−
<!--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"> Here you can explain the engineering process behind your project. </div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
<!--This is the fifth row of the poster, it contains the three nameless sections --->
 
−
<div class="row">
 
−
<!-- This creates a third width section with the id 'section_1' --->
 
−
<div class="section third" id="section_1">
 
−
<!--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/53/T--Example--Poster_Section1.png">
 
−
<!--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 1 </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 'section_2' --->
+
            <!--This is the ninth row of the poster, it contains the acknowledgement section --->
−
<div class="section third" id="section_2">
+
            <!-- Acknowledgements -->
−
<!--Here is the image used for the third width section, the size is:  400 x 200 pixels  -->
+
            <div class="row">
−
<img src="https://static.igem.org/mediawiki/2020/e/ec/T--Example--Poster_Section2.png">
+
                <!-- This creates a quarter width section with the id 'iGEM' --->
−
+
                <div class="section quarter" id="iGEM">
−
<!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
                    <img src="https://static.igem.org/mediawiki/2020/0/02/T--Example--Poster_Engineering.png">
−
<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 'section_3' --->
+
−
<div class="section third" id="section_3">
+
−
<!--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/9e/T--Example--Poster_Section3.png">
+
−
+
−
<!--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>
+
−
+
  
−
+
                    <!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
−
+
                    <div class="info">
−
<!--This is the sixth row of the poster, it contains the results and references sections --->
+
                        <!--Write the title of the section -->
−
<div class="row">
+
                        <div class="title"> Engineering</div>
−
<!-- This creates a two thirds width section with the id 'results' --->
+
                        <!--Write the text explaining this section -->
−
<div class="section two_thirds" id="results">
+
                        <div class="text"> Here you can explain the engineering process behind your project. </div>
−
<!--Here is the image used for the third width section, the size is:  800 x 200 pixels  -->
+
                    </div>
−
<img src="https://static.igem.org/mediawiki/2020/b/b0/T--Example--Poster_Results.png">
+
                </div>
−
+
−
<!--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 'references' --->
+
−
<div class="section third" id="references">
+
−
<!--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/f/fa/T--Example--Poster_References.png">
+
−
+
−
<!--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>
+
  
  
−
<div class="row">
 
−
<!-- This creates a full width section with the id 'iGEM' --->
 
−
<div class="section quarter" id="iGEM">
 
−
<img src="https://static.igem.org/mediawiki/2020/0/02/T--Example--Poster_Engineering.png">
 
−
 
−
<!--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"> Here you can explain the engineering process behind your project. </div>
 
−
</div>
 
−
</div>
 
  
 +
                <!-- This creates a three quarters width section with the id 'acknowlegment' --->
 +
                <div class="section three_quarters" id="acknowlegment">
 +
                    <img src="https://static.igem.org/mediawiki/2020/0/02/T--Example--Poster_Engineering.png">
  
 +
                    <!--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"> Here you can explain the engineering process behind your project. </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
  
−
<!-- This creates a full width section with the id 'Aknowlegment' --->
 
−
<div class="section three_quarters" id="Aknowlegment">
 
−
<img src="https://static.igem.org/mediawiki/2020/0/02/T--Example--Poster_Engineering.png">
 
−
 
−
<!--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"> Here you can explain the engineering process behind your project. </div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
  
−
+
        <!--This is where the selected content will be displayed - Don't change this section!-->
−
<!--This is where the selected content will be displayed - Don't change this section!-->
+
        <div class="poster_w display">
−
<div class="poster_w display">
+
            <h3 id="section_title"></h3>
−
<h3 id="section_title"></h3>
+
            <p id="section_text"></p>
−
<p id="section_text"></p>
+
        </div>
−
</div>
+
  
  
−
</div>
+
    </div>
 
</div>
 
</div>

Revision as of 20:52, 9 November 2020

Poster: Paris_Bettencourt



Poster Template

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: https://2020.igem.org/Competition/Deliverables/Poster

Poster Title
You should list all authors and their affiliations here. You can also add the project's abstract.
Objectives
Objectives 1. Investigate the impact of behavioural factors on the skin microbiome and provide novel data base to explore its composition within the context of a pandemic.

Objectives 2. Develop tools to engineer S. epidermidis.
Control populations dynamics of the skin microbiome in order to maintain its equilibrium and avoid dysbiosis induced pathologies.
Inspiration
What inspired your team? What motivated you to work on this particular project?
Problem
What is the problem your team is working to solve? How does it affect the world?
Idea
How are you going to solve the problem? Where did the idea come from?
Skin Microbiome
Here you can explain the engineering process behind your project.
Engineering
Here you can explain the engineering process behind your project.
Engineering
Here you can explain the engineering process behind your project.
Engineer
Objectives 1. Investigate the impact of behavioural factors on the skin microbiome and provide novel data base to explore its composition within the context of a pandemic.

Objectives 2. Develop tools to engineer S. epidermidis.
Control populations dynamics of the skin microbiome in order to maintain its equilibrium and avoid dysbiosis induced pathologies.
Section 1
Use this section to explain whatever you would like! Suggestions: Safety, Human Practices, Measurement, etc.
Section 2
Use this section to explain whatever you would like! Suggestions: Safety, Human Practices, Measurement, etc.
Section 3
Use this section to explain whatever you would like! Suggestions: Safety, Human Practices, Measurement, etc.
Results
What did your team achieve? What do you plan to work on moving forward?
References and Acknowledgements
If not already cited in other sections of your poster, what literature sources did you reference on this poster? Who helped or advised you?
Engineering
Here you can explain the engineering process behind your project.
Engineering
Here you can explain the engineering process behind your project.