Marc exposit (Talk | contribs) |
|||
(210 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<html> | <html> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <meta charset="utf-8"> |
− | < | + | <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> | ||
+ | var element = document.querySelector('[rel="stylesheet"]'); | ||
+ | var stylesheet = element.sheet || element.styleSheet; | ||
+ | console.log(stylesheet); | ||
+ | stylesheet.disabled = true; | ||
+ | </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"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!-- 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> | ||
+ | <!-- 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"> | ||
+ | <!-- 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="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> | ||
− | |||
− | < | + | <!-- TREIEM AIXO PQ SENSE ESTIL ES PERD EL FORMAT I NO SERVEIX DE RES --> |
− | < | + | <navigationbar></navigationbar> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
+ | |||
+ | <button id="myBtn" class="js-scroll-trigger" title="Go to top">Top</button> | ||
− | < | + | <header class="masthead"> |
− | <div class=" | + | <div class="container h-100"> |
− | <div class=" | + | <div class="row h-100"> |
+ | <div class="col-lg-7 my-auto"> | ||
+ | <div class="header-content mx-auto"> | ||
+ | <h1 class="mb-5">We are the BioIQS iGEM team!</h1> | ||
+ | <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> | ||
+ | </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">Welcome to our page</h2> | ||
+ | <h3 class="orange">A brief resume:</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 <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> | ||
+ | <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> | ||
+ | </section> | ||
− | <div class=" | + | <section class="t-project" id="t-project"> |
− | < | + | <div class="container"> |
− | <p> | + | <div class="row justify-content-center cnt"> |
− | <p> | + | <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>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> | ||
+ | <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> |
+ | <div class="row cnt"> | ||
+ | <div class="col-md-6 text-description"> | ||
+ | <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 <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> | ||
+ | </div> | ||
+ | <div class="col-md-6 end"> | ||
+ | <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">--> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class=" | + | <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, we developed a sensor based on this principle.</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 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> | ||
+ | <div class="row justify-content-center"> | ||
+ | <div class="col-sm-3 button"> | ||
+ | <a href="https://2018.igem.org/Team:BioIQS-Barcelona#objectiv" class="text-transform js-scroll-trigger">Look our objectives!</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
− | <div class=" | + | <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 <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> | ||
+ | <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> | ||
+ | </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">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 α and β chains <b>from the genomic DNA of a celiac patient.</b></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">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> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row separation"> | ||
+ | <div class="col-md-6 right"> | ||
+ | <div class="justify-content-center"> | ||
+ | <p class="apart big">third</p> | ||
+ | <!--<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 the <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Model" style="color: #032a5e; text-decoration: underline">sensor dynamics.</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6 left"> | ||
+ | <p class="apart big">fourth</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">--> | ||
+ | </div> | ||
+ | </div> | ||
− | + | </div> | |
+ | </section> | ||
− | < | + | <footer></footer> |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | <!-- Copio tots a la carpeta scripts. No fico les versions .min sino les completes pq sigui el programa qho faci min --> |
− | < | + | <!-- Bootstrap core JavaScript --> |
− | + | <!--script src="scripts/jquery.js"></script> | |
− | < | + | <script src="scripts/bootstrapbundle.js"></script--> |
− | </ | + | <!-- Plugin JavaScript > |
+ | <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--> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> | ||
− | |||
− |
Latest revision as of 15:08, 10 December 2018
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.
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.