Difference between revisions of "Team:BioIQS-Barcelona"

 
(47 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
  
 +
    <!-- JQUERY CDN, REMOVE.    script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script-->
 +
 +
    <!--script>
 +
            if (typeof jQuery == 'undefined') {
 +
                console.log("jquery not loaded")
 +
            } else {
 +
                console.log("jquery is loaded")
 +
            }
 +
        </script-->
 +
 +
       
 
     <script>
 
     <script>
 
         var element = document.querySelector('[rel="stylesheet"]');
 
         var element = document.querySelector('[rel="stylesheet"]');
Line 12: Line 25:
 
         stylesheet.disabled = true;
 
         stylesheet.disabled = true;
 
     </script>
 
     </script>
 +
 +
<!--script>
 +
        if (typeof jQuery == 'undefined') {
 +
            console.log("jquery not loaded after disabling")
 +
        } else {
 +
            console.log("jquery is loaded after diabling")
 +
        }
 +
    </script-->
  
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/goodload?action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/goodload?action=raw&ctype=text/css">
  
−
     <!--script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/vendor?action=raw&ctype=text/javascript" type="text/javascript"></script-->
+
     <!-- Habilitar nomes al app per veure les funcions Jquery -->
 +
    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/vendor?action=raw&ctype=text/javascript"></script>
  
 
     <title>BIO IQS</title>
 
     <title>BIO IQS</title>
Line 34: Line 56:
 
     <!-- Custom fonts for this template -->
 
     <!-- Custom fonts for this template -->
 
     <link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/allmin?action=raw&ctype=text/css" rel="stylesheet"> <!-- canvio all.min per allmin-->
 
     <link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/allmin?action=raw&ctype=text/css" rel="stylesheet"> <!-- canvio all.min per allmin-->
−
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/simple-line-icons?action=raw&ctype=text/css"> <!-- CANVI-->
+
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/simplelineicons?action=raw&ctype=text/css">     <!-- CANVI-->
 
     <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
−
     <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
+
     <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">     
 +
    <!-- Importing fonts awesome, it doesnt work from allmin.css because of url('undefined'), needed to upload manually -->   
 +
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  
  
Line 44: Line 68:
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/adaptwiki?action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/adaptwiki?action=raw&ctype=text/css">
  
−
 
−
    <!--script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/wiki?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script-->
 
  
 
     <!--Added MathJax hack to make inline equations work-->
 
     <!--Added MathJax hack to make inline equations work-->
Line 62: Line 84:
 
     <navigationbar></navigationbar>
 
     <navigationbar></navigationbar>
  
 +
   
 +
    <button id="myBtn" class="js-scroll-trigger" title="Go to top">Top</button>
  
−
    <!-- Si deixem el tag header aqui es reemplaça per la navbar. S'haura de canviar. -->
 
 
     <header class="masthead">
 
     <header class="masthead">
 
         <div class="container h-100">
 
         <div class="container h-100">
Line 69: Line 92:
 
                 <div class="col-lg-7 my-auto">
 
                 <div class="col-lg-7 my-auto">
 
                     <div class="header-content mx-auto">
 
                     <div class="header-content mx-auto">
−
                         <h1 class="mb-5">We are the BioIQS bcn iGEM team!</h1>
+
                         <h1 class="mb-5">We are the BioIQS iGEM team!</h1>
−
                         <a href="https://2018.igem.org/Team:BioIQS-Barcelona#download" class="btn btn-outline btn-xl js-scroll-trigger">Meet us!</a>
+
                         <a href="https://2018.igem.org/Team:BioIQS-Barcelona#project" class="btn btn-outline btn-xl js-scroll-trigger">Explore our project!</a>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 81: Line 104:
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-md-9 mx-auto">
 
                 <div class="col-md-9 mx-auto">
−
                     <h2 class="section-heading orange">Project description</h2>
+
                     <h2 class="section-heading orange">Welcome to our page</h2>
−
                     <h3 class="orange">We would like to present you a brief description of our project on celiac
+
                     <h3 class="orange">A brief resume:</h3>
−
                        disease:</h3>
+
  
 
                     <div class="col-md-auto">
 
                     <div class="col-md-auto">
−
                         <p class="book orange">Our project is based on the design of a <b>personalized gluten sensor</b>
+
                         <p class="book orange">Our project is based on the design of a <b>personalized gluten sensor</b> by using the common tools of <b>synthetic biology</b>. There are already several sensors that are able to detect gluten in the food. However, there are milestones that still have not been overcome. We propose a robust model in which the <b>HLA-DQ</b> protein of a patient is expressed and used as a sensor to detect specific reactive gluten epitopes.</p>
−
                            by using the common tools of synthetic biology. There are already several sensors that are
+
−
                            able to detect gluten in the food. However, there are milestones that still have not been
+
−
                            overcome. We propose a robust model in which the HLA molecule of a patient is expressed and
+
−
                            used as a sensor to detect specific reactive gluten epitopes.</p>
+
 
                     </div>
 
                     </div>
 
                     <a class="js-scroll-trigger a-arrow" href="https://2018.igem.org/Team:BioIQS-Barcelona#t-project"><span class="arrow down"></span></a>
 
                     <a class="js-scroll-trigger a-arrow" href="https://2018.igem.org/Team:BioIQS-Barcelona#t-project"><span class="arrow down"></span></a>
Line 107: Line 125:
 
                     <div class="row justify-content-center">
 
                     <div class="row justify-content-center">
 
                         <div class="col-md-11 col-lg-7">
 
                         <div class="col-md-11 col-lg-7">
−
                             <p class="text-b"><b>Coeliac disease (CD)</b> is an autoimmune disorder that is closely
+
                             <p class="text-b"><b>Celiac disease (CD)</b> is an autoimmune disorder that is closely related with HLA (Human Leukocyte Antigen), a type of cell-surface proteins that are responsible for the regulation of the inmune systems in humans.</p>
−
                                related with HLA (Human leukocyte antigen), a type of receptor that are located in the
+
−
                                surface of almost every cell of a human tissue, including white blood cells.</p>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 115: Line 131:
 
             </div>
 
             </div>
 
             <div class="row cnt block-desc">
 
             <div class="row cnt block-desc">
−
                <div class="col-mx-auto relative microscopi">
+
              <div class="col-mx-auto relative microscopi">
−
                    <div class="col-md-7 ">
+
                <div class="col-md-7 ">
−
                        <p class="apart fletxa">These molecules are responsible for the correct discrimination between
+
                    <p class="apart fletxa">These molecules are responsible for the correct discrimination between what is self and foreign proteins, guaranteeing the correct immune response against foreign agents that can cause infections.
−
                            what is self and foreign proteins, guaranteeing the correct immune response against foreign
+
                    </p>
−
                            agents that can cause infections.
+
−
                        </p>
+
−
                    </div>
+
−
 
+
 
                 </div>
 
                 </div>
−
 
+
                 
 +
              </div>
 +
               
  
 
             </div>
 
             </div>
Line 131: Line 145:
 
                 <div class="col-md-6 text-description">
 
                 <div class="col-md-6 text-description">
 
                     <p class="text-b fletxa-d">
 
                     <p class="text-b fletxa-d">
−
                         Within the HLA protein family there are the highly polymorphic HLA-DQ, which means that
+
                         Within the HLA protein family there is a subset called HLA-DQ. There are several DQ isoforms that can bind to different gluten-derived epitopes and present them to T-cells. More specifically, 25% of the general population carry the <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Celiac_disease">HLA-DQ haplotype</a> that recognizes gluten-derived epitopes, but only 1% of the population suffer from celiac disease.
−
                        <b>there are a lot of existing genetic variants of these molecules</b>. Some of these HLA-DQ
+
−
                        variants are able to recognize different gluten epitopes (aminoacid sequence of a protein) and
+
−
                        present them to the T cells. More specifically, 25% of the general population carry the HLA-DQ
+
−
                        that can recognize gluten derived epitopes, but only 1% of the population suffer from coeliac
+
−
                        disease.
+
 
                     </p>
 
                     </p>
  
 
                 </div>
 
                 </div>
 
                 <div class="col-md-6 end">
 
                 <div class="col-md-6 end">
−
                     <p class="apart yellow">The reason of such fact is that the inflammatory reaction is triggered by
+
                     <p class="apart yellow">As a consequence of T-cell activation, an inmune response is triggered, causing damage to the enterocytes present in the small intestine.</p>
−
                        some T cells that can sense the gluten epitope presented by the HLA-DQ.</p>
+
 
                     <!--                    <img src="images/hla-solo.png">-->
 
                     <!--                    <img src="images/hla-solo.png">-->
 
                 </div>
 
                 </div>
Line 155: Line 163:
 
                     <div class="row justify-content-center prov">
 
                     <div class="row justify-content-center prov">
 
                         <div class="col-sm-9">
 
                         <div class="col-sm-9">
−
                             <p class="text-b">Understanding why the inflammatory response is triggered by a certain
+
                             <p class="text-b">Understanding why the inflammatory response is triggered by a certain type of T cells upon epitope presentation by HLA-DQ molecules is essential to uncover the mechanism of CD. Since the first step for the immune response activation is the recognition and binding of the gluten epitope to the HLA-DQ receptor, we developed a sensor based on this principle.</p>
−
                                type of T cells upon epitope presentation by HLA-DQ molecules is essential to uncover
+
−
                                the mechanism of CD. Since the first step for the immune response activation is the
+
−
                                recognition and binding of the gluten epitope to the HLA-DQ receptor. </p>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="col-md-8 end cnt block-desc-t">
 
                 <div class="col-md-8 end cnt block-desc-t">
−
                     <p class="apart yellow">The development of a personalized sensor to determine reactive epitopes
+
                     <p class="apart yellow">The development of a personalized sensor to detect reactive epitopes could help to better understand the disease and would also allow the screening of those foods that could potentially trigger an immune response to the patient.</p>
−
                        could help to better understand the disease and would also allow the screening of those foods
+
−
                        that could potentially trigger an immune response to the patient.</p>
+
 
                 </div>
 
                 </div>
  
Line 187: Line 190:
 
                     <div class="col-md-auto orange">
 
                     <div class="col-md-auto orange">
 
                         <p class="book">In our iGEM Project we will design a
 
                         <p class="book">In our iGEM Project we will design a
−
                             <b>personalized gluten sensor</b> through a synthetic biology approach. To do so, we
+
                             <b>personalized gluten sensor</b> through a synthetic biology approach. To do so, we decided to build a <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Model">model</a> based on the HLA expression of the patient which will be coupled to a sensor, allowing the detection of reactive gluten epitopes.</p>
−
                            decided to build a model based on the HLA expression of the patient which will be coupled
+
−
                            to a sensor, allowing the detection of reactive epitopes. The main specificities of our
+
−
                            sensor are described as follows:</p>
+
 
                     </div>
 
                     </div>
 
                     <a class="js-scroll-trigger a-arrow" href="https://2018.igem.org/Team:BioIQS-Barcelona#t-objectives"><span class="arrow down"></span></a>
 
                     <a class="js-scroll-trigger a-arrow" href="https://2018.igem.org/Team:BioIQS-Barcelona#t-objectives"><span class="arrow down"></span></a>
Line 205: Line 205:
 
                         <div class="col-md-12">
 
                         <div class="col-md-12">
 
                             <p class="apart big">first</p>
 
                             <p class="apart big">first</p>
−
                             <p class="text-b">Since our sensor will be built <b>according to the patient HLA</b>, it
+
                             <p class="text-b">To obtain de HLA-DQ from scratch. That means, to <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Basic_Part" style="color: #032a5e; text-decoration: underline">extract</a> the &alpha; and &beta; chains <b>from the genomic DNA of a celiac patient.</b></p>
−
                                will allow the detection of specific reactive epitopes independently of the food
+
−
                                source.</p>
+
 
                         </div>
 
                         </div>
−
                         <div class="col-md-12">
+
                          
−
                            <div class="row justify-content-center">
+
                          
−
 
+
−
                                <div class="col-md-3 center">
+
−
                                    <img class="img" src="https://static.igem.org/mediawiki/2018/f/f7/T--BioIQS-Barcelona--2018_diagn.png" alt="Card image cap">
+
−
                                </div>
+
−
                                <div class="col-md-3 center">
+
−
                                    <img class="img" src="https://static.igem.org/mediawiki/2018/e/e2/T--BioIQS-Barcelona--2018_dna.png" alt="Card image cap">
+
−
                                </div>
+
−
                            </div>
+
−
                         </div>
+
−
 
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 227: Line 215:
 
                         <div class="col-md-12">
 
                         <div class="col-md-12">
 
                             <p class="apart big">second</p>
 
                             <p class="apart big">second</p>
−
                             <p class="text-b">Additionally, our sensor will be able to detect reactive epitopes even in
+
                             <p class="text-b">To express the human HLA-DQ in a <b><a href="https://2018.igem.org/Team:BioIQS-Barcelona/Composite_Part" style="color: #032a5e; text-decoration: underline">bacterial</a> or yeast cell host.</b></p>
−
                                <b>fermented foods.</b></p>
+
−
                        </div>
+
−
                        <div class="col-md-12">
+
−
                            <div class="row">
+
−
                                <div class="col-3 center">
+
−
                                    <img class="img" src="https://static.igem.org/mediawiki/2018/6/66/T--BioIQS-Barcelona--2018_beer.png" alt="Card image cap">
+
−
                                </div>
+
−
                                <div class="col-3 center">
+
−
                                    <img class="img" src="https://static.igem.org/mediawiki/2018/4/40/T--BioIQS-Barcelona--2018_croissant.png" alt="Card image cap">
+
−
                                </div>
+
−
                                <div class="col-3 center">
+
−
                                    <img class="img" src="https://static.igem.org/mediawiki/2018/a/a0/T--BioIQS-Barcelona--2018_ramen.png" alt="Card image cap">
+
−
                                </div>
+
−
                                <div class="col-3 center">
+
−
                                    <img class="img" src="https://static.igem.org/mediawiki/2018/8/82/T--BioIQS-Barcelona--2018_salad.png" alt="Card image cap">
+
−
                                </div>
+
−
                            </div>
+
 
                         </div>
 
                         </div>
 +
                     
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 253: Line 225:
 
                     <div class="justify-content-center">
 
                     <div class="justify-content-center">
 
                         <p class="apart big">third</p>
 
                         <p class="apart big">third</p>
−
                         <!--<img class="image" src="images/epitop.png" alt="Card image cap">-->
+
                         <!--<img class="image" src="img/epitop.png" alt="Card image cap">-->
−
                         <p class="text-b">The methodology implemented in our sensor could be used for the <b>identification
+
                         <p class="text-b">To develop <b>non-dimensional mathematical and stochastic models</b> to understand and predict the <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Model"  style="color: #032a5e; text-decoration: underline">sensor dynamics.</a></p>
−
                                of new reactive epitopes</b> and unknown allelic variants.</p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="col-md-6 left">
 
                 <div class="col-md-6 left">
 
                     <p class="apart big">fourth</p>
 
                     <p class="apart big">fourth</p>
−
                     <p class="text-b">Our design requires<b> only a DNA sample of the patient.</b> Therefore, the
+
                     <p class="text-b">To <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Human_Practices" style="color: #032a5e; text-decoration: underline">provide information</a> to the public to <b>clear up common misunderstandings related to celiac disease.</b></p>
−
                        methodology and application of our sensor could be extended for the detection of other HLA
+
<!--                    <img class="img" src="img/win.png" alt="Card image cap">-->
−
                        related disorders.</p>
+
−
                    <!--                    <img class="img" src="images/win.png" alt="Card image cap">-->
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 275: Line 244:
  
 
     <!-- Bootstrap core JavaScript -->
 
     <!-- Bootstrap core JavaScript -->
−
     <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/jquery?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script>
+
     <!--script src="scripts/jquery.js"></script>
−
     <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/bootstrapbundle?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script>
+
     <script src="scripts/bootstrapbundle.js"></script-->
  
−
     <!-- Plugin JavaScript -->
+
     <!-- Plugin JavaScript >
−
     <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/jqueryeasing?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script>
+
    <script src="scripts/jqueryeasing.js"></script-->
 +
 
 +
    <!-- Custom scripts for this template >
 +
    <script src="scripts/new-age.js"></script>
 +
 
 +
    <script src="scripts/scrollsensitive.js"></script-->
 +
 
 +
 
 +
     <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/wiki?action=raw&ctype=text/javascript"></script> <!-- calling all minified scripts -->
 +
 
 +
        <!-- Bootstrap core JavaScript >
 +
        <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/jquery?action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/bootstrapbundle?action=raw&ctype=text/javascript"></script>
 +
   
 +
        <-- Plugin JavaScript ->
 +
        <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/jqueryeasing?action=raw&ctype=text/javascript"></script>
 +
   
 +
        <- Custom scripts for this template ->
 +
        <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/new-age?action=raw&ctype=text/javascript"></script>
 +
   
 +
        <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/scrollsensitive?action=raw&ctype=text/javascript"></script>
 +
        -->
 +
 
 +
 
 +
 
 +
 
 +
    <!--script type="text/javascript">
 +
        $(document).ready(function(){   
 +
            //Check if the current URL contains '#'
 +
            if(document.URL.indexOf("#")==-1){
 +
                // Set the URL to whatever it was plus "#".
 +
                url = document.URL+"#";
 +
                location = "#";
 +
       
 +
                //Reload the page
 +
                location.reload(true);
 +
            }
 +
        });
 +
        </script-->
  
−
    <!-- Custom scripts for this template -->
 
−
    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/new-age?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script>
 
  
−
    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/scrollsensitive?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script>
 
  
 
</html>
 
</html>

Latest revision as of 15:08, 10 December 2018

BIO IQS

We are the BioIQS iGEM team!

Explore our project!

Welcome to our page

A brief resume:

Our project is based on the design of a personalized gluten sensor by using the common tools of synthetic biology. There are already several sensors that are able to detect gluten in the food. However, there are milestones that still have not been overcome. We propose a robust model in which the HLA-DQ protein of a patient is expressed and used as a sensor to detect specific reactive gluten epitopes.

Celiac disease (CD) is an autoimmune disorder that is closely related with HLA (Human Leukocyte Antigen), a type of cell-surface proteins that are responsible for the regulation of the inmune systems in humans.

These molecules are responsible for the correct discrimination between what is self and foreign proteins, guaranteeing the correct immune response against foreign agents that can cause infections.

Within the HLA protein family there is a subset called HLA-DQ. There are several DQ isoforms that can bind to different gluten-derived epitopes and present them to T-cells. More specifically, 25% of the general population carry the HLA-DQ haplotype that recognizes gluten-derived epitopes, but only 1% of the population suffer from celiac disease.

As a consequence of T-cell activation, an inmune response is triggered, causing damage to the enterocytes present in the small intestine.

Understanding why the inflammatory response is triggered by a certain type of T cells upon epitope presentation by HLA-DQ molecules is essential to uncover the mechanism of CD. Since the first step for the immune response activation is the recognition and binding of the gluten epitope to the HLA-DQ receptor, we developed a sensor based on this principle.

The development of a personalized sensor to detect reactive epitopes could help to better understand the disease and would also allow the screening of those foods that could potentially trigger an immune response to the patient.

Look our objectives!

Objectives

Here there are:

In our iGEM Project we will design a personalized gluten sensor through a synthetic biology approach. To do so, we decided to build a model based on the HLA expression of the patient which will be coupled to a sensor, allowing the detection of reactive gluten epitopes.

first

To obtain de HLA-DQ from scratch. That means, to extract the α and β chains from the genomic DNA of a celiac patient.

second

To express the human HLA-DQ in a bacterial or yeast cell host.

third

To develop non-dimensional mathematical and stochastic models to understand and predict the sensor dynamics.

fourth

To provide information to the public to clear up common misunderstandings related to celiac disease.