User:Macowell/frontpage Sept design 1

From 2007.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
<html>
<html>
-
<link rel="stylesheet" href="podcast_mainpage.css" type="text/css" />
+
<link rel="stylesheet" href="http://cis-action.com/main/navmenu.css" type="text/css" /> <ul id="navmenu">
-
<style type="text/css">
+
-
 
+
-
#wrap {
+
-
border-color: #ff6633;
+
-
border-width: 1px;
+
-
border-style: dotted;
+
-
width: 935px;
+
-
}
+
-
 
+
-
#wrap a img{
+
-
border:0;
+
-
}
+
-
 
+
-
h2 {
+
-
margin:0 0 10px 0;
+
-
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
+
-
font-size: 1.25em;
+
-
}
+
-
 
+
-
p { margin: 0;}
+
-
 
+
-
#maincontent {
+
-
clear: none;
+
-
position: relative;
+
-
float: left;
+
-
width: 640px;
+
-
min-height: 1030px;
+
-
padding-left: 16px;
+
-
border-width: 0px;
+
-
border-style: none;
+
-
background-position: left top;
+
-
background-repeat: repeat-y;
+
-
background-image: url(images/mainpage-left-bg.jpg);
+
-
color: #040605;
+
-
}
+
-
 
+
-
#maincontent h2 {
+
-
margin: 0;
+
-
}
+
-
 
+
-
#maincontent a {
+
-
text-decoration: none;
+
-
color: #FF75a3;
+
-
font-family: "Lucida Grande", Verdana, arial, sans-serif;
+
-
}
+
-
 
+
-
#maincontent a:hover {
+
-
color: #FF6633;
+
-
}
+
-
 
+
-
#navmenu {
+
-
float: left;
+
-
width: 640px;
+
-
position: relative;
+
-
padding: 0;
+
-
margin: 0;
+
-
list-style: none;
+
-
//background-image: url(images/tom_squared_dark.jpg);
+
-
}
+
-
 
+
-
#navmenu ul {
+
-
list-style: none;
+
-
position:absolute;
+
-
}
+
-
 
+
-
#navmenu a {
+
-
font-size: 12pt;
+
-
font-family: "Lucida Grande", Verdana, arial, sans-serif;
+
-
text-decoration: none;
+
-
color: #FF75a3;
+
-
display: block;
+
-
}
+
-
 
+
-
#navmenu a:hover {
+
-
color: #FF6633;
+
-
}
+
-
 
+
-
#navmenu li {
+
-
padding: 0.2em 0.5em;
+
-
float:left;
+
-
}
+
-
 
+
-
#navmenu li td:hover {
+
-
//background: white;
+
-
//width: 640px;
+
-
//background-color: #e6ecf6;
+
-
}
+
-
 
+
-
#navmenu li ul {
+
-
display: none;
+
-
padding-left:0;
+
-
background:white;
+
-
}
+
-
 
+
-
#navmenu li:hover ul {
+
-
display: block;
+
-
}
+
-
 
+
-
#navmenu li li {
+
-
padding: 0.1em 0.5em;
+
-
float:none;
+
-
}
+
-
 
+
-
#navmenu li li:hover {
+
-
background-color: #e6ecf6;
+
-
}
+
-
 
+
-
#navmenu li ul a {
+
-
font-size: 8pt;
+
-
color: #7f83bd;
+
-
}
+
-
 
+
-
 
+
-
#image-rotator {
+
-
}
+
-
 
+
-
.metainfo {
+
-
//font-size: .8em;
+
-
width: 100%;
+
-
position: relative;
+
-
top: -1em;
+
-
margin: 0 0 0 0;
+
-
}
+
-
 
+
-
.metainfo h2 {
+
-
display: inline;
+
-
font-size: 14pt;
+
-
}
+
-
 
+
-
.metainfo span {
+
-
position: absolute;
+
-
right: 0px;
+
-
bottom: 0px;
+
-
color: #454545;
+
-
}
+
-
 
+
-
#JamboreeBox {
+
-
background-position: right bottom;
+
-
background-repeat: no-repeat;
+
-
background-image: url(images/iGEM07-mainpage_Brick.jpg);
+
-
margin: 2em 16px 8px 16px;
+
-
background-color: #f5facf;
+
-
border-right: 4px solid #eaf7a6;
+
-
border-bottom: 4px solid #eaf7a6;
+
-
font-size: 1em;
+
-
}
+
-
 
+
-
#JamboreeBox p {
+
-
margin: 16px 0;
+
-
}
+
-
 
+
-
#JamboreeBox img {
+
-
float: left;
+
-
margin: -8px 24px 16px 16px;
+
-
}
+
-
 
+
-
#newscol {
+
-
position: relative;
+
-
float: left;
+
-
width: 240px;
+
-
margin-left: 16px;
+
-
}
+
-
 
+
-
.newsmeta {
+
-
border-bottom-color: #d2eef3;
+
-
border-bottom-width: 1px;
+
-
border-bottom-style: solid;
+
-
width: 100%;
+
-
//margin: 0 0 20px 0;
+
-
clear:both;
+
-
}
+
-
 
+
-
.newsmeta h2 {
+
-
padding-bottom: 0px;
+
-
font-size: 1em;
+
-
margin:0 0;
+
-
}
+
-
 
+
-
#newscol .newsmeta h2 a {
+
-
color: #3d8ada;
+
-
}
+
-
 
+
-
#newscol .newsmeta a:hover {
+
-
color: #FF6633;
+
-
}
+
-
 
+
-
.newsmeta-date {
+
-
position: relative;
+
-
float: right;
+
-
right: -10px;
+
-
//display: block;
+
-
font-size: .8em;
+
-
color: #454545;
+
-
margin:0 0 0 0em;
+
-
}
+
-
 
+
-
.newsmeta-more {
+
-
margin:0 0 0 1.5em;
+
-
//font-size: .8em;
+
-
}
+
-
 
+
-
.newsentry {
+
-
margin: 0 0 20px 0;
+
-
position: relative;
+
-
clear:both;
+
-
}
+
-
 
+
-
.newsentry p {
+
-
line-height: 1.4em;
+
-
font-size: .8em;
+
-
color: 666666;
+
-
margin: 6px 8px 0 8px;
+
-
position: relative;
+
-
font-family: Georgia, "Times New Roman", Times, serif;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
.blurb {
+
-
//width: 435px;
+
-
margin:8px 0 4px 0;
+
-
//padding-right: 1em;
+
-
//padding-left: 1em;
+
-
text-align: justify;
+
-
//float:left;
+
-
//position: relative;
+
-
font: normal 1.4em georgia, serif;
+
-
color: #555555;
+
-
line-height: 1.2em;
+
-
}
+
-
 
+
-
#maincol {
+
-
position: relative;
+
-
float: right;
+
-
width: 340px;
+
-
margin: 0 16px 16px 8px;
+
-
padding: 0px 0 8px 0px;
+
-
}
+
-
 
+
-
#maincol p {
+
-
margin: 0 8px 0 8px;
+
-
line-height: 1.4em;
+
-
font-size: .8em;
+
-
color: 666666;
+
-
margin: 6px 8px 0 8px;
+
-
position: relative;
+
-
font-family: Georgia, "Times New Roman", Times, serif;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
#maincol h2 {
+
-
margin: 20px 0 4px 0;
+
-
font-size: 1em;
+
-
}
+
-
 
+
-
#sidebar {
+
-
left: 656px;
+
-
top: 0px;
+
-
position: absolute;
+
-
padding-top: 40px;
+
-
min-height: 1030px;
+
-
width: 280px;
+
-
background-position: left top;
+
-
background-repeat: repeat-y;
+
-
background-image: url(images/mainpage-right-bg.jpg);
+
-
font-family: Georgia, "Times New Roman", Times, serif;
+
-
color: 666666;
+
-
font-size: 0.8em;
+
-
}
+
-
 
+
-
a {
+
-
color:  #FF75a3;
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
a:hover {
+
-
color: #FF6633;
+
-
}
+
-
 
+
-
#sidebar h2 a {
+
-
//color:  #666;
+
-
}
+
-
 
+
-
.post-it {
+
-
position: relative;
+
-
float: left;
+
-
margin-right: 16px;
+
-
margin-bottom: 10px;
+
-
padding: 12px 8px 8px 8px;
+
-
width: 236px;
+
-
//font-size: .9em;
+
-
line-height: 1.3em;
+
-
text-align: justify;
+
-
clear:both;
+
-
}
+
-
 
+
-
.bluebox {
+
-
background-color: #d9f0f8;
+
-
border-left: 12px solid #ade2f2;
+
-
}
+
-
 
+
-
.yellowbox {
+
-
background-color: #f7fbd7;
+
-
border-left: 12px solid #eef8b3;
+
-
}
+
-
 
+
-
.pinkbox {
+
-
background-color: #f0dbcc;
+
-
border-left: 12px solid #ddb99e;
+
-
}
+
-
 
+
-
.greenbox {
+
-
background-color: #dff7d6;
+
-
border-left: 12px solid #b8efb0;
+
-
}
+
-
 
+
-
.whitebox {
+
-
background-color: #eeeeee;
+
-
border-left: 12px solid #d9dddd;
+
-
}
+
-
 
+
-
table.minical {
+
-
font: 1em georgia, serif;
+
-
line-height: 1.2em;
+
-
}
+
-
 
+
-
table.minical td {
+
-
padding: 4px 0px;
+
-
border-top: 1px solid #dbe6a8;
+
-
}
+
-
 
+
-
table.minical td.event {
+
-
width: 160px;
+
-
text-align: right;
+
-
padding-right: 1em;
+
-
color: #333333;
+
-
}
+
-
 
+
-
table.minical td.date {
+
-
//width: 6em;
+
-
text-align: left;
+
-
line-height: 0.8em;
+
-
font-style: italic;
+
-
color: #666666;
+
-
}
+
-
 
+
-
</style>
+
-
 
+
-
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
+
-
<div id="wrap">
+
-
<div id="maincontent">
+
-
<ul id="navmenu">
+
<li><a href="https://2007.igem.org/IGEM2007_Team_List" title="See the World Map">teams</a>
<li><a href="https://2007.igem.org/IGEM2007_Team_List" title="See the World Map">teams</a>
<ul>
<ul>
Line 481: Line 130:
<a href="http://partsregistry.org/Main_Page" title="to the Registry of Standard Biological Parts" style="float:right; padding:0.2em 0.5em; color:#3d8ada">registry</a>
<a href="http://partsregistry.org/Main_Page" title="to the Registry of Standard Biological Parts" style="float:right; padding:0.2em 0.5em; color:#3d8ada">registry</a>
</ul>
</ul>
-
<div id="image-rotator">
+
</html>
-
<img src="images/tom_squared.jpg" />
+
-
</div>
+
-
+
-
<div id="JamboreeBox">
+
-
<div class="metainfo">
+
-
<h2><a href="">Jamboree</a></h2>
+
-
<span>sat & sun, nov 3-4</span>
+
-
</div>
+
-
<a href=""><img src="images/iGEM07-mainpage_smallpolaroids.jpg" /></a>
+
-
<p>The Jamboree is the culmination of iGEM.  Lots of information is on the <a href="">Jamboree Page</a>, or jump right to:</p>
+
-
<ul>
+
-
<li><a href="" title="The detailed schedule of the jamboree">schedule</a></li>
+
-
<li><a href="" title="Flights, visas, hotels, and more">hotels</a></li>
+
-
<li><a href="" title="learn how the teams compete for awards">compete</a></li>
+
-
<li><a href="" title="how to send your parts to the registry">dna submission</a></li>
+
-
<li><a href="" title="Stick around for the Registry Workshop and the BioBricks Foundation Workshop">Registry workshop</a></li>
+
-
</ul>
+
-
</div>  <!-- end of JamboreeBox -->
+
-
+
-
<div id="newscol">
+
-
<h2>news</h2>
+
-
<div class="newsentry">
+
-
<div class="newsmeta">
+
-
<h2><a href="">mainpage redesign</a></h2>
+
-
<span class="newsmeta-date">18 sep 07</span>
+
-
</div>
+
-
<p>We've redesigned the frontpage to make it easier to use - let us know what you think. <a class="newsmeta-more" href="">more</a></p>
+
-
</div>
+
-
 
+
-
<div class="newsentry">
+
-
<div class="newsmeta">
+
-
<h2><a href="">Jamboree Volunteers</a></h2>
+
-
<span class="newsmeta-date">18 sep 07</span>
+
-
</div>
+
-
<p>Are you interested in helping run the 2007 Jamboree?  If you can't get enough of iGEM and want to get more involved, join the Jamboree Volunteer team. <a class="newsmeta-more" href="">more</a></p>
+
-
</div>
+
-
 
+
-
<div class="newsentry">
+
-
<div class="newsmeta">
+
-
<h2><a href="">Registry Logo Contest</a></h2>
+
-
<span class="newsmeta-date">18 sep 07</span>
+
-
</div>
+
-
<p>The registry's logo needs a makeover and we think you can do a better job - submit a design by October 1st for a chance to win a new Apple iPhone! <a class="newsmeta-more" href="">more</a></p>
+
-
</div>
+
-
 
+
-
<div class="newsentry">
+
-
<div class="newsmeta">
+
-
<h2><a href="">Mathworks Sponsorship</a></h2>
+
-
<span class="newsmeta-date">18 sep 07</span>
+
-
</div>
+
-
<p>The MathWorks has become a primary sponsor of iGEM 2007. As part of this sponsorship, they are offering special licenses for use by iGEM teams. <a class="newsmeta-more" href="">more</a></p>
+
-
</div>
+
-
+
-
</div> <!-- end of newscol -->
+
-
+
-
<div id="maincol">
+
-
<div class="blurb">Welcome to the iGEM 2007 wiki - it's iGEM07's online home and the place that all the iGEM teams share the details of their projects with the community.</div>
+
-
<p>The site will become more and more active as the Jamboree aproaches as teams update their pages.  You can also learn about the jamboree, read and contribute to the list of iGEM 07 publications, check out the iGEM videos, and see recent news.  You might also want to visit the Registry, the iGEM2007.com registration page, or OpenWetWare.</p>
+
-
+
-
<p><img style="margin:30px 15px;"src="images/igemonline.jpg" /></p>
+
-
+
-
<h2>Get invovled</h2>
+
-
<p>Start a team at your school, and then stay involved as an alumni. Or volunteer and help us run the jamboree - we need lots of help! Or considering partnering with us as a Sponsor. So come share our excitement, and get involved today!</p>
+
-
</div>
+
-
+
-
<a href=""><img src="images/iGEM07-mainpage_sponsorbar.jpg" /></a>
+
-
</div> <!-- end of maincontent -->
+
-
+
-
<div id="sidebar">
+
-
+
-
<div class="post-it bluebox">
+
-
<h2><a href="http://www.igem2006.com/story.htm" title="">iGEM?</a></h2>
+
-
<p>Hundreds of undergraduates all over the world spend their summer making Synthetic Biology a reality by participating in the annual International Genetically Engineered Machine competition.</p>
+
-
<a style="float:right;" href="">Learn More</a>
+
-
</div>
+
-
 
+
-
<div class="post-it yellowbox">
+
-
<h2><a href="" title="">calendar</a></h2>
+
-
<table class="minical" cellspacing="0">
+
-
<tr>
+
-
<td class="event">Jamboree roster + fees due</td>
+
-
<td class="date">mon<br/>08 oct 07</td>
+
-
  </tr>
+
-
<tr class="odd">
+
-
<td class="event">iGEM wiki frozen + parts postmarked</td>
+
-
<td class="date">fri<br/> 26 Oct 07</td>
+
-
</tr>
+
-
<tr>
+
-
<td class="event">Jamboree!</td>
+
-
<td class="date">sat-sun<br/> 3-4 nov 07</td>
+
-
</tr>
+
-
<tr class="odd">
+
-
<td class="event">Registry + BioBrick foundation workshops</td>
+
-
<td class="date">sun-tue<br/> 4-6 nov 07</td>
+
-
</tr>
+
-
</table>
+
-
</div>
+
-
 
+
-
 
+
-
<div class="post-it greenbox">
+
-
<h2><a href="" title="">iGEM Press</a></h2>
+
-
<p>Share your iGEM project with the world! Here are some recent publications:</p>
+
-
<ul>
+
-
<li>Davidson's publication</li>
+
-
<li>UCSF's all-highschool team</li>
+
-
<li>Virginia has lots of money?</li>
+
-
<li>IET Synthetic Biology launches</li>
+
-
</ul>
+
-
</div>
+
-
+
-
<div class="post-it pinkbox">
+
-
<h2><a href="" title="">video + podcasts</a></h2>
+
-
<p>Check out our videos 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. </p>
+
-
<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>
+
-
</div>
+
-
<div style="display:none;">
+
-
<div class="post-it pinkbox">
+
-
<h2><a href="" title="">problematic parts</a></h2>
+
-
<p>Certain BioBricks not working as they should? Please let us know here.</p>
+
-
<ul>
+
-
<li>a part?</li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
<div class="post-it whitebox">
+
-
<h2><a href="" title="">Sponsor Deals</a></h2>
+
-
<p><a href="" title="">GeneArt</a> and <a href="" title="">the MathWorks</a> are primary sponsors of iGEM 2007. As part of this sponsorship,  GeneArt is providing $.25 DNA synthesis for iGEM Teams and the MathWorks is offering special licenses for its software. <a href="">Learn More</a></p>
+
-
</div>
+
-
 
+
-
</div>
+
-
 
+
-
</div>
+
-
</html>
+

Revision as of 16:28, 21 September 2007

Retrieved from "http://2007.igem.org/wiki/index.php/User:Macowell/frontpage_Sept_design_1"