Difference between revisions of "Team:McMasterU"

Line 1: Line 1:
−
{{McMasterU}}
+
<!DOCTYPE html>
−
<html>
+
<html lang="en">
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <title>jQuery UI Accordion - Default functionality</title>
 +
  <!--LINKS BETWEEN THESE COMMENTS NEED TO BE MEDIAWIKI IFIED-->
 +
  <link rel="stylesheet" href="https://2016.igem.org/Template:McMasterU/css/jquery-ui_min_css?action=raw&amp;ctype=text/css" type="text/css">
 +
  <script src="https://2016.igem.org/Template:McMasterU/js/jquery_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
  <script src="https://2016.igem.org/Template:McMasterU/js/jquery-ui_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
  <!--LINKS BETWEEN THESE COMMENTS NEED TO BE MEDIAWIKI IFIED-->
 +
  <script>
 +
  $( function() {
 +
    $( "#accordion" ).accordion();
 +
  } );
 +
  </script>
 +
  <script>
 +
$( function() {
 +
  $( "#dialog" ).dialog({
 +
    autoOpen: false,
 +
    show: {
 +
      effect: "fade",
 +
      duration: 500
 +
    },
 +
    hide: {
 +
      effect: "fade",
 +
      duration: 500
 +
    }
 +
  });
  
−
<div class="column full_size" >
+
  $( ".opener" ).on( "click", function() {
−
<img src="http://mcmastergem.com/img/Proposal-04.png" style="width974px;height:1024px;">
+
    $( "#dialog" ).dialog( "open" );
 +
  });
 +
} );
 +
</script>
 +
</head>
 +
<body>
 +
 
 +
<div id="accordion" style="width:30%">
 +
  <h3>McMasterU</h3>
 +
  <div>
 +
    <button class="opener">Home</button>
 +
  </div>
 +
  <h3>Team</h3>
 +
  <div>
 +
    <button class="opener">Team</button>
 +
    <br />
 +
    <button class="opener">Collaborations</button>
 +
  </div>
 +
  <h3>Project</h3>
 +
  <div>
 +
    <button class="opener">Description</button>
 +
    <br />
 +
    <button class="opener">Design</button>
 +
    <br />
 +
    <button class="opener">Experiments</button>
 +
    <br />
 +
    <button class="opener">Proof Of Concept</button>
 +
    <br />
 +
    <button class="opener">Demonstrate</button>
 +
    <br />
 +
    <button class="opener">Results</button>
 +
    <br />
 +
    <button class="opener">Notebook</button>
 +
  </div>
 +
  <h3>Parts</h3>
 +
  <div>
 +
    <button class="opener">Parts</button>
 +
    <br />
 +
    <button class="opener">Basic Parts</button>
 +
    <br />
 +
    <button class="opener">Composite Parts</button>
 +
    <br />
 +
    <button class="opener">Part Collection</button>
 +
  </div>
 +
  <h3>Safety</h3>
 +
  <div>
 +
    <button class="opener">Safety</button>
 +
  </div>
 +
  <h3>Attributions</h3>
 +
  <div>
 +
    <button class="opener">Attributions</button>
 +
  </div>
 +
  <h3>Human Practices</h3>
 +
  <div>
 +
    <button class="opener">Human Practices</button>
 +
    <br />
 +
    <button class="opener">Silver</button>
 +
    <br />
 +
    <button class="opener">Gold</button>
 +
    <br />
 +
    <button class="opener">Integrated Practices</button>
 +
    <br />
 +
    <button class="opener">Engagement</button>
 +
  </div>
 +
  <h3>Awards</h3>
 +
  <div>
 +
    <button class="opener">Entrepeneurship</button>
 +
    <br />
 +
    <button class="opener">Hardware</button>
 +
    <br />
 +
    <button class="opener">Software</button>
 +
    <br />
 +
    <button class="opener">Measurement</button>
 +
    <br />
 +
    <button class="opener">Model</button>
 +
  </div>
 
</div>
 
</div>
  
−
<div class="column full_size" >
+
<div id="dialog" title="Basic dialog">
−
<h2> Project Description</h5>
+
  <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
−
<p>GI tract cancers are an enormous public health issue, and together are responsible for more deaths than any other form of cancer. One of the major difficulties with diagnosing and treating these cancers, especially when localized to the intestine, is access to the tumour - patients often do not exhibit obvious symptoms until the later stages, when treatment options are limited.</p>
+
</div>
  
−
<p>We looked into a few different ways of tackling this issue, from improving existing diagnostic methods to developing new avenues for treatment. One of the consistent themes that came up in our brainstorming process was the potential for us to use the host's cell-mediated immune response to fight cancer. Cancer immunotherapy is a rapidly growing field, and clinical trials for certain forms of leukemia are already underway.</p>
+
<!--TEST OF MODAL LINKING-->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
  
−
<p>Thus, this year, McMaster iGEM sought to augment the power of the host immune system to fight against GI tract cancers, using a specially engineered strain of commensal lactobacillus bacteria. When completed, our bacteria will be able to sense the presence of tumours in the gut, bind to specific receptors on tumour cells, and begin secreting pro-inflammatory cytokines in this tumour microenvironment. This will recruit T cells to the site of the tumour and elicit an anti-cancer response, effectively stopping the cancerous growth using the body's own toolkits. This summer, we aim to develop a proof-of-concept of our idea, and create a bacterial strain that can secrete IL-2 under tightly controlled, tumour-specific conditions</p>
+
  if(window.location.href.indexOf('#dialog') != -1) {
 +
    $('#dialog').dialog('open');
 +
  }
  
−
</div>  
+
});
 +
</script>
 +
</body>
 
</html>
 
</html>

Revision as of 17:55, 12 September 2016

<!DOCTYPE html> jQuery UI Accordion - Default functionality

McMasterU

Team


Project







Parts




Safety

Attributions

Human Practices





Awards





This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.