Team:TU Delft/Team
From 2010.igem.org
(Difference between revisions)
(→Who we are) |
|||
Line 1: | Line 1: | ||
- | + | <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
- | + | <html> | |
- | + | <head> | |
- | + | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
- | + | <title>iGEM 2010: TU Delft Team</title> | |
- | + | <style type="text/css" href="layout.css"> | |
- | + | #banner { | |
- | + | width: 965px; | |
- | + | height: 214px; | |
- | + | background-image: url("https://static.igem.org/mediawiki/2010/9/96/Banner1.jpg"); | |
+ | } | ||
+ | #body { | ||
+ | width: 965px; | ||
+ | height: 1500px; | ||
+ | background-color: #001d1d; | ||
+ | padding: 5px; | ||
+ | color: #8bce9e; | ||
+ | font-family: Verdana, Sans-Serif; | ||
+ | font-size: 12px; | ||
+ | text-align: justify; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | #menu { | ||
+ | width: 965px; | ||
+ | height: 30px; | ||
+ | background-color: #8bce9e; | ||
+ | border-top: 1px solid #032725; | ||
+ | border-bottom: 1px solid #032725; | ||
+ | } | ||
+ | |||
+ | .menuItem { | ||
+ | width: auto; | ||
+ | height: 20px; | ||
+ | padding: 5px; | ||
+ | border-right: 1px solid #032725; | ||
+ | float: left; | ||
+ | background-color: #8bce9e; | ||
+ | color: #032725; | ||
+ | text-align: center; | ||
+ | font-family: Verdana, Sans-Serif; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .menuItemLink { | ||
+ | font-weight: bold; | ||
+ | color: #032725; | ||
+ | font-family: Verdana, Sans-Serif; | ||
+ | font-size: 16px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .submenu { | ||
+ | width: 200px; | ||
+ | height: auto; | ||
+ | position: absolute; | ||
+ | top: 31px; | ||
+ | left: 0px; | ||
+ | margin:-1px 0px 0px -1px; | ||
+ | background-color: #8bce9e; | ||
+ | border:1px solid #032725; | ||
+ | display: none; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .submenuItem { | ||
+ | width: 196px; | ||
+ | height: 20px; | ||
+ | background-color:#032725; | ||
+ | border: 1px Solid #032725; | ||
+ | font-weight: normal; | ||
+ | margin: 1px 2px 1px 1px; | ||
+ | } | ||
+ | .submenuItemLink:hover { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .submenuItemLink { | ||
+ | font-weight: normal; | ||
+ | text-decoration: none; | ||
+ | color: #8bce9e; | ||
+ | margin: 1px 2px 1px 2px; | ||
+ | } | ||
+ | |||
+ | .sidemenu { | ||
+ | width: 152px; | ||
+ | height: 300px; | ||
+ | background-color: #2c5983; | ||
+ | margin:2px; | ||
+ | padding: 2px; | ||
+ | float: left; | ||
+ | } | ||
+ | .sidemenuItem { | ||
+ | width: 146px; | ||
+ | margin: 1px 0px 2px 0px; | ||
+ | height: auto; | ||
+ | background-color: #001d1d; | ||
+ | border: 1px solid #8bce9e; | ||
+ | padding: 1px 1px 1px 2px; | ||
+ | font-size: 14px; | ||
+ | color: #8bce9e; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .sidemenuItemLink { | ||
+ | font-size: 14px; | ||
+ | color: #8bce9e; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .sidemenuItemLink:hover { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #BodyText { | ||
+ | width: 792px; | ||
+ | height: 1000px; | ||
+ | background-color: #0d3a3f; | ||
+ | margin: 2px 1px 0px 2px; | ||
+ | padding: 5px; | ||
+ | float: left; | ||
+ | color: white; | ||
+ | font-family: Verdana, Sans-Serif; | ||
+ | font-size: 12px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #GroupPhoto { | ||
+ | width: 700px; | ||
+ | height: 465px; | ||
+ | background-image:url("Images/groupphoto_large.png"); | ||
+ | margin: 2px auto; | ||
+ | } | ||
+ | |||
+ | .LinkinText { | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #HomeLeft { | ||
+ | width: 200px; | ||
+ | height: auto; | ||
+ | background-color: #2c5983; | ||
+ | margin: 5px 2px 0px 0px; | ||
+ | padding: 5px; | ||
+ | float: left; | ||
+ | color: e0fea0; | ||
+ | font-family: Verdana, Sans-Serif; | ||
+ | font-size: 12px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #Countdown { | ||
+ | width: 196px; | ||
+ | height: auto; | ||
+ | background-color: #001d1d; | ||
+ | border: 1px solid #8bce9e; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 2px; | ||
+ | } | ||
+ | |||
+ | #Upcoming { | ||
+ | width: 200px; | ||
+ | height: auto; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #Sponsors { | ||
+ | width: 200px; | ||
+ | height: auto; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #Sponsor1 { | ||
+ | width: 180px; | ||
+ | height: 131px; | ||
+ | background-image: url("images/suitsupply.png");; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | #Sponsor2 { | ||
+ | width: 200px; | ||
+ | height: 65px; | ||
+ | background-image: url("images/DSM.png"); | ||
+ | background-color: white; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | #Sponsor3 { | ||
+ | width: 150px; | ||
+ | height: 99px; | ||
+ | margin: 0 auto; | ||
+ | background-image: url("images/NGI_large.png"); | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | |||
+ | #HomeCenter { | ||
+ | width: 485px; | ||
+ | height: auto; | ||
+ | background-color: #0d3a3f; | ||
+ | margin: 5px 2px 0px 2px; | ||
+ | padding: 5px; | ||
+ | float: left; | ||
+ | color: white; | ||
+ | font-family: Verdana, Sans-Serif; | ||
+ | font-size: 12px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #HomeRight { | ||
+ | width: 250px; | ||
+ | height: auto; | ||
+ | background-color: none; | ||
+ | margin: 0px 0px 0px 2px; | ||
+ | pading-right: 1px; | ||
+ | float: left; | ||
+ | color: #e0fea0; | ||
+ | font-family: Verdana, Sans-Serif; | ||
+ | font-size: 12px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #ProjectPic { | ||
+ | width: 240px; | ||
+ | height: 210px; | ||
+ | margin-top: 5px; | ||
+ | color: white; | ||
+ | font-size: 12px; | ||
+ | font-weight: bold; | ||
+ | padding: 5px; | ||
+ | border: 1px solid #0d3a3f; | ||
+ | background-image: url("images/ProjectPic.jpg"); | ||
+ | } | ||
+ | |||
+ | #GroupphotoSmall { | ||
+ | width: 245px; | ||
+ | height: 166px; | ||
+ | padding-left: 5px; | ||
+ | margin-top: 5px; | ||
+ | background-image: url("images/groupphoto_small.jpg"); | ||
+ | border: 1px solid #0d3a3f; | ||
+ | color: #8bce9e; | ||
+ | } | ||
+ | |||
+ | #TUlogo { | ||
+ | width: 250px; | ||
+ | height: 147px; | ||
+ | border: 1px solid #0d3a3f; | ||
+ | margin-top:5px; | ||
+ | color: white; | ||
+ | background-image: url("images/TUlogo_250.jpg"); | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | margin-top:3px; | ||
+ | } | ||
+ | h4 { | ||
+ | margin-bottom: 3px; | ||
+ | } | ||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | function showMenu(callerObject) { | ||
+ | // document.getElementById('sub1').style.display = 'block'; | ||
+ | callerObject.childNodes[3].style.display = 'block'; | ||
+ | } | ||
+ | |||
+ | function hideMenu(callerObject) { | ||
+ | // document.getElementById('sub1').style.display = 'none'; | ||
+ | callerObject.childNodes[3].style.display = 'none'; | ||
+ | } | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="body"> | ||
+ | <div id="banner"> | ||
+ | </div> | ||
+ | <div id="menu"> | ||
+ | |||
+ | <div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)"> | ||
+ | <a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft">Home</a> | ||
+ | <div class="submenu"> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Home/News">What's new?</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Home/What">What we're up to</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)"> | ||
+ | <a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team">Team</a> | ||
+ | <div class="submenu"> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team">Who we are</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/Students">Students</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/TUDelft">Where we're from</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/Supervisors">Supervisors</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://igem.org/Team.cgi?year=2010">Official team profile</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)"> | ||
+ | <a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project">Project</a> | ||
+ | <div class="submenu"> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project">In short</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project/Part1">Part 1</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project/Part2">Part 2</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project/Part3">Part 3</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Project/Part4">Part 4</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)"> | ||
+ | <a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft/Parts">Biobricks</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)"> | ||
+ | <a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft/Modeling">Modeling</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)"> | ||
+ | <a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft/Safety">Safety</a> | ||
+ | <div class="submenu"> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Safety/Lab">Safety in the Lab</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Safety/Society">Safety for Society</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)"> | ||
+ | <a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft/Notebook">Notebook</a> | ||
+ | <div class="submenu"> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Notebook/Calender">Calendar</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Notebook/LabJournal">Lab Journal</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)"> | ||
+ | <a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft/Brainstorming">Brainstorming</a> | ||
+ | <div class="submenu"> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Brainstorming">Our ideas</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)"> | ||
+ | <a class="menuItemLink" href="https://2010.igem.org/Team:TU_Delft/Contact">Follow us!</a> | ||
+ | <div class="submenu"> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Contact">Contact</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="http://twitter.com/igemtudelft2010" target="_blank">Twitter</a> | ||
+ | </div> | ||
+ | <div class="submenuItem"> | ||
+ | <a class="submenuItemLink" href="http://www.facebook.com/pages/TU-Delft-iGEM-team/112242102125963" target="_blank">Facebook</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="sidemenu"> | ||
+ | <div class="sidemenuItem"> | ||
+ | <a class="sidemenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team">Who we are</a> | ||
+ | </div> | ||
+ | <div class="sidemenuItem"> | ||
+ | <a class="sidemenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/Students">Students</a> | ||
+ | </div> | ||
+ | <div class="sidemenuItem"> | ||
+ | <a class="sidemenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/TUDelft">Where we're from</a> | ||
+ | </div> | ||
+ | <div class="sidemenuItem"> | ||
+ | <a class="sidemenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/Supervisors">Supervisors</a> | ||
+ | </div> | ||
+ | <div class="sidemenuItem"> | ||
+ | <a class="sidemenuItemLink" href="https://igem.org/Team.cgi?year=2010">Team Information</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="BodyText"> | ||
+ | <div id="GroupPhoto"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | </html> | ||
== '''Who we are''' == | == '''Who we are''' == | ||
<gallery caption="Team members" widths="275px" heights="200px" perrow="3"> | <gallery caption="Team members" widths="275px" heights="200px" perrow="3"> |
Revision as of 20:32, 11 May 2010
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Who we are
What we did
(Provide proper attribution for all work)