Difference between revisions of "Team:Toulouse France/Team"

Revision as of 11:10, 27 August 2016

iGEM Toulouse 2016

iGEM Toulouse Team presents

Paleotilis, a shield for the Lascaux cave

Back to the origins

visitors

left to World Wiki Freeze

The 2016 Toulouse team is composed of students from INSA Toulouse and Paul Sabatier University, as well as several teachers from these two institutions. This diversity allows us to widen the set of skills and to bring a strong dynamic to complete the project.

The iGEM 2016 team is constituted of:
- 4 students from INSA Toulouse in 4th year of Biochemical Engineering: Anissa Dieudonné, Marine Dubois, Oumnia Karim and Fanny Leclerc.
- 4 students from Paul Sabatier University in 1st year of MABS Master: Manon Barthe and Camille Roux (specialized in Genetics / Microbiology), Eve Coutant (specialized in AgroBioSciences) and Soukaïna Timouma (specialized in Bioinformatics and Systems Biology).
- 3 teachers: Kaymeuang Cam (IPBS), Brice Enjalbert (LISBP) and Gilles Truan (LISBP). Kaymeuang Cam, researcher at the Institute of Pharmacology and Structural Biology (IPBS) is the Primary PI.

Students

Advisors and Instructors

Eve Coutant

agrobiosciences .

Soukaïna Timouma

Bioinfo.

Fanny Leclerc

INSA .

Marine Dubois

INSA .

Anissa Dieudonné

INSA .

Camille Roux

microbio .

Manon Barthe

microbio .

Oumnia Karim

INSA .

Let the show begin !!

Website by Team iGEM Toulouse 2016

@@ Line 312: / Line 312: @@
 					<div class="descriptionArea" id="empty"></div>
-					<div id="EveCoutant">
+					<div  class="descriptionArea" id="EveCoutant">
 						<img src="">
 						<h3>Eve Coutant</h3>
@@ Line 318: / Line 318: @@
 					</div>
-					<div id="SoukainaTimouma">
+					<div class="descriptionArea" id="SoukainaTimouma">
 						<img src="https://static.igem.org/mediawiki/2016/c/cf/Toulouse_France_Sookie.jpg">
 						<h3>Soukaïna Timouma</h3>
@@ Line 324: / Line 324: @@
 					</div>
-					<div id="FannyLeclerc">
+					<div class="descriptionArea" id="FannyLeclerc">
 						<img src="https://static.igem.org/mediawiki/2016/3/37/Toulouse_France_Fanny2.jpg">
 						<h3>Fanny Leclerc</h3>
@@ Line 330: / Line 330: @@
 					</div>
-					<div id="MarineDubois">
+					<div class="descriptionArea" id="MarineDubois">
 						<img src="https://static.igem.org/mediawiki/2016/0/0c/Toulouse_France_Marine2.jpg">
 						<h3>Marine Dubois</h3>
@@ Line 336: / Line 336: @@
 					</div>
-					<div id="AnissaDieudonne">
+					<div class="descriptionArea" id="AnissaDieudonne">
 						<img src="">
 						<h3>Anissa Dieudonné</h3>
@@ Line 342: / Line 342: @@
 					</div>
-					<div id="CamilleRoux">
+					<div class="descriptionArea" id="CamilleRoux">
 						<img src="">
 						<h3>Camille Roux</h3>
@@ Line 348: / Line 348: @@
 					</div>
-					<div id="ManonBarthe">
+					<div class="descriptionArea" id="ManonBarthe">
 						<img src="">
 						<h3>Manon Barthe</h3>
@@ Line 354: / Line 354: @@
 					</div>
-					<div id="OumniaKarim">
+					<div class="descriptionArea" id="OumniaKarim">
 						<img src="">
 						<h3>Oumnia Karim</h3>
@@ Line 364: / Line 364: @@
 				<div style="clear: both;"></div>
+				<!-- Gallery JS (animation) -->
+<script type="text/javascript">
+/**
+ * Add hash to url without scrolling
+ *
+ * @param String $url - it could be hash or url with hash
+ *
+ * @return void
+ */
+function addHashToUrl($url)
+{
+  if ('' == $url || undefined == $url) {
+    $url = '_'; // it is empty hash because if put empty string here then browser will scroll to top of page
+  }
+  $hash = $url.replace(/^.*#/, '');
+  var $fx, $node = jQuery('#' + $hash);
+  if ($node.length) {
+    $fx = jQuery('<div></div>')
+            .css({
+                position:'absolute',
+                visibility:'hidden',
+                top: jQuery(window).scrollTop() + 'px'
+            })
+            .attr('id', $hash)
+            .appendTo(document.body);
+    $node.attr('id', '');
+  }
+  document.location.hash = $hash;
+  if ($node.length) {
+    $fx.remove();
+    $node.attr('id', $hash);
+  }
+};
+$(document).ready(function() {
+  // Make the list of all members
+  var members = $('.descriptionArea').map(function(index) {
+    return this.id;
+  });
+  members = jQuery.makeArray(members);
+  // Make the hash change:
+  // Escape removes the hash
+  $(document).keyup(function(e) {
+    if (e.keyCode == 27) {
+      addHashToUrl("");
+    };
+  });
+  // Triggers: hashchange, when page loads with specified hash
+  // Page is loaded
+  var hash = window.location.hash.slice(1);
+  if (jQuery.inArray(hash, members) != -1) {
+    $("#"+hash).addClass("show");
+    $("#empty").removeClass("show");
+  };
+  // Hash changes
+  $(window).bind('hashchange', function() { // when hash changes
+    var hash = window.location.hash.slice(1);
+    $(".descriptionArea").removeClass("show");
+    $("#empty").addClass("show");
+    if (jQuery.inArray(hash, members) != -1) {
+      $("#"+hash).addClass("show");
+      $("#empty").removeClass("show");
+    };
+  });
+  // Close window when click outside of it
+  //$("body").click(function(event) {
+  //  if(!$(event.target).closest(".descriptionArea").length) {
+  //    $(".descriptionArea").removeClass("show");
+  //    addHashToUrl("");
+  //  };
+  //});
+});
+</script>