User:Sifuentes anita

From 2014.igem.org

(Difference between revisions)
 
(394 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/MainPage2014_highlights_style}}
+
{{Sifuentes01}} <!-- This calls the styling and the menu -->
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html> <!-- Declare that you are going to use html code instead of wiki code -->
-
<head>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
-
<style type="text/css">
+
<!-- Content for the page starts here -->
 +
<body>
 +
<div id ="contentWrap">
 +
<div id="rightColumn"> <!-- this where the content and information go -->
-
#slideshow {
 
-
position:relative;
 
-
}
 
-
#slideshow #slidesContainer {
 
-
margin:0 auto;
 
-
width:975px;
 
-
height:250px;
 
-
overflow:auto;
 
-
}
 
-
#slideshow #slidesContainer .slide {
 
-
margin:0 auto;
 
-
width:975px;
 
-
height:250px;
 
-
}
 
-
.control {
 
-
display:block;
 
-
width:40px
 
-
height:290px;
 
-
text-indent:-10000px;
 
-
cursor: pointer;
 
-
position:absolute;
 
-
top:0;
 
-
}
 
-
#leftControl {
 
-
        top:110px;
 
-
left:0;
 
-
background:transparent url("https://static.igem.org/mediawiki/2014/6/6d/Slideleft.png") no-repeat center;
 
-
}
 
-
#rightControl {
 
-
        top:110px;
 
-
right:0;
 
-
background:transparent url("https://static.igem.org/mediawiki/2014/2/25/Slideright.png") no-repeat center;
 
-
}
 
 +
<div class="fullWidthRight">
-
-->
+
<div class="smallBlockRight">
-
</style>
+
<h4> How to start an iGEM Team</h4>
 +
<p>All the things you need to know before starting your iGEM experience.</p>
 +
</div>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+
<div class="smallBlockRight">
-
<script type="text/javascript">
+
<h4> FAQs</h4>  
-
$(document).ready(function(){
+
<p>Answers to our most frequent questions.</p>
-
$("#div_content").hide();
+
</div>
-
$("#div_content").fadeIn(1000);
+
-
$("#logo").click(function() {
+
-
window.setTimeout(function() {
+
-
document.location.href="https://2012.igem.org/Team:Tec-Monterrey"
+
-
}, 1000);
+
-
$("#div_content").fadeOut(1000);
+
-
});
+
-
+
-
//Slides
+
-
var currentPos = 0;
+
-
var sWidth = 975;
+
-
var slides = $('.slide');
+
-
var numSlides = slides.length;
+
-
$('#slidesContainer').css('overflow','hidden');
+
-
slides.wrapAll('<div id="slideInner"></div>');
+
-
slides.css({
+
-
'float':'left',
+
-
'width':sWidth
+
-
});
+
-
$('#slideInner').css('width',sWidth*numSlides);
+
-
$('#slideshow').prepend('<span class="control" id="leftControl">Move left</span>');
+
-
$('#slideshow').append('<span class="control" id="rightControl">Move right</span>');
+
-
manageControls(currentPos);
+
-
$('.control').bind('click', function() {
+
-
currentPos = ($(this).attr('id') == 'rightControl') ? currentPos+1 : currentPos-1;
+
-
manageControls(currentPos);
+
-
$('#slideInner').animate({
+
-
'marginLeft' : sWidth*(-currentPos)
+
-
});
+
-
});
+
-
function manageControls(position) {
+
-
if(position == 0) { $('#leftControl').hide(); }
+
-
else { $('#leftControl').show(); }
+
-
if(position == numSlides-1) { $('#rightControl').hide(); }
+
-
else { $('#rightControl').show(); }
+
-
}
+
-
+
-
function changeSlide(position) {
+
-
$('#slideInner').animate({
+
-
'marginLeft' : sWidth*(-position)
+
-
});
+
-
}
+
-
window.setInterval(function() {
+
-
currentPos++;
+
-
if (currentPos >= 7)
+
-
currentPos = 0;
+
-
manageControls(currentPos);
+
-
changeSlide(currentPos);
+
-
}, 6000);
+
-
});
+
<div class="smallBlockRight">
-
</script>
+
<h4>Giant Jamboree </h4>
-
</head>
+
<p>Mark your calendars for September 24 to September 28, 2015.</p>
 +
</div>
-
<body>
+
</div>
 +
<div class="clear"></div>
 +
<div class="fullWidthRight">
 +
<div class="smallBlockRight">
 +
<div class="button"> <a href=""> READ MORE </a> </div>
 +
</div>
-
<div>
+
<div class="smallBlockRight">
-
<br><br><br><br>
+
<div class="button"> <a href=""> READ MORE </a> </div>
-
<div class="content" id="div_content">
+
</div>
-
<table align="center">
+
 +
<div class="smallBlockRight">
 +
<div class="button"> <a href="igem.org"> READ MORE </a> </div>
 +
</div>
 +
 
 +
</div>
 +
 
 +
<div class="clear"></div>
 +
<div class="fullWidthRight">
 +
<h3> iGEM News </h3>
 +
<div class="newsItem">
 +
<div class="newsDate"> 17/March</div>
 +
<h5> New Tracks for 2015 </h5>
 +
<p>The new tracks for have been announced. More information: <a href=""> Tracks 2015 </a> </p>
 +
</div>
 +
 
 +
<div class="newsItem">
 +
<div class="newsDate"> 18/March</div>
 +
<h5>High School teams at the Giant Jamboree</h5>
 +
<p>High School teams will participate in their own Jamboree inside the event.
 +
<br>More information: <a href=""> High School 2015 </a></p>
 +
</div>
 +
 
 +
<div class="newsItem">
 +
<div class="newsDate"> 05/March</div>
 +
<h5> Early registration ends </h5>
 +
<p>Eearly registration is now closed. Read the <a href="">registration</a> page to see what is new.</p>
 +
</div>
-
<tr>
+
<div class="clear"></div>
-
<td>
+
-
+
-
<div id="slideshow">
+
-
<div id="slidesContainer">
+
-
<div class="slide">
+
-
<a href=""><img src="https://static.igem.org/mediawiki/2014/7/74/Heidelberg_mainpage.jpg" alt="Slide1" /></a>
+
-
</div>
+
-
<div class="slide">
+
-
<a href=""><img src="https://static.igem.org/mediawiki/2014/0/03/Ucdavis_mainpage.jpg" alt="Slide2" /></a>
+
-
</div>
+
-
<div class="slide">
+
-
<a href=""><img src="https://static.igem.org/mediawiki/2014/8/82/Wageningen_mainpage.jpg" alt="Slide3" /></a>
+
-
</div>
+
-
<div class="slide">
+
-
<a href=""><img src="https://static.igem.org/mediawiki/2014/b/bd/Tudarmstad_mainpage.jpg" alt="Slide4" /></a>
+
-
</div>
+
-
<div class="slide">
+
-
<a href=""><img src="https://static.igem.org/mediawiki/2014/e/e0/Imperial_mainpage.jpg" alt="Slide5" /></a>
+
-
</div>
+
-
                                                        <div class="slide">
+
-
<a href=""><img src="https://static.igem.org/mediawiki/2014/2/2c/Nctuformosa_mainpage.jpg" alt="Slide6" /></a>
+
-
</div>
+
-
                                                        <div class="slide">
+
<br>
-
<a href=""><img src="https://static.igem.org/mediawiki/2014/a/ae/Sumbawagen_charimansprize.jpg" alt="Slide7" /></a>
+
<div class="button">
-
</div>                              
+
<a href=""> MORE NEWS </a>
</div>
</div>
 +
</div>
 +
 +
<div class="clear"></div>
 +
 +
<div class="clear"></div>
 +
 +
<div class="fullWidthRight">
 +
<h3>Community Highlights</h3>
 +
 +
<div class="smallBlockRight">
 +
<a href=""><img src="https://static.igem.org/mediawiki/2014/c/cd/2014INSA-Lyon_2_vid_thumb_s.png"></a>
 +
<h4> Team INSA-Lyon</h4>
 +
<p><a href=""> Team INSA-Lyon</a>  has made a <a href=""> music video </a>about the frustrations of cloning!</p>
</div>
</div>
-
+
<div class="smallBlockRight">
-
</td>
+
<a href=""><img src="https://static.igem.org/mediawiki/2014/4/4a/2014KIT-Kyoto_vid_thumb_s.png"></a>
-
</tr>
+
<h4> KIT Kyoto </h4>
-
+
<p><a href="">Team KIT-Kyoto</a> made an <a href=""> introductory video </a> 'How to make basic BioArt.' </p>
-
</table>
+
</div>
-
</div>
+
<div class="smallBlockRight">
-
+
<a href=""><img src="https://static.igem.org/mediawiki/2014/e/ed/2014METU_Turkey_vid_thumb2_s.png"></a>
-
+
<h4>METU Turkey</h4>
-
+
<p><a href=" ">Team METU Turkey</A> made a game related to their project <a href=""> PET degredation </a> </p>
-
</div>
+
</div>
 +
</div>
 +
 
 +
<div class="clear"></div>
 +
 
 +
 
 +
<div class="fullWidthRight">
 +
<h3>iGEM Teams</h3>
 +
<iframe width="740" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/ms?msa=0&amp;msid=211889735555343806668.0004f9377a323c3820df3&amp;hl=en&amp;ie=UTF8&amp;t=p&amp;ll=16.636192,14.0625&amp;spn=112.407019,280.898438&amp;z=2&amp;output=embed"></iframe>
 +
 
 +
 
 +
</div>
 +
</div>  <!--end of the right side of the page -->
 +
 
 +
</div> <!-- end of content -->
 +
 
 +
 
 +
</body>
 +
<!-- End of page -->
 +
 
-
</body>
+
<!-- end of html -->
</html>
</html>

Latest revision as of 15:21, 9 January 2015

How to start an iGEM Team

All the things you need to know before starting your iGEM experience.

FAQs

Answers to our most frequent questions.

Giant Jamboree

Mark your calendars for September 24 to September 28, 2015.

iGEM News

17/March
New Tracks for 2015

The new tracks for have been announced. More information: Tracks 2015

18/March
High School teams at the Giant Jamboree

High School teams will participate in their own Jamboree inside the event.
More information: High School 2015

05/March
Early registration ends

Eearly registration is now closed. Read the registration page to see what is new.


Community Highlights

Team INSA-Lyon

Team INSA-Lyon has made a music video about the frustrations of cloning!

KIT Kyoto

Team KIT-Kyoto made an introductory video 'How to make basic BioArt.'

METU Turkey

Team METU Turkey made a game related to their project PET degredation

iGEM Teams