(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"> | ||
− | |||
− | |||
− | |||
+ | <!-- ===================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"/> | ||
− | |||
− | |||
+ | <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> | ||
− | < | + | <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> | ||
− | |||
− | |||
− | |||
− | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
− | |||
− | |||
− | |||
+ | <!--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">×</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
![](https://static.igem.org/mediawiki/2016/4/44/T--Technion_Israel--description.jpg)
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.
![](https://static.igem.org/mediawiki/2016/5/5a/T--Technion_Israel--up_arrow.png)