Difference between revisions of "Team:BioIQS-Barcelona/Description"

Line 2: Line 2:
 
<html>
 
<html>
  
−
<meta charset="utf-8">
+
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
    <meta charset="utf-8">
−
<script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/vendor?action=raw&ctype=text/javascript"></script>
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
<link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/vendor?action=raw&ctype=text/css">
+
    <meta name="description" content="">
−
<script>
+
    <meta name="author" content="">
−
$(function() {
+
 
−
$('header').load('https://2018.igem.org/Template:BioIQS-Barcelona/header?action=raw&ctype=text/javascript');
+
 
−
$('footer').load('https://2018.igem.org/Template:BioIQS-Barcelona/footer?action=raw&ctype=text/javascript');
+
    <script>
−
});
+
        var element = document.querySelector('[rel="stylesheet"]');
−
</script>
+
        var stylesheet = element.sheet || element.styleSheet;
−
<link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/styles?action=raw&ctype=text/css">
+
        console.log(stylesheet);
−
<script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/wiki?action=raw&ctype=text/javascript"></script>
+
        stylesheet.disabled = true;
−
<!--Added MathJax hack to make inline equations work-->
+
    </script>
−
<script type="text/x-mathjax-config">
+
 
−
MathJax.Hub.Config({
+
    <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/goodload?action=raw&ctype=text/css">
−
tex2jax: {
+
 
−
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
+
    <!-- Habilitar nomes al app per veure les funcions Jquery -->
−
processEscapes: true
+
    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/vendor?action=raw&ctype=text/javascript"></script>
−
}
+
 
 +
    <title>BIO IQS</title>
 +
 
 +
    <!-- Bootstrap core CSS -->
 +
    <link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/bootstrapmin?action=raw&ctype=text/css" rel="stylesheet">
 +
 
 +
    <script>
 +
        $(function () {
 +
            $('navigationbar').load('https://2018.igem.org/Template:BioIQS-Barcelona/header?action=raw&ctype=text/javascript');
 +
            $('footer').load('https://2018.igem.org/Template:BioIQS-Barcelona/footer?action=raw&ctype=text/javascript');
 +
        });
 +
    </script>
 +
 
 +
    <!--    Fonts googlefonts-->
 +
    <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
 +
 
 +
    <!-- 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 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=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
 +
    <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
 +
 
 +
 
 +
    <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/new-age?action=raw&ctype=text/css">
 +
 
 +
    <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/adaptwiki?action=raw&ctype=text/css">
 +
 
 +
 
 +
    <!--Added MathJax hack to make inline equations work-->
 +
    <script type="text/x-mathjax-config">
 +
    MathJax.Hub.Config({
 +
    tex2jax: {
 +
    inlineMath: [ ['$','$'], ["\\(","\\)"] ],
 +
    processEscapes: true
 +
  }
 
});
 
});
−
</script>  
+
</script>
  
  
 +
 +
    <!-- TREIEM AIXO PQ SENSE ESTIL ES PERD EL FORMAT I NO SERVEIX DE RES -->
 +
    <navigationbar></navigationbar>
 +
 +
    <header class="masthead little">
 +
        <div class="container h-100">
 +
            <div class="row h-100">
 +
                <div class="col-lg-7 my-auto">
 +
                    <div class="header-content">
 +
                        <h1 class="mb-5">Project | Overview</h1>
 +
                        <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Description#download" class="btn btn-outline btn-xl js-scroll-trigger">Have a look!</a>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </header>
 +
 +
    <section class="project text-center" id="project">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-9 mx-auto">
 +
                    <h2 class="section-heading orange">Project description</h2>
 +
                    <h3 class="orange">We would like to present you a brief description of our project on celiac disease:</h3>
 +
 +
                    <div class="col-md-auto">
 +
                        <p class="book orange">Our project is based on the design of a <b>personalized gluten sensor</b> 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>
 +
                    <a class="js-scroll-trigger a-arrow" href="https://2018.igem.org/Team:BioIQS-Barcelona/Description#t-project"><span class="arrow down"></span></a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
    <section class="t-project" id="t-project">
 +
        <div class="container">
 +
            <div class="row justify-content-center cnt">
 +
                <div class="col-md-5 image">
 +
                    <img src="https://static.igem.org/mediawiki/2018/2/26/T--BioIQS-Barcelona--2018_t-cell.png">
 +
                </div>
 +
                <div class="col-md-7 text-description lines">
 +
                    <div class="row justify-content-center">
 +
                        <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 receptor that are located in the surface of almost every cell of a human tissue, including white blood cells.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row cnt block-desc">
 +
              <div class="col-mx-auto relative microscopi">
 +
                <div class="col-md-7 ">
 +
                    <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.
 +
                    </p>
 +
                </div>
 +
                 
 +
              </div>
 +
               
 +
 +
            </div>
 +
 +
            <div class="row cnt">
 +
                <div class="col-md-6 text-description">
 +
                    <p class="text-b fletxa-d">
 +
                        Within the HLA protein family there are the highly polymorphic HLA-DQ, which means that
 +
                        <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>
 +
 +
                </div>
 +
                <div class="col-md-6 end">
 +
                    <p class="apart yellow">The reason of such fact is that the inflammatory reaction is triggered by some T cells that can sense the gluten epitope presented by the HLA-DQ.</p>
 +
                    <!--                    <img src="styles/img/hla-solo.png">-->
 +
                </div>
 +
 +
            </div>
 +
 +
            <div class="row justify-content-center cnt block-desc">
 +
                <div class="col-md-4 image">
 +
                    <img src="https://static.igem.org/mediawiki/2018/1/1e/T--BioIQS-Barcelona--2018_hla-solo.png">
 +
                </div>
 +
                <div class="col-md-7 text-description">
 +
                    <div class="row justify-content-center prov">
 +
                        <div class="col-sm-9">
 +
                            <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. </p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <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>
 +
                </div>
 +
 +
            </div>
 +
            <div class="row justify-content-center">
 +
                <div class="col-sm-3 button">
 +
                    <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Description#objectiv" class="text-transform js-scroll-trigger">Look our objectives!</a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
 +
    <section class="objectiv text-center" id="objectiv">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-8 mx-auto">
 +
                    <h2 class="section-heading orange">Objectives</h2>
 +
                    <h3 class="orange">Here there are:</h3>
 +
 +
                    <div class="col-md-auto orange">
 +
                        <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 epitopes. The main specificities of our sensor are described as follows:</p>
 +
                    </div>
 +
                    <a class="js-scroll-trigger a-arrow" href="https://2018.igem.org/Team:BioIQS-Barcelona/Description#t-objectives"><span class="arrow down"></span></a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
    <section class="t-objectives" id="t-objectives">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-6 right">
 +
                    <div class="row">
 +
                        <div class="col-md-12">
 +
                            <p class="apart big">first</p>
 +
                                    <p class="text-b">Since our sensor will be built <b>according to the patient HLA</b>, it will allow the detection of specific reactive epitopes independently of the food source.</p>
 +
                        </div>
 +
                       
 +
                       
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-6 left">
 +
                    <div class="row">
 +
                        <div class="col-md-12">
 +
                            <p class="apart big">second</p>
 +
                            <p class="text-b">Additionally, our sensor will be able to detect reactive epitopes even in
 +
                                <b>fermented foods.</b></p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row separation">
 +
                <div class="col-md-6 right">
 +
                    <div class="justify-content-center">
 +
                        <p class="apart big">third</p>
 +
                        <p class="text-b">The methodology implemented in our sensor could be used for the <b>identification of new reactive epitopes</b> and unknown allelic variants.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-6 left">
 +
                    <p class="apart big">fourth</p>
 +
                    <p class="text-b">Our design requires<b> only a DNA sample of the patient.</b> Therefore, the methodology and application of our sensor could be extended for the detection of other HLA related disorders.</p>
 +
                </div>
 +
            </div>
 +
 +
        </div>
 +
    </section>
 
 
−
<header></header>
+
    <footer></footer>
−
     <main id="top">
+
 
−
<article>
+
     <!-- Copio tots a la carpeta scripts. No fico les versions .min sino les completes pq sigui el programa qho faci min -->
−
<h1> Description </h1>
+
 
 +
    <!-- 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>
  
−
<p> Talk about your project, describe what moves you and why this project is important for your team. </p>
 
  
−
<p> This page should contain: </p>
 
−
<ul>
 
−
<li> Clear and concise description of the project. </li>
 
−
<li> A description of why your team chose to pursue this project. </li>
 
−
<li> References and sources (citations). </li>
 
−
<li> Visuals to supplement your project description. </li>
 
−
</ul>
 
−
</article>
 
−
    </main>
 
−
  <footer></footer>
 
  
 
</html>
 
</html>

Revision as of 03:12, 18 October 2018

BIO IQS

Project | Overview

Have a look!

Project description

We would like to present you a brief description of our project on celiac disease:

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 molecule of a patient is expressed and used as a sensor to detect specific reactive gluten epitopes.

Coeliac disease (CD) is an autoimmune disorder that is closely 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.

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 are the highly polymorphic HLA-DQ, which means that there are a lot of existing genetic variants of these molecules. 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.

The reason of such fact is that the inflammatory reaction is triggered by some T cells that can sense the gluten epitope presented by the HLA-DQ.

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.

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.

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 epitopes. The main specificities of our sensor are described as follows:

first

Since our sensor will be built according to the patient HLA, it will allow the detection of specific reactive epitopes independently of the food source.

second

Additionally, our sensor will be able to detect reactive epitopes even in fermented foods.

third

The methodology implemented in our sensor could be used for the identification of new reactive epitopes and unknown allelic variants.

fourth

Our design requires only a DNA sample of the patient. Therefore, the methodology and application of our sensor could be extended for the detection of other HLA related disorders.