Template:Sifuentes04

From 2014.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 21: Line 21:
width: 100%;  
width: 100%;  
height: 100%;  
height: 100%;  
-
background-color: #fff;
+
background-color: #58585b;
}
}
Line 29: Line 29:
height: 100%;
height: 100%;
border: 0px;
border: 0px;
-
background-color: transparent;
+
background-color: #fff;
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
Line 86: Line 86:
border-radius: 5px;
border-radius: 5px;
margin:auto;
margin:auto;
 +
text-align: center;
}
}
Line 301: Line 302:
<!-- javascript for the featurebox -->
<!-- javascript for the featurebox -->
 +
 +
<!-- image size should be 145 x 145 px -->
<script type="text/javascript">
<script type="text/javascript">
var arrayPosition = 0;
var arrayPosition = 0;
 +
var imgFeatureBox= new Array();
var imgFeatureBox= new Array();
-
imgFeatureBox[0] = "http://2011.igem.org/wiki/images/c/cb/Img022.png";
+
imgFeatureBox[0] = "http://2014.igem.org/wiki/images/0/03/Featurebox_startateam.jpg";
imgFeatureBox[1] = "http://2014.igem.org/wiki/images/4/4c/Featureboxdemo.jpg";
imgFeatureBox[1] = "http://2014.igem.org/wiki/images/4/4c/Featureboxdemo.jpg";
-
imgFeatureBox[2] = "http://2011.igem.org/wiki/images/b/b1/Img021.png";
 
 +
var titleFeatureBox = new Array();
 +
titleFeatureBox[0] = "Starting a Team";
 +
titleFeatureBox[1] = "Registration";
var textFeatureBox = new Array();
var textFeatureBox = new Array();
-
textFeatureBox[0] = "text 01";
+
textFeatureBox[0] = "All you need to know before starting your iGEM team";
-
textFeatureBox[1] = "text 02";
+
textFeatureBox[1] = "Registration for iGEM 2015  will open soon ";
-
textFeatureBox[2] = "text 03";
+
-
var titleFeatureBox = new Array();
 
-
titleFeatureBox[0] = "Title 01";
 
-
titleFeatureBox[1] = "Title 02";
 
-
titleFeatureBox[2] = "Title 03";
 
Line 329: Line 330:
document.getElementById("featureText").innerHTML = textFeatureBox[n];
document.getElementById("featureText").innerHTML = textFeatureBox[n];
}
}
 +
function changeImg(n) {
function changeImg(n) {
Line 343: Line 345:
changeText(arrayPosition);
changeText(arrayPosition);
changeTitle(arrayPosition);
changeTitle(arrayPosition);
 +
}
}
Line 354: Line 357:
changeText(arrayPosition);
changeText(arrayPosition);
changeTitle(arrayPosition);
changeTitle(arrayPosition);
 +
}
}
Line 377: Line 381:
$('.collapseMenu').click(function () {
$('.collapseMenu').click(function () {
if (checkIfActive == 0) {
if (checkIfActive == 0) {
-
$('.collapseMenu').css("background-color", "red");
+
$('.collapseMenu').html("Collapse All");
-
$('.collapseMenu').html("jQuery magic in action!");
+
checkIfActive = 1;
checkIfActive = 1;
$('.accordion-header').next().slideToggle().toggleClass('open-content');
$('.accordion-header').next().slideToggle().toggleClass('open-content');
}
}
else {
else {
-
$('.collapseMenu').css("background-color", "blue");
 
checkIfActive = 0;
checkIfActive = 0;
$('.accordion-header').next().slideToggle().toggleClass('open-content');
$('.accordion-header').next().slideToggle().toggleClass('open-content');
 +
$('.collapseMenu').html("Expand All");
 +
 +
}
}
});
});
 +
 +
// The Accordion Effect
// The Accordion Effect
$('.accordion-header').click(function () {
$('.accordion-header').click(function () {
Line 416: Line 423:
<div id ="contentWrap">  
<div id ="contentWrap">  
-
<div id="fullwidthBanner">
 
-
<img src="http://2014.igem.org/wiki/images/c/cb/Demobannerimage2.jpg" width="970px">
 
-
</div>
 
-
 
-
<div class="clear"></div>
 
<div id="leftColumn">  
<div id="leftColumn">  
Line 427: Line 429:
<div id="featureBoxLeft">  
<div id="featureBoxLeft">  
-
<h3 id="featureBoxTitle">Title 01</h3>   
+
<h3 id="featureBoxTitle">Starting a Team</h3>   
<div class="featureBoxButtons">  
<div class="featureBoxButtons">  
-
<a href="#" onClick="moveLeft()"><img src="" width="20" height="20"> </a>  
+
<a href="#" onClick="moveLeft()"><img src="http://2014.igem.org/wiki/images/c/ce/Featurebox_leftbutton.jpg" width="20" height="20"></a>  
</div>
</div>
<div id="featureBoxImage">  
<div id="featureBoxImage">  
-
<img src="http://2011.igem.org/wiki/images/c/cb/Img022.png"  width="145" height="145" id="imageNumber">
+
 +
<img src="http://2014.igem.org/wiki/images/0/03/Featurebox_startateam.jpg"  width="145" height="145" id="imageNumber">
 +
 
</div>
</div>
<div class="featureBoxButtons">
<div class="featureBoxButtons">
-
<a href="#" onClick="moveRight()"><img src="" width="20" height="20"></a>  
+
<a href="#" onClick="moveRight()"><img src="http://2014.igem.org/wiki/images/f/fa/Featurebox_rightbutton.jpg" width="20" height="20"> </a>  
</div>
</div>
-
<p id="featureText">text 01</p>
+
<p id="featureText">All you need to know before starting your iGEM team</p>
</div>
</div>
Line 454: Line 458:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="http://2014.igem.org/User:Sifuentes_anita">What is iGEM?</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">What is iGEM?</a></li>
-
<li><a href="www.html">Previous Competitions</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Previous Competitions</a></li>
-
<li><a href="www.html">iGEM Headquarters</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">iGEM Headquarters</a></li>
-
<li><a href="www.html">Press Kit</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Press Kit</a></li>
-
<li><a href="www.html">Join our Newsletter</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Join our Newsletter</a></li>
-
<li><a href="www.html">Sponsor iGEM</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Sponsor iGEM</a></li>
</ul>
</ul>
</div>  
</div>  
Line 466: Line 470:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">General Requirements</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage2">Starting a Team</a></li>
-
<li><a href="www.html">Funding</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">General Requirements</a></li>
 +
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Funding</a></li>
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">General iGEM Guide</a></li>
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">General iGEM Guide</a></li>
</ul>
</ul>
Line 475: Line 480:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">Calendar of Events</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Calendar of Events</a></li>
-
<li><a href="www.html">Key Deadlines</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Key Deadlines</a></li>
</ul>
</ul>
</div>  
</div>  
Line 484: Line 489:
<ul class="submenuoptions">
<ul class="submenuoptions">
<li><a href="">General Requirements</a></li>
<li><a href="">General Requirements</a></li>
-
<li><a href="www.html">Wiki how-to</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Wiki how-to</a></li>
-
<li><a href="www.html">Poster Guidelines</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Poster Guidelines</a></li>
-
<li><a href="www.html">Presentation Guidelines</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Presentation Guidelines</a></li>
-
<li><a href="www.html">Two Page Summary</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Two Page Summary</a></li>
-
<li><a href="www.html">Safety Requirements</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Safety Requirements</a></li>
</ul>
</ul>
</div>  
</div>  
Line 495: Line 500:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">New Tracks</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">New Tracks</a></li>
-
<li><a href="www.html">High School</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">High School</a></li>
-
<li><a href="www.html">Complete List</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Complete List</a></li>
</ul>
</ul>
</div>  
</div>  
Line 504: Line 509:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">Fees</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage3">How to register</a></li>
-
<li><a href="www.html">How to register</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Fees</a></li>
</ul>
</ul>
</div>  
</div>  
Line 512: Line 517:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">Registry at a glance</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Registry at a glance</a></li>
-
<li><a href="www.html">2015 DNA distribution</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">2015 DNA distribution</a></li>
</ul>
</ul>
</div>
</div>
Line 519: Line 524:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">General Information</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage4">General Information</a></li>
-
<li><a href="www.html">Event Website</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Event Website</a></li>
</ul>
</ul>
</div>
</div>
Line 528: Line 533:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">Introduction</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Introduction</a></li>
-
<li><a href="www.html">Risk Groups</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Risk Groups</a></li>
-
<li><a href="www.html">Biosafety Levels</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Biosafety Levels</a></li>
-
<li><a href="www.html">Safety Committee</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Safety Committee</a></li>
-
<li><a href="www.html">Deadlines</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Deadlines</a></li>
-
<li><a href="www.html">Help</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Help</a></li>
</ul>
</ul>
</div>
</div>
Line 541: Line 546:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">Introduction</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Introduction</a></li>
-
<li><a href="www.html">Medals and Awards</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Medals and Awards</a></li>
-
<li><a href="www.html">Deadlines</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Deadlines</a></li>
-
<li><a href="www.html">Judging Handbook</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Judging Handbook</a></li>
</ul>
</ul>
</div>
</div>
Line 551: Line 556:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">Meetups</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Meetups</a></li>
-
<li><a href="www.html">Community page</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Community page</a></li>
</ul>
</ul>
</div>
</div>
Line 559: Line 564:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">Judging Form</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Judging Form</a></li>
-
<li><a href="www.html">Safety Form</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Safety Form</a></li>
-
<li><a href="www.html">About our Lab</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">About our Lab</a></li>
</ul>
</ul>
</div>
</div>
Line 569: Line 574:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">Wikis</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Wikis</a></li>
-
<li><a href="www.html">List</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">List</a></li>
-
<li><a href="www.html">Parts</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Parts</a></li>
-
<li><a href="www.html">Tracks</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">Tracks</a></li>
</ul>
</ul>
</div>
</div>

Latest revision as of 15:02, 22 January 2015