Team:Macquarie Australia/OurTeam/TeamMembers

From 2014.igem.org

(Difference between revisions)
 
(102 intermediate revisions not shown)
Line 3: Line 3:
<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/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>
+
<section id="Content">
-
var modal = (function() {
+
<div class="cont-menu">
-
var
+
<h3>Our Team</h3>
-
method = {},
+
<br/>
-
$overlay,
+
<ul>
-
$modal,
+
                        <li><a href="https://2014.igem.org/Team:Macquarie_Australia/OurTeam/TeamMembers">Students</a></li>
-
$photo,
+
<li><a href="https://2014.igem.org/Team:Macquarie_Australia/OurTeam/Advisors">Instructors & <br/>Advisors</a></li>
-
$close;
+
<li><a href="https://2014.igem.org/Team:Macquarie_Australia/OurTeam/TheUni">The University</a></<li>
 +
                        <li><a href="https://2014.igem.org/Team:Macquarie_Australia/OurTeam/Attributions">Attributions & <br/>Sponsors</a></<li>
 +
</ul>
 +
</div>
-
// Center the modal in the viewport
+
<div class="cont-out">
-
method.center = function () {
+
<img src="https://static.igem.org/mediawiki/2014/c/ce/Mac_group_photo.jpg" width=700/>
-
var top, left;
+
</div>
-
top = Math.max($(window).height() - $photo.outerHeight(), 0) / 2;
 
-
left = Math.max($(window).width() - $photo.outerWidth(), 0) / 2;
 
-
$photo.css({
+
<section id="SectionLinks">
-
top:top + $(window).scrollTop(),
+
<div class="Wrap">
-
left:left + $(window).scrollLeft()
+
-
});
+
-
};
+
-
// Open the modal
+
<h1>Introducing the students!</h1>
-
method.open = function (settings) {
+
<h4>Hover over their portraits to learn more about them.</h4>
-
$photo.empty().append(settings.photo);
+
-
$modal.css({
+
<div id="TeamMember" class="DescriptionLink">
-
width: settings.width || 'auto',  
+
<div id="overlay">
-
height: settings.height || 'auto'
+
<div class="OverlayText"><b>Leah Simmons</b><br/>With skills in molecular biology, Leah is a valuable asset in the lab. She wants to pursue a career in medical research and thinks it would be her humble contribution to make the world better for everyone.
-
});
+
</div>
 +
</div>
 +
<img id="CircleImg" src="https://static.igem.org/mediawiki/2014/c/c2/Leah200p2.png">
 +
</div>
-
method.center();
+
<div id="TeamMember" class="DescriptionLink">
-
$(window).bind('resize.modal', method.center);
+
<div id="overlay">
-
$modal.show();
+
<div class="OverlayText"><b>Eddie Park</b><br/>Eddie is our plasmid prep extraordinaire. He describes himself as a keen traveller and basketball enthusiast. Eddie hopes to pursue a career in the wonderful world of synthetic biology.
-
$overlay.show();
+
</div>
-
};
+
</div>
 +
<img id="CircleImg" src="https://static.igem.org/mediawiki/2014/3/33/Eddi200p2.png" />
 +
</div>
-
// Close the modal
+
<div id="TeamMember" class="DescriptionLink">
-
method.close = function () {
+
<div id="overlay">
-
$modal.hide();
+
<div class="OverlayText"><b>Dean Southwood</b><br/>Dean is our resident boy wonder who is pursing four majors (Biomolecular science, physics, chemistry and math). Dean wants to go into research that will combine his love for physics and organic chemistry.
-
$overlay.hide();
+
</div>
-
$photo.empty();
+
</div>
-
$(window).unbind('resize.modal');
+
<img id="CircleImg" src="https://static.igem.org/mediawiki/2014/b/b1/Dean200p2.png">
-
};
+
</div>
-
// Generate the HTML and add it to the document
+
<div id="TeamMember" class="DescriptionLink">
-
$overlay = $('<div id="overlay"></div>');
+
<div id="overlay">
-
$modal = $('<div id="modal"></div>');
+
<div class="OverlayText"><b>Amit Bhattacharjee</b><br/>Amit currently manages our social media outlets and other marketing initiatives. He hopes to pursue a career in science communication and enjoys public speaking, debating and posting selfies on Facebook.
-
$photo = $('<div id="photo"></div>');
+
</div>
-
$close = $('<a id="close" href="#">close</a>');
+
</div>
 +
<img id="CircleImg" src="https://static.igem.org/mediawiki/2014/8/80/Amit200p2.png">
 +
</div>
-
$modal.hide();
+
<div id="TeamMember" class="DescriptionLink">
-
$overlay.hide();
+
<div id="overlay">
-
$modal.append($photo, $close);
+
<div class="OverlayText"><b>Sunny Wu</b><br/>Sunny is our self-proclaimed buffer expert. He is highly interested in biochemistry, genetics and synthetic biology and plans on pursuing postgraduate studies in medicine or even a PhD.
 +
</div>
 +
</div>
 +
<img id="CircleImg" src="https://static.igem.org/mediawiki/2014/8/84/Sunny200p2.png">
 +
</div>
-
$(document).ready(function(){
+
<div id="TeamMember" class="DescriptionLink">
-
$('body').append($overlay, $modal);
+
<div id="overlay">
-
});
+
<div class="OverlayText"><b>Alice Fielding-Smith</b><br/>Alice is our resident jack-of–all trades and is very involved in our dry lab team. She plans on using her talents in Bioinformatics and Proteomics to further cancer research in the future.
 +
</div>
 +
</div>
 +
<img id="CircleImg" src="https://static.igem.org/mediawiki/2014/c/c7/Alice200p2.png">
 +
</div>
-
$close.click(function(e){
+
<div id="TeamMember" class="DescriptionLink">
-
e.preventDefault();
+
<div id="overlay">
-
method.close();
+
<div class="OverlayText"><b>Ahmed Elsayed</b><br/>As a lab gun, Ahmed has proven to be an irreplaceable asset to our wet lab team. Outside academia, Ahmed is both an avid body builder and harbours a love for the world of auto-mobiles.
-
});
+
</div>
 +
</div>
 +
<img id="CircleImg" src="https://static.igem.org/mediawiki/2014/4/4f/Ahmed200p2.png">
 +
</div>
-
return method;
+
<div id="TeamMember" class="DescriptionLink">
-
}());
+
<div id="overlay">
 +
<div class="OverlayText"><b>Chris D'Netto</b><br/>Christopher harbours a keen interest in areas of genetics & patent law, and the philosophy of science. More importantly Chris is our resident graphics design and lab safety expert!
 +
</div>
 +
</div>
 +
<img id="CircleImg" src="https://static.igem.org/mediawiki/2014/e/eb/Chris200p2.png">
 +
</div>
-
// Wait until the DOM has loaded before querying the document
+
<div id="TeamMember" class="DescriptionLink">
-
$(document).ready(function(){
+
<div id="overlay">
 +
<div class="OverlayText"><b>Nadia Abdel-Fatah</b><br/>With killer business acumen and enviable lab skills Nadia is a valuable asset to both our wet lab and fundraising team. She is involved with several charity organisations and youth initiatives.
 +
</div>
 +
</div>
 +
<img id="CircleImg" src="https://static.igem.org/mediawiki/2014/7/77/Nadia200p2.png">
 +
</div>
-
$.get('ajax.html', function(data){
+
<div id="TeamMember" class="DescriptionLink">
-
modal.open({photo: data});
+
<div id="overlay">
-
});
+
<div class="OverlayText"><b>Mitchell Jeitani</b><br/>Mitchell is our main man behind the wiki. Mitchell harbours a special interest in pathology/microbiology and hopes to integrate this into a medical career in the future.
 +
</div>
 +
</div>
 +
<img id="CircleImg" src="https://static.igem.org/mediawiki/2014/c/c9/Mitchell200p2.png">
 +
</div>
-
$('a#eddie').click(function(e){
+
<div id="TeamMember" class="DescriptionLink">
-
modal.open({photo: "url(https://static.igem.org/mediawiki/2014/2/27/Eddie.jpg)"});
+
<div id="overlay">
-
e.preventDefault();
+
<div class="OverlayText"><b>Robert Hewetson</b><br/>Robbie combines his love for science and business as part of our fundraising and outreach teams, he hopes to introduce this into his future careers as well.
-
});
+
</div>
-
});
+
</div>
-
</script>
+
<img id="CircleImg" src="https://static.igem.org/mediawiki/2014/4/4d/Robbie200p2.png">
 +
</div>
-
</head>
+
<div id="TeamMember" class="DescriptionLink">
-
<body>
+
<div id="overlay">
-
<div id=“overlay”></div>
+
<div class="OverlayText"><b>William Klare</b><br/>William is our lab ninja who already has an undergrad degree under his belt. As a researcher, he aims to explore the mechanisms of infection and immunity.
-
<section id="Content">
+
</div>
-
<h1>About the team!</h1>
+
</div>
-
<h2>The students</h2>
+
<img id="CircleImg" src="https://static.igem.org/mediawiki/2014/9/9b/Will_Klare200p2.png">
-
<p>
+
</div>
-
<div id="modal">
+
-
<a href="#" id="eddie">Eddie Park</div>
+
</div>
</div>
-
</p>
+
</section>
</section>
</section>
</body>
</body>
</html>
</html>

Latest revision as of 06:54, 16 October 2014

Our Team


Retrieved from "http://2014.igem.org/Team:Macquarie_Australia/OurTeam/TeamMembers"