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