Difference between revisions of "Team:BioIQS-Barcelona"

 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
 
 
<html>
 
<html>
  
−
<head>
+
 
 
     <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">
Line 10: Line 10:
 
     <!-- JQUERY CDN, REMOVE.    script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script-->
 
     <!-- JQUERY CDN, REMOVE.    script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script-->
  
−
     <script>
+
     <!--script>
 
             if (typeof jQuery == 'undefined') {
 
             if (typeof jQuery == 'undefined') {
 
                 console.log("jquery not loaded")
 
                 console.log("jquery not loaded")
Line 16: Line 16:
 
                 console.log("jquery is loaded")
 
                 console.log("jquery is loaded")
 
             }
 
             }
−
         </script>
+
         </script-->
  
 
          
 
          
Line 26: Line 26:
 
     </script>
 
     </script>
  
−
<script>
+
<!--script>
 
         if (typeof jQuery == 'undefined') {
 
         if (typeof jQuery == 'undefined') {
 
             console.log("jquery not loaded after disabling")
 
             console.log("jquery not loaded after disabling")
Line 32: Line 32:
 
             console.log("jquery is loaded after diabling")
 
             console.log("jquery is loaded after diabling")
 
         }
 
         }
−
     </script>
+
     </script-->
  
−
     <link rel="stylesheet" href="css/goodload.css">
+
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/goodload?action=raw&ctype=text/css">
  
 
     <!-- Habilitar nomes al app per veure les funcions Jquery -->
 
     <!-- Habilitar nomes al app per veure les funcions Jquery -->
−
     <script src="dist/js/vendor.js"></script>
+
     <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>
  
 
     <!-- Bootstrap core CSS -->
 
     <!-- Bootstrap core CSS -->
−
     <link href="css/bootstrapmin.css" rel="stylesheet">
+
     <link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/bootstrapmin?action=raw&ctype=text/css" rel="stylesheet">
  
 
     <script>
 
     <script>
 
         $(function () {
 
         $(function () {
−
             $('navigationbar').load('/templates/header.html');
+
             $('navigationbar').load('https://2018.igem.org/Template:BioIQS-Barcelona/header?action=raw&ctype=text/javascript');
−
             $('footer').load('/templates/footer.html');
+
             $('footer').load('https://2018.igem.org/Template:BioIQS-Barcelona/footer?action=raw&ctype=text/javascript');
 
         });
 
         });
 
     </script>
 
     </script>
Line 55: Line 55:
  
 
     <!-- Custom fonts for this template -->
 
     <!-- Custom fonts for this template -->
−
     <link href="css/allmin.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="css/simplelineicons.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">
  
  
−
     <link rel="stylesheet" href="css/new-age.css">
+
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/new-age?action=raw&ctype=text/css">
  
−
     <link rel="stylesheet" href="css/adaptwiki.css">
+
     <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/adaptwiki?action=raw&ctype=text/css">
  
  
Line 76: Line 78:
 
});
 
});
 
</script>
 
</script>
−
</head>
 
  
−
<body id="page-top">
+
 
−
    <div id="igem-navbar-placeholder">
+
 
−
        <!-- p>Placeholder for iGEM Navbar</p> -->
+
    <!-- TREIEM AIXO PQ SENSE ESTIL ES PERD EL FORMAT I NO SERVEIX DE RES -->
−
    </div> <!-- TREIEM AIXO PQ SENSE ESTIL ES PERD EL FORMAT I NO SERVEIX DE RES -->
+
 
     <navigationbar></navigationbar>
 
     <navigationbar></navigationbar>
  
Line 93: Line 93:
 
                     <div class="header-content mx-auto">
 
                     <div class="header-content mx-auto">
 
                         <h1 class="mb-5">We are the BioIQS iGEM team!</h1>
 
                         <h1 class="mb-5">We are the BioIQS iGEM team!</h1>
−
                         <a href="#project" class="btn btn-outline btn-xl js-scroll-trigger">Explore our project!</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 110: Line 110:
 
                         <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>
 
                         <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>
 
                     </div>
 
                     </div>
−
                     <a class="js-scroll-trigger a-arrow" href="#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>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 120: Line 120:
 
             <div class="row justify-content-center cnt">
 
             <div class="row justify-content-center cnt">
 
                 <div class="col-md-5 image">
 
                 <div class="col-md-5 image">
−
                     <img src="images/t-cell.png">
+
                     <img src="https://static.igem.org/mediawiki/2018/2/26/T--BioIQS-Barcelona--2018_t-cell.png">
 
                 </div>
 
                 </div>
 
                 <div class="col-md-7 text-description lines">
 
                 <div class="col-md-7 text-description lines">
 
                     <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 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>
+
                             <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>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 145: 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 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 that can recognize gluten-derived epitopes, but only 1% of the population suffer from coeliac disease.
+
                         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.
 
                     </p>
 
                     </p>
  
 
                 </div>
 
                 </div>
 
                 <div class="col-md-6 end">
 
                 <div class="col-md-6 end">
−
                     <p class="apart yellow">As a consequence of T-cell activation, an inmune response is triggered, and it ends up causing damage to the enterocytes present in the small intestine.</p>
+
                     <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>
 
                     <!--                    <img src="images/hla-solo.png">-->
 
                     <!--                    <img src="images/hla-solo.png">-->
 
                 </div>
 
                 </div>
Line 158: Line 158:
 
             <div class="row justify-content-center cnt block-desc">
 
             <div class="row justify-content-center cnt block-desc">
 
                 <div class="col-md-4 image">
 
                 <div class="col-md-4 image">
−
                     <img src="images/hla-solo.png">
+
                     <img src="https://static.igem.org/mediawiki/2018/1/1e/T--BioIQS-Barcelona--2018_hla-solo.png">
 
                 </div>
 
                 </div>
 
                 <div class="col-md-7 text-description">
 
                 <div class="col-md-7 text-description">
Line 168: Line 168:
 
                 </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 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>
+
                     <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>
 
                 </div>
 
                 </div>
  
Line 174: Line 174:
 
             <div class="row justify-content-center">
 
             <div class="row justify-content-center">
 
                 <div class="col-sm-3 button">
 
                 <div class="col-sm-3 button">
−
                     <a href="#objectiv" class="text-transform js-scroll-trigger">Look our objectives!</a>
+
                     <a href="https://2018.igem.org/Team:BioIQS-Barcelona#objectiv" class="text-transform js-scroll-trigger">Look our objectives!</a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 190: 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 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.</p>
+
                             <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>
 
                     </div>
 
                     </div>
−
                     <a class="js-scroll-trigger a-arrow" href="#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>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
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">To obtain de HLA-DQ from scratch. That means, to extract the &alpha; and &beta; chains <b>from the genomic DNA of a celiac patient.</b></p>
+
                             <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>
 
                         </div>
 
                         </div>
 
                          
 
                          
Line 215: 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">To express the human HLA-DQ in a <b>bacterial or yeast cell host.</b></p>
+
                             <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>
 
                         </div>
 
                         </div>
 
                        
 
                        
Line 226: Line 226:
 
                         <p class="apart big">third</p>
 
                         <p class="apart big">third</p>
 
                         <!--<img class="image" src="img/epitop.png" alt="Card image cap">-->
 
                         <!--<img class="image" src="img/epitop.png" alt="Card image cap">-->
−
                         <p class="text-b">To develop <b>non-dimensional mathematical and stochastic models</b> to understand and predict our sensor dynamics.</p>
+
                         <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>
 
                     </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">To provide information to the public so as to <b>clear up misunderstandings related to the celiac disease.</b></p>
+
                     <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>
 
<!--                    <img class="img" src="img/win.png" alt="Card image cap">-->
 
<!--                    <img class="img" src="img/win.png" alt="Card image cap">-->
 
                 </div>
 
                 </div>
Line 256: Line 256:
  
  
−
     <script src="js/wiki.js"></script> <!-- calling all minified scripts -->
+
     <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/wiki?action=raw&ctype=text/javascript"></script> <!-- calling all minified scripts -->
  
 
         <!-- Bootstrap core JavaScript >
 
         <!-- Bootstrap core JavaScript >
Line 288: Line 288:
 
         </script-->
 
         </script-->
  
−
</body>
+
 
  
 
</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.