Difference between revisions of "Team:Virginia/Poster"

(Prototype team page)
 
Line 7: Line 7:
 
<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: Virginia </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>
 
−
 
−
 
  
  
Line 32: Line 18:
 
<!-- This creates a full width section with the id 'title' ,  
 
<!-- This creates a full width section with the id 'title' ,  
 
since it will be the default section loaded, we add the class 'first_text' --->
 
since it will be the default section loaded, we add the class 'first_text' --->
−
<div class="section full first_text" id="title">
+
<div class="section full first_text" id="PosterHeader">
 
 
 
<!--Here is the image used for the full width section, the size is: 1200 x 200 pixels -->
 
<!--Here is the image used for the full width section, the size is: 1200 x 200 pixels -->
Line 41: Line 27:
 
<div class="info">
 
<div class="info">
 
<!--Write the title of the section -->
 
<!--Write the title of the section -->
−
<div class="title"> Poster Title</div>
+
<div class="PosterHeader"></div>
 
<!--Write the text explaining this section -->
 
<!--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 class="text">You should list all authors and their affiliations here. You can also add the project's abstract.</div>
Line 151: Line 137:
  
 
<!-- This creates a third width section with the id 'section_2' --->
 
<!-- This creates a third width section with the id 'section_2' --->
−
<div class="section third" id="section_2">
+
<div style="
−
<!--Here is the image used for the third width section, the size is:  400 x 200 pixels  -->
+
    float: left;
−
<img src="https://static.igem.org/mediawiki/2020/e/ec/T--Example--Poster_Section2.png">
+
    width: 33%;
−
+
">
−
<!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
+
<div class="section full" id="section_2_1">
−
<div class="info">
+
<!--Here is the image used for the third width section, the size is:  400 x 200 pixels  -->
−
<!--Write the title of the section -->
+
<img src="https://static.igem.org/mediawiki/2020/e/ec/T--Example--Poster_Section2.png" style="transform: scaleY(0.5);margin: -25% 0px -25% 0px;">
−
<div class="title"> Section 2 </div>
+
−
<!--Write the text explaining this section -->
+
<!--Info: Place the title and text for this section, it will appear when the user clicks on it-->
−
<div class="text"> Use this section to explain whatever you would like! Suggestions: Safety, Human Practices, Measurement, etc. </div>
+
<div class="info">
−
</div>
+
<!--Write the title of the section -->
−
</div>
+
<div class="title"> Section 2.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>
 +
<div class="section full" id="section_2_2" style="
 +
margin: -25% 0px -25% 0px;
 +
">
 +
<!--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" style="
 +
transform: scaleY(0.5);
 +
">
 +
 +
<!--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.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>
 +
 +
</div>
 
 
 
<!-- This creates a third width section with the id 'section_3' --->
 
<!-- This creates a third width section with the id 'section_3' --->

Revision as of 17:33, 9 November 2020

You should list all authors and their affiliations here. You can also add the project's abstract.
Introduction
Introduce your project and your team's goals.
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?
Engineering
Here you can explain the engineering process behind your project.
Section 1
Use this section to explain whatever you would like! Suggestions: Safety, Human Practices, Measurement, etc.
Section 2.1
Use this section to explain whatever you would like! Suggestions: Safety, Human Practices, Measurement, etc.
Section 2.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?