Difference between revisions of "Team:Technion Israel/Parts"

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">
  
  
 +
<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:
  
<div class="column full_size">
+
nav-tabs, cont_tabs:
 +
Open diffrent tabs, we uses imgs.
  
 +
back-to-top:
 +
go back to top. Apears only when going down the page.
  
<p>Each team will make new parts during iGEM and will submit them to the Registry of Standard Biological Parts. The iGEM software provides an easy way to present the parts your team has created. The <code>&lt;groupparts&gt;</code> tag (see below) will generate a table with all of the parts that your team adds to your team sandbox.</p>
+
cont_box:
<p>Remember that the goal of proper part documentation is to describe and define a part, so that it can be used without needing to refer to the primary literature. Registry users in future years should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.</p>
+
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>
+
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;
 +
}
 +
 +
</style>
  
  
<div class="column half_size">
+
<script>
<div class="highlight">
+
<h5>Note</h5>
+
<p>Note that parts must be documented on the <a href="http://parts.igem.org/Main_Page"> Registry</a>. This page serves to <i>showcase</i> the parts you have made. Future teams and other users and are much more likely to find parts by looking in the Registry than by looking at your team wiki.</p>
+
</div>
+
</div>
+
  
 +
//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>
  
<div class="column half_size">
+
</head>
  
<h5>Adding parts to the registry</h5>
 
<p>You can add parts to the Registry at our <a href="http://parts.igem.org/Add_a_Part_to_the_Registry">Add a Part to the Registry</a> link.</p>
 
<p>We encourage teams to start completing documentation for their parts on the Registry as soon as you have it available. The sooner you put up your parts, the better you will remember all the details about your parts. Remember, you don't need to send us the DNA sample before you create an entry for a part on the Registry. (However, you <b>do</b> need to send us the DNA sample before the Jamboree. If you don't send us a DNA sample of a part, that part will not be eligible for awards and medal criteria.)</p>
 
</div>
 
  
 +
<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: ===== -->
  
  
<div class="column half_size">
+
<!-- =========== Content =========== -->
  
<h5>What information do I need to start putting my parts on the Registry?</h5>
+
<div class="row"><!--row -->
<p>The information needed to initially create a part on the Registry is:</p>
+
<div class="col-sm-8 col-sm-offset-2"><!-- 10/12 -->
<ul>
+
<li>Part Name</li>
+
<li>Part type</li>
+
<li>Creator</li>
+
<li>Sequence</li>
+
<li>Short Description (60 characters on what the DNA does)</li>
+
<li>Long Description (Longer description of what the DNA does)</li>
+
<li>Design considerations</li>
+
</ul>
+
  
<p>
+
<div class="cont_box">
We encourage you to put up <em>much more</em> information as you gather it over the summer. If you have images, plots, characterization data and other information, please also put it up on the part page. </p>
+
  
</div>
+
<!-- Mini headline -->
 +
<div class="row">
 +
<div class="col-md-12 col-sm-12">
 +
<h1>Parts:</h1>
 +
</div>
 +
</div>
  
 +
<br>
  
<div class="column half_size">
+
<!-- 12 img div -->
 +
<div class="row">
  
<h5>Inspiration</h5>
+
<div class="col-md-4 col-xs-4">
<p>We have a created  a <a href="http://parts.igem.org/Well_Documented_Parts">collection of well documented parts</a> that can help you get started.</p>
+
<a href="" target="_blank">
 +
<img src="" class="img-responsive img-center" width="75" style="cursor: pointer;">
 +
</a>
 +
<h4 class="text-center">New basic part</h4>
 +
</div>
  
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
+
<div class="col-md-4 col-xs-4">
<ul>
+
<a href="" target="_blank">
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
+
<img src="" class="img-responsive img-center" width="75" style="cursor: pointer;">
<li><a href="https://2014.igem.org/Team:Heidelberg/Parts"> 2014 Heidelberg</a></li>
+
</a>
<li><a href="https://2014.igem.org/Team:Tokyo_Tech/Parts">2014 Tokyo Tech</a></li>
+
<h4 class="text-center">New composite part</h4>
</ul>
+
</div>
</div>
+
  
<div class="column full_size">
+
<div class="col-md-4 col-xs-4">
<h5>Part Table </h5>
+
<a href="" target="_blank">
<div class="highlight">
+
<img src="" class="img-responsive img-center" width="75" style="cursor: pointer;">
 +
</a>
 +
<h4 class="text-center">Parts collection</h4>
 +
</div>
  
 +
</div>
  
</html>
+
<br>
<groupparts>iGEM2016 Technion_Israel</groupparts>
+
<html>
+
</div>
+
</div>
+
  
 +
<!-- 12 text div -->
 +
<div class="row">
 +
<div class="col-md-12 col-sm-12">
 +
<p class="text-justify">
 +
Every year, more parts is been added to the registry by iGEM teams all over the  world.
 +
We understand the importance of constructing new parts, but even more the importance of 
 +
high quality parts. Each of our submitted parts was tested in the lab and well documented.
 +
The submitted parts was carefully chosen as parts which can be useful and easy to use for
 +
future iGEM teams.<br>
 +
<br>   
 +
The table below presents all the parts submitted to the iGEM Registry. Information about
 +
the applications and characterization of each part can be seen in the biobrick pages of
 +
the registry.<br>
 +
<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>
 +
 +
<!--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>
 +
 +
<groupparts>iGEM2016 Technion_Israel</groupparts>
 +
 +
{{:Team:Technion_Israel/supporters}}

Revision as of 14:34, 17 October 2016

S.tar, by iGEM Technion 2016

S.tar, by iGEM Technion 2016

Parts:


New basic part

New composite part

Parts collection


Every year, more parts is been added to the registry by iGEM teams all over the world. We understand the importance of constructing new parts, but even more the importance of high quality parts. Each of our submitted parts was tested in the lab and well documented. The submitted parts was carefully chosen as parts which can be useful and easy to use for future iGEM teams.

The table below presents all the parts submitted to the iGEM Registry. Information about the applications and characterization of each part can be seen in the biobrick pages of the registry.




<groupparts>iGEM2016 Technion_Israel</groupparts>

S.tar, by iGEM Technion 2016