Template:Team:Macquarie Australia/About

From 2014.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 1: Line 1:
{{Team:Macquarie_Australia/TopNavBar}}
{{Team:Macquarie_Australia/TopNavBar}}
-
<html>
+
<html>photo
-
 
+
<head>
<head>
<link href="https://2014.igem.org/Template:Team:Macquarie_Australia/css/global?action=raw&ctype=text/css" rel="stylesheet">
<link href="https://2014.igem.org/Template:Team:Macquarie_Australia/css/global?action=raw&ctype=text/css" rel="stylesheet">
-
<script src="https://2014.igem.org/Team:Macquarie_Australia/js/banner?action=raw&ctype=text/javascript" type="text/javascript""></script>
+
<script src="https://2014.igem.org/Team:Macquarie_Australia/js/popup?action=raw&ctype=text/javascript" type="text/javascript""></script>
-
</head>
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-
<body>
+
<script>
 +
var modal = (function(){
 +
var
 +
method = {},
 +
$overlay,
 +
$modal,
 +
$photo,
 +
$close;
-
<section id="ContentOverview">
+
// Center the modal in the viewport
-
<h2>Our Project</h2>
+
method.center = function () {
-
<p>
+
var top, left;
-
Chlorophyll is a core component in the process of photosynthesis. As a pigment,
+
-
it harvests light and plays a primary role in the excitation transfer of energy
+
-
(Eichwurzel, Stiel et al. 2000), which is vital for plant reproduction and survival
+
-
(Uliana, Pires et al. 2014). The chlorophyll biochemical pathway is an oxygenic
+
-
photosynthetic process that oxidizes water to produce hydrogen ions. Thirteen
+
-
genes govern the five-step pathway and each has a specific role.
+
-
</p>
+
-
<p>
+
top = Math.max($(window).height() - $modal.outerHeight(), 0) / 2;
-
The 2014 Macquarie University iGEM team is continuing the work of the 2013 team
+
left = Math.max($(window).width() - $modal.outerWidth(), 0) / 2;
-
to synthetically construct the chlorophyll biochemical pathway in E.coli using
+
-
synthetic Biobricks from Chlamydomonas reinhardtii. The Biobricks from 2013 have
+
-
been made using Gibson Assembly. Our aim for 2014 is to improve the Biobricks using
+
-
synthetic techniques, which will be assembled into three functional operons and
+
-
expressed in E.coli competent cells.  
+
-
</p>
+
 +
$modal.css({
 +
top:top + $(window).scrollTop(),
 +
left:left + $(window).scrollLeft()
 +
});
 +
};
 +
 +
// Open the modal
 +
method.open = function (settings) {
 +
$photo.empty().append(settings.photo);
 +
 +
$modal.css({
 +
width: settings.width || 'auto',
 +
height: settings.height || 'auto'
 +
});
 +
 +
method.center();
 +
$(window).bind('resize.modal', method.center);
 +
$modal.show();
 +
$overlay.show();
 +
};
 +
 +
// Close the modal
 +
method.close = function () {
 +
$modal.hide();
 +
$overlay.hide();
 +
$photo.empty();
 +
$(window).unbind('resize.modal');
 +
};
 +
 +
// Generate the HTML and add it to the document
 +
$overlay = $('<div id="overlay"></div>');
 +
$modal = $('<div id="modal"></div>');
 +
$photo = $('<div id="photo"></div>');
 +
$close = $('<a id="close" href="#">close</a>');
 +
 +
$modal.hide();
 +
$overlay.hide();
 +
$modal.append($photo, $close);
 +
 +
$(document).ready(function(){
 +
$('body').append($overlay, $modal);
 +
});
 +
 +
$close.click(function(e){
 +
e.preventDefault();
 +
method.close();
 +
});
 +
 +
return method;
 +
}());
 +
 +
// Wait until the DOM has loaded before querying the document
 +
$(document).ready(function(){
 +
 +
$.get('ajax.html', function(data){
 +
modal.open({photo: data});
 +
});
 +
 +
$('a#eddie').click(function(e){
 +
modal.open({photo: ""});
 +
e.preventDefault();
 +
});
 +
});
 +
</script>
 +
 +
</head>
 +
<body>
 +
<div id=“overlay”></div>
 +
<section id="Content">
 +
<h1>About the team!</h1>
 +
<h2>The students</h2>
<p>
<p>
-
<img id="PathwayImg" src="https://static.igem.org/mediawiki/2014/7/7a/PathwayMQ.jpg"/>
+
<div id="modal">
 +
<a href="#" id="eddie">Eddie Park</div>
 +
</div>
</p>
</p>
</section>
</section>
-
 
-
<section id="SectionLinks">
 
-
<div class="Wrap">
 
-
<a href="Team:Macquarie_Australia/style/Home">
 
-
<div id="DescriptionLink1" class="DescriptionLink">
 
-
<h2>Lorem ipsum</h2>
 
-
<img src="https://static.igem.org/mediawiki/2013/a/ab/Mqbutton55.png">
 
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
-
</div>
 
-
</a>
 
-
 
-
<a href="Team:Macquarie_Australia/style/Home">
 
-
<div id="DescriptionLink2" class="DescriptionLink">
 
-
<h2>Lorem ipsum</h2>
 
-
<img src="https://static.igem.org/mediawiki/2013/a/ab/Mqbutton55.png">
 
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
-
</div>
 
-
</a>
 
-
<div style="clear:both;"></div>
 
-
<a href="Team:Macquarie_Australia/style/Home">
 
-
<div id="DescriptionLink3" class="DescriptionLink">
 
-
<h2>Lorem ipsum</h2>
 
-
<img src="https://static.igem.org/mediawiki/2013/a/ab/Mqbutton55.png">
 
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
-
</div>
 
-
</a>
 
-
 
-
<a href="Team:Macquarie_Australia/style/Home">
 
-
<div id="DescriptionLink4" class="DescriptionLink">
 
-
<h2>Lorem ipsum</h2>
 
-
<img src="https://static.igem.org/mediawiki/2013/a/ab/Mqbutton55.png">
 
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
-
</div>
 
-
</a>
 
-
</div>
 
-
</section>
 
-
 
</body>
</body>
</html>
</html>

Latest revision as of 05:55, 21 August 2014

photo

About the team!

The students

Retrieved from "http://2014.igem.org/Template:Team:Macquarie_Australia/About"