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

Line 1: Line 1:
 
{{Toulouse_France}}
 
{{Toulouse_France}}
  
−
{{Toulouse_France/menu}}
+
<html>
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
  
  
−
<html>
+
<!-- This tells the browser that your page is responsive -->
  
 +
<head>
 +
<title>iGEM Toulouse 2016</title>
 +
<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%;"/>
  
 +
</head>
 
 
−
<!-- Content wrapper permet de configurer le body, moi j'ai rien touché sur celui d'iGEM c'était propre et puis c'est facile à retenir ! -->
+
<div class="content_wrapper">
 +
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- ########################  BARRE NOIRE ###################################################### -->
 +
 +
 
 +
<div id="topbar" class="hoc clear">
 +
<p>Follow us  &#64;           
 +
<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>
 +
 
 +
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- #############################  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');">
 +
 
 +
<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>
  
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
−
<!-- ################   CORPS DE LA PAGE ######################################## -->
+
<!-- ################################################################################################ -->
−
+
<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>
  
−
<div class="column full_size">
+
<script>
  
−
<p align="justify" style="font-size:15px; padding: 15px 50px;">
+
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
−
+
−
<b style="font-size:16px;">Why did we choose this subject?</b>
+
−
+
−
<br>
+
−
<br>
+
−
+
−
After months of intense brainstorming, we finally decided to work on the conservation of the Lascaux
+
  
−
cave. We wanted to choose a project that was personal and original.
+
$(document).ready(function() {
−
+
−
<br>
+
−
<br>
+
  
−
The Lascaux cave then imposed itself. It is part of the French heritage, and was added to the UNESCO
+
$("#HQ_page").attr('id','');
 +
  
−
World Heritage Sites list.  
+
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 );
−
<br>
+
}
−
It has been threatened of destruction since decades now, and organizations
+
  
−
from all around the world have gathered to solve the Lascaux cave crisis.
+
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
−
+
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
−
<br>
+
}
  
−
The Lascaux cave is what traces us back to our humanity. The first men lived there and some of the first
+
else {
 +
// this adds the team's name as an h1
 +
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
  
−
pieces of art ever were created there.
+
// this adds the page's title as an h4
−
+
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
−
<br>
+
}
−
<br>
+
  
−
Combining art and science was an interesting idea, but we wanted a system that could be used in
 
  
−
other disciplines as well, like public health. There is always risks of fungal infection
 
  
−
in health institutions, where the situation has some similarities with the Lascaux cave (biofilm of
 
  
−
bacteria as a nutritive source for fungi). Our solution could be used to solve this problem.
+
$('#accordion').find('.menu_item').click(function(){
−
+
−
</p>
+
  
 +
//Expand or collapse this panel
 +
submenu = $(this).find('.submenu');
 +
submenu.toggle();
  
−
<!-- main body -->
+
icon = $(this).find('.icon');
−
<div style="width:80%; margin-left:auto; margin-right:auto; padding:20px 5px;">
+
−
<!-- ###################### 3 ENCADRES ########################################################### -->
+
−
+
−
<article class="one_third"><a href="#"><img src="https://static.igem.org/mediawiki/2016/0/0e/Toulouse_France_taureaux.jpg" alt=""></a>
+
−
<h4 class="heading2">Our solution</h4>
+
−
<p>We propose a biological solution&hellip;</p>
+
−
<p class="nospace"><a href="https://2016.igem.org/Team:Toulouse_France/Project">Read More &raquo;</a></p>
+
−
</article>
+
  
−
<article class="one_third"><a href="#"><img src="https://static.igem.org/mediawiki/2016/0/02/Toulouse_France_boiteChampi.jpg" alt=""></a>
+
if ( !$( submenu ).is(':visible') ) {
−
<h4 class="heading2">Our results</h4>
+
icon.removeClass("less").addClass("plus");
−
<p>...</p>
+
}
−
<footer><a class="nospace" href="">Read More &raquo;</a></footer>
+
else {
−
</article>
+
icon.removeClass("plus").addClass("less");
 +
}
  
−
<article class="one_third"><a href="#"><img src="https://static.igem.org/mediawiki/2016/7/72/Toulouse_France_deviceTest1.png" alt=""></a>
+
//Hide the other panels
−
<h4 class="heading2">Our Device</h4>
+
$(".submenu").not(submenu).hide();
−
<p>Our bacteria is confined in&hellip;</p>
+
$(".icon").not(icon).removeClass("less").addClass("plus");
−
<p class="nospace"><a href="https://2016.igem.org/Team:Toulouse_France/Project#Confinement">Read More &raquo;</a></p>
+
});
−
</article>
+
−
</div>
+
  
  
−
<!-- Ici ça marche pas, je ne sais pas où est le wrapper bgded overlay -->
+
$(".collapsable_menu_control").click(function() {
 +
$(".menu_item").toggle();
 +
});
  
−
<!-- ################################################################################################ -->
+
$( window ).resize(function() {
−
<!-- ################################################################################################ -->
+
$(".menu_item").show();
−
<!-- #############################  CITATIONS  ########################################## -->
+
});
−
+
−
<div class="wrapper bgded overlay" style="background-image:url('https://static.igem.org/mediawiki/2016/4/4b/Toulouse_France_LascauxFresqueTaureaux.png');">
+
−
<article class="hoc container">
+
−
<!-- ################################################################################################ -->
+
−
<div class="group btmspace-30">
+
−
<div class="fl_left" style="margin-right:20px;"><img src="" style="width:10%;" alt=""></div>
+
−
<div class="fl_left">
+
−
<p class="nospace font-xs"></p>
+
−
<h3 class="heading"></h3>
+
−
</div>
+
−
</div>
+
−
<p style="font-size:70px">&#x275d; </p>
+
−
<blockquote>"..."</blockquote>
+
−
<p></p>
+
−
<footer><a class="btn inverse" href="#">View More &raquo;</a></footer>
+
−
<!-- ################################################################################################ -->
+
−
</article>
+
−
</div>
+
−
</div>
+
−
+
  
−
</html>
 
  
−
{{Toulouse_France/Footer}}
+
});
 +
 
 +
 
 +
</script>
 +
 
 +
</html>

Revision as of 09:25, 25 August 2016

iGEM Toulouse 2016

Follow us @

iGEM Toulouse Team presents

Paleotilis, a shield for the Lascaux cave

Back to the origins