Difference between revisions of "Kim Featurebox test"
m
 
(45 intermediate revisions by one other user not shown)
Line 74: Line 74:
  
 
</div>
 
</div>
−
</html>
+
 
−
<html>
+
  
 
<!--
 
<!--
−
<div id="feature_box" style="position: relative; left: -5px; font-size: 24px; font-weight: 400; color: black; margin-bottom: 10px;"><a href="https://parts.igem.org/Feature_Box_Archive">Featured on the Registry</a></div>
+
<div id="feature_box" style="position: relative; left: -5px; font-size: 24px; font-weight: 400; color: black; margin-bottom: 10px;"><a href="https://parts.igem.org/Feature_Box_Archive">Welcome to the Registry</a></div>
  
 
<div style="width: 965px; display: block; position: relative; left: -5px; height: 300px;">
 
<div style="width: 965px; display: block; position: relative; left: -5px; height: 300px;">
Line 86: Line 85:
 
-->
 
-->
  
−
<!--===Image Slider Script===-->
 
  
−
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
+
<h1>Welcome to the Registry</h1>
−
<script type="text/javascript">
+
−
$(document).ready(function() {
+
−
//Show the paging and activate its first link
+
−
$(".paging").show();
+
−
$(".paging a:first").addClass("active");
+
  
−
//Get size of the image, how many images there are, then determin the size of the image reel.
+
<!--<div style="width:630px;">-->
−
var imageWidth = $(".window").width();
+
−
var imageSum = $(".image_reel img").size();
+
−
var imageReelWidth = imageWidth * imageSum;
+
  
−
//Adjust the image reel to its new size
 
−
$(".image_reel").css({'width' : imageReelWidth});
 
  
−
//Paging  and Slider Function
 
−
rotate = function(){
 
−
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
 
−
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
 
−
$(".paging a").removeClass('active'); //Remove all active class
 
−
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
 
  
−
//Slider Animation
+
<div style="clear:both;"></div>
−
$(".image_reel").animate({
+
−
left: -image_reelPosition
+
−
}, 500 );
+
−
};  
+
  
−
//Rotation  and Timing Event
 
−
rotateSwitch = function(){
 
−
play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
 
−
$active = $('.paging a.active').next(); //Move to the next paging
 
−
if ( $active.length === 0) { //If paging reaches the end...
 
−
$active = $('.paging a:first'); //go back to first
 
−
}
 
−
rotate(); //Trigger the paging and slider function
 
−
}, 12000); //Timer speed in milliseconds (6 seconds)
 
−
};
 
  
−
rotateSwitch(); //Run function on launch
+
<!-- intro text and feature box  -->
 +
<div style="width:975px">
  
−
//On Hover
+
<div style="width:300px;float:left;  margin-right: 25px;height:250px;" >
−
//$(".image_reel a").hover(function() {
+
<p><b>The iGEM Registry is a growing collection of genetic parts that can be mixed and matched to build synthetic biology devices and systems.
−
//clearInterval(play); //Stop the rotation
+
As part of the synthetic biology community's efforts to make biology easier to engineer, it provides a source of genetic parts to iGEM teams and academic labs.
−
//}, function() {
+
<br><br>
−
//rotateSwitch(); //Resume rotation timer
+
You can learn more about iGEM Teams and Labs at <a href="igem.org/Main_Page"> iGEM.org</a> </b></p>
−
//});
+
  
−
//On Click
+
</div>
−
$(".pause a").click(function() {
+
−
clearInterval(play); //Stop the rotation
+
−
});
+
  
  
−
//On Click
+
<div style=" width:625px;float:left;" >  
−
$(".paging a").click(function() {
+
<a href=""><img src="https://static.igem.org/mediawiki/2014/f/fc/Distributionbanner2014.jpg" width="610px"></a>
−
$active = $(this); //Activate the clicked paging
+
<p><i> The iGEM 2014 Distribution is being prepared! More updates coming soon.</i></p>
−
//Reset Timer
+
−
clearInterval(play); //Stop the rotation
+
−
rotate(); //Trigger rotation immediately
+
−
rotateSwitch(); // Resume rotation timer
+
−
return false; //Prevent browser jump to link anchor
+
−
});
+
−
});
+
−
</script>
+
−
<!--==End of Slider script==-->
+
−
 
+
−
<h1>Featured on the Registry</h1>
+
−
 
+
−
<!--<div style="width:630px;">-->
+
−
 
+
−
<tr>
+
−
<td colspan="2" style="height: 325px;">
+
−
<div id="slideshow"> <!--???-->
+
−
<div class="textboxes" id="main_view"> <!--???-->
+
−
    <div class="window"> <!--???-->
+
−
        <div class="image_reel"> <!--Slideshow Pics go here - 625x300px -->
+
−
            <a href="https://parts.igem.org/Help:3A_Assembly_Kit"><img src="https://static.igem.org/mediawiki/parts/8/86/Feature_box_1.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Promoters/Catalog/Anderson"><img src="https://static.igem.org/mediawiki/parts/f/fd/Feature_box_2.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Part:BBa_K801077"><img src="https://static.igem.org/mediawiki/parts/a/ae/Feature_box_3.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Part:BBa_I750016"><img src="https://static.igem.org/mediawiki/parts/d/dd/Feature_box_4.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Genome_Integration"><img src="https://static.igem.org/mediawiki/parts/3/3f/Feature_box_5.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Cat:Feature_Boxes"><img src="https://static.igem.org/mediawiki/parts/f/ff/Feature_box_6.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Help:Contents"><img src="https://static.igem.org/mediawiki/parts/2/2e/Feature_box_7.jpg" alt="" /></a>
+
−
            <a href="http://2011.igem.org/Team:Imperial_College_London/Project_Chemotaxis_Overview"><img src="https://static.igem.org/mediawiki/parts/e/ee/Feature_box_8.jpg"  alt="" /></a>
+
−
            <a href="https://parts.igem.org/Ribosome_Binding_Site/Cat_page"><img src="https://static.igem.org/mediawiki/parts/d/d5/Feature_box_9.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Part:BBa_K747001"><img src="https://static.igem.org/mediawiki/parts/1/1e/Feature_box_10.jpg"  alt="" /></a>
+
−
            <a href="https://parts.igem.org/wiki/index.php?title=Part:BBa_K592012"><img src="https://static.igem.org/mediawiki/parts/9/95/Feature_box_11.jpg" alt="" /></a>
+
−
            <a href="http://2010.igem.org/Team:Freiburg_Bioware"><img src="https://static.igem.org/mediawiki/parts/8/8a/Theraputic_virus_toolkit-mod.jpg" alt="" /></a>
+
−
        </div>
+
−
    </div>
+
−
    <div class="paging">
+
−
        <a href="#" rel="1">1</a>
+
−
        <a href="#" rel="2">2</a>
+
−
        <a href="#" rel="3">3</a>
+
−
        <a href="#" rel="4">4</a>
+
−
        <a href="#" rel="5">5</a>
+
−
        <a href="#" rel="6">6</a>
+
−
        <a href="#" rel="7">7</a>
+
−
        <a href="#" rel="8">8</a>
+
−
        <a href="#" rel="9">9</a>
+
−
        <a href="#" rel="10">10</a>
+
−
        <a href="#" rel="11">11</a>
+
−
        <a href="#" rel="12">12</a>
+
−
    </div>
+
−
<div class="pause"><a href="#">II</a></div>
+
 
</div>
 
</div>
 
</div>
 
</div>
−
</td>
 
−
</tr>
 
  
−
</style>
+
<!-- end of intro and feature box-->
  
−
<!-- Comments on feature boxes. Previous Feature boxes:
+
<div style="clear:both;"></div>  
−
June 2013:
+
<div style="width:950px;height:100px;">
−
<a href="https://parts.igem.org/Help:3A_Assembly_Kit"><img src="https://static.igem.org/mediawiki/parts/8/86/Feature_box_1.jpg"></a>
+
<h2> iGEM 2014 season: Next up, Brainstorming! </h2>
−
<a href="https://parts.igem.org/Part:BBa_K801077"><img src="https://static.igem.org/mediawiki/parts/a/ae/Feature_box_3.jpg"></a>
+
<p>
−
<a href="https://parts.igem.org/Part:BBa_I750016"><img src="https://static.igem.org/mediawiki/parts/d/dd/Feature_box_4.jpg"></a>
+
The 2014 Distributions Kit will be shipping soon, so what should you do in the mean time? Brainstorm! We have created several pages to help during the project brainstorming process.  
−
<a href="https://parts.igem.org/Genome_Integration"><img src="https://static.igem.org/mediawiki/parts/3/3f/Feature_box_5.jpg"></a>
+
</p>
−
<a href="https://parts.igem.org/Cat:Feature_Boxes"><img src="https://static.igem.org/mediawiki/parts/f/ff/Feature_box_6.jpg"></a>
+
−
<a href="https://parts.igem.org/Help:Contents"><img src="https://static.igem.org/mediawiki/parts/2/2e/Feature_box_7.jpg"></a>
+
−
<a href="http://2011.igem.org/Team:Imperial_College_London/Project_Chemotaxis_Overview"><img src="https://static.igem.org/mediawiki/parts/e/ee/Feature_box_8.jpg"></a>
+
−
<a href="https://parts.igem.org/Ribosome_Binding_Site/Cat_page"><img src="https://static.igem.org/mediawiki/parts/d/d5/Feature_box_9.jpg"></a>
+
−
<a href="https://parts.igem.org/Part:BBa_K747001"><img src="https://static.igem.org/mediawiki/parts/1/1e/Feature_box_10.jpg"></a>
+
−
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K592012"><img src="https://static.igem.org/mediawiki/parts/9/95/Feature_box_11.jpg"></a>
+
−
<a href="http://2010.igem.org/Team:Freiburg_Bioware"><img src="https://static.igem.org/mediawiki/parts/8/8a/Theraputic_virus_toolkit-mod.jpg"></a>
+
−
-->
+
−
<div style="clear:both;"></div>
+
−
 
+
−
<div style="position: relative; float: right; width: 300px; border: 0px solid #000; top: -3px; padding-right: 15px; font-family: serif; font-size: 20px; line-height: 25px; font-style: italic; color:#555;">
+
−
<div>The iGEM Registry is a growing collection of genetic parts that can be mixed and matched to build synthetic biology devices and systems.</div>
+
−
<div style='padding-top:10px;'>As part of the synthetic biology community's efforts to make biology easier to engineer, it provides a source of genetic parts to iGEM teams and academic labs.</div>
+
−
<div style='padding-top:10px;'>You can learn more about iGEM Teams and Labs at <a href='https://igem.org'>iGEM.org</a>.</div>
+
−
</div>
+
 
</div>
 
</div>
  
 +
<div style="clear:both;"></div>
  
−
<div style="clear:both;"></div>
+
<!-- first row-->
−
 
+
−
 
+
−
<!-- Text Block B -->
+
 
<div style="width:975px">
 
<div style="width:975px">
  
−
<div style="width:300px;float:left;  margin-right: 25px; " >  
+
<div style="width:450px;float:left;  margin-right: 20px; height:240px;" >  
−
<h3><a id="topic3"></a>Title  for Text Block B1</h3>
+
<h3><a id="topic3"></a>Collection Pages</h3>
−
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. </p>
+
<p>These pages highlight projects from 2013 and previous years that you can browse for inspiration. Here you will find which teams worked with CRISPR in 2013, which parts are the most used parts in the Registry, and which parts are most documented parts! </p>
 +
<ul>
 +
<li><a href="https://parts.igem.org/CRISPR">CRISPR 2013 Teams </a></li>
 +
<li><a href="https://parts.igem.org/Well_Documented_Parts">Most documented Parts</a></li>
 +
<li><a href="https://parts.igem.org/Frequently_Used_Parts">Most Used Parts</a></li>
 +
</ul>
  
 +
<p> We also have created more interesting lists that you will find in: <a href="https://parts.igem.org/Collections">Collection Pages</a></p>
 
</div>
 
</div>
  
  
−
<div style=" width:625px;float:left;align:center;" >
+
<div style=" width:450px;float:right;margin-right: 40px; " >
−
<h3><a id="topic4"></a>Title Text Block B2</h3>
+
<h3><a id="topic4"></a>iGEM 2013 Results </h3>
−
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per.
+
<p>You can look through previous iGEM projects for inspiration! You can see team presentations, posters and talks for ideas. Read team wikis and find out how previous teams have documented their projects, the parts they used, and more!</p>
−
Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te. Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei. </p>
+
<ul><li> <a href="https://igem.org/Results?year=2013&region=All&division=igem">2013 Results </a></li></ul>
 
</div>
 
</div>
  
 
</div>
 
</div>
−
<!--end of Text Block B -->
+
<!--end of first row-->
  
−
<!-- Text Block C -->
+
<div style="clear:both;"></div>
 +
 
 +
<!-- second row-->
 
<div style="width:975px">
 
<div style="width:975px">
  
−
<div style="width:300px;float:left;margin-right: 25px;height:200px; ">
+
<div style="width:450px;float:left; margin-right: 20px; " >
−
<p> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod </p>  
+
<h3><a id="topic4"></a>15 Tracks</h3>
 +
<p>Not sure where your project fits? Need ideas of what previous teams have done in a certain track? This year we have 15 different categories! There is a place for everyone. You find more information at:</p>
 +
<ul><li> <a href="http://2014.igem.org/Tracks">iGEM 2014 Tracks</a></li></ul>
 
</div>
 
</div>
  
−
<div style="width:300px;float:left;margin-right: 25px;height:200px; ">  
+
<div style=" width:450px;float:right;margin-right: 40px; " >
−
<p> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod </p>  
+
 
 +
<h3><a id="topic3"></a>2013 Annual Review</h3>
 +
<p>At the end of the 2013 season, we prepared a report summing up the year: The 2013 Annual Review. The raw data used to create this document is also available!  </p>
 +
<ul>
 +
<li><a href="https://igem.org/2013_Review">2013 Annual Review</a></li>
 +
<li><a href="https://static.igem.org/mediawiki/igem.org/0/09/2013_Project_Harvesting_Upload.xls">2013 Project Harvesting Data</a></li>
 +
<li><a href="https://static.igem.org/mediawiki/igem.org/2/2f/Agapakis_igem_report.pdf">Christina Agapakis also created a report</a></li>
 +
</ul>
 +
 
 
</div>
 
</div>
  
−
<div style="width:300px;float:left;height:200px; ">
 
−
<p> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod </p>
 
 
</div>
 
</div>
−
<!--end of Text Block C -->
+
<!--end of second row-->
  
−
<div style="clear:both;"></div>
 
−
<!-- Text Block C -->
 
−
<div style="width:975px">
 
  
−
<div style="width:300px;float:left;margin-right: 25px;height:200px; ">
 
−
<p> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod </p>
 
−
</div>
 
  
−
<div style="width:300px;float:left;margin-right: 25px;height:200px; ">
 
−
<p> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod </p>
 
−
</div>
 
  
−
<div style="width:300px;float:left;height:200px; ">  
+
<div style="clear:both;"></div>  
−
<p> Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod </p>
+
−
</div>
+
−
<!--end of Text Block C -->
+
  
  

Latest revision as of 18:35, 18 April 2014

The Registry's Repository
The Registry's Repository contains DNA samples for thousands of parts, submitted by iGEM teams and labs. Last year, iGEM teams sent in samples for over 1500 parts.

Be sure to add your parts and send samples to the Registry so that they can be made available to the community!
add your part
send your sample

Welcome to the Registry

The iGEM Registry is a growing collection of genetic parts that can be mixed and matched to build synthetic biology devices and systems. As part of the synthetic biology community's efforts to make biology easier to engineer, it provides a source of genetic parts to iGEM teams and academic labs.

You can learn more about iGEM Teams and Labs at iGEM.org

The iGEM 2014 Distribution is being prepared! More updates coming soon.

iGEM 2014 season: Next up, Brainstorming!

The 2014 Distributions Kit will be shipping soon, so what should you do in the mean time? Brainstorm! We have created several pages to help during the project brainstorming process.

Collection Pages

These pages highlight projects from 2013 and previous years that you can browse for inspiration. Here you will find which teams worked with CRISPR in 2013, which parts are the most used parts in the Registry, and which parts are most documented parts!

We also have created more interesting lists that you will find in: Collection Pages

iGEM 2013 Results

You can look through previous iGEM projects for inspiration! You can see team presentations, posters and talks for ideas. Read team wikis and find out how previous teams have documented their projects, the parts they used, and more!

15 Tracks

Not sure where your project fits? Need ideas of what previous teams have done in a certain track? This year we have 15 different categories! There is a place for everyone. You find more information at:

2013 Annual Review

At the end of the 2013 season, we prepared a report summing up the year: The 2013 Annual Review. The raw data used to create this document is also available!

<nocomments />