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

Line 1: Line 1:
 
{{Toulouse_France}}
 
{{Toulouse_France}}
  
<html>
+
{{Toulouse_France/menu}}
<!--- THIS IS WHERE THE HTML BEGINS --->
+
  
  
<!-- This tells the browser that your page is responsive -->
+
<html>
  
<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 ! -->
  
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ########################  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="content_wrapper">
 +
 +
<div class="column full_size">
  
<script>
+
<p align="justify" style="font-size:15px; padding: 15px 50px;">
 +
 +
<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
  
// This is the jquery part of your template. Try not modify any of this code since it makes your menu work.
+
cave. We wanted to choose a project that was personal and original.
 +
 +
<br>
 +
<br>
  
$(document).ready(function() {
+
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.  
+
 +
<br>
 +
It has been threatened of destruction since decades now, and organizations
  
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
+
from all around the world have gathered to solve the Lascaux cave crisis.
$("#team_name").html( wgPageName );
+
}
+
<br>
  
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
+
The Lascaux cave is what traces us back to our humanity. The first men lived there and some of the first
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
+
}
+
  
else {
+
pieces of art ever were created there.
// this adds the team's name as an h1
+
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
+
<br>
 +
<br>
  
// this adds the page's title as an h4
+
Combining art and science was an interesting idea, but we wanted a system that could be used in
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
+
}
+
  
 +
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.
 +
 +
</p>
  
$('#accordion').find('.menu_item').click(function(){
 
  
//Expand or collapse this panel
+
<!-- main body -->
submenu = $(this).find('.submenu');
+
<div style="width:80%; margin-left:auto; margin-right:auto; padding:20px 5px;">
submenu.toggle();
+
<!-- ###################### 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>
  
icon = $(this).find('.icon');
+
<article class="one_third"><a href="#"><img src="https://static.igem.org/mediawiki/2016/0/02/Toulouse_France_boiteChampi.jpg" alt=""></a>
 +
<h4 class="heading2">Our results</h4>
 +
<p>...</p>
 +
<footer><a class="nospace" href="">Read More &raquo;</a></footer>
 +
</article>
  
if ( !$( submenu ).is(':visible') ) {
+
<article class="one_third"><a href="#"><img src="https://static.igem.org/mediawiki/2016/7/72/Toulouse_France_deviceTest1.png" alt=""></a>
icon.removeClass("less").addClass("plus");
+
<h4 class="heading2">Our Device</h4>
}
+
<p>Our bacteria is confined in&hellip;</p>
else {
+
<p class="nospace"><a href="https://2016.igem.org/Team:Toulouse_France/Project#Confinement">Read More &raquo;</a></p>
icon.removeClass("plus").addClass("less");
+
</article>
}
+
</div>
  
//Hide the other panels
 
$(".submenu").not(submenu).hide();
 
$(".icon").not(icon).removeClass("less").addClass("plus");
 
});
 
  
 +
<!-- Ici ça marche pas, je ne sais pas où est le wrapper bgded overlay -->
  
$(".collapsable_menu_control").click(function() {
+
<!-- ################################################################################################ -->
$(".menu_item").toggle();
+
<!-- ################################################################################################ -->
});
+
<!-- #############################  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>
 +
  
$( window ).resize(function() {
+
</html>
$(".menu_item").show();
+
});
+
  
 
+
{{Toulouse_France/Footer}}
});
+
 
+
 
+
</script>
+
 
+
</html>
+

Revision as of 09:55, 25 August 2016


iGEM Toulouse 2016


Why did we choose this subject?

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.

The Lascaux cave then imposed itself. It is part of the French heritage, and was added to the UNESCO World Heritage Sites list.
It has been threatened of destruction since decades now, and organizations from all around the world have gathered to solve the Lascaux cave crisis.
The Lascaux cave is what traces us back to our humanity. The first men lived there and some of the first pieces of art ever were created there.

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.

Our solution

We propose a biological solution…

Read More »


Contacts