Team:UT Dallas/Infographics

From 2012.igem.org

(Difference between revisions)

Latest revision as of 03:01, 4 October 2012

iGEM Ingenious Engineering

iGEM’s almost unbelievable growth is easily seen by the dramatic increase in teams and countries that now participate in this international competition. From five teams from the U.S. in 2004 to over 200 in 2012, iGEM has reached out to all corners of the world (though Africa still needs some iGEM outreach).

Team Development

Year 2012

Diversity is brought to iGEM through the teams it hosts and also through the projects it presents. As of 2012, there are eight main tracks that a team can adopt as the overarching theme of their project. This allows for a clear picture of what topics are currently popular and what topics have room for more growth.

Tracks Through the Years

Year 2011

Though iGEM is not all about winning, it is interesting to see how the number of medalists have increased over the years. Unfortunately there has been a rather large decrease in 2011. We don’t know if this is because iGEM judges are holding the competitors to a higher standard or if there have been some halfhearted attempts to join this prestigious competition.

Winners Through the Years

Year 2011

With the increase of winners and the diversity of teams that have accumulated internationally, we have high hopes that iGEM will continue to bring about innovative ideas that will never cease to stifle the mind of what is possible and how we can help the world.

PRET Reporters

These PRET reporters are categorized according to their binding promoter. They are categorized into the following ways: Reporter binded with a constitutive promoter, reporter binded with a inducible promoter, reporters binded with repressible promoters, and finally reporters without promoters. This categorization makes it simpler to select the appropriate reporter required by the various needs of teams.

@@ Line 7: / Line 7: @@
 <!-- Internet Explorer PNG fix - END /-->
+<link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
 <script type='text/javascript' src='https://2012.igem.org/Team:UT_Dallas/script.js?action=raw&ctype=text/javascript'></script>
@@ Line 22: / Line 24: @@
      font-weight: bold;
      text-align: center;
+line-height: 30px;
 }
@@ Line 33: / Line 36: @@
      font-weight: bold;
      text-align: center;
+line-height: 30px;
 }
@@ Line 44: / Line 48: @@
      font-weight: bold;
      text-align: center;
+line-height: 30px;
 }
 </style>
+<script language="javascript">
+$(document).ready(function(){  colorize_menu('project');});
+</script>
 </html>
 <div id='top_box'>
@@ Line 51: / Line 59: @@
 </div>
 <div id='middle_box'>
-<div id='st_1'><h2 class='title'>Infographics</h2>
+<div id='st_1'><h2 class='title'>iGEM Ingenious Engineering</h2>
-This year, it has been X years since iGEM first started. We wanted to highlight some of the defining moments and show them to the rest of the iGEM world through these infographics! Enjoy!
+iGEM’s almost unbelievable growth is easily seen by the dramatic increase in teams and countries that now participate in this international competition. From five teams from the U.S. in 2004 to over 200 in 2012, iGEM has reached out to all corners of the world (though Africa still needs some iGEM outreach).
+<br>
+<center><h2>Team Development</h2></center>
 </div>
 <div id='world_heat_map' style='height:730px'>
-<div id="visualization" style="margin-bottom: 3px;width:995px;height:700px;margin-left: -5px;"></div>
+<div id="visualization" style="margin-bottom: 3px;width:960px;height:700px;margin-left:-5px;overflow:hidden"></div>
 <div id="year_no">Year 2012</div>
 <input type='button' value='2012' onClick="draw_map(2012)" class="button" style="width:65px">
@@ Line 67: / Line 77: @@
 <input type='button' value='2004' onClick="draw_map(2004)" class="button" style="width:65px">
 </div>
-Start writing stuffs here
+Diversity is brought to iGEM through the teams it hosts and also through the projects it presents. As of 2012, there are eight main tracks that a team can adopt as the overarching theme of their project. This allows for a clear picture of what topics are currently popular and what topics have room for more growth.
+<br>
+<center><h2>Tracks Through the Years</h2></center>
 <div id='tracks_maps'>
          <div id="tracks_graphs" style="width: 995px;"></div>
@@ Line 74: / Line 86: @@
 	<input type='button' value='2010' id='b2010' class="button" style="width:65px">
 	<input type='button' value='2009' id='b2009' class="button" style="width:65px">
-	<input type='button' value='2008' id='b2008' class="button" style="width:65px">
+	<input type='button' value='2008' id='b2008' class="button" style="width:65px;display:none">
 	<input type='button' value='2007' id='b2007' class="button" style="width:65px">
 </div>
-Again start writing stuffs here
+Though iGEM is not all about winning, it is interesting to see how the number of medalists have increased over the years. Unfortunately there has been a rather large decrease in 2011. We don’t know if this is because iGEM judges are holding the competitors to a higher standard or if there have been some halfhearted attempts to join this prestigious competition.
+<br>
+<center><h2>Winners Through the Years</h2></center>
 <div id='awards_graph'>
-<div id='coin_graph' style="overflow:hidden;height:400px;width:550px;border:0px;background: url('https://static.igem.org/mediawiki/2012/3/31/Coin_graph_bg.png');">
+<div id='coin_graph' style="overflow:hidden;height:400px;width:550px;border:0px;background: url('https://static.igem.org/mediawiki/2012/3/31/Coin_graph_bg.png');margin-bottom: 15px; margin-left:235px;">
 <div id='gold_coin_graph' style="position:relative;height:1800px;width:80px;overflow:visible;top:-1415px;margin-left: 50px;float:left"></div>
 <div id='silver_coin_graph' style="position:relative;height:1800px;width:80px;overflow:visible;top:-1415px;margin-left: 100px;float:left"></div>
@@ Line 90: / Line 105: @@
 <input type='button' value='2010' onclick="coins(coin_array_2010)" class="button" style="width:65px">
 <input type='button' value='2011' onclick="coins(coin_array_2011)" class="button" style="width:65px">
+</div>
+With the increase of winners and the diversity of teams that have accumulated internationally, we have high hopes that iGEM will continue to bring about innovative ideas that will never cease to stifle the mind of what is possible and how we can help the world.
+<br>
+<center><h2>PRET Reporters</h2></center>
+<div id="reporters">
+<img src="https://static.igem.org/mediawiki/2012/7/7e/Reporters.png" style="margin-left: 85px;">
+</div>
+These PRET reporters are categorized according to their binding promoter. They are categorized into the following ways: Reporter binded with a constitutive promoter, reporter binded with a inducible promoter, reporters binded with repressible promoters, and finally reporters without promoters. This categorization makes it simpler to select the appropriate reporter required by the various needs of teams.
 </div>
 </html>