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

 
(16 intermediate revisions by the same user not shown)
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">     
 +
    <!-- 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">
 +
 
 +
    <style>
 +
    #cuttheword {
 +
            /* To cut the long names of the images */
 +
            /* These are technically the same, but use both */
 +
            overflow-wrap: break-word;
 +
            word-wrap: break-word;
 +
           
 +
            -ms-word-break: break-all;
 +
            /* Instead use this non-standard one: */
 +
            word-break: break-word;
 +
           
 +
            /* Adds a hyphen where the word breaks, if supported (No Blink) */
 +
            -ms-hyphens: auto;
 +
            -moz-hyphens: auto;
 +
            -webkit-hyphens: auto;
 +
            hyphens: auto;
 +
            }
 +
    </style>
 +
 
 +
    <!--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>
 +
 +
    <button id="myBtn" class="js-scroll-trigger" title="Go to top">Top</button>
 +
   
 +
    <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#cl-description" class="btn btn-outline btn-xl js-scroll-trigger">Have a look!</a>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </header>
 +
    <section class="st-description block-desc" id="cl-description">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12 mx-auto">
 +
                    <div class="row justify-content-center">
 +
                        <h2 class="section-heading orange">Human Practices</h2>
 +
                        <div class="col-md-8 right fletxa-d-l">
 +
                            <div class="row block-sept">
 +
                                <div class="col-md-12">
 +
                                    <p class="book orange-medium">Our project aims to offer a real-world solution to ease celiac patient's life. Consequently, we engaged with the celiac community in an integrative way. See how <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Human_Practices">the necessities of the celiac community</a> shaped our project.</p>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
    <section class="st-description block-desc b-orange-intense" id="collaborate">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12 mx-auto">
 +
                    <div class="row justify-content-center">
 +
                        <h2 class="section-heading white" style="/*Activar per tallar paraula massa llarga overflow-wrap: break-word; word-wrap: break-word;*/ overflow: hidden; word-break:break-all; /*Activar per ficar 3 puntets white-space: nowrap; text-overflow: ellipsis*/;">PCR standardization</h2>
 +
                        <div class="col-md-8 right fletxa-d-l">
 +
                            <div class="row block-sept">
 +
                                <div class="col-md-12">
 +
                                    <p class="book white">The personalized gluten sensor is based on the same molecule used by the human immune system cells to detect the presence of gluten, the <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Celiac_disease.thml">HLA-DQ protein</a>. </p>
 +
                                    <p class="book white">Different variants of this protein detect different gluten epitopes. Therefore, the sensor can be personalized if it incorporates the genetic variant of the HLA-DQ protein of each patient. However, personalization often comes at a higher cost. Our team designed and characterized a <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Basic_Part">standard PCR protocol</a> that could be used to obtain the genetic variant of each user to make the personalization of the sensor feasible.</p>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
    <section class="st-description block-desc" id="cl-description">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12 mx-auto">
 +
                    <div class="row justify-content-center">
 +
                        <div class="col-md-8">
 +
                            <div class="row justify-content-center">
 +
                                <h2 class="section-heading orange">Expression system</h2>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-8 right fletxa-d-l">
 +
                            <div class="row block-sept">
 +
                                <div class="col-md-12">
 +
                                    <p class="book orange-medium">Since our sensor is based on a human protein, the expression system of it needs to be thoroughly designed. Our team carefully studied different approaches to make possible the HLA-DQ protein expression in <i>E. coli</i>. Additionally, other expression hosts that can carry post-transductional modifications, such as <i>P. pastoris</i>, have been also considered.</p>
 +
                                    <p class="book orange-medium">We have tested and characterized these expression systems to choose which one would be used to create our sensor. See more in our <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Composite_Part">composite parts</a> page.</p>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
    <section class="st-description block-desc b-orange-intense" id="collaborate">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12 mx-auto">
 +
                    <div class="row justify-content-center">
 +
                        <div class="col-md-8">
 +
                            <div class="row justify-content-center">
 +
                                <h2 class="section-heading white">Detection system</h2>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-8 right fletxa-d-l">
 +
                            <div class="row block-sept">
 +
                                <div class="col-md-12">
 +
                                    <p class="book white">We believe in the inner beauty of every project. Therefore, we are aware that the experimental work is essential, but nothing could be developed without a solid model. Our team designed a theoretical model of the sensor, which studies the detection system of our sensor. See more in our <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Model">modeling page</a>.</p>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
    <section class="st-description block-desc" id="cl-description">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12 mx-auto">
 +
                    <div class="row justify-content-center">
 +
                        <div class="col-md-8">
 +
                            <div class="row justify-content-center">
 +
                                <h2 class="section-heading orange" id="cuttheword">Collaborations</h2>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-8 right">
 +
                            <div class="row block-sept">
 +
                                <div class="col-md-12">
 +
                                    <p class="book orange-medium">One of the most exciting things of being part of the iGEM community is the possibility to build relations with other teams from all around the world. When it comes to research, it is essential to establish collaborations. In the iGEM competition, there are several ways to share, communicate and set up a network with the community. See how we engaged with other teams in our <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Collaborations">collaborations page</a>.</p>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 
 
−
<header></header>
+
    <footer></footer>
−
     <main id="top">
+
 
−
<article>
+
 
−
<h1> Description </h1>
+
     <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/wiki?action=raw&ctype=text/javascript"></script> <!-- calling all minified scripts -->
 +
 
  
−
<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>

Latest revision as of 18:56, 17 December 2018

BIO IQS

Project | Overview

Have a look!

Human Practices

Our project aims to offer a real-world solution to ease celiac patient's life. Consequently, we engaged with the celiac community in an integrative way. See how the necessities of the celiac community shaped our project.

PCR standardization

The personalized gluten sensor is based on the same molecule used by the human immune system cells to detect the presence of gluten, the HLA-DQ protein.

Different variants of this protein detect different gluten epitopes. Therefore, the sensor can be personalized if it incorporates the genetic variant of the HLA-DQ protein of each patient. However, personalization often comes at a higher cost. Our team designed and characterized a standard PCR protocol that could be used to obtain the genetic variant of each user to make the personalization of the sensor feasible.

Expression system

Since our sensor is based on a human protein, the expression system of it needs to be thoroughly designed. Our team carefully studied different approaches to make possible the HLA-DQ protein expression in E. coli. Additionally, other expression hosts that can carry post-transductional modifications, such as P. pastoris, have been also considered.

We have tested and characterized these expression systems to choose which one would be used to create our sensor. See more in our composite parts page.

Detection system

We believe in the inner beauty of every project. Therefore, we are aware that the experimental work is essential, but nothing could be developed without a solid model. Our team designed a theoretical model of the sensor, which studies the detection system of our sensor. See more in our modeling page.

Collaborations

One of the most exciting things of being part of the iGEM community is the possibility to build relations with other teams from all around the world. When it comes to research, it is essential to establish collaborations. In the iGEM competition, there are several ways to share, communicate and set up a network with the community. See how we engaged with other teams in our collaborations page.