Team:Panama/template

From 2011.igem.org

(Difference between revisions)
(Created page with "<!DOCTYPE html> <html> <head> <title>Carousel</title> <script src="../../build/aui/aui.js" type="text/javascript"></script> <link rel="stylesheet" href="../../build/a...")
 
(75 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>  
+
<noinclude>
-
   
+
[[File:iGEM.jpg|up|right|150px|link=https://2011.igem.org/Main_Page]]
-
<html>  
+
Esto es un template. Agregue el titulo despues de:
-
<head>  
+
  Usage:
-
<title>Carousel</title>  
+
 
-
<script src="../../build/aui/aui.js" type="text/javascript"></script>  
+
    {{:Team:Panama/template|title=Page Title}}
-
+
</noinclude>
-
<link rel="stylesheet" href="../../build/aui-skin-classic/css/aui-skin-classic-all-min.css" type="text/css" media="screen" />  
+
 
-
+
<html>
-
<style type="text/css" media="screen">  
+
<head>
-
body {
+
     
-
font-size: 12px;
+
<!-- CSS styling -->
-
}
+
<link rel="stylesheet" type="text/css"
-
+
            href="http://ezequielaguilar.org/css/templatePanama.css" />
-
#wrapper {
+
        <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
-
padding: 10px;
+
 
-
}
+
 
-
+
        <!-- Add iGEM HQ link to menubar. Thanks to Cambridge 2010 for this one again! -->
-
.aui-carousel-item {
+
        <script type="text/javascript">  
-
-moz-border-radius: 10px;
+
            $('.left-menu ul')[0].innerHTML="<li><a href=\"https://2010.igem.org\" style=\"font-weight:bold;
-
-webkit-border-radius: 10px;
+
                text-transform:none\">iGEM HQ</a></li>"+$('.left-menu ul')[0].innerHTML;
-
border-radius: 10px;
+
        </script>
-
+
 
-
text-indent: -9999em;
+
 
-
}
+
<!-- Accordion Menu -->
-
</style>  
+
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
</head>  
+
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
-
+
      <script type='text/javascript'
-
<body>  
+
          src='http://ezequielaguilar.org/css/panama.js'>
-
+
      </script>
-
<div id="wrapper">  
+
      <script type='text/javascript'
-
<h1>Alloy - Carousel Demo</h1>  
+
          src='http://ezequielaguilar.org/css/panama2.js'>
-
+
      </script>
-
<div id="demo">  
+
      <script type="text/javascript">  
-
<div style="background: url(article0.png); width: 940px; height: 253px;">Article0</div>  
+
      $(function() {
-
<div style="background: url(article1.png); width: 940px; height: 253px;">Article1</div>  
+
            $('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'});
-
<div style="background: url(article2.png); width: 940px; height: 253px;">Article2</div>  
+
        });
-
<div style="background: url(article3.png); width: 940px; height: 253px;">Article3</div>  
+
      $(function(){
-
<div style="background: url(article0.png); width: 940px; height: 253px;">Article4</div>  
+
            $('ul#accmenu').accordion({
-
<div style="background: url(article1.png); width: 940px; height: 253px;">Article5</div>  
+
                  header:'.head',
-
<div style="background: url(article2.png); width: 940px; height: 253px;">Article6</div>  
+
                  fillSpace:false,
-
<div style="background: url(article3.png); width: 940px; height: 253px;">Article7</div>  
+
                  autoHeight:false,
-
</div>  
+
                  navigation:true,
-
</div>  
+
                  animated: 'easeslide'})
-
+
            });
-
<script type="text/javascript" charset="utf-8">  
+
      </script>
-
+
   
-
AUI().ready('aui-carousel', function(A) {
+
</head>
-
+
<body>
-
var component = new A.Carousel(
+
<!-- Main navigation Menu -->
-
{
+
<div id="left">
-
intervalTime: 1,
+
<ul id="accmenu">
-
contentBox: '#demo',
+
<li><a class="head" href="#"> Introduction</a>
-
activeIndex: 'rand',
+
<ul class="llmenu llmenugreen">
-
height: 254,
+
<li><a href="/Team:Panama">Home</a></li>
-
width: 940
+
<li><a href="/Team:Panama/TheTeam">The Team</a></li>
-
}
+
<li><a href="/Team:Panama/Photos">Photo Gallery</a></li>
-
)
+
                        <li><a href="https://igem.org/Team.cgi?year=2011&team_name=Panama">Official Team Profile</a></li>
-
.render();
+
</ul>
-
+
</li>
-
});
+
 
-
+
                <li><a class="head" href="#">Project Panama</a>
-
</script>  
+
<ul class="llmenu llmenugreen">
-
+
<li><a href="/Team:Panama/project">Overall project</a></li>
-
</body>  
+
</ul>
 +
 +
 
 +
 
 +
<li><a class="head" href="#">Protocols</a>
 +
<ul class="llmenu llmenugreen">
 +
<li><a href="/Team:Panama/Protocols/AssemblyMethods">Assembly methods</a></li>
 +
                        <li><a href="/Team:Panama/Protocols/Wetlab">Wetlab</a></li>
 +
 
 +
</ul>
 +
</li>
 +
 +
<li><a class="head" href="#">BioBricks submitted</a>
 +
<ul class="llmenu llmenugreen">
 +
                        <li><a href="/Team:Panama/BioBrick">The Biosurfactator</a></li>
 +
            <li><a href="/Team:Panama/Submitted">GFP+Terminator</a></li>
 +
<li><a href="/Team:Panama/Composite part">Expression Platform</a></li>
 +
                 
 +
 
 +
</ul>
 +
</li>
 +
 
 +
<li><a class="head" href="/Team:Panama/Notebook/May2011">Notebook</a>
 +
<ul class="llmenu llmenugreen">
 +
                        <li><a href="/Team:Panama/Calendar">Calendar</a></li>
 +
</ul>
 +
</li>
 +
 
 +
 
 +
                <li><a class="head" href="#">Human Practices</a>
 +
<ul class="llmenu llmenugreen">
 +
<li><a href="/Team:Panama/Human_Practice">Human Practice</a></li>
 +
                        <li><a href="/Team:Panama/Human_Practice/Overview">Overview</a></li>
 +
                        <li><a href="/Team:Panama/Human_Practice/After iGEM 2010">After iGEM 2010</a></li>
 +
                        <li><a href="/Team:Panama/Human_Practice/Biology Students´s Perception">Biology Students´s Perception</a></li>
 +
                        <li><a href="/Team:Panama/Human_Practice/iGEM - The New Meaning">iGEM - The New Meaning</a></li>
 +
                        <li><a href="/Team:Panama/Human_Practice/Expectation from HS">In High School</a></li>
 +
                        <li><a href="/Team:Panama/Human_Practice/Congress">At the SB 5.0</a></li>
 +
                        <li><a href="/Team:Panama/Human_Practice/iGEMPANAMA on the Media">iGEMPANAMA on the Media</a></li>
 +
                        <li><a href="/Team:Panama/Human_Practice/Future iDEAS">Future iDEAS</a></li>
 +
                        <li><a href="/Team:Panama/this_igem_team_panama">This iGEM Team Panama</a></li>
 +
                </ul>
 +
</li>
 +
 
 +
 
 +
<li><a class="head" href="#">Biosafety</a>
 +
<ul class="llmenu llmenugreen">
 +
<li><a href="/Team:Panama/safety">Safety</a></li>
 +
 
 +
 
 +
</ul>
 +
</li>
 +
 
 +
<li><a href="/Team:Panama/Partners" class="head">Partners</a>
 +
<ul class="llmenu llmenugreen">
 +
<li><a href="/Team:Panama/Partners">Sponsors</a> </li>
 +
<li><a href="/Team:Panama/Academic">Academic</a> </li>
 +
</ul>
 +
</li>
 +
<li><a href="/Team:Panama/aboutPanama" class="head">About Panama</a>
 +
<ul class="llmenu llmenugreen">
 +
<li><a href="/Team:Panama/aboutPanama/videos">Traditions</a> </li>
 +
<li><a href="/Team:Panama/aboutPanama/canal">Panama Canal</a> </li>
 +
<li><a href="/Team:Panama/aboutPanama/history">History</a> </li>
 +
<li><a href="/Team:Panama/aboutPanama/adventures">Adventures</a> </li>
 +
</ul>
 +
</li>
 +
</ul>
 +
 
 +
</p>
 +
</div>
 +
<div id="right">
 +
<div id="clustrmaps-widget"></div><script type="text/javascript">var _clustrmaps = {'url' : 'https://2011.igem.org/Team:Panama', 'user' : 911902, 'server' : '2', 'id' : 'clustrmaps-widget', 'version' : 1, 'date' : '2011-07-20', 'lang' : 'es', 'corners' : 'square' };(function (){ var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'http://www2.clustrmaps.com/counter/map.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);})();</script><noscript><a href="http://www2.clustrmaps.com/user/1b4dea1e"><img src="http://www2.clustrmaps.com/stats/maps-no_clusters/2011.igem.org-Team-Panama-thumb.jpg" alt="Locations of visitors to this page" /></a></noscript>
</html>
</html>
 +
 +
<html><h1></html>{{{title}}}<html></h1></html>

Latest revision as of 04:35, 29 September 2011

up

Esto es un template. Agregue el titulo despues de: 

Usage: