Marc exposit (Talk | contribs) |
Marc exposit (Talk | contribs) |
||
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"> | ||
<meta name="description" content=""> | <meta name="description" content=""> | ||
<meta name="author" content=""> | <meta name="author" content=""> | ||
− | |||
− | |||
<!-- 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--> | ||
Line 36: | Line 34: | ||
</script> | </script> | ||
− | <link rel="stylesheet" href=" | + | <link rel="stylesheet" href="css/goodload.css"> |
<!-- Habilitar nomes al app per veure les funcions Jquery --> | <!-- Habilitar nomes al app per veure les funcions Jquery --> | ||
− | <script src=" | + | <script src="dist/js/vendor.js"></script> |
<title>BIO IQS</title> | <title>BIO IQS</title> | ||
+ | <!-- Bootstrap core CSS --> | ||
+ | <link href="css/bootstrapmin.css" rel="stylesheet"> | ||
− | + | <script> | |
− | + | $(function () { | |
− | + | $('navigationbar').load('/templates/header.html'); | |
− | + | $('footer').load('/templates/footer.html'); | |
− | + | ||
− | + | ||
}); | }); | ||
− | </script | + | </script> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- Fonts googlefonts--> | <!-- Fonts googlefonts--> | ||
Line 64: | Line 55: | ||
<!-- Custom fonts for this template --> | <!-- Custom fonts for this template --> | ||
− | <link href=" | + | <link href="css/allmin.css" rel="stylesheet"> <!-- canvio all.min per allmin--> |
− | <link rel="stylesheet" href=" | + | <link rel="stylesheet" href="css/simplelineicons.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"> | ||
Line 71: | Line 62: | ||
− | <link rel="stylesheet" href=" | + | <link rel="stylesheet" href="css/new-age.css"> |
− | <link rel="stylesheet" href=" | + | <link rel="stylesheet" href="css/adaptwiki.css"> |
Line 85: | Line 76: | ||
}); | }); | ||
</script> | </script> | ||
+ | </head> | ||
− | + | <body id="page-top"> | |
− | + | <div id="igem-navbar-placeholder"> | |
− | + | <!-- p>Placeholder for iGEM Navbar</p> --> | |
− | + | </div> <!-- 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> | <button id="myBtn" class="js-scroll-trigger" title="Go to top">Top</button> | ||
− | |||
<header class="masthead"> | <header class="masthead"> | ||
Line 101: | 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=" | + | <a href="#project" class="btn btn-outline btn-xl js-scroll-trigger">Explore our project!</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 107: | Line 99: | ||
</div> | </div> | ||
</header> | </header> | ||
− | |||
<section class="project text-center" id="project"> | <section class="project text-center" id="project"> | ||
Line 119: | 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=" | + | <a class="js-scroll-trigger a-arrow" href="#t-project"><span class="arrow down"></span></a> |
</div> | </div> | ||
</div> | </div> | ||
Line 129: | 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=" | + | <img src="images/t-cell.png"> |
</div> | </div> | ||
<div class="col-md-7 text-description lines"> | <div class="col-md-7 text-description lines"> | ||
Line 167: | 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=" | + | <img src="images/hla-solo.png"> |
</div> | </div> | ||
<div class="col-md-7 text-description"> | <div class="col-md-7 text-description"> | ||
Line 183: | 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=" | + | <a href="#objectiv" class="text-transform js-scroll-trigger">Look our objectives!</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 201: | Line 192: | ||
<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 model 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=" | + | <a class="js-scroll-trigger a-arrow" href="#t-objectives"><span class="arrow down"></span></a> |
</div> | </div> | ||
</div> | </div> | ||
Line 265: | Line 256: | ||
− | <script src=" | + | <script src="js/wiki.js"></script> <!-- calling all minified scripts --> |
<!-- Bootstrap core JavaScript > | <!-- Bootstrap core JavaScript > | ||
Line 297: | Line 288: | ||
</script--> | </script--> | ||
− | + | </body> | |
</html> | </html> |
Revision as of 02:34, 8 December 2018
<!DOCTYPE html>
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.
Coeliac 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 that can recognize gluten-derived epitopes, but only 1% of the population suffer from coeliac disease.
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.
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 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.
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 our sensor dynamics.
fourth
To provide information to the public so as to clear up misunderstandings related to the celiac disease.