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

(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">
+
<style>/* inline page CSS */
−
<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">Part Collection special prize</a>. </p>
+
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 ========== */
  
  
−
<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>
+
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.
  
−
<div class="column full_size">
+
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; */
 +
}
  
−
<p>Did your team make a lot of great parts? Is there a theme that ties all your parts together? Do you have more than 10 parts in this collection? Did you make a CRISPR collection, a MoClo collection, or a collection of awesome pigment parts? Describe your parts collection on this page, so the judges can evaluate you for the Best Part Collection award.</p>
+
.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;*/
 +
}
  
−
<p>
 
−
While you should put all the characterization information for your parts on the Registry, you are encouraged to explain how all your parts form a collection on this page.
 
−
</p>
 
  
 +
</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>Part collection</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>
 +
 +
  
−
<div class="highlight">
 
−
<h4>Note</h4>
 
−
<p>This page should list all the parts in the collection your team 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>
 
  
−
</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:41, 17 October 2016

S.tar, by iGEM Technion 2016

S.tar, by iGEM Technion 2016

Parts' Index


Part collection

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