Difference between revisions of "Kim Featurebox test"

m
 
(50 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
+
</div>
clearInterval(play); //Stop the rotation
+
</div>
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>
+
<!-- end of intro and feature box-->
  
<!--<div style="width:630px;">-->
+
<div style="clear:both;"></div>
 +
<div style="width:950px;height:100px;">
 +
<h2> iGEM 2014 season: Next up, Brainstorming! </h2>
 +
<p>
 +
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.
 +
</p>
 +
</div>
  
<tr>
+
<div style="clear:both;"></div>  
<td colspan="2" style="height: 325px;">
+
 
<div id="slideshow"> <!--???-->
+
<!-- first row-->
<div class="textboxes" id="main_view"> <!--???-->
+
<div style="width:975px">
    <div class="window"> <!--???-->
+
 
        <div class="image_reel"> <!--Slideshow Pics go here - 625x300px -->
+
<div style="width:450px;float:left;  margin-right: 20px; height:240px;" >  
            <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>
+
<h3><a id="topic3"></a>Collection Pages</h3>
            <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>
+
<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>
            <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>
+
<ul>
            <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>
+
<li><a href="https://parts.igem.org/CRISPR">CRISPR 2013 Teams </a></li>
            <a href="https://parts.igem.org/Genome_Integration"><img src="https://static.igem.org/mediawiki/parts/3/3f/Feature_box_5.jpg" alt="" /></a>
+
<li><a href="https://parts.igem.org/Well_Documented_Parts">Most documented Parts</a></li>
            <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>
+
<li><a href="https://parts.igem.org/Frequently_Used_Parts">Most Used Parts</a></li>
            <a href="https://parts.igem.org/Help:Contents"><img src="https://static.igem.org/mediawiki/parts/2/2e/Feature_box_7.jpg" alt="" /></a>
+
</ul>
            <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>
+
<p> We also have created more interesting lists that you will find in: <a href="https://parts.igem.org/Collections">Collection Pages</a></p>
            <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 style=" width:450px;float:right;margin-right: 40px; " >
 +
<h3><a id="topic4"></a>iGEM 2013 Results </h3>
 +
<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>
 +
<ul><li> <a href="https://igem.org/Results?year=2013&region=All&division=igem">2013 Results </a></li></ul>
 
</div>
 
</div>
</td>
 
</tr>
 
  
</style>
+
</div>
 +
<!--end of first row-->
  
<!-- Comments on feature boxes. Previous Feature boxes:
+
<div style="clear:both;"></div>  
June 2013:
+
<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>
+
<a href="https://parts.igem.org/Part:BBa_K801077"><img src="https://static.igem.org/mediawiki/parts/a/ae/Feature_box_3.jpg"></a>
+
<a href="https://parts.igem.org/Part:BBa_I750016"><img src="https://static.igem.org/mediawiki/parts/d/dd/Feature_box_4.jpg"></a>
+
<a href="https://parts.igem.org/Genome_Integration"><img src="https://static.igem.org/mediawiki/parts/3/3f/Feature_box_5.jpg"></a>
+
<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;">
+
<!-- second row-->
<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="width:975px">
<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 style="width:450px;float:left; margin-right: 20px; " >  
</div>
+
<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:450px;float:right;margin-right: 40px; " >
 +
 +
<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>
 +
<!--end of second row-->
 +
 +
 +
 +
 +
<div style="clear:both;"></div>
  
  
<div style="clear:both;"></div>
 
  
 
</html>
 
</html>

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!

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 />