Difference between revisions of "Team:TecMonterrey GDL/Description"

 
(16 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
  
<!-- Uncomment these next lines if you want to work with this page -->
+
<head>
<!-- Comment them if you want to upload the code to the wiki-->
+
  <meta charset="utf-8">
<!-- <head>
+
  <title>TecMonterrey_GDL</title>
        <script
+
        src="https://code.jquery.com/jquery-3.3.1.min.js"
+
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
+
        crossorigin="anonymous"></script>
+
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
+
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
+
    <meta charset="utf-8">
+
</head> -->
+
  
<style>
 
  
    /*----------------------------------*/
+
  <!-- mobile responsive meta -->
    /*-------- COLOR PALETTE -----------*/
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
    /*----------------------------------*/
+
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
    .purple-color{
+
</head>
        color: rgb(105, 67, 100);
+
    }
+
    .violet-color{
+
        color: rgb(151, 97, 144);
+
    }
+
    .blue-color{
+
        color: rgb(70, 102, 142);
+
    }
+
    .aqua-color{
+
        color: rgb(0, 151, 167);
+
    }
+
  
    .lightblue-color{
 
        color: rgb(64, 105, 134);
 
    }
 
  
     /*----------------------------------*/
+
<body>
     /*--------- PAGE STYLING -----------*/
+
  <div class="page-wrapper">
     /*----------------------------------*/
+
     <!-- Preloader -->
 +
     <!-- <div class="preloader"></div> -->
 +
     <!-- Preloader -->
  
    .container{
 
        min-height: 100vh;
 
    }
 
  
    .dots-container{
 
        height: 300px;
 
    }
 
  
    /* First section */
 
  
    .microbes-img{
+
<!--Header Upper-->
        width: 7rem;
+
        margin-bottom: 1rem;
+
    }
+
    .title{
+
        font-size: 25px;
+
        font-weight: bold;
+
        margin-bottom: 3rem;
+
        margin-top: 2rem;
+
    }
+
    .subtitle{
+
        font-size: 22px;
+
        font-weight: bold;
+
    }
+
    .symbol{
+
        font-size: 25px;
+
        font-weight: bold;
+
    }
+
    .text{
+
        font-size: 18px !important;
+
        text-align: center !important;
+
    }
+
  
    /* Description section */
 
   
 
    .desc-title{
 
        font-size: 40px;
 
        margin: 3rem 0 3rem 0 !important;
 
    }
 
    .paragraphs p{
 
        font-size: 20px !important;
 
        text-align: justify !important;
 
    }
 
  
     @keyframes bounce {
+
<!--Main Header-->
        0%, 20%, 50%, 80%, 100% {
+
<nav class="navbar navbar-default">
        transform: translateY(0);
+
     <a class="navbar-brand">
        }
+
      <img src="https://static.igem.org/mediawiki/2018/e/e3/T--TecMonterrey_GDL--Home--logo.png" width="80">
        40% {
+
    </a>
        transform: translateY(-30px);
+
      <div class="container">
        }
+
            <!-- Brand and toggle get grouped for better mobile display -->
        60% {
+
            <div class="navbar-header">
        transform: translateY(-15px);
+
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
         }
+
                        aria-expanded="false">
     }
+
                        <span class="sr-only">Toggle navigation</span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                  </button>
 +
            </div>
 +
            <!-- Collect the nav links, forms, and other content for toggling -->
 +
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
              <ul class="nav navbar-nav">
 +
                <li class="active"><a href="https://2018.igem.org/Team:TecMonterrey_GDL">Home<span class="sr-only">(current)</span></a></li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Description">Description</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Abstract">Abstract</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Attributions">Our team</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Partners">Partners</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Checklist">Checklist</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dry lab<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Parts">Parts</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Composite_Part">Constructs</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Model">Mathematical model</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Wet lab<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/InterLab">Interlab</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Collaborations">Collaborations</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Improve">Improvement</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human practices<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Human_Practices">Timeline</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href=" https://2018.igem.org/Team:TecMonterrey_GDL/Public_Engagement">Public engagement</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Results<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/GeneticE">Genetic engineering</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Demonstrate">Biomimetric Tri-cultures</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Gut-on-a-chip">Gut on a chip</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Protocols">Protocols</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Lab_Logs">Lab agenda</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">What's next?<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Entrepreneurship">Business model</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Legal_Aspect">Legal aspect</a></li>
 +
                  </ul>
 +
                </li>
 +
              </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
      </div>
 +
      <!-- /.container-fluid -->
 +
</nav>
 +
<!--End Main Header -->
 +
<section class="page-title text-center" style="background-image:url(https://static.igem.org/mediawiki/2018/7/73/T--TecMonterrey_GDL--Description--ENCABEZADO.png);">
 +
    <div class="container">
 +
         <div class="title-text">
 +
            <h1>Lactobachill: a smart psychobiotic with anxiolytic and antidepressant properties</h1>
 +
        </div>
 +
     </div>
 +
</section>
  
    .arrow {
 
        margin-top: 2rem;
 
        width: 50px;
 
        height: 50px;
 
        margin-left: auto;
 
        margin-right: auto;
 
        background-image: url('https://static.igem.org/mediawiki/2018/6/69/T--TecMonterrey_GDL--Description--downarrow.png');
 
        background-repeat: no-repeat;
 
        background-size: contain;
 
    }
 
  
     .arrow:hover{
+
<section class="service-overview section">
         cursor: pointer;
+
     <div class="container">
    }
+
         <div class="row">
  
    .bounce {
+
          <div class="col-md-12">
        -webkit-animation: bounce 2s infinite;
+
              <div class="row">
        -moz-animation: bounce 2s infinite;
+
                <div class="col-md-6">
        animation: bounce 2s infinite;
+
                    <div class="contents">
    }
+
                        <div class="text">
 +
                            <p style="text-align:justify">According to the World Health Organization, depressive disorders affect more than 300 million people worldwide, and severe cases could lead to life threatening outcomes such as suicide. Although depression is a multifactorial condition, recent studies have shown that alterations in the microbiota cannot only affect human nutrition and energy metabolism, but can also lead to a variety of diseases and have a negative impact on mood and cognition. In recent years, psychobiotics (i.e., probiotic microorganisms that provide a benefit to the mental health of the host) have emerged as an attractive strategy for the treatment and prevention of a variety of psychiatric disorders. Alternative approaches like this are critical due to the increasing prevalence of depression and suicide worldwide, as well as the side-effects associated with conventional antidepressant medications.
 +
                            </p>
 +
                        </div>
 +
                      </div>
 +
                </div>
 +
                  <div class="col-md-6">
 +
                    <div class="col-md-2">
 +
                    </div>
 +
                    <div class="col-md-8">
 +
                      <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/9/97/T--TecMonterrey_GDL--Description--1.png" alt="service-image">
 +
                    </div>
 +
                    <div class="col-md-2">
 +
                    </div>
 +
                  </div>
  
    .third-page{
+
              </div>
        padding-top: 5rem;
+
          </div>
    }
+
          <br><br>
 +
            <div class="col-md-12">
 +
                <div class="row">
 +
                  <div class="col-md-6">
 +
                    <div class="col-md-2">
 +
                    </div>
 +
                    <div class="col-md-8">
 +
                      <br><br><br>
 +
                      <img class="img-responsive"src="https://static.igem.org/mediawiki/2018/c/c0/T--TecMonterrey_GDL--Description--2.png" alt="service-image">
 +
                    </div>
 +
                    <div class="col-md-2">
 +
                    </div>
 +
                  </div>
 +
                    <div class="col-md-6">
 +
                        <div class="contents">
 +
                            <div class="text">
 +
                                <br><br><br>
 +
                                <p style="text-align:justify">
 +
                                  Accumulating evidence has shown that there is a strong correlation between alterations in the gut microbiota and the immune system, which could ultimately lead to systemic inflammation due to the release of proinflammatory cytokines such as IL-1, and IL-6. In particular, IL-6 trans-signalling has been implicated in the development of a variety of pathologies, such as chronic inflammation, cancer, cardiovascular diseases, diabetes, as well as psychiatric disorders such as depression and anxiety. Furthermore, clinical evidence has demonstrated that patients with anxiety and depression exhibit high plasma concentrations of IL-6, as well as increased levels of oxidative and nitrosative stress. Because of this, significant efforts have been made towards the development of therapeutic strategies that can ameliorate the proinflammatory effects of IL-6. However, the specific inhibition of IL-6 for the treatment and prevention of depression remains largely unexplored.
 +
                                </p>
 +
                            </div>
 +
                            </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="col-md-12">
 +
                <div class="row">
 +
                  <div class="col-md-6">
 +
                      <div class="contents">
 +
                          <div class="text">
 +
                              <br><br>
 +
                              <p style="text-align:justify">Based on this evidence, we aimed to develop <i>Lactobachill</i>, a psychobiotic that is able to sense the levels of nitrosative stress in the body, and respond by secreting different soluble receptors that can inhibit IL-6 trans-signalling. Briefly, we will couple the expression and secretion of soluble variants of the IL-6 signal transducer (i.e., sgp130) to a promoter that is sensible to increases in local nitrosative stress. This soluble receptor has shown to bind with roaming complex of IL-6 and its soluble receptor (sgp80) and selectively inhibit IL-6 trans-signaling. For this, we will use a strain of <i>Lactobacillus rhamnosus GG</i>, a natural gut probiotic that has been widely used for the prevention and treatment of a variety of intestinal and extra-intestinal pathologies. Moreover, we have been actively working in the human practices component of our project, by organizing different events to promote awareness about depression and anxiety. Currently, we are seeking collaborations with other iGEM teams from all over the world to obtain a deeper understanding of the psychosocial stressors that affect students at the undergraduate level. This is mainly because this demographic shows an increased risk of developing depression owing to sustained exposure to stressful environments.
 +
                              </p>
 +
                          </div>
 +
                        </div>
 +
                  </div>
 +
                  <div class="col-md-6">
 +
                    <div class="col-md-2">
 +
                    </div>
 +
                    <div class="col-md-8">
 +
                      <br><br>
 +
                      <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/3/31/T--TecMonterrey_GDL--Description--3.png" alt="service-image">
 +
                    </div>
 +
                    <div class="col-md-2">
 +
                    </div>
 +
                  </div>
  
</style>
+
                </div>
<script>
+
            </div>
    $(document).ready(function(){
+
            <div class="col-md-12">
        $('.arrow').click(function(event){
+
                <div class="row">
            var nextSection;
+
                  <div class="col-md-6">
            switch(event.target.id){
+
                    <div class="col-md-2">
                case 'arrow1':
+
                    </div>
                     nextSection = $("#page2");
+
                     <div class="col-md-8">
                break;
+
                      <br><br><br><br><br><br><br>
                case 'arrow2':
+
                      <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/5/56/T--TecMonterrey_GDL--Description--chip.png" alt="service-image">
                     nextSection = $("#page3");
+
                     </div>
                 break;
+
                    <div class="col-md-2">
             }
+
                    </div>
 +
                  </div>
 +
                  <div class="col-md-6">
 +
                      <div class="contents">
 +
                          <div class="text">
 +
                              <br><br>
 +
                              <p style="text-align:justify">
 +
                                Alterations in the interactions between the gut microbiome, the intestinal epithelium, and the immune system have been linked to a wide range of pathologies, which include autoimmune diseases, cancer, neurodevelopmental conditions, and psychological and cognitive disorders. The paramount role of the microbiome-epithelium-immune axis in human health has brought forth the need for the development of models that can be used to explore how these complex interactions. Although in vivo models still constitute the gold standard for the study of complex hetero-cellular phenomena, the use of animals for experimentation is associated with numerous technical, scientific, and ethical limitations. Because of this, significant efforts have been made towards the development of physiologically relevant in vitro models that can be used to circumvent the need and the limitations of animal models. Recent developments in the fields of microfluidics and microfabrication have led to the development of microphysiological models of human organs (i.e., organ-on-a-chip) with unprecedented human-relevance. Although these models can be used to study complex heterocellular interactions in biomimetic microenvironments, the incorporation of bacterial cells to study microbial-human interactions in vitro remains largely unexplored. This is mainly because of the lack of experimental platforms that can be used for the maintenance of mammalian-bacterial co-cultures in vitro. This is particularly important in the context of the human gut, owing to the key role of the microbiota in the modulation of different physiological processes that are relevant for human health. Therefore, we evaluate the effect of the incorporation of different bacterial strains (including <i>L. rhamnosus</i>) on the viability of Transwell co-cultures of epithelial and immune cells that are normally present in the human gut. We then aimed to evaluate the feasibility of establishing microbial-mammalian co-cultures in a microphysiological model of the human gut (i.e., gut-on-a-chip). We believe this approach holds great potential for the development of more accurate experimental platforms to study the influence of bacterial populations on the physiological processes relevant for human health and disease.
 +
                              </p>
 +
                          </div>
 +
                        </div>
 +
                  </div>
 +
                 </div>
 +
             </div>
 +
        </div>
 +
    </div>
 +
</section>
  
            $('html, body').animate({
 
                scrollTop: nextSection.first().offset().top
 
            }, 800);
 
        });
 
  
         // Canvas with bouncing dots
+
<!--footer-main-->
         var canvas = document.getElementById("lactobachill-bg");
+
<footer class="footer-main">
         var ctx = canvas.getContext("2d");
+
  <div class="footer-top">
         ctx.canvas.width = $('.dots-container').width();
+
    <center>
         ctx.canvas.height = $('.dots-container').height();
+
      <!--PATROCINADORES-->
 +
         <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/6/67/T--TecMonterrey_GDL--Home--1.png" alt="service-image">
 +
         <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/0/02/T--TecMonterrey_GDL--Home--2.png" alt="service-image">
 +
         <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/c/cc/T--TecMonterrey_GDL--Home--3.png" alt="service-image">
 +
         <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/1/17/T--TecMonterrey_GDL--Home--4.png" alt="service-image">
 +
        <img class="sponsor-box" src="https://static.igem.org/mediawiki/2018/d/db/T--TecMonterrey_GDL--Home--5.png" alt="service-image">
 +
         <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/2/2a/T--TecMonterrey_GDL--Home--6.png" alt="service-image">
 +
        <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/9/93/T--TecMonterrey_GDL--Home--7.png" alt="service-image">
 +
        <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/7/7b/T--TecMonterrey_GDL--Home--8.png" alt="service-image">
  
        $( window ).resize(function() {
 
            ctx.canvas.width  = $('.dots-container').width();
 
            ctx.canvas.height = $('.dots-container').height();
 
        });
 
       
 
        class Circle {
 
            constructor  (x, y, radius, color) {
 
                this.offsetX = (Math.floor(Math.random() * 2) == 0)? .4:-.4;
 
                this.offsetY = (Math.floor(Math.random() * 2) == 0)? .4:-.4;
 
  
                // Avoid initial collition with the walls
+
              </center>
                if(x - radius < 0){
+
  </div>
                    x += radius;
+
  <div class="footer-bottom">
                }else if (x + radius >= canvas.clientWidth){
+
  <center>
                    x-= radius;
+
  <p style="color: #ffffff; text-align:center">TecMonterrey_GDL</p>
                }
+
  <a href="https://www.facebook.com/pg/IGem-2018-Tec-GDL-1844545129181886/about/?ref=page_internal">
 +
    <img width="25px"
 +
    src="data:image/svg+xml;base64,
 +
  PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDkwIDkwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5MCA5MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPgoJPHBhdGggaWQ9IkZhY2Vib29rX194MjhfYWx0X3gyOV8iIGQ9Ik05MCwxNS4wMDFDOTAsNy4xMTksODIuODg0LDAsNzUsMEgxNUM3LjExNiwwLDAsNy4xMTksMCwxNS4wMDF2NTkuOTk4ICAgQzAsODIuODgxLDcuMTE2LDkwLDE1LjAwMSw5MEg0NVY1NkgzNFY0MWgxMXYtNS44NDRDNDUsMjUuMDc3LDUyLjU2OCwxNiw2MS44NzUsMTZINzR2MTVINjEuODc1QzYwLjU0OCwzMSw1OSwzMi42MTEsNTksMzUuMDI0VjQxICAgaDE1djE1SDU5djM0aDE2YzcuODg0LDAsMTUtNy4xMTksMTUtMTUuMDAxVjE1LjAwMXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIgZGF0YS1vbGRfY29sb3I9IiNmZmZmZmYiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+" />
 +
  </a>
  
                if(y - radius < 0){
+
<a href="https://www.instagram.com/igem2018_tecgdl/">
                    y += radius;
+
  <img width="25px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zNjMuMjczLDBIMTQ4LjcyOEM2Ni43MTksMCwwLDY2LjcxOSwwLDE0OC43Mjh2MjE0LjU0NEMwLDQ0NS4yODEsNjYuNzE5LDUxMiwxNDguNzI4LDUxMmgyMTQuNTQ0ICAgIEM0NDUuMjgxLDUxMiw1MTIsNDQ1LjI4MSw1MTIsMzYzLjI3M1YxNDguNzI4QzUxMiw2Ni43MTksNDQ1LjI4MSwwLDM2My4yNzMsMHogTTQ3MiwzNjMuMjcyQzQ3Miw0MjMuMjI1LDQyMy4yMjUsNDcyLDM2My4yNzMsNDcyICAgIEgxNDguNzI4Qzg4Ljc3NSw0NzIsNDAsNDIzLjIyNSw0MCwzNjMuMjczVjE0OC43MjhDNDAsODguNzc1LDg4Ljc3NSw0MCwxNDguNzI4LDQwaDIxNC41NDRDNDIzLjIyNSw0MCw0NzIsODguNzc1LDQ3MiwxNDguNzI4ICAgIFYzNjMuMjcyeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iI2ZmZmZmZiI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjU2LDExOGMtNzYuMDk0LDAtMTM4LDYxLjkwNi0xMzgsMTM4czYxLjkwNiwxMzgsMTM4LDEzOHMxMzgtNjEuOTA2LDEzOC0xMzhTMzMyLjA5NCwxMTgsMjU2LDExOHogTTI1NiwzNTQgICAgYy01NC4wMzcsMC05OC00My45NjMtOTgtOThzNDMuOTYzLTk4LDk4LTk4czk4LDQzLjk2Myw5OCw5OFMzMTAuMDM3LDM1NCwyNTYsMzU0eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iI2ZmZmZmZiI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8Y2lyY2xlIGN4PSIzOTYiIGN5PSIxMTYiIHI9IjIwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjZmZmZmZmIj48L2NpcmNsZT4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+" />
                }else if (y + radius >= canvas.clientHeight){
+
</a>
                    y -= radius;
+
                }
+
                this.x = x;
+
                this.y = y;
+
                this.radius = radius;
+
                this.color = color;
+
  
                this.update();
+
<a href="https://twitter.com/teamtecgdl?lang=es">
            }
+
  <img width="25px"
           
+
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQzOC41MzYgNDM4LjUzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUzNiA0MzguNTM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+Cgk8cGF0aCBkPSJNNDE0LjQxLDI0LjEyM0MzOTguMzMzLDguMDQyLDM3OC45NjMsMCwzNTYuMzE1LDBIODIuMjI4QzU5LjU4LDAsNDAuMjEsOC4wNDIsMjQuMTI2LDI0LjEyMyAgIEM4LjA0NSw0MC4yMDcsMC4wMDMsNTkuNTc2LDAuMDAzLDgyLjIyNXYyNzQuMDg0YzAsMjIuNjQ3LDguMDQyLDQyLjAxOCwyNC4xMjMsNTguMTAyYzE2LjA4NCwxNi4wODQsMzUuNDU0LDI0LjEyNiw1OC4xMDIsMjQuMTI2ICAgaDI3NC4wODRjMjIuNjQ4LDAsNDIuMDE4LTguMDQyLDU4LjA5NS0yNC4xMjZjMTYuMDg0LTE2LjA4NCwyNC4xMjYtMzUuNDU0LDI0LjEyNi01OC4xMDJWODIuMjI1ICAgQzQzOC41MzIsNTkuNTc2LDQzMC40OSw0MC4yMDQsNDE0LjQxLDI0LjEyM3ogTTMzNS40NzEsMTY4LjczNWMwLjE5MSwxLjcxMywwLjI4OCw0LjI3OCwwLjI4OCw3LjcxICAgYzAsMTUuOTg5LTIuMzM0LDMyLjAyNS02Ljk5NSw0OC4xMDRjLTQuNjYxLDE2LjA4Ny0xMS44LDMxLjUwNC0yMS40MTYsNDYuMjU0Yy05LjYwNiwxNC43NDktMjEuMDc0LDI3Ljc5MS0zNC4zOTYsMzkuMTE1ICAgYy0xMy4zMjUsMTEuMzItMjkuMzExLDIwLjM2NS00Ny45NjgsMjcuMTE3Yy0xOC42NDgsNi43NjItMzguNjM3LDEwLjE0My01OS45NTMsMTAuMTQzYy0zMy4xMTYsMC02My43Ni04Ljk1Mi05MS45MzEtMjYuODM2ICAgYzQuNTY4LDAuNTY4LDkuMzI5LDAuODU1LDE0LjI3NSwwLjg1NWMyNy42LDAsNTIuNDM5LTguNTY1LDc0LjUxOS0yNS43Yy0xMi45NDEtMC4xODUtMjQuNTA2LTQuMTc5LTM0LjY4OC0xMS45OTEgICBjLTEwLjE4NS03LjgwMy0xNy4yNzMtMTcuNjk5LTIxLjI3MS0yOS42OTFjNC45NDcsMC43Niw4LjY1OCwxLjEzNywxMS4xMzIsMS4xMzdjNC4xODcsMCw5LjA0Mi0wLjc2LDE0LjU2LTIuMjc5ICAgYy0xMy44OTQtMi42NjktMjUuNTk4LTkuNTYyLTM1LjExNS0yMC42OTdjLTkuNTE5LTExLjEzNi0xNC4yNzctMjMuODQtMTQuMjc3LTM4LjExNHYtMC41NzEgICBjMTAuMDg1LDQuNzU1LDE5LjYwMiw3LjIyOSwyOC41NDksNy40MjJjLTE3LjMyMS0xMS42MTMtMjUuOTgxLTI4LjI2NS0yNS45ODEtNDkuOTYzYzAtMTAuNjYsMi43NTgtMjAuNzQ3LDguMjc4LTMwLjI2NCAgIGMxNS4wMzUsMTguNDY0LDMzLjMxMSwzMy4yMTMsNTQuODE2LDQ0LjI1MmMyMS41MDcsMTEuMDM4LDQ0LjU0LDE3LjIyNyw2OS4wOTIsMTguNTU4Yy0wLjk1LTMuNjE2LTEuNDI3LTguMTg2LTEuNDI3LTEzLjcwNCAgIGMwLTE2LjU2Miw1Ljg1My0zMC42OTIsMTcuNTYtNDIuMzk5YzExLjcwMy0xMS43MDYsMjUuODM3LTE3LjU2MSw0Mi4zOTQtMTcuNTYxYzE3LjUxNSwwLDMyLjA3OSw2LjI4Myw0My42ODgsMTguODQ2ICAgYzEzLjEzNC0yLjQ3NCwyNS44OTItNy4zMywzOC4yNi0xNC41NmMtNC43NTcsMTQuNjUyLTEzLjYxMywyNS43ODgtMjYuNTUsMzMuNDAyYzEyLjM2OC0xLjcxNiwyMy44OC00Ljk1LDM0LjUzNy05LjcwOCAgIEMzNTcuNDU4LDE0OS43OTMsMzQ3LjQ2MiwxNjAuMTY2LDMzNS40NzEsMTY4LjczNXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIgZGF0YS1vbGRfY29sb3I9IiNmZmZmZmYiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+" />
            draw() {
+
                ctx.fillStyle = this.color;
+
                ctx.beginPath();
+
                ctx.arc(this.x, this.y, this.radius, 0, 2*Math.PI);
+
                ctx.fill();
+
            }
+
  
            update() {
+
</a>
                if((this.x - this.radius) <= 0 || (this.x + this.radius) >= canvas.clientWidth){
+
</center>
                    this.offsetX *= -1;
+
</div>
                }
+
                if((this.y + this.radius) >= canvas.clientHeight || (this.y - this.radius) <= 0){
+
                    this.offsetY *= -1;
+
                }
+
                this.x += this.offsetX;
+
                this.y += this.offsetY;
+
                this.draw();
+
            }
+
        }
+
   
+
       
+
        var circles = [];
+
       
+
        circles.push(new Circle(Math.floor(Math.random() * canvas.clientWidth), Math.floor(Math.random() * canvas.clientHeight), 40, '#a3689be9'));
+
        circles.push(new Circle(Math.floor(Math.random() * canvas.clientWidth), Math.floor(Math.random() * canvas.clientHeight), 100, '#5a93bbff'));
+
        circles.push(new Circle(Math.floor(Math.random() * canvas.clientWidth), Math.floor(Math.random() * canvas.clientHeight), 48, '#c8ecf3e8'));
+
        circles.push(new Circle(Math.floor(Math.random() * canvas.clientWidth), Math.floor(Math.random() * canvas.clientHeight), 50, '#d9b4f3ee'));
+
        circles.push(new Circle(Math.floor(Math.random() * canvas.clientWidth), Math.floor(Math.random() * canvas.clientHeight), 55, '#75bff4ff'));
+
        circles.push(new Circle(Math.floor(Math.random() * canvas.clientWidth), Math.floor(Math.random() * canvas.clientHeight), 45, '#eabad3ec'));
+
  
        circles.push(new Circle(Math.floor(Math.random() * canvas.clientWidth), Math.floor(Math.random() * canvas.clientHeight), 70, '#68abdae4'));
+
</footer>
        circles.push(new Circle(Math.floor(Math.random() * canvas.clientWidth), Math.floor(Math.random() * canvas.clientHeight), 60, '#406986ff'));
+
<!--End footer-main-->
        circles.push(new Circle(Math.floor(Math.random() * canvas.clientWidth), Math.floor(Math.random() * canvas.clientHeight), 104, '#eac5d6e8'));
+
        circles.push(new Circle(Math.floor(Math.random() * canvas.clientWidth), Math.floor(Math.random() * canvas.clientHeight), 68, '#c8ecf3e8'));
+
        circles.push(new Circle(Math.floor(Math.random() * canvas.clientWidth), Math.floor(Math.random() * canvas.clientHeight), 65, '#cfa5f3e4'));
+
        circles.push(new Circle(Math.floor(Math.random() * canvas.clientWidth), Math.floor(Math.random() * canvas.clientHeight), 63, '#e9d2e8ff'));
+
       
+
  
        function animate() {
 
            ctx.clearRect(0, 0, canvas.clientWidth, canvas.clientHeight);
 
            circles.forEach(function (circle) {
 
                circle.update();
 
            });
 
            requestAnimationFrame(animate);
 
            console.log('animate');
 
        }
 
        animate();
 
       
 
    });
 
</script>
 
 
<div class="container" id="page1">
 
    <div class="row">
 
        <div class="col-12 text-center dots-container">
 
            <canvas id="lactobachill-bg"></canvas>
 
        </div>
 
        <div class="col-12 text-center">
 
            <h2 class="purple-color title">A smart psychobiotic with anxiolytic and antidepressant properties</h2>
 
        </div>
 
    </div>
 
    <div class="row">
 
        <div class="col-md-5">
 
            <div class="row">
 
                <div class="col-8 text-center">
 
                    <img class="microbes-img" src="./psychotropic.png" alt="probiotics picture">
 
                    <h3 class="subtitle blue-color">Psychotropic</h3>
 
                    <p class="text blue-color">Substance that has an effect on people’s state of mind.</p>
 
                </div>
 
                <div class="col-4 text-center">
 
                    <span class="symbol blue-color">+</span>
 
                </div>
 
            </div>
 
        </div>
 
        <div class="col-md-4">
 
            <div class="row">
 
                <div class="col-8 text-center">
 
                    <img class="microbes-img" src="./probiotics.png" alt="probiotics picture">
 
                    <h3 class="subtitle violet-color">Probiotics</h3>
 
                    <p class="text violet-color">A microorganism that when consumed maintains or restores beneficial bacteria to the digestive tract.</p>
 
                </div>
 
                <div class="col-4 text-center">
 
                    <span class="symbol blue-color">=</span>
 
                </div>
 
            </div>
 
        </div>
 
        <div class="col-md-3 text-center">
 
            <img class="microbes-img" src="./psychobiotics.png" alt="probiotics picture">
 
            <h3 class="subtitle aqua-color">Psychobiotics</h3>
 
            <p class="text aqua-color">Gut microbiomes may have a significant impact on mood and cognition</p>
 
        </div>
 
    </div>
 
    <div class="text-center">
 
        <div class="arrow bounce" id="arrow1"></div>
 
    </div>
 
 
</div>
 
</div>
<div class="container" id="page2">
+
<!--End pagewrapper-->
    <div class="row">
+
</body>
        <div class="col-12 text-center">
+
            <h2 class="desc-title lightblue-color">Description</h2>
+
        </div>
+
        <div class="col-12 paragraphs">
+
            <p>The microbiota has been consistently linked to human well-being. Studies show that microbiota not only can impact nutrition and metabolism, but also the mood.</p>
+
            <p>Psychobiotics is the field where probiotics and psychotropics (molecules that can alter mood) converge, opening the possibility of therapies where good bacteria can help lighten or reduce the impact of certain psychiatric conditions, such as depression. </p>
+
            <p>Depression affects more than 300 million people in the world, shockingly, an increase of more than 18% between 2005 and 2015 was observed according to World Health Organization (2018). There are many barriers towards dealing with depression, from availability of help to non-recognition of the problem. </p>
+
            <p>Depression is the leading cause of ill health and disability worldwide. Our Human Practices are centered towards conscientization and against stigmatization of depression; as well as performing a campaign to incentive people to seek aid when they need to.</p>
+
 
+
        </div>
+
    </div>
+
    <div class="text-center">
+
        <div class="arrow bounce" id="arrow2"></div>
+
    </div>
+
</div>
+
<div class="container" id="page3">
+
        <div class="row third-page">
+
            <div class="col-md-6 paragraphs">
+
                <p>On the other hand, there is a strong relationship between systemic inflammation and psychiatric disorders.</p>
+
                <p>Our strategy consists of genetically engineering Lactobacillus rhamnosus GG,  a natural gut probiotic, into producing and possible secreting soluble IL-6 receptors gp80 (mutated for increased affinity) and gp130 in order to aid reducing trans-signalization of the inflammatory pathway of cytokine interleukin 6.</p>
+
                <p>Our system will be triggered by nitrosative stress, which is a known pathway of inflammatory, depressive and stress afflictions.</p>
+
                <p>Blocking the trans-signaling of IL-6 system also prevents tryptophan catabolism to serotonin to deviate into other catabolites.</p>
+
                <p>This is how Lactobachill, can be used as an alternative treatment for depression as well as other inflammatory disorders.</p>
+
            </div>
+
            <div class="col-md-6 text-center d-flex align-items-center">
+
                <img class="process-img" src="https://static.igem.org/mediawiki/2018/4/4d/T--TecMonterrey_GDL--Description--process.png" alt="process image">
+
            </div>
+
        </div>
+
    </div>
+
  
 
</html>
 
</html>

Latest revision as of 02:33, 18 October 2018

TecMonterrey_GDL

Lactobachill: a smart psychobiotic with anxiolytic and antidepressant properties

According to the World Health Organization, depressive disorders affect more than 300 million people worldwide, and severe cases could lead to life threatening outcomes such as suicide. Although depression is a multifactorial condition, recent studies have shown that alterations in the microbiota cannot only affect human nutrition and energy metabolism, but can also lead to a variety of diseases and have a negative impact on mood and cognition. In recent years, psychobiotics (i.e., probiotic microorganisms that provide a benefit to the mental health of the host) have emerged as an attractive strategy for the treatment and prevention of a variety of psychiatric disorders. Alternative approaches like this are critical due to the increasing prevalence of depression and suicide worldwide, as well as the side-effects associated with conventional antidepressant medications.

service-image





service-image



Accumulating evidence has shown that there is a strong correlation between alterations in the gut microbiota and the immune system, which could ultimately lead to systemic inflammation due to the release of proinflammatory cytokines such as IL-1, and IL-6. In particular, IL-6 trans-signalling has been implicated in the development of a variety of pathologies, such as chronic inflammation, cancer, cardiovascular diseases, diabetes, as well as psychiatric disorders such as depression and anxiety. Furthermore, clinical evidence has demonstrated that patients with anxiety and depression exhibit high plasma concentrations of IL-6, as well as increased levels of oxidative and nitrosative stress. Because of this, significant efforts have been made towards the development of therapeutic strategies that can ameliorate the proinflammatory effects of IL-6. However, the specific inhibition of IL-6 for the treatment and prevention of depression remains largely unexplored.



Based on this evidence, we aimed to develop Lactobachill, a psychobiotic that is able to sense the levels of nitrosative stress in the body, and respond by secreting different soluble receptors that can inhibit IL-6 trans-signalling. Briefly, we will couple the expression and secretion of soluble variants of the IL-6 signal transducer (i.e., sgp130) to a promoter that is sensible to increases in local nitrosative stress. This soluble receptor has shown to bind with roaming complex of IL-6 and its soluble receptor (sgp80) and selectively inhibit IL-6 trans-signaling. For this, we will use a strain of Lactobacillus rhamnosus GG, a natural gut probiotic that has been widely used for the prevention and treatment of a variety of intestinal and extra-intestinal pathologies. Moreover, we have been actively working in the human practices component of our project, by organizing different events to promote awareness about depression and anxiety. Currently, we are seeking collaborations with other iGEM teams from all over the world to obtain a deeper understanding of the psychosocial stressors that affect students at the undergraduate level. This is mainly because this demographic shows an increased risk of developing depression owing to sustained exposure to stressful environments.



service-image







service-image


Alterations in the interactions between the gut microbiome, the intestinal epithelium, and the immune system have been linked to a wide range of pathologies, which include autoimmune diseases, cancer, neurodevelopmental conditions, and psychological and cognitive disorders. The paramount role of the microbiome-epithelium-immune axis in human health has brought forth the need for the development of models that can be used to explore how these complex interactions. Although in vivo models still constitute the gold standard for the study of complex hetero-cellular phenomena, the use of animals for experimentation is associated with numerous technical, scientific, and ethical limitations. Because of this, significant efforts have been made towards the development of physiologically relevant in vitro models that can be used to circumvent the need and the limitations of animal models. Recent developments in the fields of microfluidics and microfabrication have led to the development of microphysiological models of human organs (i.e., organ-on-a-chip) with unprecedented human-relevance. Although these models can be used to study complex heterocellular interactions in biomimetic microenvironments, the incorporation of bacterial cells to study microbial-human interactions in vitro remains largely unexplored. This is mainly because of the lack of experimental platforms that can be used for the maintenance of mammalian-bacterial co-cultures in vitro. This is particularly important in the context of the human gut, owing to the key role of the microbiota in the modulation of different physiological processes that are relevant for human health. Therefore, we evaluate the effect of the incorporation of different bacterial strains (including L. rhamnosus) on the viability of Transwell co-cultures of epithelial and immune cells that are normally present in the human gut. We then aimed to evaluate the feasibility of establishing microbial-mammalian co-cultures in a microphysiological model of the human gut (i.e., gut-on-a-chip). We believe this approach holds great potential for the development of more accurate experimental platforms to study the influence of bacterial populations on the physiological processes relevant for human health and disease.