Team:Panama/template

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html>  
+
<noinclude>
-
   
+
  This is the default header template. It takes a single argument: the page title.
-
<html>  
+
Usage:
-
<head>  
+
    {{:Team:EPF-Lausanne/Templates/Header|title=Page Title}}
-
<title>Carousel</title>  
+
</noinclude>
-
<script src="http://alloy.liferay.com/deploy/build/aui/aui.js" type="text/javascript"></script>  
+
 
-
+
<html>
-
<link rel="stylesheet" href="http://alloy.liferay.com/deploy/build/aui-skin-classic/css/aui-skin-classic-all-min.css" type="text/css" media="screen" />  
+
<head>
-
+
        <!-- IGEM EPFL 2011 Wiki Template
-
<style type="text/css" media="screen">  
+
            Most of this is either strongly inspired by or a straight rip-off of the
-
body {
+
            2010 Cambridge wiki. Thanks guys!
-
font-size: 12px;
+
                                                                                  -->
-
}
+
<!-- CSS styling -->
-
+
<link rel="stylesheet" type="text/css"
-
#wrapper {
+
            href="https://2011.igem.org/Team:EPF-Lausanne/Templates/thecss?action=raw&ctype=text/css" />
-
padding: 10px;
+
        <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
-
}
+
 
-
+
 
-
.aui-carousel-item {
+
        <!-- Add iGEM HQ link to menubar. Thanks to Cambridge 2010 for this one again! -->
-
-moz-border-radius: 10px;
+
        <script type="text/javascript">  
-
-webkit-border-radius: 10px;
+
            $('.left-menu ul')[0].innerHTML="<li><a href=\"https://2010.igem.org\" style=\"font-weight:bold;
-
border-radius: 10px;
+
                text-transform:none\">iGEM HQ</a></li>"+$('.left-menu ul')[0].innerHTML;
-
+
        </script>
-
text-indent: -9999em;
+
 
-
}
+
 
-
</style>  
+
<!-- Accordion Menu -->
-
</head>  
+
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
+
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
-
<body>  
+
      <script type='text/javascript'
-
+
          src='https://2011.igem.org/Team:EPF-Lausanne/Templates/jquery-lavalamp?action=raw&ctype=text/javascript'>
-
<div id="wrapper">  
+
      </script>
-
<h1>Alloy - Carousel Demo</h1>  
+
      <script type='text/javascript'
-
+
          src='https://2011.igem.org/Team:EPF-Lausanne/Templates/jquery-easing?action=raw&ctype=text/javascript'>
-
<div id="demo">  
+
      </script>
-
<div style="background: url(article0.png); width: 940px; height: 253px;">Article0</div>  
+
      <script type="text/javascript">  
-
<div style="background: url(article1.png); width: 940px; height: 253px;">Article1</div>  
+
      $(function() {
-
<div style="background: url(article2.png); width: 940px; height: 253px;">Article2</div>  
+
            $('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'});
-
<div style="background: url(article3.png); width: 940px; height: 253px;">Article3</div>  
+
        });
-
<div style="background: url(article0.png); width: 940px; height: 253px;">Article4</div>  
+
      $(function(){
-
<div style="background: url(article1.png); width: 940px; height: 253px;">Article5</div>  
+
            $('ul#accmenu').accordion({
-
<div style="background: url(article2.png); width: 940px; height: 253px;">Article6</div>  
+
                  header:'.head',
-
<div style="background: url(article3.png); width: 940px; height: 253px;">Article7</div>  
+
                  fillSpace:false,
-
</div>  
+
                  autoHeight:false,
-
</div>  
+
                  navigation:true,
-
+
                  animated: 'easeslide'})
-
<script type="text/javascript" charset="utf-8">  
+
            });
-
+
      </script>
-
AUI().ready('aui-carousel', function(A) {
+
   
-
+
</head>
-
var component = new A.Carousel(
+
<body>
-
{
+
<!-- Main navigation Menu -->
-
intervalTime: 1,
+
<div id="left">
-
contentBox: '#demo',
+
<ul id="accmenu">
-
activeIndex: 'rand',
+
<li><a class="head" href="#"> Introduction</a>
-
height: 254,
+
<ul class="llmenu llmenugreen">
-
width: 940
+
<li><a href="/Team:EPF-Lausanne">Home</a></li>
-
}
+
<li><a href="/Team:EPF-Lausanne/TheTeam">The Team</a></li>
-
)
+
<li><a href="/Team:EPF-Lausanne/Photos">Photo Gallery</a></li>
-
.render();
+
<li><a href="/Team:EPF-Lausanne/BioBricks">Parts submitted</a></li>
-
+
</ul>
-
});
+
</li>
-
+
 
-
</script>  
+
                <li><a class="head" href="#">Project Foo</a>
-
+
<ul class="llmenu llmenugreen">
-
</body>  
+
<li><a href="/Team:EPF-Lausanne/Foo">Introduction</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li><a class="head" href="#">Resources</a>
 +
<ul class="llmenu llmenugreen">
 +
<li><a href="/Team:EPF-Lausanne/Resources/TranscriptionFactors">Transcription factors</a></li>
 +
<li><a href="/Team:EPF-Lausanne/Resources/AssemblyMethods">Assembly methods</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a class="head" href="#">Tools</a>
 +
<ul class="llmenu llmenugreen">
 +
<li><a href="/Team:EPF-Lausanne/Tools">Introduction</a></li>
 +
<li><a href="/Team:EPF-Lausanne/Tools/MITOMI">MITOMI</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li><a class="head" href="/Team:EPF-Lausanne/Notebook/May2011">Notebook</a>
 +
<ul class="llmenu llmenugreen">
 +
                        <li><a href="/Team:EPF-Lausanne/Calendar">Calendar</a></li>
 +
<li><a href="/Team:EPF-Lausanne/Todo">TODO</a></li>
 +
<li><a href="/Team:EPF-Lausanne/Notebook/May2011">May</a></li>
 +
<li><a href="/Team:EPF-Lausanne/Notebook/June2011">June</a></li>
 +
                        <li><a href="/Team:EPF-Lausanne/Notebook/July2011">July</a></li>
 +
<li><a href="/Team:EPF-Lausanne/Protocols">Protocols</a> </li>
 +
</ul>
 +
</li>
 +
 
 +
<li><a class="head" href="#">Considerations</a>
 +
<ul class="llmenu llmenugreen">
 +
<li><a href="/Team:EPF-Lausanne/Human_Practices">Human Practices</a></li>
 +
<li><a href="/Team:EPF-Lausanne/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li><a href="/Team:EPF-Lausanne/Partners" class="head">Partners</a>
 +
<ul class="llmenu llmenugreen">
 +
<li><a href="/Team:EPF-Lausanne/Partners">Sponsors</a> </li>
 +
<li><a href="/Team:EPF-Lausanne/iGEM_Teams">iGEM Teams</a> </li>
 +
<li><a href="/Team:EPF-Lausanne/Departments">University</a> </li>
 +
<li><a href="/Team:EPF-Lausanne/Publicity">Publicity</a> </li>
 +
</ul>
 +
</li>
 +
</ul>
 +
 
 +
</p>
 +
</div>
 +
<div id="right">
</html>
</html>
 +
 +
<html><h1></html>{{{title}}}<html></h1></html>

Revision as of 18:19, 8 July 2011

This is the default header template. It takes a single argument: the page title.
Usage: