Difference between revisions of "Team:Northwestern/Team"

Line 176: Line 176:
 
<center>
 
<center>
 
<button class="foo">  
 
<button class="foo">  
−
<a style="text-decoration:none !important;" class="foo" href="#JL">
+
<a style="text-decoration:none !important;" class="foo" >
 
<img src="https://static.igem.org/mediawiki/2017/c/cb/T--Northwestern--Leonard.png"  width="200px"/>
 
<img src="https://static.igem.org/mediawiki/2017/c/cb/T--Northwestern--Leonard.png"  width="200px"/>
 
<img src="https://static.igem.org/mediawiki/2017/e/e4/T--Northwestern--Leonard4.png" width="200px"/>
 
<img src="https://static.igem.org/mediawiki/2017/e/e4/T--Northwestern--Leonard4.png" width="200px"/>
Line 183: Line 183:
  
 
<button class="foo">   
 
<button class="foo">   
−
<a style="text-decoration:none !important;" class="foo" href="#KT">
+
<a style="text-decoration:none !important;" class="foo" >
 
<img src="https://static.igem.org/mediawiki/2017/6/66/T--Northwestern--tyo.png" width="200px" />
 
<img src="https://static.igem.org/mediawiki/2017/6/66/T--Northwestern--tyo.png" width="200px" />
 
<img src="https://static.igem.org/mediawiki/2017/9/91/T--Northwestern--Tyo.png" width="200px"/>
 
<img src="https://static.igem.org/mediawiki/2017/9/91/T--Northwestern--Tyo.png" width="200px"/>
Line 190: Line 190:
 
</button>
 
</button>
 
<button class="foo">   
 
<button class="foo">   
−
<a style="text-decoration:none !important;" class="foo" href="#DTE">
+
<a style="text-decoration:none !important;" class="foo" >
 
<img src="https://static.igem.org/mediawiki/2017/d/d8/T--Northwestern--dte.png"width="200px" />
 
<img src="https://static.igem.org/mediawiki/2017/d/d8/T--Northwestern--dte.png"width="200px" />
 
<img src="https://static.igem.org/mediawiki/2017/a/ae/T--Northwestern--dte2.png" width="200px"/>
 
<img src="https://static.igem.org/mediawiki/2017/a/ae/T--Northwestern--dte2.png" width="200px"/>
Line 197: Line 197:
  
 
<button class="foo">   
 
<button class="foo">   
−
<a style="text-decoration:none !important;" class="foo" href="#JM">
+
<a style="text-decoration:none !important;" class="foo" >
 
<img src="https://static.igem.org/mediawiki/2017/4/44/T--Northwestern--Mordacq.png" width="200px" />
 
<img src="https://static.igem.org/mediawiki/2017/4/44/T--Northwestern--Mordacq.png" width="200px" />
 
<img src="https://static.igem.org/mediawiki/2017/2/29/T--Northwestern--Mordacq2.png" width="200px"/>
 
<img src="https://static.igem.org/mediawiki/2017/2/29/T--Northwestern--Mordacq2.png" width="200px"/>
Line 206: Line 206:
 
</p>
 
</p>
 
</div>
 
</div>
−
 
−
 
−
<!-- Leonard Modal -->
 
−
<div id="myModal" class="modal">
 
−
  <span class="close">&times;</span>
 
−
  <img class="modal-content" id="img01">
 
−
  <div id="caption"></div>
 
−
</div>
 
−
 
−
 
−
<script>
 
−
// Get the modal
 
−
var modal = document.getElementById('myModal');
 
−
 
−
// Get the image and insert it inside the modal - use its "alt" text as a caption
 
−
var click = document.getElementById('click');
 
−
var img = document.getElementById('Leonard');
 
−
var modalImg = document.getElementById("img01");
 
−
var captionText = document.getElementById("caption");
 
−
click.onclick = function(){
 
−
    modal.style.display = "block";
 
−
    modalImg.src = img.src;
 
−
    captionText.innerHTML = img.alt;
 
−
}
 
−
 
−
// Get the <span> element that closes the modal
 
−
var span = document.getElementsByClassName("close")[0];
 
−
 
−
// When the user clicks on <span> (x), close the modal
 
−
span.onclick = function() {
 
−
    modal.style.display = "none";
 
−
}
 
−
</script>
 
  
  

Revision as of 00:45, 2 November 2017

Northwestern Template Northwestern Template

Overview Silver Gold Collaborations Engagement
Overview
Experiments Modeling Results Notebook Safety Interlab
Description Design Medal Criteria
About Us Attributions



Meet our Team

Not shown: Charley Rees and Karen Taylor



Meet our advisors



Graduate and undergraduate student network


Patrick Bon Lisa Devin Joe Taylor Han Jasmine Taylor