Difference between revisions of "Team:Technion Israel/Composite 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">Composite Part special prize</a>. </p>
 
  
  
 +
<style>/* inline page CSS */
 +
 +
body {
 +
}
  
−
<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>
+
/* ==========Background and effects ========== */
−
</div>
+
/*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.
  
−
<div class="column full_size">
+
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;
 +
}
  
−
<p>
+
/*canceling wiki bug (inlarge imgs stuck the page)*/
−
A composite part is a functional unit of DNA consisting of two or more basic parts assembled together. <a href="http://parts.igem.org/wiki/index.php/Part:BBa_I13507">BBa_I13507</a> is an example of a composite part, consisting of an RBS, a protein coding region for a red fluorescent protein, and a terminator.
+
.modal-backdrop {
−
</p>
+
position: relative;
 +
}
  
−
<p>New composite BioBrick devices can be made by combining existing BioBrick Parts (like Inverters, Amplifiers, Smell Generators, Protein Balloon Generators, Senders, Receivers, Actuators, and so on).</p>
+
.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; */
 +
}
  
−
<div class="highlight">
+
.cir_tabs:hover{
−
<h4>Note</h4>
+
-webkit-filter: grayscale(0);
−
<p>This page should list all the composite 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>
+
transform: scale(1.2,1.2);
 +
margin: 0 auto;
 +
/*border: 2px solid #000;
 +
box-shadow: 5px 5px 3px grey;*/
 +
}
  
−
</div>
 
  
 +
</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/f/f6/T--Technion_Israel--biobrickscov.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="https://2016.igem.org/Team:Technion_Israel/Parts">
 +
<img src="https://static.igem.org/mediawiki/2016/d/db/T--Technion_Israel--icon_intro.png" 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 composite part</h1>
 +
</div>
 +
</div>
 +
 +
<!-- 12 text div -->
 +
<div class="row">
 +
<div class="col-md-12 col-sm-12">
 +
<p class="text-justify">
 +
This is our chemotaxis part collection. This collection contains our designed hybrid receptors,
 +
reporters and devices regarding E.coli chemotaxis abilities. The devices in this collection are
 +
versatile, expressing different receptors including versions fused with reporters and with
 +
different expression levels. We also included the receptors and reporters as a sole part allowing
 +
other teams to construct their own chemotaxis devices. Each part in this collection is well
 +
documented and tested in the lab, ensuring easy usage for future iGEM teams. As our goal is to
 +
create a large library containing various receptors and devices for chemotaxis, we believe that
 +
this collection is a great start! Hopefully more teams will contribute to this growing collection
 +
in the future in order to make chemotaxis more universal and accessible.
 +
<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">&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 22:31, 17 October 2016

S.tar, by iGEM Technion 2016

S.tar, by iGEM Technion 2016

Parts' Index


New composite part

This is our chemotaxis part collection. This collection contains our designed hybrid receptors, reporters and devices regarding E.coli chemotaxis abilities. The devices in this collection are versatile, expressing different receptors including versions fused with reporters and with different expression levels. We also included the receptors and reporters as a sole part allowing other teams to construct their own chemotaxis devices. Each part in this collection is well documented and tested in the lab, ensuring easy usage for future iGEM teams. As our goal is to create a large library containing various receptors and devices for chemotaxis, we believe that this collection is a great start! Hopefully more teams will contribute to this growing collection in the future in order to make chemotaxis more universal and accessible.




S.tar, by iGEM Technion 2016