Team:Westminster/Team

From 2012.igem.org

(Difference between revisions)
 
(34 intermediate revisions not shown)
Line 11: Line 11:
}
}
body {
body {
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  
+
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  
font-weight: 300;
font-weight: 300;
-
background: url("http://www.westminsterigem.com/files/theme/body-bg.png") repeat #ffffff;
+
/* background: url("http://www.westminsterigem.com/files/theme/body-bg.png") repeat #ffffff;*/
 +
background-color:#FFF;
color: #666666;
color: #666666;
 +
}
}
-
h1, h2 {
+
h1 {
color: #ff0000;
color: #ff0000;
font-size: 18pt;
font-size: 18pt;
margin-bottom: 0.5em;
margin-bottom: 0.5em;
-
}
+
border:none;
-
h2 {
+
-
font-size: 16pt;
+
 
}
}
p {
p {
Line 36: Line 38:
div#content {
div#content {
box-shadow: 0px 0px 17px -4px #666666;
box-shadow: 0px 0px 17px -4px #666666;
 +
padding:0px;
 +
margin-top:0px;
 +
}
}
div#wrapper {
div#wrapper {
position: relative;
position: relative;
-
width: 885px;
+
width: 100%;
font-size: 12pt;
font-size: 12pt;
-
padding: 50px 40px;
 
margin: 0 auto;
margin: 0 auto;
background: #ffffff;
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 {
div#header {
-
height: 185px;
+
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 {
div#header div#logo {
position: relative;
position: relative;
-
width: 400px;
+
width: 260px;
-
height: 125px;
+
right:10px;
-
margin: 0 auto;
+
top:-9px;
 +
float:right;
 +
 
 +
margin-bottom: 0px;
 +
/*
 +
height: 0px;
 +
margin: 0 auto;*/
}
}
-
div#header div#logo {
+
div#header div#logo a {
-
margin-bottom: 20px;
+
float:left;
 +
display:block;
 +
margin-left:10px;
 +
 
}
}
 +
 +
div#navigation {
div#navigation {
-
width: 100%;
+
width: 850px;
-
height: 40px;
+
height: 27px;
-
background: #000000;
+
background:rgba(0,0,0,.5);
 +
float:left;
 +
position:relative;
 +
top:54px;
}
}
ul#navigation-list {
ul#navigation-list {
-
height: 40px;
+
height: 27px;
-
line-height: 40px;
+
line-height: 27px;
overflow: auto;
overflow: auto;
}
}
ul#navigation-list > li {
ul#navigation-list > li {
float: left;
float: left;
 +
margin-top:-5px;
}
}
ul#navigation-list > li > ul {
ul#navigation-list > li > ul {
Line 80: Line 114:
}
}
ul#navigation-list > li > ul.submenu li {
ul#navigation-list > li > ul.submenu li {
-
padding: 5px 0px;
+
padding: 2px 0px;
}
}
ul#navigation-list a.navlink {
ul#navigation-list a.navlink {
color: #ffffff;
color: #ffffff;
-
font-weight: bold;
+
font-weight: normal;
display: block;
display: block;
-
padding: 0px 14px;
+
padding: 0px 10px;
text-decoration: none;
text-decoration: none;
}
}
Line 95: Line 129:
div#home-main-image {
div#home-main-image {
text-align: center;
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 {
div#home-main-image img {
-
width: 885px;
+
/*width: 885px;
height: 300px;
height: 300px;
margin-bottom: 20px;
margin-bottom: 20px;
border-radius: 20px;
border-radius: 20px;
 +
*/
}
}
div.text-box {
div.text-box {
Line 107: Line 151:
padding: 15px 20px;
padding: 15px 20px;
border-radius: 10px;
border-radius: 10px;
-
}
+
-
div.column {
+
-
float: left;
+
-
width: 235px;
+
-
margin: 10px 20px 50px 0px;
+
}
}
div#footer-box {
div#footer-box {
border-radius: 0 0 5px 5px;
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>
</style>
Line 121: Line 247:
<script type="text/javascript">
<script type="text/javascript">
$('document').ready(function() {
$('document').ready(function() {
-
$('li.submenu-holder').hover(function() {
+
-
$(this).children('ul.submenu').stop(true).fadeIn('slow');
+
// menu
-
}, function() {
+
$('li.submenu-holder').hover(function() {
-
$(this).children('ul.submenu').stop(true).fadeOut('slow');
+
$(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>
</script>
-
 
</head>
</head>
<body>
<body>
-
 
<div id="wrapper">
<div id="wrapper">
<div id="header">
<div id="header">
-
<div id="logo">
+
  <div id="control-btn" class="btn-cog"></div>
-
<a href="https://2012.igem.org/Team:Westminster">
+
 
-
<img src="https://static.igem.org/mediawiki/2012/1/1e/Westminster-logo.png" alt="iSTEM" title="Back to home!" />
+
-
</a>
+
-
</div><!-- #logo -->
+
<div id="navigation">
<div id="navigation">
<ul id="navigation-list">
<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" class="navlink">Home</a></li>
<li><a href="https://2012.igem.org/Team:Westminster/Team" class="navlink active">Team</a></li>
<li><a href="https://2012.igem.org/Team:Westminster/Team" class="navlink active">Team</a></li>
-
<li><a href="https://igem.org/Team.cgi?year=2012&team_name=Westminster"class="navlink">Team Profile</a></li>
 
<li class="submenu-holder">
<li class="submenu-holder">
-
<a href="https://2012.igem.org/Team:Westminster/Project"class="navlink">Project</a>
+
<a href="https://2012.igem.org/Team:Westminster/Overview"class="navlink">Project</a>
 +
 
<ul class="submenu">
<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/Overview"class="navlink">Overview</a></li>
Line 154: Line 336:
<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/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/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/Safety"class="navlink">Safety</a></li>
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Journal"class="navlink">Journal</a></li>
<li class="submenu-button"><a href="https://2012.igem.org/Team:Westminster/Journal"class="navlink">Journal</a></li>
 +
                       
 +
                 
</ul>
</ul>
</li>
</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/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/Modeling"class="navlink">Modeling</a></li>
-
<li><a href="https://2012.igem.org/Team:Westminster/Notebook"class="navlink">Notebook</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/Safety"class="navlink">Safety</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>
<li><a href="https://2012.igem.org/Team:Westminster/Attributions"class="navlink">Attributions</a></li>
</ul><!-- #navigation-list -->
</ul><!-- #navigation-list -->
</div><!-- #navigation -->
</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><!-- #header -->
<div id="the-content">
<div id="the-content">
<div id="home-main-image">
<div id="home-main-image">
-
<img src="https://static.igem.org/mediawiki/2012/4/4d/Westminster_team.png" alt="Welcome" title="Welcome to our home!" />
+
<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><!-- #home-main-image -->
-
<div id="home-main-text">
+
-
<h2>Lorem Ipsum</h2>
+
 
-
<p>Cancer recurrence is one of the fears that almost every patient undergoing chemotherapy develops. Recent findings suggest that only a small fraction of the tumor cells, called Cancer Stem Cells (CSC) are able to drive the growth of the tumor. CSC also show an increased drug resistance, and could remain unaffected after chemotherapy, eventually resulting in the formation of a new tumor.</p>
+
 
 +
<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.&nbsp;</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.&nbsp;</div>
 +
</div>
 +
 
 +
 
 +
</div>
-
<div id="three-columns">
+
  </div><!-- #the-content -->
-
<div class="column text-box">
+
-
<h3>Lorem Ipsum</h3>
+
-
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam ultrices, nisi quis scelerisque convallis, augue neque tempor enim, et mattis justo nibh eu elit.</p>
+
-
</div><!-- .column -->
+
-
<div class="column text-box">
+
-
<h3>Lorem Ipsum</h3>
+
-
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam ultrices, nisi quis scelerisque convallis, augue neque tempor enim, et mattis justo nibh eu elit.</p>
+
-
</div><!-- .column -->
+
-
<div class="column text-box">
+
-
<h3>Lorem Ipsum</h3>
+
-
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam ultrices, nisi quis scelerisque convallis, augue neque tempor enim, et mattis justo nibh eu elit.</p>
+
-
</div><!-- .column -->
+
-
</div><!-- #three-columns -->
+
-
</div><!-- #home-main-text -->
+
-
</div><!-- #the-content -->
+
</div><!-- #wrapper -->
</div><!-- #wrapper -->

Latest revision as of 14:40, 27 July 2013

Welcome

The Team

Silvia Berciano

Silvia
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
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
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

Louis
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

Shanmuga
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
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.