Difference between revisions of "Team:UCL/Playingaround3"

Line 4: Line 4:
  
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">  
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">  
−
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
+
<link href="//twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
 
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
 
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
−
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway" />
+
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway"/>
  
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
Line 29: Line 29:
 
height: 100%;
 
height: 100%;
 
border: 0px;
 
border: 0px;
−
background-color: transparent;
+
background-color: #fff;
 
margin: 0px;
 
margin: 0px;
 
padding: 0px;
 
padding: 0px;
Line 37: Line 37:
 
width:100%;
 
width:100%;
 
height:100%;
 
height:100%;
−
overflow:hidden;
 
 
box-sizing: border-box;
 
box-sizing: border-box;
−
 
 
}
 
}
  
Line 46: Line 44:
 
/* blocks */
 
/* blocks */
  
−
#header {background: #F0F0F5; margin: -5px; text-align: center; width: 100%;
+
#header {background: #fff; margin: -5px; text-align: center; width: 100%;
 
height: 100%;
 
height: 100%;
 
position: relative;
 
position: relative;
Line 104: Line 102:
 
width: 100%;
 
width: 100%;
 
height: 100%;
 
height: 100%;
−
position: relativee;
+
position: relative;
 
display: block;
 
display: block;
 
margin: 0;
 
margin: 0;
Line 142: Line 140:
 
width: 100%;
 
width: 100%;
 
height: 100%;
 
height: 100%;
−
position: relative !important;
+
position: relative!important;
 
display: block;
 
display: block;
 
margin: 0;
 
margin: 0;
Line 159: Line 157:
  
 
/*twitter*/
 
/*twitter*/
−
#twit {width: 200px; height: 500px; position: fixed; float: right; margin-bottom: -20px; bottom: 0%; right: 5%;}
+
#twit {width: 100%; height: 240px; padding-left: 30px; padding-top: 40px; display: inline-block; }
 +
#twitbox {width: 30%; display: inline-block; padding-right: 30px; border-right: 1px solid #574B61;
 +
}
 +
 
 +
#sponsors {display: inline-block; position: relative; text-align: center; top: -10px; width: 68%;}
 +
 
 +
iframe.twitter-timeline {
 +
    height: 220px !important;
 +
width: 500px !important;
 +
}
 +
 
 +
 
  
 
/* logo and buttons */
 
/* logo and buttons */
  
 +
h5 {
 +
font-size:900%;
 +
font-family: times, serif;
 +
}
 +
 +
h6 {
 +
font-size:200%;
 +
margin-top:-50px;
 +
margin-bottom:-50px;
 +
font-family:"lucida calligraphy", sans serif;
 +
font-style:italic;
 +
}
  
 
   .logophoto {width: 300px; height: 400px; height: 100%; }
 
   .logophoto {width: 300px; height: 400px; height: 100%; }
−
#logo {padding-top: 10%; padding-bottom: 100px;}
+
#logo {padding-top: 10%; padding-bottom: 10%;}
 +
 
  
 
.intro-buttons {
 
.intro-buttons {
Line 192: Line 214:
 
   border: 1px solid transparent;
 
   border: 1px solid transparent;
 
   border-radius: 4px;
 
   border-radius: 4px;
−
  -webkit-user-select: none;
+
transition-property: background-color, color;  
−
    -moz-user-select: none;
+
  transition-duration: 1s;  
−
      -ms-user-select: none;
+
  transition-timing-function: ease;  
−
      -o-user-select: none;
+
−
          user-select: none;
+
 
             color: #FFFFFF;
 
             color: #FFFFFF;
 
   border: none;
 
   border: none;
Line 221: Line 241:
 
   border: 1px solid transparent;
 
   border: 1px solid transparent;
 
   border-radius: 4px;
 
   border-radius: 4px;
−
  -webkit-user-select: none;
+
transition-property: background-color, color;  
−
    -moz-user-select: none;
+
  transition-duration: 1s;  
−
      -ms-user-select: none;
+
  transition-timing-function: ease;  
−
      -o-user-select: none;
+
−
          user-select: none;
+
 
             color: #FFFFFF;
 
             color: #FFFFFF;
 
   border: none;
 
   border: none;
Line 249: Line 267:
 
   border: 1px solid transparent;
 
   border: 1px solid transparent;
 
   border-radius: 4px;
 
   border-radius: 4px;
−
  -webkit-user-select: none;
+
transition-property: background-color, color;  
−
    -moz-user-select: none;
+
  transition-duration: 1s;  
−
      -ms-user-select: none;
+
  transition-timing-function: ease;  
−
      -o-user-select: none;
+
−
          user-select: none;
+
 
             color: #FFFFFF;
 
             color: #FFFFFF;
 
   border: none;
 
   border: none;
Line 278: Line 294:
 
   border: 1px solid transparent;
 
   border: 1px solid transparent;
 
   border-radius: 4px;
 
   border-radius: 4px;
−
  -webkit-user-select: none;
+
transition-property: background-color, color;  
−
    -moz-user-select: none;
+
  transition-duration: 1s;  
−
      -ms-user-select: none;
+
  transition-timing-function: ease;  
−
      -o-user-select: none;
+
−
          user-select: none;
+
 
             color: #FFFFFF;
 
             color: #FFFFFF;
 
   border: none;
 
   border: none;
Line 292: Line 306:
 
letter-spacing: 1.5px;
 
letter-spacing: 1.5px;
 
}
 
}
 +
 +
.back {text-align: center; padding-bottom: 20px;}
 +
.back a {color: #746c7c; font-size: 12px;}
 +
.back a:hover {color: #2e2438;  -webkit-transition: color ease-in-out 400ms;}
  
 
  .buttonc1:hover {text-decoration: none; background-color: #FE6C68;}
 
  .buttonc1:hover {text-decoration: none; background-color: #FE6C68;}
Line 299: Line 317:
  
  
−
#why2 {padding-top: 20px; text-align: center; color: #fff;}  
+
#why2 {padding-top: 10px; text-align: center; color: #fff;}  
 
#why2 a {color: #fff;}  
 
#why2 a {color: #fff;}  
  
Line 358: Line 376:
 
}
 
}
 
    
 
    
−
#abstracttext p {    line-height: 2; text-align: justify; font-size: 15px;
+
 
 +
#abstracttext p {    line-height: 2; text-indent: 50px; font-size: 15px;
 
}
 
}
  
  
 
@media screen and (max-width: 960px) {
 
@media screen and (max-width: 960px) {
−
  #abstracttext p {    line-height: 2; text-align: justify; font-size: 13px;
+
  #abstracttext p {    line-height: 2; font-size: 13px; text-indent: 50px;
 
}
 
}
  
Line 445: Line 464:
 
.icon-group {color: #FFCD55;}
 
.icon-group {color: #FFCD55;}
  
−
 
+
.mailus {background: #F0F0F5; padding: 5px;}
  
 
/*menu*/
 
/*menu*/
Line 451: Line 470:
 
.fixed-nav-bar {
 
.fixed-nav-bar {
 
   position: fixed;
 
   position: fixed;
−
   top: 18px;
+
   top: 15px;
 
   left: 0;
 
   left: 0;
 
   z-index: 9999;
 
   z-index: 9999;
Line 461: Line 480:
 
font-size: 14px;  
 
font-size: 14px;  
 
}
 
}
 +
 +
@media(max-width:855px){
 +
.fixed-nav-bar {height:90px;}
 +
}
 +
 +
@media(max-width:463px){
 +
 +
.fixed-nav-bar {height:120px;}
 +
}
 +
 +
@media(max-width:400px){
 +
.fixed-nav-bar {height:150px;}
 +
}
 +
 +
  
 
.menu-items {display: inline-block; width: 100%; text-align: center; margin-top: -10px; margin-left: -25px;
 
.menu-items {display: inline-block; width: 100%; text-align: center; margin-top: -10px; margin-left: -25px;
 +
}
 +
@media(max-width:463px){
 +
.menu-items {margin-top:10px;}
 
}
 
}
  
Line 469: Line 506:
 
   margin-right: 10px;
 
   margin-right: 10px;
 
   margin-left: 10px;
 
   margin-left: 10px;
 +
  }
 +
 +
.menu-items li:hover ul{
 +
display:block;
 +
    background:#fff;
 +
height:auto; width:auto;
 +
 +
list-style-position: inside;
 +
list-style-type: none !important;
 +
padding-left: 0 !important;
 +
margin-left: -19px;
 +
float: left;
 
}
 
}
−
.menu-items a {color: #473E4F; text-decoration: none; font-family: Raleway;}
 
  
 +
.menu-items li ul {
 +
display:none;
 +
position:absolute;
 +
border-right:solid;
 +
border-left:solid;
 +
border-width:1px;
 +
}
  
−
</style>
+
.menu-items li ul li{
 +
    clear:both;
 +
background: none;
 +
text-align: center;
 +
display: block;
 +
}
  
−
</head>
+
.menu-items a {color: #473E4F; text-decoration: none; font-family: Raleway; 
 +
}
  
−
<body>
+
.menu-items a:hover {color: #FE6C68;
−
<div style="clear: both;"></div>
+
    -webkit-transition: color ease-in-out 150ms;
−
<div id="container">
+
}
  
−
      <nav class="fixed-nav-bar">
 
−
  <div id="menu" class="menu">
 
  
  
−
  <ul class="menu-items">
+
@media (max-width:600px){
−
<a href="https://2015.igem.org/Team:UCL/Description"><li>Project</li></a>   
+
h2 {font-size:18px;}
−
<a href="https://2015.igem.org/Team:UCL/Parts"><li>Parts</li></a>   
+
h3 {font-size:17px;}
−
<a href="https://2015.igem.org/Team:UCL/Experiments"><li>Experiments &amp; Protocols</li></a> 
+
p {font-size:12px;}
 +
}
  
−
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/v/t1.0-1/c3.0.160.160/p160x160/11012987_837961202954933_8011043740998938490_n.png?oh=a7923468802678158915746d51d9856f&oe=56338EDF&__gda__=1444695053_c0cc41228f96cc256abdf883df5eb1ca" style="width: 50px; height: 50px; margin-top: 13px;">
+
</style>
  
−
    <a href="https://2015.igem.org/Team:UCL/Collaborations"><li>Collaborations</li></a>
+
</head>
−
    <a href="https://2015.igem.org/Team:UCL/Notebook"><li>Notebook</li></a>
+
−
<a href="https://2015.igem.org/Team:UCL/Team"><li>Team</li></a>
+
−
  </ul>
+
  
−
</div>
+
<body>
  
−
</nav>
+
<div style="clear: both;"></div>
 +
<div id="container">
 +
<nav class="fixed-nav-bar">
 +
<div id="menu" class="menu">
 +
<div class="menu-items">
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:UCL"><img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/v/t1.0-1/c3.0.160.160/p160x160/11012987_837961202954933_8011043740998938490_n.png?oh=a7923468802678158915746d51d9856f&oe=56338EDF&__gda__=1444695053_c0cc41228f96cc256abdf883df5eb1ca" style="width: 50px; height: 50px; margin-top: 13px;"></a></li>
 +
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>   
 +
<li><a href="https://2015.igem.org/Team:UCL/Parts">Parts</a></li>   
 +
<li><a href="https://2015.igem.org/Team:UCL/Experiments">Experiments &amp; Protocols</a></li> 
 +
<li><a href="https://2015.igem.org/Team:UCL/Collaborations">Collaborations</a></li>
 +
<li><a href="https://2015.igem.org/Team:UCL/Notebook">Notebook</a></li>
 +
<li><a href="https://2015.igem.org/Team:UCL/People">People</a>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:UCL/Team">Team</li>
 +
<li><a href="https://2015.igem.org/Team:UCL/Advisors">Advisors</li>
 +
<li><a href="https://2015.igem.org/Team:UCL/Sponsors">Sponsors</li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2015.igem.org/Team:UCL/PolicyandPractice"=">Policy & Practice</a>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:UCL/HumanPractice">Human Practice</a></li>
 +
<li><a href="https://2015.igem.org/Team:UCL/PublicEngagement">Public Engagement</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</nav>
 
   
 
   
  
 
<div id="header">
 
<div id="header">
−
<div id="logo">  <img src="http://s8.postimg.org/vaknrdpid/mind_the_gut_logo.png" class="logophoto" />  
+
 
 +
<!--<div id="title">
 +
<h5>MIND</h5><br><h6>the</h6><br><h5>GUT</h5>
 +
</div>-->
 +
<div id="logo">  <img src="http://s8.postimg.org/vaknrdpid/mind_the_gut_logo.png" class="logophoto" style="margin-bottom:40px;margin-top:-35px" />  
  
  
 
       <div class="intro-buttons" id="box-links">
 
       <div class="intro-buttons" id="box-links">
−
         <a href="#intro1" class="buttonc1">Intro</a>
+
         <a data-scroll data-options='{ "easing": "linear" }' 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="#abstract" class="buttonc2">Abstract</a>
−
               <a data-scroll data-options='{ "easing": "linear" }' href="#motivation" class="buttonc3">Why?</a>
+
               <a data-scroll data-options='{ "easing": "linear" }' href="#motivation" class="buttonc3">Why do it?</a>
 
       </div>
 
       </div>
  
Line 517: Line 607:
  
  
−
<div id="twit">
 
−
<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>
 
−
</div>
 
  
 
</div>
 
</div>
Line 557: Line 643:
 
  <div id="abstracttext">
 
  <div id="abstracttext">
 
              
 
              
 +
        <h2> Mind the Gut: Abstract</h2>
 
         <p>
 
         <p>
−
        <h2> Mind the Gut: Abstract</h2>
+
The gut–brain axis refers to the biochemical signalling taking place between the gastrointestinal tract and the nervous system, often involving intestinal microbiota, which have been shown to play an important role in healthy brain function. The current research suggests that gut microbes secrete neuroactive compounds – including neurotransmitters – that interact with the brain via two main mechanisms: the vagus nerve, connecting brain and digestive tract, and the immune system, which maintains its own means of communication with the brain.</p>
−
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>
+
In line with the ongoing research, UCL iGEM 2015 aims to develop synthetic probiotic strains that mimic the neuromodulatory strategies identified in gut microbes, with a focus on regulation of tryptophan pathway and signalling via serotonin. Additionally, in order to incorporate our neuromodulators into precise and safe therapeutic devices, we are developing a set of sensors capable of detecting mood-related physiological changes in the gut environment. </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>
 +
Available small molecule treatments are associated with both stigma and side effects. We believe that, besides aiding in better understanding of the communication between the gut microbiome and nervous system, our work will also lay a foundation for novel user-friendly treatments targeting a range of mental health disorders. </p>
  
−
</p>
 
  
 
<div style="clear: both;"></div>
 
<div style="clear: both;"></div>
  
 
<div id="why2">
 
<div id="why2">
−
  <a data-scroll data-options='{ "easing": "linear" }' href="#motivation" class="buttonc2">Why?</a>
+
  <a data-scroll data-options='{ "easing": "linear" }' href="#motivation" class="buttonc2">Why do it?</a>
 
</div>
 
</div>
  
Line 586: Line 672:
  
 
<div id="whitebox1">  <div class="icondiv"> <i class="glyphicon glyphicon-globe"></i> </div>  
 
<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>
+
An estimated 450 million people world-wide suffer from mental health problems.</div>
  
  
  
 
<div id="whitebox2">    <div class="icondiv"> <i class="glyphicon glyphicon-stats"></i> </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>
+
By 2030, depression alone is likely to be the highest contributor to the 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
+
<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 a problem
−
as does malaria</div> <br/>
+
as 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
+
<div id="whitebox4"><div class="icondiv"> <i class="icon icon-user-md"></i></div> 80% of people with severe mental health conditions do not have
−
access to needed treatment</div>
+
access to needed treatments.</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="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 performance at school.</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
+
<div id="whitebox6"><div class="icondiv"> <i class="icon icon-group"></i></div> Less than 20% of countries have mental health service organizations that provide community and
−
individual assistance
+
individual assistance.
  
 
</div>
 
</div>
−
<div style="clear: both;"></div>
 
  
  
−
<div id="why3">
 
−
<a data-scroll data-options='{ "easing": "linear" }' href="#header" class="buttonc3">Back to top</a>
 
 
</div>
 
</div>
  
 +
<div id="twit">
 +
 +
<div id="twitbox">
 +
<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>
 
</div>
 
</div>
 +
<div id="sponsors">
 +
<img src="https://static.igem.org/mediawiki/2015/1/1a/UCL_Eng_logo_2.png" style="width: 180px; height: 62px; margin: 5px;">
 +
<img src="https://static.igem.org/mediawiki/2015/4/48/Bbsrclogo.png" style="width: 170px; height: 45px; margin: 5px;"> <img src="https://static.igem.org/mediawiki/2015/f/f7/Wellcome_trust_logo.png" style="width: 220px; height: 27px; margin: 5px;">
 +
<img src="https://static.igem.org/mediawiki/2015/e/e0/IDT-Logo-2014-sm.png" style="width: 165px; height: 45px;"> 
 +
 +
 +
<img src="https://static.igem.org/mediawiki/2015/d/d9/Biochemsoc.png" style="width: 170px; height: 68px; margin: 5px;"> <img src="https://static.igem.org/mediawiki/2015/1/16/TU_Eindhoven_Neb_logo.png" style="width: 200px; height: 80px; margin: 5px;"> <img src="https://static.igem.org/mediawiki/2015/5/5a/York_Genscript_logo-1-.png" style="width: 200px; height: 51px; margin: 5px;"> <img src="https://static.igem.org/mediawiki/2015/7/76/Slack_Icon.png" style="width: 120px; height: 36px; margin: 5px;">
 +
 +
<p class="mailus"><a href="mailto:ucligem2015@gmail.com">Want to become a sponsor? E-mail us!</a> </p>
 +
 +
 +
 +
</div>
  
 +
<div class="back">
 +
<a data-scroll data-options='{ "easing": "linear" }' href="#header">Back to top</a>
 
</div>
 
</div>
 +
 +
</div>
 +
 +
 +
<div style="clear: both;"></div>
 +
 +
</div>
 +
  
 
</div>
 
</div>
Line 624: Line 735:
 
</div>
 
</div>
  
−
</body>
 
−
<script src="https://gist.github.com/galambalazs/6477177.js"></script>
 
  
−
<!--
 
−
<script src='https://cferdinandi.github.io/smooth-scroll/dist/js/smooth-scroll.js'></script>
 
  
 +
</body>
  
−
<script>
+
<script src="https://cferdinandi.github.io/smooth-scroll/dist/js/smooth-scroll.js"></script>
−
smoothScroll.init({
+
<script>
−
speed: 1000,
+
smoothScroll.init({
−
easing: 'easeInOutCubic',
+
speed: 1000,
−
offset: 0,
+
easing: 'easeInOutCubic',
−
updateURL: true,
+
offset: 0,
−
callbackBefore: function ( toggle, anchor ) {},
+
updateURL: true,
−
callbackAfter: function ( toggle, anchor ) {}
+
callbackBefore: function ( toggle, anchor ) {},
−
});
+
callbackAfter: function ( toggle, anchor ) {}
−
</script>
+
});
−
+
</script>
−
-->
+
  
 
</html>
 
</html>

Revision as of 17:56, 19 July 2015

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!

Mind the Gut: Abstract

The gut–brain axis refers to the biochemical signalling taking place between the gastrointestinal tract and the nervous system, often involving intestinal microbiota, which have been shown to play an important role in healthy brain function. The current research suggests that gut microbes secrete neuroactive compounds – including neurotransmitters – that interact with the brain via two main mechanisms: the vagus nerve, connecting brain and digestive tract, and the immune system, which maintains its own means of communication with the brain.

In line with the ongoing research, UCL iGEM 2015 aims to develop synthetic probiotic strains that mimic the neuromodulatory strategies identified in gut microbes, with a focus on regulation of tryptophan pathway and signalling via serotonin. Additionally, in order to incorporate our neuromodulators into precise and safe therapeutic devices, we are developing a set of sensors capable of detecting mood-related physiological changes in the gut environment.

Available small molecule treatments are associated with both stigma and side effects. We believe that, besides aiding in better understanding of the communication between the gut microbiome and nervous system, our work will also lay a foundation for novel user-friendly treatments targeting a range of mental health disorders.

Why are we doing it?
An estimated 450 million people world-wide suffer from mental health problems.
By 2030, depression alone is likely to be the highest contributor to the global burden of disease.
According to WHO, in low income countries, depression represents almost as large a problem as malaria.

80% of people with severe mental health conditions do not have access to needed treatments.
1 in 5 children suffers from mental health problems. Due to the lack of support, these problems lead to poorer performance at school.
Less than 20% of countries have mental health service organizations that provide community and individual assistance.
Back to top