Marc exposit (Talk | contribs) |
Marc exposit (Talk | contribs) |
||
(10 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 name="description" content=""> | |
− | + | <meta name="author" content=""> | |
− | + | ||
− | + | ||
− | + | <script> | |
− | + | var element = document.querySelector('[rel="stylesheet"]'); | |
− | + | var stylesheet = element.sheet || element.styleSheet; | |
− | + | console.log(stylesheet); | |
− | + | stylesheet.disabled = true; | |
− | + | </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"> | ||
+ | |||
+ | <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 | Results</h1> | ||
+ | <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Results#first-steps" class="btn btn-outline btn-xl js-scroll-trigger">Have a look!</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
+ | |||
+ | |||
+ | <section class="first-steps text-center" id="first-steps"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-9 mx-auto"> | ||
+ | <h2 class="section-heading orange" id="cuttheword">Achievements of our project</h2> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-md-12 mx-auto block-sept"> | ||
+ | <a class="js-scroll-trigger a-arrow" href="https://2018.igem.org/Team:BioIQS-Barcelona/Results#cl-description"><span class="arrow down"></span></a> | ||
+ | </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"> | ||
+ | |||
+ | <div class="col-md-6 right fletxa-d-l"> | ||
+ | <div class="row block-sept"> | ||
+ | <div class="col-md-auto"> | ||
+ | <h1 class="book orange"><i>1.</i></h1> | ||
+ | </div> | ||
+ | <div class="col-md-12"> | ||
+ | <h4 class="book orange-medium">Computationally <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Standardization">demonstrated</a> that primer binding regions are perfectly conserved or slightly different for both DQ2 and DQ8 celiac haplotypes separately. This means that either the same primer can be used for amplifying all genotypes, or a specific HLA-DQ2- or HLA-DQ8-primer can be designed, reducing the cost of the sensor.</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-6 left"> | ||
+ | <div class="row block-sept"> | ||
+ | <div class="col-md-auto"> | ||
+ | <h1 class="book orange"><i>2.</i></h1> | ||
+ | </div> | ||
+ | <div class="col-md-12"> | ||
+ | <h4 class="book orange-medium">Successfully <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Basic_Part">designed</a> a simple and cheap way to extract the extracellular domain of both alpha and beta chains of the HLA-DQ protein from the human genome. This would make the extraction of all HLA-DQ existing variants possible using only one protocol.</h4> | ||
+ | </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"> | ||
+ | |||
+ | <div class="col-md-6 right fletxa-d-l"> | ||
+ | <div class="row block-sept"> | ||
+ | <div class="col-md-auto"> | ||
+ | <h1 class="book orange"><i>3.</i></h1> | ||
+ | </div> | ||
+ | <div class="col-md-12"> | ||
+ | <h4 class="book orange-medium">Thoroughly designed and characterized multiple <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Composite_Part">composite parts</a> to ensure the correct expression of the human HLA-DQ presenting protein in a bacterial or yeast host. This would enable us to determine the best way to produce the elements needed for the sensor.</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-6 left"> | ||
+ | <div class="row block-sept"> | ||
+ | <div class="col-md-auto"> | ||
+ | <h1 class="book orange"><i>4.</i></h1> | ||
+ | </div> | ||
+ | <div class="col-md-12"> | ||
+ | <h4 class="book orange-medium">Correctly cloned one of the constructs into the desired expression vector and prepared it for further expression experiments. Cloning is a tedious work and not always results as one would expect so this is an important achievement!</h4> | ||
+ | </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"> | ||
+ | |||
+ | <div class="col-md-6 right fletxa-d-l"> | ||
+ | <div class="row block-sept"> | ||
+ | <div class="col-md-auto"> | ||
+ | <h1 class="book orange"><i>5.</i></h1> | ||
+ | </div> | ||
+ | <div class="col-md-12"> | ||
+ | <h4 class="book orange-medium">Carefully built a <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Model">theoretical model</a> to illustrate the essential detection mechanism of the sensor. Modeling has become one of the most important jobs in this project and have allowed us to better understand the role of the sensor.</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <footer></footer> | ||
+ | |||
+ | <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/wiki?action=raw&ctype=text/javascript"></script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Latest revision as of 18:56, 17 December 2018