Difference between revisions of "Team:Technion Israel/Basic Part"

(Prototype team page)
 
Line 1: Line 1:
−
{{Technion_Israel}}
+
{{Team:Technion_Israel/navbar}}
−
<html>
+
<html lang="en">
 +
   
 +
    <head>
 +
        <!-- Title for the page & metadata  -->       
 +
        <title>S.tar, by iGEM Technion 2016</title>
 +
    <meta charset="utf-8">
 +
    <meta name="navbar" content="width=device-width, initial-scale=1">
  
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#Special_Prizes">basic part special prize</a>. </p>
 
  
 +
<!-- ===================Basic Bootstrap's CSS and JS=================== -->
 +
            <!-- Bootstrap CSS -->
 +
                <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Technion_Israel/bootstrap.min.css/CSS?action=raw&ctype=text/css"/>
 +
                <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Technion_Israel/bootstrap-theme.min.css/CSS?action=raw&ctype=text/css"/>
 +
            <!-- Bootstrap JS -->
 +
                <script type="text/javascript" src="https://2016.igem.org/Team:Technion_Israel/jquery-2.1.1.min.js/Javascript?action=raw&ctype=text/javascript"></script>
 +
                <script type="text/javascript" src="https://2016.igem.org/Team:Technion_Israel/bootstrap.min.js/Javascript?action=raw&ctype=text/javascript"></script>
  
 +
        <!-- ===================Basic Bootstrap's CSS and JS=================== -->
 +
            <!-- Our wiki CSS -->
 +
                <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Technion_Israel/CSS?action=raw&ctype=text/css"/>
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
 
−
</div>
 
  
 +
<style>/* inline page CSS */
 +
 +
body {
 +
}
 +
 +
/* ==========Background and effects ========== */
 +
/*Make sure the div is unuiqe to each page*/
 +
.desk_wrapper {
 +
position: relative;
 +
background: white; /* For browsers that do not support gradients */
 +
background: -webkit-linear-gradient(white, #ecf7fb, white); /* For Safari 5.1 to 6.0 */
 +
background: -o-linear-gradient(white, #ecf7fb, white); /* For Opera 11.1 to 12.0 */
 +
background: -moz-linear-gradient(white, #ecf7fb, white); /* For Firefox 3.6 to 15 */
 +
background: linear-gradient(white, #ecf7fb, white); /* Standard syntax */
 +
/*background-image:url('addres');
 +
background-size:cover;
 +
filter: blur(5px) grayscale(80%) opacity(10%);*/
 +
}
 +
/* ========== END: and effects ========== */
 +
 +
 +
/*
 +
Object in external CSS sheet:
 +
 +
nav-tabs, cont_tabs:
 +
Open diffrent tabs, we uses imgs.
 +
 +
back-to-top:
 +
go back to top. Apears only when going down the page.
 +
 +
cont_box:
 +
The containers (box) which hold the texts and imgs in the page.
 +
 +
img_cont:
 +
Every in-content-page img needs to have this class of img.
 +
 +
no-title-col:
 +
Every in-content-page img needs to have this class of col.
 +
*/
 +
.referances {
 +
  font-size: 16px;
 +
outline: 1px solid black;
 +
padding: 20px;
 +
}
 +
 +
/*canceling wiki bug (inlarge imgs stuck the page)*/
 +
.modal-backdrop {
 +
position: relative;
 +
}
 +
 +
.ocenter .img-responsive {
 +
margin: 0 auto;
 +
}
 +
 +
.vcenter {
 +
display: inline-block;
 +
vertical-align: middle;
 +
float: none;
 +
}
 +
 +
.table{
 +
font-family: "Candara", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif;
 +
    font-size: 18px;
 +
font-style: normal;
 +
font-variant: normal;
 +
font-weight: 400;
 +
line-height: 27px;
 +
}
 +
 +
.cir_tabs{
 +
/*-webkit-filter: grayscale(0.75);*/
 +
cursor: pointer;
 +
transition: all .5s ease;
 +
margin: 0 auto;
 +
/* border: 2px solid #bbb;
 +
box-shadow: 5px 5px 3px grey;
 +
padding: 15px; */
 +
}
 +
 +
.cir_tabs:hover{
 +
-webkit-filter: grayscale(0);
 +
transform: scale(1.2,1.2);
 +
margin: 0 auto;
 +
/*border: 2px solid #000;
 +
box-shadow: 5px 5px 3px grey;*/
 +
}
 +
 +
 +
</style>
 +
 +
 +
<script>
 +
 +
//up arrow:
 +
$(document).ready(function(){
 +
$(window).scroll(function () {
 +
if ($(this).scrollTop() > 350) {
 +
$('#back-to-top').fadeIn();
 +
} else {
 +
$('#back-to-top').fadeOut();
 +
}
 +
});
 +
// scroll body to 0px on click
 +
$('#back-to-top').click(function () {
 +
$('#back-to-top').tooltip('hide');
 +
$('body,html').animate({
 +
scrollTop: 0
 +
}, 800);
 +
return false;
 +
});
 +
 +
$('#back-to-top').tooltip('show');
 +
 +
});
 +
////////////////////////
 +
//Code: inlarge img on click:
 +
$(function() {
 +
$('.pop').on('click', function() {
 +
$('.imagepreview').attr('src', $(this).find('img').attr('src'));
 +
$('#imagemodal').modal('show'); 
 +
});
 +
});
 +
//////////////////////
 +
///pop-ups:
 +
$(document).ready(function(){
 +
$('[data-toggle="popover"]').popover();
 +
});
 +
 +
$(function () {
 +
$('button').popover();
 +
});
 +
</script>
 +
 +
</head>
 +
 +
 +
<body>
 +
 +
<header>
 +
</header>
 +
 +
<!-- ===== One overall container (wrapper) ===== -->
 +
<div class="desk_wrapper">
 +
 +
<!-- ======== Cover photo: ======== -->
 +
<div class="row">
 +
<div class="col-xs-12">
 +
<img src="https://static.igem.org/mediawiki/2016/4/44/T--Technion_Israel--description.jpg" class="img-responsive img-center cont_cover" width="100%">
 +
</div>
 +
</div>
 +
<!-- ===== END: Cover photo: ===== -->
 +
 +
 +
<!-- =========== Content =========== -->
 +
 +
<div class="row"><!--row -->
 +
<div class="col-sm-8 col-sm-offset-2"><!-- 10/12 -->
 +
 +
<div class="cont_box">
 +
 +
                        <br>
 +
 +
<!-- 12 img div -->
 +
<div class="row">
  
 +
<div class="col-xs-4 col-xs-offset-4">
 +
<a href="" target="_blank">
 +
<img src="" class="img-responsive img-center cir_tabs" width="75" style="cursor: pointer;">
 +
</a>
 +
<h4 class="text-center"><b>Parts' Index</b></h4>
 +
</div>
  
 +
</div>
  
−
<div class="column full_width">
+
<br>
  
 +
                            <!-- Mini headline -->
 +
<div class="row">
 +
<div class="col-md-12 col-sm-12">
 +
<h1>New basic part</h1>
 +
</div>
 +
</div>
  
 +
<!-- 12 text div -->
 +
<div class="row">
 +
<div class="col-md-12 col-sm-12">
 +
<p class="text-justify">
 +
                                        We chose PctA-Tar hybrid as our best new basic part. This part serves as the proof of
 +
                                        concept in the LBD replacing strategy for our S.Tar platform. PctA is a chemoreceptor
 +
                                        found in the bacterium P. Aeruginosa which mediates chemotaxis toward amino acids and
 +
                                        away from organic compounds. The PctA-Tar hybrid was conducted previously in the literature
 +
                                        and tested for chemotaxis response to attractants but not to repellents. Our experiments
 +
                                        show that the hybrid receptor sensitive to the PctA repellent, organic components. This
 +
                                        property is significant and can be used in various applications including detection of
 +
                                        polluted water.  To learn more please check our Proof of concept page and the PctA part
 +
                                        ,K1992001, in the registry.
 +
<br>
 +
</p>
 +
</div>
 +
</div>
  
 +
<br>
 +
<br>
 +
<br>
  
−
<p>
 
−
A <b>basic part</b> is a functional unit of DNA that cannot be subdivided into smaller component parts. <a href="http://parts.igem.org/wiki/index.php/Part:BBa_R0051">BBa_R0051</a> is an example of a basic part, a promoter regulated by lambda cl.
 
−
</p>
 
  
−
<p>Most genetically-encoded functions have not yet been converted to BioBrick parts. Thus, there are <b>many</b> opportunities to find new, cool, and important genetically encoded functions, and refine and convert the DNA encoding these functions into BioBrick standard biological parts. </p>
 
  
  
  
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
 +
  
−
<div class="highlight">
 
−
<h4>Note</h4>
 
−
<p>This page should list all the basic parts your team has made during your project. You must add all characterization information for your parts on the Registry. You should not put characterization information on this page.</p>
 
  
  
 +
<!--Code: Click on img to enlarge it-->
 +
<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
  <div class="modal-dialog">
 +
    <div class="modal-content">             
 +
      <div class="modal-body">
 +
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
 +
        <img src="" class="imagepreview" style="width: 100%;" >
 +
    </div>
 +
    </div>
 +
</div>
 
</div>
 
</div>
  
 +
<!--Arrow up -->
 +
<a id="back-to-top" href="#" class="btn btn-lg back-to-top" role="button" title="Up" data-toggle="tooltip" data-placement="left"><img src="https://static.igem.org/mediawiki/2016/5/5a/T--Technion_Israel--up_arrow.png" alt=""></a>
  
 +
</body>
 
</html>
 
</html>
 +
{{:Team:Technion_Israel/supporters}}

Revision as of 16:05, 17 October 2016

S.tar, by iGEM Technion 2016

S.tar, by iGEM Technion 2016

Parts' Index


New basic part

We chose PctA-Tar hybrid as our best new basic part. This part serves as the proof of concept in the LBD replacing strategy for our S.Tar platform. PctA is a chemoreceptor found in the bacterium P. Aeruginosa which mediates chemotaxis toward amino acids and away from organic compounds. The PctA-Tar hybrid was conducted previously in the literature and tested for chemotaxis response to attractants but not to repellents. Our experiments show that the hybrid receptor sensitive to the PctA repellent, organic components. This property is significant and can be used in various applications including detection of polluted water. To learn more please check our Proof of concept page and the PctA part ,K1992001, in the registry.




S.tar, by iGEM Technion 2016