Template:Sifuentes04

From 2014.igem.org

(Difference between revisions)
 
(143 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 82: Line 82:
#featureBoxLeft {
#featureBoxLeft {
background-color: #ffffff;
background-color: #ffffff;
-
padding: 5px 10px 10px 10px;
+
padding: 5px 10px 5px 10px;
border: 1px solid #cccccc;
border: 1px solid #cccccc;
border-radius: 5px;
border-radius: 5px;
 +
margin:auto;
 +
text-align: center;
}
}
Line 136: Line 138:
     background-color: #c1dfa6;
     background-color: #c1dfa6;
     }
     }
 +
/* general styling */
/* general styling */
Line 179: Line 182:
}
}
 +
 +
.featureBoxButtons {
 +
display: inline-block;
 +
}
 +
 +
#featureBoxImage{
 +
display: inline-block;
 +
margin:auto;
 +
 +
 +
}
.smallBlockRight img {
.smallBlockRight img {
Line 282: Line 296:
</style>
</style>
-
<!-- end of css -->
+
<!-- end of css -->
-
<script type="text/javascript">
+
<!-- javascript for the featurebox -->
-
<!--
+
-
var galimgn = 0;
+
-
var i = 0;
+
-
var st1 = 100;
+
-
var st2 = 0;
+
-
var speed = 10;
+
-
var imgname = new Array();
 
-
imgname[0] = "http://2011.igem.org/wiki/images/c/cb/Img022.png";
 
-
imgname[1] = "http://2011.igem.org/wiki/images/b/b1/Img021.png";
 
-
imgname[2] = "http://2011.igem.org/wiki/images/b/b1/Img021.png";
 
-
imgname[3] = "http://2011.igem.org/wiki/images/c/cf/Img020.png";
 
-
imgname[4] = "http://2011.igem.org/wiki/images/e/ee/Img019.png";
 
-
imgname[5] = "http://2011.igem.org/wiki/images/5/5c/Img018.png";
 
-
    imgname[6] = "http://2011.igem.org/wiki/images/b/b6/Img017.png";
 
-
    imgname[7] = "http://2011.igem.org/wiki/images/8/84/Img016.png";
 
-
    imgname[8] = "http://2011.igem.org/wiki/images/4/4f/Img015.png";
 
-
  imgname[9] = "http://2011.igem.org/wiki/images/4/4a/Img014.png";
 
-
  imgname[10] = "http://2011.igem.org/wiki/images/a/aa/Img023.png";
 
-
imgname[11] = "http://2011.igem.org/wiki/images/e/e4/Img013.png";
 
-
imgname[12] = "http://2011.igem.org/wiki/images/5/5a/Img012.png";
 
-
imgname[13] = "http://2011.igem.org/wiki/images/b/be/Indiana001.jpg";
 
-
imgname[14] = "http://2011.igem.org/wiki/images/e/ec/Indiana002.jpg";
 
-
imgname[15] = "http://2011.igem.org/wiki/images/4/4d/Indiana003.jpg";
 
-
imgname[16] = "http://2011.igem.org/wiki/images/1/16/Indiana004.jpg";
 
-
imgname[17] = "http://2011.igem.org/wiki/images/a/a0/Indiana005.jpg";
 
-
imgname[18] = "http://2011.igem.org/wiki/images/d/d8/Indiana006.jpg";
 
-
imgname[19] = "http://2011.igem.org/wiki/images/8/8e/Indiana007.jpg";
 
-
imgname[20] = "http://2011.igem.org/wiki/images/6/6f/Indiana008.jpg";
 
-
imgname[21] = "http://2011.igem.org/wiki/images/6/68/Indiana009.jpg";
 
-
imgname[22] = "http://2011.igem.org/wiki/images/6/69/Indiana010.jpg";
 
-
imgname[23] ="http://2011.igem.org/wiki/images/5/52/Indiana011.jpg";
 
-
function changeImg(n) {
+
<!-- image size should be 145 x 145 px -->
-
var name = imgname[n];
+
<script type="text/javascript">
-
var imgobj = document.getElementById('galImg');
+
-
animTransA();
+
-
imgobj.src = name;
+
-
animTransB();
+
-
}
+
-
function moveLeft()
+
var arrayPosition = 0;
-
{
+
-
galimgn -= 1;
+
-
+
-
if (galimgn < 0)
+
-
galimgn = imgname.length - 1;
+
-
changeImg(galimgn);
+
-
}
+
-
function moveRight()
 
-
{
 
-
galimgn += 1;
 
-
 
-
if (galimgn >= imgname.length)
 
-
galimgn = 0;
 
-
 
-
changeImg(galimgn);
 
-
}
 
 +
var imgFeatureBox= new Array();
 +
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";
-
function scrollRt() {
+
var titleFeatureBox = new Array();
-
i = i + speed;
+
titleFeatureBox[0] = "Starting a Team";
-
var div = document.getElementById("cont1");
+
titleFeatureBox[1] = "Registration";
-
div.scrollLeft = i;
+
-
if (i > div.scrollLeft) {i = 500;}
+
-
t1=setTimeout("scrollRt()",100);
+
-
}
+
-
function scrollLf() {
+
var textFeatureBox = new Array();
-
i = i - speed;
+
textFeatureBox[0] = "All you need to know before starting your iGEM team";
-
var div = document.getElementById("cont1");
+
textFeatureBox[1] = "Registration for iGEM 2015  will open soon ";
-
div.scrollLeft = i;
+
-
if (i < 0) {i = 0;}
+
-
t1=setTimeout("scrollLf()",100);
+
-
}
+
-
</script>
+
function changeTitle(n) {
 +
document.getElementById("featureBoxTitle").innerHTML = titleFeatureBox[n];
 +
}
 +
function changeText(n) {
 +
document.getElementById("featureText").innerHTML = textFeatureBox[n];
 +
}
 +
function changeImg(n) {
 +
var imgobj = document.getElementById('imageNumber');
 +
imgobj.src =imgFeatureBox[n];
 +
}
 +
function moveLeft() {
 +
arrayPosition -= 1;
 +
if (arrayPosition < 0)
 +
arrayPosition = imgFeatureBox.length - 1;
 +
changeImg(arrayPosition);
 +
changeText(arrayPosition);
 +
changeTitle(arrayPosition);
 +
}
 +
function moveRight() {
 +
arrayPosition += 1;
 +
if (arrayPosition >= imgFeatureBox.length)
 +
arrayPosition = 0;
 +
 +
changeImg(arrayPosition);
 +
changeText(arrayPosition);
 +
changeTitle(arrayPosition);
 +
}
 +
</script>
-
<!-- jquery -->
+
<!-- end of javascript-->
-
<script ="text/javascript">
+
<!-- jquery -->
 +
<script ="text/javascript">
$(document).ready(function() {
$(document).ready(function() {
Line 391: Line 376:
$('.accordion-content').css({'width' : contentwidth });
$('.accordion-content').css({'width' : contentwidth });
 +
 +
var checkIfActive = 0;
 +
$('.collapseMenu').click(function () {
 +
if (checkIfActive == 0) {
 +
$('.collapseMenu').html("Collapse All");
 +
checkIfActive = 1;
 +
$('.accordion-header').next().slideToggle().toggleClass('open-content');
 +
}
 +
else {
 +
checkIfActive = 0;
 +
$('.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 410: Line 414:
});
});
-
$(".button").click(function(){
+
</script>
-
    if($(this).find("a").length){
+
-
        window.location.href = $(this).find("a:first").attr("href");
+
-
    }
+
-
});
+
-
//$this.find("a").trigger("click")
+
<!-- end of jquery-->
 +
<!-- template content -->
 +
<div id ="contentWrap">
 +
 +
 +
<div id="leftColumn">
 +
<!-- this is where the menu and feature box go -->
 +
-
</script>
+
<div id="featureBoxLeft">
 +
<h3 id="featureBoxTitle">Starting a Team</h3> 
 +
 +
<div class="featureBoxButtons">
 +
<a href="#" onClick="moveLeft()"><img src="http://2014.igem.org/wiki/images/c/ce/Featurebox_leftbutton.jpg" width="20" height="20"></a>
 +
</div>
-
<!-- end of html -->
+
<div id="featureBoxImage">
 +
 +
<img src="http://2014.igem.org/wiki/images/0/03/Featurebox_startateam.jpg"  width="145" height="145" id="imageNumber">
 +
</div>
 +
<div class="featureBoxButtons">
 +
<a href="#" onClick="moveRight()"><img src="http://2014.igem.org/wiki/images/f/fa/Featurebox_rightbutton.jpg" width="20" height="20"> </a>
 +
</div>
 +
<p id="featureText">All you need to know before starting your iGEM team</p>
 +
</div>
-
 
-
<!-- menu css -->
 
-
<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">
 
-
<!-- this is where the menu and feature box go -->
 
-
 
-
 
-
<div id="featureBoxLeft">
 
-
<h3>Registrations ends in one week!</h3> 
 
-
<a href=""> <img src="http://2014.igem.org/wiki/images/4/4c/Featureboxdemo.jpg" height="180px"> </a>
 
-
<p>Registration ends March 31st. More information: <a href="">Registration </a></p>
 
-
</div>
 
<div class="clear"></div>
<div class="clear"></div>
Line 455: 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 467: 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 476: 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 485: 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 496: 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 505: 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 513: 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 520: 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 529: 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 542: 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 552: 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 560: 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 570: 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>
Line 583: Line 587:
<div id="clear"></div>
<div id="clear"></div>
-
<div id="rightColumn">
 
-
  <div class="gallery" id="gallery">
 
-
    <p><a href="#" onClick="moveLeft()"><img src="http://2011.igem.org/wiki/images/c/c8/Botonleft01.png" width="50" height="71"> </a>
 
-
<img src="http://2011.igem.org/wiki/images/a/aa/Img023.png" alt="dasdfa" name="galImg" width="400" height="300" id="galImg" longdesc="http://imgs">
 
-
<a href="#" onClick="moveRight()"><img src="http://2011.igem.org/wiki/images/7/74/Botonright01.png" width="50" height="71"></a>
 
-
    </p>
 
-
   
 
-
    </div> 
 
-
 
-
 
-
</div>
 
</div> <!-- this closes the content wrap div -->
</div> <!-- this closes the content wrap div -->
        
        

Latest revision as of 15:02, 22 January 2015