Difference between revisions of "Team:UCL/Playingaround3"

Line 503: Line 503:
  
 
<div id="header">
 
<div id="header">
<div id="logo">  <img src="http://s8.postimg.org/vaknrdpid/mind_the_gut_logo.png" class="logophoto" />
 
  
 
      <div class="intro-buttons" id="box-links">
 
        <a href="#intro1" class="buttonc1">Intro</a>
 
            <a data-scroll data-options='{ "easing": "linear" }' href="#abstract" class="buttonc2">Abstract</a>
 
              <a data-scroll data-options='{ "easing": "linear" }' href="#motivation" class="buttonc3">Why to do it?</a>
 
      </div>
 
 
</div>
 
  
 
<div style="clear: both;"></div>
 
<div style="clear: both;"></div>
Line 520: Line 511:
 
<a class="twitter-timeline" href="https://twitter.com/UCLiGEM" data-widget-id="615989246042742784">Tweets by @UCLiGEM</a>
 
<a class="twitter-timeline" href="https://twitter.com/UCLiGEM" data-widget-id="615989246042742784">Tweets by @UCLiGEM</a>
 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
 
 
</div>
 
 
<div id="intro1">
 
 
<div class="first">  The number of <span style="color: #B66E74;">microorganisms</span> in human <img src="https://static.igem.org/mediawiki/2015/c/c2/UCL2015_gut.png" style="width: 32px; height: 25px"> is higher than the number of human cells in our body. Their <span style="color: #B66E74;">metabolic activity</span> equals that of <img src="https://static.igem.org/mediawiki/2015/d/df/UCL2015_liver.png" style="width: 45px; height: 32px;"> and plays crucial role in many key processes such as  <span style="color: #B66E74;">digestion</span>, <span style="color: #B66E74;">drug metabolism</span>, or functioning of the <span style="color: #B66E74;">immune system</span>...  <a data-scroll data-options='{ "easing": "linear" }' href="#intro2"><img src="http://icons.iconarchive.com/icons/graphicloads/100-flat-2/32/arrow-next-3-icon.png"/></a> 
 
 
</div>
 
</div>
 
 
 
 
<div id="intro2">
 
 
<div class="second"> Studies in <img src="https://static.igem.org/mediawiki/2015/1/13/UCL2015_mice.png" style="width: 60px; height: 32px;"> have shown that the <span style="color: #1E6073;">gut microbiome</span> is also capable of  influencing the chemistry of our <img src="https://static.igem.org/mediawiki/2015/0/09/UCL2015_brain.png" style="width: 38px; height: 32px;">, thus regulating our <span style="color: #1E6073;">behaviour</span> , <span style="color: #1E6073;">anxiety</span> , <span style="color: #1E6073;">mood</span> , <span style="color: #1E6073;">cognition</span>  and <span style="color: #1E6073;">pain</span> ...  <a data-scroll data-options='{ "easing": "linear" }' href="#intro3"><img src="http://cdn3.iconfinder.com/data/icons/arrows-25/137/Right-10-128.png" style="width: 32px; height: 32px;" /></a>
 
 
</div>
 
 
</div>
 
 
<div id="intro3">
 
<div class="third">
 
Being inspired by this emerging research area, <span style="color: #019966;">UCL <img src="http://goo.gl/Bt86ec?gdriveurl" style="width: 40px; height: 32px"> 2015</span> team wants to explore the modulation of the gut bacteria as a strategy for developing <span style="color: #019966;">novel treatments</span> for <span style="color: #019966;">mental health</span> disorders. Ultimately, our goal is to harness <span style="color: #019966;">synthetic biology</span> to make people <span style="color: #019966;">happy</span>!
 
 
<div class="button-abstract" id="box-links">
 
            <a data-scroll data-options='{ "easing": "linear" }' href="#abstract" id="buttonc4">Abstract</a>
 
      </div>
 
 
</div>
 
</div>
  
Line 554: Line 517:
 
<div style="clear: both;"></div>
 
<div style="clear: both;"></div>
  
<div id="abstract">
 
<div id="abstracttext">
 
           
 
        <p>
 
        <h2> Mind the Gut: Abstract</h2>
 
Lorem Ipsum jest tekstem stosowanym jako przykładowy wypełniacz w przemyśle poligraficznym. Został po raz pierwszy użyty w XV w. przez nieznanego drukarza do wypełnienia tekstem próbnej książki. Pięć wieków później zaczął być używany przemyśle elektronicznym, pozostając praktycznie niezmienionym. Spopularyzował się w latach 60. XX w. wraz z publikacją arkuszy Letrasetu, zawierających fragmenty Lorem Ipsum, a ostatnio z zawierającym różne wersje Lorem Ipsum oprogramowaniem przeznaczonym do realizacji druków na komputerach osobistych, jak Aldus PageMaker
 
</p>
 
 
 
<p> W przeciwieństwie do rozpowszechnionych opinii, Lorem Ipsum nie jest tylko przypadkowym tekstem. Ma ono korzenie w klasycznej łacińskiej literaturze z 45 roku przed Chrystusem, czyli ponad 2000 lat temu! Richard McClintock, wykładowca łaciny na uniwersytecie Hampden-Sydney w Virginii, przyjrzał się uważniej jednemu z najbardziej niejasnych słów w Lorem Ipsum – consectetur – i po wielu poszukiwaniach odnalazł niezaprzeczalne źródło: Lorem Ipsum pochodzi z fragmentów (1.10.32 i 1.10.33) „de Finibus Bonorum et Malorum”, czyli „O granicy dobra i zła”, napisanej właśnie w 45 p.n.e. przez Cycerona. Jest to bardzo popularna w czasach renesansu rozprawa na temat etyki. Pierwszy wiersz Lorem Ipsum, „Lorem ipsum dolor sit amet...” pochodzi właśnie z sekcji 1.10.32.
 
 
</p>
 
 
<div style="clear: both;"></div>
 
 
<div id="why2">
 
<a data-scroll data-options='{ "easing": "linear" }' href="#motivation" class="buttonc2">Why to do it?</a>
 
</div>
 
 
        </div>
 
 
 
</div>
 
  
 
<div id="motivation">
 
<div id="motivation">
 
   
 
   
 
<div class="why">
 
<div class="why">
Why are we doing it?  <br/>
 
  
 
 
 
<div id="whitebox1">  <div class="icondiv"> <i class="glyphicon glyphicon-globe"></i> </div>
 
An estimated 450 million people world-wide suffer from mental health problem</div>
 
 
 
 
<div id="whitebox2">    <div class="icondiv"> <i class="glyphicon glyphicon-stats"></i> </div>
 
By 2030, depression alone is likely to be highest contributon to global burden of disease</div>
 
<div id="whitebox3"> <div class="icondiv"> <i class="glyphicon glyphicon-piggy-bank"></i> </div> According to WHO, in low income countries, depression represents almost as large problem
 
as does malaria</div> <br/>
 
 
 
<div id="whitebox4"><div class="icondiv"> <i class="icon icon-user-md"></i></div> 80% of people with severe mental health con-dition do not have
 
access to needed treatment</div>
 
<div id="whitebox5"><div class="icondiv"> <i class="glyphicon glyphicon-blackboard"></i></div> 1 in 5 children suffers from mental health problems. Due to the lack of support, these problems lead to poorer school performance</div>
 
<div id="whitebox6"><div class="icondiv"> <i class="icon icon-group"></i></div> Fewer than 20% of countries have mental health service organizations that provide community and
 
individual assistance
 
 
</div>
 
 
<div style="clear: both;"></div>
 
<div style="clear: both;"></div>
 
  
 
<div id="why3">
 
<div id="why3">

Revision as of 10:47, 1 July 2015