Difference between revisions of "Kim Featurebox test"

m
 
(42 intermediate revisions by one other user not shown)
Line 77: Line 77:
  
 
<!--
 
<!--
<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 85: 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.
+
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
+
$(".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
+
 
+
//On Hover
+
//$(".image_reel a").hover(function() {
+
//clearInterval(play); //Stop the rotation
+
//}, function() {
+
//rotateSwitch(); //Resume rotation timer
+
//});
+
 
+
//On Click
+
$(".pause a").click(function() {
+
clearInterval(play); //Stop the rotation
+
});
+
 
+
 
+
//On Click
+
$(".paging a").click(function() {
+
$active = $(this); //Activate the clicked paging
+
//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;">-->
 
<!--<div style="width:630px;">-->
Line 166: Line 98:
 
<div style="width:975px">
 
<div style="width:975px">
  
<div style="width:300px;float:left;  margin-right: 25px; " >  
+
<div style="width:300px;float:left;  margin-right: 25px;height:250px;" >  
<p>The iGEM Registry is a growing collection of genetic parts that can be mixed and matched to build synthetic biology devices and systems.
+
<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.
 
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.
 
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. </p>
+
<br><br>
 +
You can learn more about iGEM Teams and Labs at <a href="igem.org/Main_Page"> iGEM.org</a> </b></p>
  
 
</div>
 
</div>
  
  
<div style=" width:625px;float:left;align:center;" >
+
<div style=" width:625px;float:left;" >  
 
+
<a href=""><img src="https://static.igem.org/mediawiki/2014/f/fc/Distributionbanner2014.jpg" width="610px"></a>
<tr>
+
<p><i> The iGEM 2014 Distribution is being prepared! More updates coming soon.</i></p>
<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-->
  
 +
<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>
  
 +
<div style="clear:both;"></div>
  
 +
<!-- first row-->
 +
<div style="width:975px">
  
</div>
+
<div style="width:450px;float:left;  margin-right: 20px; height:240px;" >
 +
<h3><a id="topic3"></a>Collection Pages</h3>
 +
<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 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>
  
 
</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="clear:both;"></div>  
<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; ">
+
<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!

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