User:Macowell/frontpage July design 1

From 2007.igem.org

(Difference between revisions)
m
(the 1st draft of the new mainpage style)
Line 1: Line 1:
<html>
<html>
-
<!-- START CSS: the following css needs to be on the page to style the frontpage and podcast divs properly. --></html>
+
<!-- CSS import: the following imports the css files needed to style the frontpage and podcast divs properly. -->
 +
 
 +
<style type="text/css">
 +
 
 +
    @import url(http://blamo.csail.mit.edu/images/podcast_mainpage.css);
 +
    @import url(http://blamo.csail.mit.edu/images/frontpage.css);
 +
 
 +
</style>
 +
 
 +
<!-- HTML: the following content is marked up to be styled by the frontpage.css file.  Most, but not all, of the styling in the podcast_mainpage.css file is also currently required because I literally just pasted one of the podcast divs from the podcast here. -->
 +
 
 +
<div id="container">
 +
  <div id="navcontainer">
 +
    <ul id="nav">
 +
      <li><a tabindex="101" title="Meet the 54 teams" href="#">Teams</a></li>
 +
      <li class="none"><a tabindex="102" title="Community Forums" href="#">Forums</a></li>
 +
      <li class="none"><a tabindex="103" title="Help & Documentation" href="#">Help</a></li>
 +
      <li class="none"><a tabindex="104" title="Podcasts: watch, respond, record, upload" href="#">Podcasts</a></li>
 +
      <li class="none"><a tabindex="105" title="About iGEM" href="#">About iGEM</a></li>
 +
      <li class="none"><a tabindex="106" title="Team Administration & Registration" href="#">Registration</a></li>
 +
    </ul>
 +
  </div>
 +
     
 +
  <div id="leftcolumn">
 +
   
 +
    <div class="section">
 +
      <h2>news</h2>
 +
      <p>The International Genetically Engineered Machine Competition (iGEM) is an annual undergraduate Synthetic Biology competition. Student teams begin the summer with a kit of over 1500 standardized biological parts, which they use to construct complex biological devices that operate in living cells, often along with totally novel parts of their own design.  The teams gather in the first week of November at the Jamboree to present their work and share their designs and new parts with the community, competing for a variety of awards and a grand prize.</p>
 +
    </div>
 +
   
 +
    <div class="section">
 +
      <img src="https://static.igem.org/mediawiki/2007/f/f9/Logo-with-vodcast.png" width="92" height="90" alt="Logo With Vodcast" />
 +
      <h2>Podcasts</h2>
 +
      <div class="podcast">
 +
          <h3><a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-iGEMExplainer01DrewEndyDefiningSyntheticBiology399.flv" title="watch in popup player" onclick="window.popup_player_258600 = window.open('http://blip.tv/file/254077/?skin=popup&file_type=flv','post_258600','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
 +
            Drew Endy: Defining Synthetic Biology
 +
          </a></h3>
 +
          <div class="screenshot">
 +
            <a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-iGEMExplainer01DrewEndyDefiningSyntheticBiology399.flv" onclick="window.popup_player_258600 = window.open('http://blip.tv/file/254077/?skin=popup&file_type=flv','post_258600','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
 +
            <img src="https://static.igem.org/mediawiki/2007/6/6d/IGEMExplainer_EndyQA1_DefineSB_screenshot.jpg" width="133" height="100" alt="" title="watch in popup player"/>
 +
            </a>
 +
            <span class="download">
 +
              <a href="http://igem.blip.tv/file/get/IgemLabs-iGEMExplainer01DrewEndyDefiningSyntheticBiology399.mov" title="download">screen</a>
 +
              <a href="http://igem.blip.tv/file/get/IgemLabs-iGEMExplainer01DrewEndyDefiningSyntheticBiology948.mp4" title="download">ipod</a>
 +
            </span>
 +
          </div>
 +
        </div>
 +
        <p>iGEM HQ is producing a series of video podcasts (vodcasts) about getting started with iGEM, the principles of Synthetic Biology, and how to use the Registry. Continue to the podcasts page to learn more about and view the short vodcasts. Currently there are six episodes online, in which Drew Endy explains Synthetic Biology and Reshma Shetty shows how to make new parts.</p>
 +
    </div>
 +
   
 +
    <!--<div class="section">-->
 +
        <div class="boxy-left">
 +
          <h2>Talk</h2>
 +
          <p/>And here's a little bit of text and an unordered list of three links to pages for
 +
            <ul>
 +
              <li><a href="#" title="Add links to articles and other news coverage about the iGEM competition here">iGEM Press</a></li>
 +
              <li><a href="#" title="Add links to articles and other news coverage of your iGEM team to this page (it's ok, you deserve to show off)">Team Press</a></li>
 +
              <li><a href="#" title="Found some other cool content or media related to iGEM, such as a blog post, youtube music video, or gigantic highway billboard?  This is the place to share it.">Other Media</a></li>
 +
            </ul>
 +
        </div>
 +
        <div class="boxy-right">
 +
          <img src="https://static.igem.org/mediawiki/2007/8/87/SB101_blackboard_130px.png" width="130" height="90" alt="Synthetic Biology 101: the community journal club.  Found a good article - why not add it to the list?" />
 +
          <h2>Teach, Learn</h2>
 +
          <p>Want to hone your scientific and modeling skills? Grab a couple of the papers listed in the community library and take a study break from the wetlab.  Add and categorize new material as well.
 +
        </div>
 +
        <div id="footerclear" />
 +
    <!--</div>-->
 +
    </div>
 +
   
 +
    <div class="section">
 +
      <h2>Problem Parts & Geneart & Alumni</h2>
 +
      <p>Making a new part by hand? There is a better way. Live in a future when DNA synthesis is affordable even for undergraduates. Under a special iGEM program, GENEART is offering Synthetic DNA for only 25 cents per base pair. The rest of the world will have to wait years for a price like this price to reach them.</p>
 +
    </div>
 +
     
 +
  </div>
 +
 
 +
 
 +
  <div id="rightcolumn">
 +
   
 +
    <div class="section">
 +
      <img src="https://static.igem.org/mediawiki/2007/1/17/WhatIsIgem_small_92px.png" />
 +
      <h2>the iGEM Story </h2>
 +
<p>The International Genetically Engineered Machine Competition (iGEM) is an annual undergraduate Synthetic Biology competition. Student teams begin the summer with a kit of over 1500 standardized biological parts, which they use to construct complex biological devices that operate in living cells, often along with totally novel parts of their own design. The teams gather in the first week of November at the Jamboree to present their work and share their designs and new parts with the community, competing for a variety of awards and a grand prize.</p>
 +
    </div>
 +
 
 +
    <div class="section">
 +
      <img src="https://static.igem.org/mediawiki/2007/3/38/Jamboree2006_polaroid_small.png" />
 +
      <h2>The Jamboree</h2>
 +
      <p>The teams are competing this weekend for valor, not money. The grand prize winner, to be announced today, brings home the iGEM cup, a large aluminum BioBrick that organizers liken to the "World Cup."</p>
 +
      <p>The goal of the competition is to get young scientists to help spawn new industries in synthetic biology and make sure scientists worldwide are involved, said Randy Rettberg, a research engineer at MIT who runs the iGEM contest.</p>
 +
    </div>
 +
   
 +
    <div class="section">
 +
      <img src="http://blamo.csail.mit.edu/images/WhatIsIgem_small_92px.png" />
 +
      <h2>Participate!</h2>
 +
      <p>The teams are competing this weekend for valor, not money. The grand prize winner, to be announced today, brings home the iGEM cup, a large aluminum BioBrick that organizers liken to the "World Cup."</p>
 +
      <p>The goal of the competition is to get young scientists to help spawn new industries in synthetic biology and make sure scientists worldwide are involved, said Randy Rettberg, a research engineer at MIT who runs the iGEM contest.</p>
 +
    </div>
 +
   
 +
    <div class="section">
 +
 
 +
    </div>
 +
   
 +
  </div>
 +
<div id="footerclear" />
 +
</div>
 +
 
 +
</html>

Revision as of 19:03, 9 July 2007

news

The International Genetically Engineered Machine Competition (iGEM) is an annual undergraduate Synthetic Biology competition. Student teams begin the summer with a kit of over 1500 standardized biological parts, which they use to construct complex biological devices that operate in living cells, often along with totally novel parts of their own design. The teams gather in the first week of November at the Jamboree to present their work and share their designs and new parts with the community, competing for a variety of awards and a grand prize.

Logo With Vodcast

Podcasts

iGEM HQ is producing a series of video podcasts (vodcasts) about getting started with iGEM, the principles of Synthetic Biology, and how to use the Registry. Continue to the podcasts page to learn more about and view the short vodcasts. Currently there are six episodes online, in which Drew Endy explains Synthetic Biology and Reshma Shetty shows how to make new parts.

Talk

And here's a little bit of text and an unordered list of three links to pages for

Synthetic Biology 101: the community journal club.  Found a good article - why not add it to the list?

Teach, Learn

Want to hone your scientific and modeling skills? Grab a couple of the papers listed in the community library and take a study break from the wetlab. Add and categorize new material as well.

Problem Parts & Geneart & Alumni

Making a new part by hand? There is a better way. Live in a future when DNA synthesis is affordable even for undergraduates. Under a special iGEM program, GENEART is offering Synthetic DNA for only 25 cents per base pair. The rest of the world will have to wait years for a price like this price to reach them.

the iGEM Story

The International Genetically Engineered Machine Competition (iGEM) is an annual undergraduate Synthetic Biology competition. Student teams begin the summer with a kit of over 1500 standardized biological parts, which they use to construct complex biological devices that operate in living cells, often along with totally novel parts of their own design. The teams gather in the first week of November at the Jamboree to present their work and share their designs and new parts with the community, competing for a variety of awards and a grand prize.

The Jamboree

The teams are competing this weekend for valor, not money. The grand prize winner, to be announced today, brings home the iGEM cup, a large aluminum BioBrick that organizers liken to the "World Cup."

The goal of the competition is to get young scientists to help spawn new industries in synthetic biology and make sure scientists worldwide are involved, said Randy Rettberg, a research engineer at MIT who runs the iGEM contest.

Participate!

The teams are competing this weekend for valor, not money. The grand prize winner, to be announced today, brings home the iGEM cup, a large aluminum BioBrick that organizers liken to the "World Cup."

The goal of the competition is to get young scientists to help spawn new industries in synthetic biology and make sure scientists worldwide are involved, said Randy Rettberg, a research engineer at MIT who runs the iGEM contest.