Team:Westminster/Team
From 2012.igem.org
(Difference between revisions)
S.berciano (Talk | contribs) |
|||
(42 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
+ | |||
<head> | <head> | ||
- | <style type="text/css"> | + | |
- | { | + | <meta http-equiv="content-type" content="text/php; charset=utf-8" /> |
- | list-style | + | |
- | margin: | + | <style type="text/css"> |
- | padding:0; | + | @import url 'http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css'; |
- | } | + | ul { |
- | + | list-style: none; | |
- | { | + | } |
- | display:block; | + | body { |
- | + | font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; | |
- | width: | + | font-weight: 300; |
- | height: | + | /* background: url("http://www.westminsterigem.com/files/theme/body-bg.png") repeat #ffffff;*/ |
- | + | background-color:#FFF; | |
- | + | color: #666666; | |
- | color: | + | |
- | text-decoration: none; | + | } |
- | text-align:center; | + | h1 { |
- | + | color: #ff0000; | |
- | position:relative; | + | font-size: 18pt; |
- | + | margin-bottom: 0.5em; | |
- | border-radius: | + | border:none; |
- | margin- | + | |
- | } | + | |
- | a. | + | } |
- | background- | + | p { |
- | } | + | |
- | </style> | + | } |
+ | a { | ||
+ | |||
+ | } | ||
+ | #p-logo { | ||
+ | background: #444444; | ||
+ | } | ||
+ | div#top-section, | ||
+ | div#content { | ||
+ | box-shadow: 0px 0px 17px -4px #666666; | ||
+ | padding:0px; | ||
+ | margin-top:0px; | ||
+ | |||
+ | } | ||
+ | div#wrapper { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | font-size: 12pt; | ||
+ | margin: 0 auto; | ||
+ | background: #ffffff; | ||
+ | background-attachment: url('https://static.igem.org/mediawiki/2012/2/2e/Bg-tumours.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | |||
+ | padding:0px; | ||
+ | margin-top:0px; | ||
+ | top:0px; | ||
+ | |||
+ | } | ||
+ | div#header { | ||
+ | height: 120px; | ||
+ | width: 100%; | ||
+ | background-color:#000; | ||
+ | background: url('https://static.igem.org/mediawiki/2012/2/2e/Bg-tumours.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | z-index:10; | ||
+ | position:relative; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | } | ||
+ | div#header div#logo { | ||
+ | position: relative; | ||
+ | width: 260px; | ||
+ | right:10px; | ||
+ | top:-9px; | ||
+ | float:right; | ||
+ | |||
+ | margin-bottom: 0px; | ||
+ | /* | ||
+ | height: 0px; | ||
+ | margin: 0 auto;*/ | ||
+ | } | ||
+ | div#header div#logo a { | ||
+ | float:left; | ||
+ | display:block; | ||
+ | margin-left:10px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | div#navigation { | ||
+ | width: 850px; | ||
+ | height: 27px; | ||
+ | background:rgba(0,0,0,.5); | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | top:54px; | ||
+ | } | ||
+ | ul#navigation-list { | ||
+ | height: 27px; | ||
+ | line-height: 27px; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | ul#navigation-list > li { | ||
+ | float: left; | ||
+ | margin-top:-5px; | ||
+ | } | ||
+ | ul#navigation-list > li > ul { | ||
+ | position: absolute; | ||
+ | display: none; | ||
+ | background: #000000; | ||
+ | z-index: 100000; | ||
+ | } | ||
+ | ul#navigation-list > li > ul.submenu { | ||
+ | margin: 0; | ||
+ | } | ||
+ | ul#navigation-list > li > ul.submenu li { | ||
+ | padding: 2px 0px; | ||
+ | } | ||
+ | ul#navigation-list a.navlink { | ||
+ | color: #ffffff; | ||
+ | font-weight: normal; | ||
+ | display: block; | ||
+ | padding: 0px 10px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | ul#navigation-list a.navlink.active, | ||
+ | ul#navigation-list a.navlink:hover { | ||
+ | color: #ff0000; | ||
+ | } | ||
+ | div#home-main-image { | ||
+ | text-align: center; | ||
+ | background-color: #410000; | ||
+ | |||
+ | border-bottom:1px #000 solid; | ||
+ | height:685px; | ||
+ | } | ||
+ | div#the-content { | ||
+ | position:relative; | ||
+ | top:-19px; | ||
+ | |||
+ | } | ||
+ | div#home-main-image img { | ||
+ | /*width: 885px; | ||
+ | height: 300px; | ||
+ | margin-bottom: 20px; | ||
+ | border-radius: 20px; | ||
+ | */ | ||
+ | } | ||
+ | div.text-box { | ||
+ | background: #444444; | ||
+ | color: #ffffff; | ||
+ | padding: 15px 20px; | ||
+ | border-radius: 10px; | ||
+ | |||
+ | } | ||
+ | div#footer-box { | ||
+ | border-radius: 0 0 5px 5px; | ||
+ | } | ||
+ | #bodyContent { | ||
+ | } | ||
+ | #three-column | ||
+ | { | ||
+ | margin:0 auto; | ||
+ | width:850px; | ||
+ | margin-top:50px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .col | ||
+ | { | ||
+ | text-align:justify; float:left; margin:5px; | ||
+ | } | ||
+ | .col h1 | ||
+ | { | ||
+ | font-size:14px; | ||
+ | color:#000; | ||
+ | |||
+ | } | ||
+ | /* hide native rubbish*/ | ||
+ | #top-section {display:none; position:absolute; left:0px; top:-200px;} | ||
+ | #top-section a { color:#FFF; } | ||
+ | .firstHeading {display:none; position:absolute; left:0px; top:-200px;} | ||
+ | .annoying-gap { | ||
+ | padding:0px; | ||
+ | margin:0px; | ||
+ | line-height:0; | ||
+ | } | ||
+ | |||
+ | #contentSub, #siteSub {display:none;} | ||
+ | |||
+ | #control-btn | ||
+ | { | ||
+ | |||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:5px; | ||
+ | |||
+ | line-height: 0px; | ||
+ | |||
+ | |||
+ | } | ||
+ | .btn-cog { | ||
+ | background: url('https://static.igem.org/mediawiki/2012/d/d4/Control-panel-sml.png') #000 no-repeat 2px 2px; | ||
+ | } | ||
+ | .btn-close { | ||
+ | background: url('https://static.igem.org/mediawiki/2012/d/d0/Close-btn.png') #000 no-repeat 2px 2px; | ||
+ | } | ||
+ | .right-menu li a, .left-menu li a {background: none} | ||
+ | |||
+ | #home-main-text { | ||
+ | padding:20px 40px 20px 40px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | div#team | ||
+ | { | ||
+ | margin:0 auto; | ||
+ | width:850px; | ||
+ | padding-top:20px; | ||
+ | } | ||
+ | div.member | ||
+ | { | ||
+ | width: 400px; | ||
+ | float:left; | ||
+ | padding: 10px; | ||
+ | |||
+ | } | ||
+ | div.member img | ||
+ | { | ||
+ | float:left; | ||
+ | padding-right:5px; | ||
+ | |||
+ | |||
+ | } | ||
+ | div.member img | ||
+ | { | ||
+ | float:left; | ||
+ | } | ||
+ | .clear | ||
+ | { | ||
+ | clear:left; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $('document').ready(function() { | ||
+ | |||
+ | // menu | ||
+ | $('li.submenu-holder').hover(function() { | ||
+ | $(this).children('ul.submenu').stop(true).fadeIn('fast'); | ||
+ | }, function() { | ||
+ | $(this).children('ul.submenu').stop(true).fadeOut('fast'); | ||
+ | }); | ||
+ | |||
+ | // hide standard team basics | ||
+ | $('#top-section').hide(); | ||
+ | $('#bodyContent p:first').addClass("annoying-gap"); | ||
+ | |||
+ | |||
+ | $('#control-btn').click( function(){ | ||
+ | |||
+ | if ($('#control-btn').hasClass("btn-cog")) | ||
+ | { | ||
+ | showTopMenu(); | ||
+ | $('#control-btn').animate({left: "-20px"}); | ||
+ | $('#control-btn').addClass("btn-close"); | ||
+ | $('#control-btn').removeClass("btn-cog"); | ||
+ | } else | ||
+ | { | ||
+ | hideTopMenu(); | ||
+ | $('#control-btn').animate({left: "0px"}); | ||
+ | $('#control-btn').addClass("btn-cog"); | ||
+ | $('#control-btn').removeClass("btn-close"); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | var $bar; | ||
+ | function hideTopMenu() | ||
+ | { | ||
+ | $bar.slideUp('fast'); | ||
+ | |||
+ | } | ||
+ | function showTopMenu() | ||
+ | { | ||
+ | if ($bar==null) | ||
+ | { | ||
+ | $bar = $("#top-section").clone(); | ||
+ | $($bar.find("#search-controls")).remove(); | ||
+ | $($bar.find("#p-logo")).remove(); | ||
+ | $("#wrapper").prepend($bar); | ||
+ | $bar.css("position", "absolute"); | ||
+ | $bar.css("top", "0px"); | ||
+ | $bar.css("left", "0px"); | ||
+ | $bar.css("background", "none"); | ||
+ | $bar.css("background", "rgba(0,0,0,.5)"); | ||
+ | $bar.css("height", "20px"); | ||
+ | $bar.css("border", "none"); | ||
+ | $bar.css("z-index", "100"); | ||
+ | $bar.css("color", "#000"); | ||
+ | |||
+ | |||
+ | } | ||
+ | $bar.slideDown('fast'); | ||
+ | |||
+ | $('#control-btn').mouseover( function(){ | ||
+ | |||
+ | }); | ||
+ | } | ||
+ | </script> | ||
</head> | </head> | ||
<body> | <body> | ||
- | < | + | <div id="wrapper"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <div id="header"> |
- | </ | + | <div id="control-btn" class="btn-cog"></div> |
+ | <div id="navigation"> | ||
+ | <ul id="navigation-list"> | ||
+ | <li><a href="https://2012.igem.org/Team:Westminster" class="navlink">Home</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Westminster/Team" class="navlink active">Team</a></li> | ||
+ | <li class="submenu-holder"> | ||
+ | <a href="https://2012.igem.org/Team:Westminster/Overview"class="navlink">Project</a> | ||
- | + | <ul class="submenu"> | |
- | + | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Overview"class="navlink">Overview</a></li> | |
- | + | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Problem"class="navlink">The Problem</a></li> | |
- | + | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Experiments"class="navlink">Experiments</a></li> | |
- | + | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Protocols"class="navlink">Protocols</a></li> | |
- | + | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Results"class="navlink">Results</a></li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Safety"class="navlink">Safety</a></li> | ||
+ | <li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Journal"class="navlink">Journal</a></li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Westminster/Parts"class="navlink">Parts</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Westminster/Modeling"class="navlink">Modeling</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Westminster/Outreach"class="navlink">Outreach</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Westminster/Judging"class="navlink">Judging Criteria</a></li> | ||
- | <!--- | + | |
+ | <li><a href="https://2012.igem.org/Team:Westminster/Attributions"class="navlink">Attributions</a></li> | ||
+ | </ul><!-- #navigation-list --> | ||
+ | </div><!-- #navigation --> | ||
+ | <div id="logo"> | ||
+ | <a href="http://www.igem.org" title="iGEM homepage"><img src="https://static.igem.org/mediawiki/igem.org/d/dc/Igem-small-white.png" alt="iGEM logo" width="55" height="44" /></a> | ||
+ | <a href="https://2012.igem.org/Team:Westminster"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/a/ae/Logo-white.png" alt="iSTEM - intelligent synthetic tumour eliminating machine" width="172" height="66" title="iSTEM - intelligent synthetic tumour eliminating machine" /> | ||
+ | </a> | ||
+ | </div><!-- #logo --> | ||
+ | </div><!-- #header --> | ||
- | + | <div id="the-content"> | |
- | + | <div id="home-main-image"> | |
- | + | <img src="https://static.igem.org/mediawiki/2012/f/f9/Teamigem2012-3.jpg" alt="Welcome" width="965" height="700" title="Welcome to our home!" /> | |
- | + | </div><!-- #home-main-image --> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | ! | + | |
- | + | ||
+ | |||
- | = | + | <div id="team"> |
- | + | <h1>The Team</h1> | |
- | + | <div class="member"> | |
- | + | <h2>Silvia Berciano</h2> | |
+ | <img src="https://static.igem.org/mediawiki/2012/e/e5/Team_silvia.png" alt="Silvia" width="160" height="183" /> | ||
+ | <div>Silvia is a third year Molecular Biology & Genetics student with a background in Electronic Engineering and Industrial Design. Her hobbies include traveling, drawing, watching Game of Thrones and most recently trying to find the best ice cream in London. Her main academic fields of interest are Epigenetics, Nutrigenomics, Synthetic Biology and Bioinformatics.</div> | ||
+ | </div> | ||
+ | <!-- | ||
+ | <div class="member"> | ||
+ | <h2>Karin Ford</h2> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/b/bc/Team_karin.png" alt="Karin" width="136" height="190" /> | ||
+ | <div>Karin is a third year undergraduate in Molecular Biology and Genetics. This is her second degree, the first being in modern languages. Aside from this she has a keen interest in the arts - all aspects. Karin particularly enjoys photography, theatre, and classical music. Her current academic interests lie in synthetic biology and molecular therapeutics, hence her great interest in iGEM and our present project on human cancer stem cells. </div> | ||
+ | </div> | ||
+ | --> | ||
+ | <div class="member clear"> | ||
+ | <h2>Radek Kwasniak</h2> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/2/29/Team_radek.jpg" alt="Radek" width="164" height="189" /> | ||
+ | <div>Radek is graduating this year with a MSc in Applied Microbiology and Biotechnology. | ||
+ | Apart from finding a cure for cancer using synthetic biology, he enjoys | ||
+ | travelling, reading books on evolutionary biology and martial arts.</div> | ||
+ | </div> | ||
+ | <div class="member"> | ||
+ | <h2>Moyin Odugbemi</h2> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/e/ee/Team_moyin.png" width="152" height="186" /> | ||
+ | <div>Currently studying Applied Microbiology and Biotechnology, Moyin's main academic interests are Biochemical engineering and the Pseudomonas species. She has a background in pure Biochemistry. When she's not being a scientist, she likes to read, hang out in parks, people watch and write. Having personally encountered cancer, she believes strongly that this project is pivotal to developing a cure and saving millions of lives. </div> | ||
+ | </div> | ||
+ | <div class="member clear"> | ||
+ | <h2>Hima Puthussery</h2> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/c/cd/Team_hima.png" alt="Hima" width="156" height="197"/> | ||
+ | <div>Hima is currently staring at synthetic biology with a new found enthusiasm, trying to figure out how well to play with it. Her background is a combination of Biotechnology, Chemistry and Zoology, further supplemented by applied microbiology. She loves poetry, arts and climbing- and would love to make a bacteria do all this! She really believes we all are in a large fermenter, constantly evolving, adapting and producing metabolites that we alone can define.</div> | ||
+ | </div> | ||
- | + | <div class="member"> | |
+ | <h2>Louise Usher</h2> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/b/b6/Team_louise.jpg" alt="Louis" width="162" height="185" /> | ||
+ | <div>Louise is doing a MSc in Microbiology and Plant Pathology. She loves | ||
+ | working in the LAB and have found iGEM to be great exposure to molecular biology and synthetic biology. Here hobbies include travelling, reading, flying kites and eating out.</div> | ||
+ | </div> | ||
- | + | <div class="member clear"> | |
- | + | <h2>Shanmuga Priya Subramaniam</h2> | |
- | + | <img src="https://static.igem.org/mediawiki/2012/1/1c/Team_shanmuga.png" alt="Shanmuga" width="160" height="184" /></a> | |
+ | <div>Priya has just finished her MSc. Medical Microbiology. Her main motivation to join in iGEM team was learning more microbiology and molecular biology laboratory techniques. She also thinks that the cancer project is really challenging and she is excited about its potential future applications.</div> | ||
+ | </div> | ||
+ | <div class="member"> | ||
+ | <h2>Ana Sokolovic</h2> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/d/d0/Team_ana.png" alt="Ana" width="196" height="175" /></a> | ||
+ | <div >Ana is an undergraduate and is about to start her third year of her Graphic Communication Design course (BA Honours). Her hobbies include drawing, playing guitar, socialising, watching movies, reading, and gaming. </div> | ||
+ | </div> | ||
- | |||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | </div><!-- #the-content --> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </div><!-- #wrapper --> | |
- | |||
+ | </body> | ||
- | + | </html> |
Latest revision as of 14:40, 27 July 2013
The Team
Silvia Berciano
Silvia is a third year Molecular Biology & Genetics student with a background in Electronic Engineering and Industrial Design. Her hobbies include traveling, drawing, watching Game of Thrones and most recently trying to find the best ice cream in London. Her main academic fields of interest are Epigenetics, Nutrigenomics, Synthetic Biology and Bioinformatics.
Radek Kwasniak
Radek is graduating this year with a MSc in Applied Microbiology and Biotechnology.
Apart from finding a cure for cancer using synthetic biology, he enjoys
travelling, reading books on evolutionary biology and martial arts.
Moyin Odugbemi
Currently studying Applied Microbiology and Biotechnology, Moyin's main academic interests are Biochemical engineering and the Pseudomonas species. She has a background in pure Biochemistry. When she's not being a scientist, she likes to read, hang out in parks, people watch and write. Having personally encountered cancer, she believes strongly that this project is pivotal to developing a cure and saving millions of lives.
Hima Puthussery
Hima is currently staring at synthetic biology with a new found enthusiasm, trying to figure out how well to play with it. Her background is a combination of Biotechnology, Chemistry and Zoology, further supplemented by applied microbiology. She loves poetry, arts and climbing- and would love to make a bacteria do all this! She really believes we all are in a large fermenter, constantly evolving, adapting and producing metabolites that we alone can define.
Louise Usher
Louise is doing a MSc in Microbiology and Plant Pathology. She loves
working in the LAB and have found iGEM to be great exposure to molecular biology and synthetic biology. Here hobbies include travelling, reading, flying kites and eating out.
Shanmuga Priya Subramaniam
Priya has just finished her MSc. Medical Microbiology. Her main motivation to join in iGEM team was learning more microbiology and molecular biology laboratory techniques. She also thinks that the cancer project is really challenging and she is excited about its potential future applications.
Ana Sokolovic
Ana is an undergraduate and is about to start her third year of her Graphic Communication Design course (BA Honours). Her hobbies include drawing, playing guitar, socialising, watching movies, reading, and gaming.