Difference between revisions of "Template:Toulouse France/menu"

Line 7: Line 7:
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
  
−
<head>  
+
<head>
−
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
<title>iGEM Toulouse 2016</title>
−
</head>{{Toulouse_France}}
+
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
 +
 +
<!-- pour avoir logo dans onglet -->
 +
<link rel="icon" href="https://static.igem.org/mediawiki/2016/1/19/Toulouse_France_logo2.png" type="image/jpg" style="width:100%;"/>  
  
−
<html>
 
−
<!--- THIS IS WHERE THE HTML BEGINS --->
 
−
 
−
 
−
<!-- This tells the browser that your page is responsive -->
 
−
 
−
<head>
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
 
</head>
 
</head>
−
 
+
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
Line 121: Line 117:
 
</div>
 
</div>
  
 +
<script>
  
−
</html>
+
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
  
 +
$(document).ready(function() {
  
 +
$("#HQ_page").attr('id','');
 +
  
−
<!-- ################################################################################################ -->
+
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
−
<!-- ################################################################################################ -->
+
$("#team_name").html( wgPageName );
−
<!-- ########################  BARRE NOIRE ###################################################### -->
+
}
−
+
  
−
<div id="topbar" class="hoc clear">
+
else if ( ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
−
<p>Follow us &#64;           
+
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );  
−
<a href="https://www.facebook.com/pages/iGEM-Toulouse-2015/1604834019761538?ref=aymt_homepage_panel"><img src="https://static.igem.org/mediawiki/2016/3/3a/Toulouse_France_fb.png" style="width:2%;"/></a>
+
}
−
<a href="https://twitter.com/igem_toulousefr"><img src="https://static.igem.org/mediawiki/2016/6/6a/Toulouse_France_twitter2.png" style="width:2%;"/></a>
+
−
<a href="https://fr.ulule.com/paleobtilis/"><img src="https://static.igem.org/mediawiki/2016/4/46/Toulouse_France_Ulule_logo.png" style="width:3%; background-color:rgba(255,255,255,0.3);"/></a>
+
−
</p>
+
−
</div>
+
  
−
+
else {
−
<!-- ################################################################################################ -->
+
// this adds the team's name as an h1
−
<!-- ################################################################################################ -->
+
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/") ) );
−
<!-- #############################  NAVIGATEUR + PORTION EN DESSOUS ################################################# -->
+
−
+
−
<!-- Top Background Image Wrapper -->
+
  
−
<div class="page" style="background-image:url('https://static.igem.org/mediawiki/2016/4/43/Toulouse_France_PanneauEmpreinte.jpg');">
+
// this adds the page's title as an h4
 +
$("#page_name").html (     ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 +
}
  
−
<header id="header" class="hoc clear">
 
−
<!-- POURQUOI ICI ? MathJax is a JavaScript library for displaying mathematical equations. A copy of MathJax 2.5 is installed on 2015.igem.org -->
 
−
<script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 
  
−
<nav id="mainav">
 
−
<ul class="clear">
 
−
<li class="active"><a href="https://2016.igem.org/Team:Toulouse_France">Home</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Team">Team</a>
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Team#Presentation">Presentation</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Team#FunFacts">Fun Facts</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Team#Gallery">Gallery</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Project">Project</a>
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Description">Description</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Design#Predation">Design : Predation</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Design#Antifungals">Design : Antifungals</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Design#Confinement">Design : Confinement</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Results">Results</a>
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Results#Predation">Module : Predation</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Results#Antifungals">Module : Antifungals</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Results#Confinement">Module : Confinement</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Model">Modeling</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Application">Application</a>
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Application#LaboratoryCave">Laboratory Cave</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Application#LegalIssues">Legal Issues</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Wetlab">Wet Lab</a>
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Notebook">Notebook</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Protocols">Protocols</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Safety">Safety</a></li>
 
−
</ul>
 
−
</li>  
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Parts">Parts</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Ethics">Ethics</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Human_Practices">Human Practice</a>
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Human_Practices#Meetups">Meet ups</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Collaborations">Collaboration</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Human_Practices#Education">Education</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Attributions">Attributions</a>
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Attributions#Aknowledgements">Aknowledgements</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Attributions#Supports">Supports</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="https://2016.igem.org/Team:Toulouse_France/Contact">Contacts</a></li>
 
−
</ul>
 
−
</nav>
 
−
</header>
 
  
−
<!-- ################################################################################################ -->
 
−
<!-- ################################################################################################ -->
 
−
<!-- ################################################################################################ -->
 
−
<div id="pageintro" class="hoc clear">
 
−
<article align="justify">
 
−
<center>
 
−
<p class="heading">iGEM Toulouse Team presents<br><br><i>Paleotilis, a shield for the Lascaux cave</i></p>
 
−
<h2>Back to the origins<br><br></h2>
 
−
<center><img src="https://static.igem.org/mediawiki/2016/1/19/Toulouse_France_logo2.png" style="width:20%;"></center>
 
−
</center>
 
−
</article>
 
−
</div>
 
  
−
</div>
+
$('#accordion').find('.menu_item').click(function(){
 +
 
 +
//Expand or collapse this panel
 +
submenu = $(this).find('.submenu');
 +
submenu.toggle();
 +
 
 +
icon = $(this).find('.icon');
 +
 
 +
if ( !$( submenu ).is(':visible') ) {
 +
icon.removeClass("less").addClass("plus");
 +
}
 +
else {
 +
icon.removeClass("plus").addClass("less");
 +
}
 +
 
 +
//Hide the other panels
 +
$(".submenu").not(submenu).hide();
 +
$(".icon").not(icon).removeClass("less").addClass("plus");
 +
});
 +
 
 +
 
 +
$(".collapsable_menu_control").click(function() {
 +
$(".menu_item").toggle();
 +
});
 +
 
 +
$( window ).resize(function() {
 +
$(".menu_item").show();
 +
});
 +
 
 +
 
 +
});
 +
 
  
 +
</script>
  
 
</html>
 
</html>

Revision as of 09:20, 25 August 2016

iGEM Toulouse 2016

Follow us @

iGEM Toulouse Team presents

Paleotilis, a shield for the Lascaux cave

Back to the origins