Difference between revisions of "Team:UCL/Playingaround"

Line 17: Line 17:
 
font: inherit;
 
font: inherit;
 
vertical-align: baseline;
 
vertical-align: baseline;
 +
 
}
 
}
  
Line 157: Line 158:
 
padding-top:5%;
 
padding-top:5%;
 
text-align: left;
 
text-align: left;
−
left: -30%;
 
 
-webkit-box-sizing: border-box;
 
-webkit-box-sizing: border-box;
 
-moz-box-sizing: border-box;
 
-moz-box-sizing: border-box;
Line 245: Line 245:
 
.ref {width: 600px; float: left; margin-left: 280px;}
 
.ref {width: 600px; float: left; margin-left: 280px;}
 
.ref a {text-decoration: none; color: #444444;}
 
.ref a {text-decoration: none; color: #444444;}
 +
 +
#main {position: absolute;
 +
left: 0px;}
 
}
 
}
 
</style>
 
</style>
Line 250: Line 253:
  
 
<body>
 
<body>
 +
 +
 
<div id="bg1" data-0="background-position:0px 0px;" data-end="background-position:-500px -10000px;"></div>
 
<div id="bg1" data-0="background-position:0px 0px;" data-end="background-position:-500px -10000px;"></div>
 
<div id="bg2" data-0="background-position:0px 0px;" data-end="background-position:-500px -8000px;"></div>
 
<div id="bg2" data-0="background-position:0px 0px;" data-end="background-position:-500px -8000px;"></div>
 
<div id="bg3" data-0="background-position:0px 0px;" data-end="background-position:-500px -6000px;"></div>
 
<div id="bg3" data-0="background-position:0px 0px;" data-end="background-position:-500px -6000px;"></div>
  
 +
 +
<div id="main">
 
<div id="progress" data-0="width:0%;background:hsl(200, 100%, 50%);" data-end="width:100%;background:hsl(920, 100%, 50%);"></div>
 
<div id="progress" data-0="width:0%;background:hsl(200, 100%, 50%);" data-end="width:100%;background:hsl(920, 100%, 50%);"></div>
  
Line 289: Line 296:
 
<div id="scrollbar" data-0="top:0%;margin-top:2px;" data-end="top:100%;margin-top:-52px;"></div>
 
<div id="scrollbar" data-0="top:0%;margin-top:2px;" data-end="top:100%;margin-top:-52px;"></div>
  
 +
</div>
 
<script type="text/javascript" src="https://prinzhorn.github.io/skrollr/dist/skrollr.min.js"></script>
 
<script type="text/javascript" src="https://prinzhorn.github.io/skrollr/dist/skrollr.min.js"></script>
  

Revision as of 17:25, 29 June 2015

<!DOCTYPE html> skrollr - parallax scrolling for the masses

▼

The number of microorganisms in human is higher than the number of human cells in our body. Their metabolic activity equals that of and plays crucial role in many key processes such as digestion, drug metabolism, or functioning of the immune system...

Studies in have shown that the gut microbiome is also capable of influencing the chemistry of our , thus regulating our behaviour , anxiety , mood , cognition and pain ...

Being inspired by this emerging research area, UCL 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!