Difference between revisions of "Team:UCL"

Line 33: Line 33:
 
  });
 
  });
 
</script>
 
</script>
 +
 +
 +
 +
  
 
<style>
 
<style>
 +
 +
 +
#headerr {background-image: url('https://static.igem.org/mediawiki/2015/b/b0/UCL_University_College_London2.jpg');
 +
text-align: center; width: 100%;
 +
height: 100%;
 +
position: relative;
 +
display: block !important;
 +
margin: 0;
 +
padding: 0;
 +
top: 0;
 +
bottom: 0;
 +
  background-repeat: no-repeat;
 +
 +
  background-size: cover;
 +
background-position: top left;
 +
color:none;
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
 +
vertical-align: middle;
 +
}
 +
 +
  
 
h5 {
 
h5 {
Line 49: Line 77:
 
   max-width: 500px;
 
   max-width: 500px;
 
   opacity: 1;
 
   opacity: 1;
−
   width: 100%;
+
   width: 60%;
 
   z-index: 99999;
 
   z-index: 99999;
 
transition-property: opacity;  
 
transition-property: opacity;  
Line 72: Line 100:
 
}
 
}
  
−
#introo1text {position: relative; bottom: 13%; padding-left: 10%; width: 65%; font-size: 20px; letter-spacing: 2px; line-height: 1.8; float: left; display: inline; z-index: 10000;left 10%;top:400px;text-align:left;}
+
#introo1text {position: absolute; bottom: 13%; padding-left: 10%; width: 65%; font-size: 20px; letter-spacing: 2px; line-height: 1.8; float: left; display: inline; z-index: 10000;}
  
 
#introo1arrow {width: 7%; height: 7%; float: right; display: inline; position: absolute; bottom: 20%; right: 10%; z-index: 10000; opacity: 0.8;}
 
#introo1arrow {width: 7%; height: 7%; float: right; display: inline; position: absolute; bottom: 20%; right: 10%; z-index: 10000; opacity: 0.8;}
Line 126: Line 154:
 
}
 
}
  
−
#introo2text {position: absolute; bottom: 20%; right: 10%; width: 65%; font-size: 23px; letter-spacing: 2.5px; line-height: 2.1; float: right; display: inline; z-index: 9999;text-align:right;}
+
#introo2text {position: absolute; bottom: 20%; right: 10%; width: 65%; font-size: 23px; letter-spacing: 2.5px; line-height: 2.1; float: right; display: inline; z-index: 9999;}
  
 
#introo2arrow {width: 7%; height: 17%; float: left; display: inline; position: absolute; bottom: 10%; left: 7%; z-index: 9999; opacity: 0.8;}
 
#introo2arrow {width: 7%; height: 17%; float: left; display: inline; position: absolute; bottom: 10%; left: 7%; z-index: 9999; opacity: 0.8;}
Line 173: Line 201:
 
}
 
}
  
−
#introo3text {position: absolute; top: 13%; right: 10%; width: 80%; font-size: 19px; letter-spacing: 2.2px; line-height: 1.8; float: right; display: inline; z-index: 10001;text-align:left;}
+
#introo3text {position: absolute; top: 13%; right: 10%; width: 80%; font-size: 19px; letter-spacing: 2.2px; line-height: 1.8; float: right; display: inline; z-index: 10001;}
  
 
#introo3dna {background-image: url('https://static.igem.org/mediawiki/2015/a/ab/UCL_Gearicon.png'); background-size: 100%; background-repeat: no-repeat; background-position: center center; width: 8%; height: 15%; position: absolute; bottom: 35%; left: 24.5%; opacity: 0.5;
 
#introo3dna {background-image: url('https://static.igem.org/mediawiki/2015/a/ab/UCL_Gearicon.png'); background-size: 100%; background-repeat: no-repeat; background-position: center center; width: 8%; height: 15%; position: absolute; bottom: 35%; left: 24.5%; opacity: 0.5;
Line 209: Line 237:
 
#introo3text {font-size: 17px; line-height: 1.5; top: 20%;}
 
#introo3text {font-size: 17px; line-height: 1.5; top: 20%;}
 
#todescription {bottom: 3%;}
 
#todescription {bottom: 3%;}
−
#portico {width:1024px;}
 
−
}
 
−
 
−
@media (max-width:900px){
 
−
#portico {width:900px;}
 
 
}
 
}
  
 
@media (max-width:768px){
 
@media (max-width:768px){
 
#introo1 {background-position: 0 100px;}
 
#introo1 {background-position: 0 100px;}
−
#introo1text {font-size: 18px; line-height: 1.5; top: 50%;}
+
#introo1text {font-size: 18px; line-height: 1.5; bottom: 10%;}
 
#introo2text {font-size: 20px; line-height: 1.5; bottom: 10%;}
 
#introo2text {font-size: 20px; line-height: 1.5; bottom: 10%;}
 
#introo1arrow, #introo2arrow {width: 10%; height: 10%;}
 
#introo1arrow, #introo2arrow {width: 10%; height: 10%;}
 
#introo3dna {bottom: 100px;}
 
#introo3dna {bottom: 100px;}
 
#introo3dna-img {bottom: 80px;}
 
#introo3dna-img {bottom: 80px;}
−
#todescription {bottom: 1%;}
+
#todescription {bottom: 1%;
 +
#introo1:hover:after, #introo2:hover:after, #introo3:hover:after {visibility: hidden;}
  
 
}
 
}
Line 229: Line 253:
 
@media (max-width:480px){
 
@media (max-width:480px){
 
#introo1 {background-position: 0 100px;}
 
#introo1 {background-position: 0 100px;}
−
#introo1text {font-size: 15px; line-height: 1.5;top:40%;}
+
#introo1text {font-size: 15px; line-height: 1.5;}
 
#introo2text {font-size: 17px; line-height: 1.5; bottom: 20%;}
 
#introo2text {font-size: 17px; line-height: 1.5; bottom: 20%;}
 +
#introo3text {font-size: 15px; line-height: 1.5; }
 +
 
#introo1arrow, #introo2arrow {width: 13%; height: 13%;}
 
#introo1arrow, #introo2arrow {width: 13%; height: 13%;}
  
Line 241: Line 267:
 
#introo2text {font-size: 15px; line-height: 1.5; bottom: 20%;}
 
#introo2text {font-size: 15px; line-height: 1.5; bottom: 20%;}
 
#introo1arrow, #introo2arrow {width: 15%; height: 15%;}
 
#introo1arrow, #introo2arrow {width: 15%; height: 15%;}
 +
#introo3text {font-size: 14px; line-height: 1.3;}
 +
 
}
 
}
  
Line 262: Line 290:
  
  
−
#footer {#493C54; /*background-image: url('https://static.igem.org/mediawiki/2015/b/b0/UCL_University_College_London2.jpg'); background-position: center 70%; background-size: 100%;  width: 100%; height: 120px; position: fixed; bottom: 0; left: 0; margin: 0 auto;  z-index: -1;*/ }
+
#footer {background: #493C54; background-image: url('https://static.igem.org/mediawiki/2015/b/b0/UCL_University_College_London2.jpg'); background-position: center 70%; background-size: 100%;  width: 100%; height: 120px; position: fixed; bottom: 0; left: 0; margin: 0 auto;  z-index: -1; }
−
 
+
−
#portico {
+
−
width: 100%;
+
−
position:fixed;
+
−
z-index:-1;
+
−
margin: 0;
+
−
padding: 0;
+
−
top:0px;}
+
  
  
Line 276: Line 296:
 
</style>
 
</style>
 
</head>
 
</head>
−
<body>
 
  
−
<div id="portico">
 
−
<img src="https://static.igem.org/mediawiki/2015/b/b0/UCL_University_College_London2.jpg">
 
−
</div>
 
  
  
−
<div id="header">
+
 
 +
<body>
 +
<div id="headerr">
 
<script>
 
<script>
 
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
Line 297: Line 315:
 
<div id="logo">   
 
<div id="logo">   
  
−
<img src="https://static.igem.org/mediawiki/2015/5/56/UCL_logooo_small.png" id="logophoto" alt="Mind the Gut">  
+
<img src="https://static.igem.org/mediawiki/2015/5/56/UCL_logooo_small.png" id="logophoto" style="" alt="Mind the Gut">  
  
 
       <div class="intro-buttons" id="box-links">
 
       <div class="intro-buttons" id="box-links">
Line 303: Line 321:
 
   
 
   
 
<br/>
 
<br/>
 +
 
       </div>
 
       </div>
−
 
  
 
</div>
 
</div>
  
 +
 +
 +
 +
</div>
  
 
<div id="introo1" class="bgswitch">
 
<div id="introo1" class="bgswitch">
Line 400: Line 422:
  
 
</body>
 
</body>
 +
 +
  
 
<script src="https://cferdinandi.github.io/smooth-scroll/dist/js/smooth-scroll.js"></script>
 
<script src="https://cferdinandi.github.io/smooth-scroll/dist/js/smooth-scroll.js"></script>

Revision as of 16:59, 28 August 2015

The number of microorganisms in human gut is higher than the number of human cells in our body. Their metabolic activity equals that of liver and plays crucial role in many key processes such as digestion, drug metabolism, or functioning of the immune system...
Studies in mice have shown that the gut microbiome is also capable of influencing the chemistry of our brain, thus regulating our behaviour , anxiety , mood , cognition and pain ...
Being inspired by this emerging research area, UCL iGEM 2015 team wants to explore the modulation of the gut bacteria as a strategy for developing novel treatments for mental health disorders. Ultimately, our goal is to harness synthetic biology to make people happy!