Biomod/2014/VCCRI/Team: Difference between revisions
Cyril Tang (talk | contribs) No edit summary |
Jon Berengut (talk | contribs) No edit summary |
||
| Line 25: | Line 25: | ||
@font-face { | @font-face { | ||
font-family: HEADING_ACTIVE_font; | font-family: HEADING_ACTIVE_font; | ||
src: url(http://openwetware.org/images/2/ | src: url(http://openwetware.org/images/2/2f/EchiDNA-2014-KGSecondChancesSolid.ttf); | ||
} | } | ||
Revision as of 14:35, 31 August 2014
<html>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:300,100&subset=latin"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script type"text/javascript"> $(function () { $("style[media*='screen']").remove(); $("link[href*='favicon']").remove(); //fix heading var h1 = $(".firstHeading").text().split("/"); $(".firstHeading").text(h1[h1.length-1]); $("tr:odd").addClass("odd"); }); $('link[rel="shortcut icon"]').attr('href','http://openwetware.org/images/2/29/2014-EchiDNA-WEB-FAVICON.png'); </script> <link rel="icon" type="image/png" href="http://openwetware.org/images/2/29/2014-EchiDNA-WEB-FAVICON.png">
<style type="text/css"> /**** Base styles ****/ /*#column-one, */
- content {
font-weight: bold;
}
- footer, div#sidebar-main, #contentSub, .firstHeading, #siteSub, #jump-to-nav, .printfooter, #p-cactions {
display: none;
}
/*only show edit button - also remove p-cactions from previous style*/
- ca-nstab-main, #ca-talk, #ca-history, #ca-move, #ca-watch, #ca-link, #p-personal{
display: none;
}
- ca-edit{
display:block;
} /*Make text on edit buttons visible for easier editing*/ .editButtons, #wpSummary{ color: black; }
</style>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>EchiDNA 2014</title>
<link href="http://openwetware.org/index.php?title=Biomod/2014/VCCRI/bootstrapcss320&action=raw&ctype=text/css" rel="stylesheet">
<style type="text/css">
@font-face { font-family: BIOMOD_font; src: url(http://openwetware.org/images/9/9a/EchiDNA-2014-GothamRnd-Book.otf); }
@font-face { font-family: HEADING_font; src: url(http://openwetware.org/images/2/2f/EchiDNA-2014-KGSecondChancesSolid.ttf); }
@font-face { font-family: HEADING_ACTIVE_font; src: url(http://openwetware.org/images/2/2f/EchiDNA-2014-KGSecondChancesSolid.ttf); }
@font-face { font-family: FOOTER_font; src: url(http://openwetware.org/images/9/9a/EchiDNA-2014-GothamRnd-Book.otf); }
/*Alter default header*/
.navbar-default .navbar-nav > li > a { font-family: HEADING_font, Arial, sans-serif; }
.navbar-default .navbar-nav > li > ul > li > a {
font-family: HEADING_font, Arial, sans-serif;
font-size: 10pt;
}
.navbar-default .navbar-right > li { color: #f8f8f8; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #F7941E; background-color: #F8F8F8; font-family: HEADING_ACTIVE_font, Arial, sans-serif; }
a[href^="mailto"] { color: white; }
a[href^="mailto"]:hover { color: #f7941e; text-decoration: none; }
a#vccri, a#edit-link { color:white; }
a#vccri:hover, a#edit-link:hover { color: #f7941e; text-decoration: none; }
body { background-image: url(http://openwetware.org/images/8/81/2014-EchiDNA-WEB-BG-TILE.png); background-repeat: repeat; color:white; font-family: BIOMOD_font, Arial, sans-serif; }
.col-centered { display:inline-block; float:none; text-align:left; /* inline-block space fix */ margin-right:-4px; }
h4 { color: #f7941e; font-family: HEADING_font, Arial, sans-serif; }
/*Footer stuff*/
html { position: relative; min-height: 100%; }
body { margin-bottom: 35px; }
.footer { position: absolute; bottom: 0; width: 100%; height: 35px; background-color: #0c2850; }
/*Fix OpenWetWare Editing Box*/
- wpTextbox1 {
color: #000; font-family: Arial; width: 100%; }
</style>
<html lang="en">
<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>EchiDNA 2014</title>
<!-- Bootstrap --> <link href="http://openwetware.org/index.php?title=Biomod/2014/VCCRI/bootstrapcss320&action=raw&ctype=text/css" rel="stylesheet">
<style type="text/css">
@font-face { font-family: BIOMOD_font; src: url(http://openwetware.org/images/3/35/EchiDNA-2014-KGTenThousandReasonsAlt.ttf); }
@font-face { font-family: HEADING_font; src: url(http://openwetware.org/images/2/2f/EchiDNA-2014-KGSecondChancesSolid.ttf); }
@font-face { font-family: HEADING_ACTIVE_font; src: url(http://openwetware.org/images/2/2f/EchiDNA-2014-KGSecondChancesSolid.ttf); }
@font-face { font-family: FOOTER_font; src: url(http://openwetware.org/images/9/9a/EchiDNA-2014-GothamRnd-Book.otf); }
/*Alter default header*/
.navbar-default .navbar-nav > li > a { font-family: HEADING_font, Arial, serif; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #F7941E; background-color: #F8F8F8; font-family: HEADING_ACTIVE_font, Arial, serif; }
a[href^="mailto"] { color: white; }
a[href^="mailto"]:hover { color: #f7941e; text-decoration: none; }
a#vccri { color:white; }
a#vccri:hover { color: #f7941e; text-decoration: none; } /* $('').css('display','none'); $('').css('display','none'); $('#TEAM-CYRIL-BIO').css('display','none'); $('#TEAM-JON-BIO').css('display','none'); $('#TEAM-LAWRENCE-BIO').css('display','none'); $('#TEAM-NICK-BIO').css('display','none'); $('#TEAM-ROBBIE-BIO').css('display','none'); $('#TEAM-YAGIZ-BIO').css('display','none'); */ a#TEAM-ANI.active, a#TEAM-ANDREW.active, a#TEAM-CYRIL.active, a#TEAM-JON.active, a#TEAM-NICK.active, a#TEAM-ROBBIE.active, a#TEAM-LAWRENCE.active, a#TEAM-YAGIZ.active { background-position: bottom; display: block; }
div#TEAM-ANI-BIO.active, div#TEAM-ANDREW-BIO.active, div#TEAM-CYRIL-BIO.active, div#TEAM-JON-BIO.active, div#TEAM-NICK-BIO.active, div#TEAM-ROBBIE-BIO.active, div#TEAM-LAWRENCE-BIO.active, div#TEAM-YAGIZ-BIO.active { display: block; }
.inactive { background-position: bottom; display: block; }
body { background-image: url(http://openwetware.org/images/8/81/2014-EchiDNA-WEB-BG-TILE.png); background-repeat: repeat; color:white; font-family: BIOMOD_font; }
.col-centered { display:inline-block; float:none; text-align:left; /* inline-block space fix */ margin-right:-4px; }
h4 { color: #f7941e; font-family: HEADING_font; }
.col-md-4 { text-align: center; }
.content {
margin-left: auto; margin-right: auto;
}
#TEAM-LOGO { display:block; width: 221px; height: 145px; margin-bottom: 20px; margin-left: 0; margin-right: auto; background-image: url(http://openwetware.org/images/5/53/2014-EchiDNA-TEAM-LOGO.png); background-repeat: no-repeat; background-position: top; }
#TEAM-BACKGROUND { display:block; position: relative; width: 761px; height: 221px; margin-top: 20px; margin-bottom: 130px; margin-left: auto; margin-right: auto; background-image: url(http://openwetware.org/images/5/5c/2014-EchiDNA-TEAM-BACKGROUND.png); background-repeat: no-repeat; background-position: top; }
#TEAM-ANDREW {
display:block;
width: 95px;
height: 252px;
position: absolute;
top: 50px;
left: 240px;
background-image: url(http://openwetware.org/images/0/02/2014-EchiDNA-TEAM-ANDREW-2.png);
background-repeat: no-repeat;
background-position: top;
}
#TEAM-ANDREW:hover {
background-position: bottom;
}
#TEAM-ANDREW-BIO { display:none; width: 385px; height: 223px; position: absolute; top: -160px; left: 270px; background-image: url(http://openwetware.org/images/4/49/2014-EchiDNA-TEAM-ANDREW-BIO.png); background-repeat: no-repeat; background-position: top; }
#TEAM-ANI { display:block; width: 95px; height: 252px; position: absolute; top: 50px; left: 15px; background-image: url(http://openwetware.org/images/4/4c/2014-EchiDNA-TEAM-ANI-2.png); background-repeat: no-repeat; background-position: top; } #TEAM-ANI:hover { background-position: bottom; }
#TEAM-ANI-BIO { display:none; width: 459px; height: 223px; position: absolute; top: -160px; left: 100px; background-image: url(http://openwetware.org/images/a/ac/2014-EchiDNA-TEAM-ANI-BIO.png); background-repeat: no-repeat; background-position: top; }
#TEAM-CYRIL { display:block; width: 95px; height: 252px; position: absolute; top: 50px; left: 465px; background-image: url(http://openwetware.org/images/2/2e/2014-EchiDNA-TEAM-CYRIL-2.png); background-repeat: no-repeat; background-position: top; } #TEAM-CYRIL:hover { background-position: bottom; }
#TEAM-CYRIL-BIO { display:none; width: 342px; height: 222px; position: absolute; top: -160px; left: 350px; background-image: url(http://openwetware.org/images/6/6b/2014-EchiDNA-TEAM-CYRIL-BIO.png); background-repeat: no-repeat; background-position: top; }
#TEAM-JON { display:block; width: 95px; height: 252px; position: absolute; top: 50px; left: 90px; background-image: url(http://openwetware.org/images/6/61/2014-EchiDNA-TEAM-JON-2.png); background-repeat: no-repeat; background-position: top; } #TEAM-JON:hover { background-position: bottom; }
#TEAM-JON-BIO { display:none; width: 432px; height: 222px; position: absolute; top: -160px; left: 160px; background-image: url(http://openwetware.org/images/2/2c/2014-EchiDNA-TEAM-JON-BIO.png); background-repeat: no-repeat; background-position: top; }
#TEAM-LAWRENCE { display:block; width: 95px; height: 252px; position: absolute; top: 50px; left: 550px; background-image: url(http://openwetware.org/images/4/44/2014-EchiDNA-TEAM-LAWRENCE-2.png); background-repeat: no-repeat; background-position: top; } #TEAM-LAWRENCE:hover { background-position: bottom; }
#TEAM-LAWRENCE-BIO { display:none; width: 341px; height: 222px; position: absolute; top: -160px; left: 370px; background-image: url(http://openwetware.org/images/f/fb/2014-EchiDNA-TEAM-LAWRENCE-BIO.png); background-repeat: no-repeat; background-position: top; }
#TEAM-NICK { display:block; width: 95px; height: 252px; position: absolute; top: 50px; left: 310px; background-image: url(http://openwetware.org/images/b/b0/2014-EchiDNA-TEAM-NICK-2.png); background-repeat: no-repeat; background-position: top; } #TEAM-NICK:hover { background-position: bottom; }
#TEAM-NICK-BIO { display:none; width: 365px; height: 222px; position: absolute; top: -160px; left: 310px; background-image: url(http://openwetware.org/images/a/a2/2014-EchiDNA-TEAM-NICK-BIO.png); background-repeat: no-repeat; background-position: top; }
#TEAM-ROBBIE { display:block; width: 95px; height: 252px; position: absolute; top: 50px; left: 165px; background-image: url(http://openwetware.org/images/4/4a/2014-EchiDNA-TEAM-ROBBIE-2.png); background-repeat: no-repeat; background-position: top; } #TEAM-ROBBIE:hover { background-position: bottom; }
#TEAM-ROBBIE-BIO { display:none; width: 391px; height: 222px; position: absolute; top: -160px; left: 230px; background-image: url(http://openwetware.org/images/c/c7/2014-EchiDNA-TEAM-ROBBIE-BIO.png); background-repeat: no-repeat; background-position: top; }
#TEAM-YAGIZ { display:block; width: 95px; height: 252px; position: absolute; top: 50px; left: 635px; background-image: url(http://openwetware.org/images/2/2c/2014-EchiDNA-TEAM-YAGIZ-2.png); background-repeat: no-repeat; background-position: top; } #TEAM-YAGIZ:hover { background-position: bottom; }
#TEAM-YAGIZ-BIO { display:none; width: 342px; height: 223px; position: absolute; top: -160px; left: 410px; background-image: url(http://openwetware.org/images/4/41/2014-EchiDNA-TEAM-YAGIZ-BIO.png); background-repeat: no-repeat; background-position: top; }
#TEAM-PHOTO { /*This is here to load it last because it's the biggest file*/ display:block; width: 893px; height: 590px; margin-top: -10px; margin-bottom: -10px; margin-left: auto; margin-right: auto; background-image: url(http://openwetware.org/images/5/5f/2014-EchiDNA-WEB-TEAM-PHOTO.png); background-repeat: no-repeat; background-position: top; }
/*Footer stuff*/
html { position: relative; min-height: 100%; }
body { margin-bottom: 35px; }
.footer { position: absolute; bottom: 0; width: 100%;
height: 35px; background-color: #0c2850; }
/*Fix OpenWetWare Editing Box*/
#wpTextbox1 { color: #000; font-family: Arial; width: 100%; }
</style>
<script type="text/javascript">
function display_bio(id) {
for (i = 1; i <= 8; i++) { if (i != id) { switch(i) { case 1: $('#TEAM-ANI-BIO').toggleClass('active', false); $('#TEAM-ANI').toggleClass('active', false); break; case 2: $('#TEAM-JON-BIO').toggleClass('active', false); $('#TEAM-JON').toggleClass('active', false); break; case 3: $('#TEAM-ROBBIE-BIO').toggleClass('active', false); $('#TEAM-ROBBIE').toggleClass('active', false); break; case 4: $('#TEAM-ANDREW-BIO').toggleClass('active', false); $('#TEAM-ANDREW').toggleClass('active', false); break; case 5: $('#TEAM-NICK-BIO').toggleClass('active', false); $('#TEAM-NICK').toggleClass('active', false); break; case 6: $('#TEAM-CYRIL-BIO').toggleClass('active', false); $('#TEAM-CYRIL').toggleClass('active', false); break; case 7: $('#TEAM-LAWRENCE-BIO').toggleClass('active', false); $('#TEAM-LAWRENCE').toggleClass('active', false); break; case 8: $('#TEAM-YAGIZ-BIO').toggleClass('active', false); $('#TEAM-YAGIZ').toggleClass('active', false); break; } } else { switch(id) { case 1: $('#TEAM-ANI-BIO').toggleClass('active'); $('#TEAM-ANI').toggleClass('active'); break; case 2: $('#TEAM-JON-BIO').toggleClass('active'); $('#TEAM-JON').toggleClass('active'); break; case 3: $('#TEAM-ROBBIE-BIO').toggleClass('active'); $('#TEAM-ROBBIE').toggleClass('active'); break; case 4: $('#TEAM-ANDREW-BIO').toggleClass('active'); $('#TEAM-ANDREW').toggleClass('active'); break; case 5: $('#TEAM-NICK-BIO').toggleClass('active'); $('#TEAM-NICK').toggleClass('active'); break; case 6: $('#TEAM-CYRIL-BIO').toggleClass('active'); $('#TEAM-CYRIL').toggleClass('active'); break; case 7: $('#TEAM-LAWRENCE-BIO').toggleClass('active'); $('#TEAM-LAWRENCE').toggleClass('active'); break; case 8: $('#TEAM-YAGIZ-BIO').toggleClass('active'); $('#TEAM-YAGIZ').toggleClass('active'); break; } } } }
</script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-default navbar-fixed-top" role="navigation" style="font-family: arial bold; font-size: 125%; box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);"> <div class="container"> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI">Home</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Project">Project</a></li> <li class="active"><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Team">Team</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/LabBook">Lab Book</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Sponsors">Sponsors</a></li> </ul> </div><!--/.nav-collapse --> </div> </div>
<div class="container" style="text-align:center; margin-top: 100px;"> <div class="row row-centered"> <div class="col-xs-9 col-centered col-min"><div class="item"><div class="content"> <div id="TEAM-LOGO"></div> <div id="TEAM-BACKGROUND"> <a id="TEAM-ANI" onclick="display_bio(1);"></a> <a id="TEAM-JON" onclick="display_bio(2);"></a> <a id="TEAM-ROBBIE" onclick="display_bio(3);"></a> <a id="TEAM-ANDREW" onclick="display_bio(4);"></a> <a id="TEAM-NICK" onclick="display_bio(5);"></a>
<a id="TEAM-CYRIL" onclick="display_bio(6);"></a> <a id="TEAM-LAWRENCE" onclick="display_bio(7);"></a> <a id="TEAM-YAGIZ" onclick="display_bio(8);"></a>
<div id="TEAM-ANI-BIO"></div> <div id="TEAM-JON-BIO"></div> <div id="TEAM-ROBBIE-BIO"></div> <div id="TEAM-ANDREW-BIO"></div> <div id="TEAM-NICK-BIO"></div>
<div id="TEAM-CYRIL-BIO"></div> <div id="TEAM-LAWRENCE-BIO"></div> <div id="TEAM-YAGIZ-BIO"></div>
<span style="position:absolute; top: 300px; left: 170px";><h4>Undergrads</h4></span> <span style="position:absolute; top: 300px; left: 490px";><h4>Supervisors & Advisors</h4></span> </div>
<p class="text-justify">Hello! We are a team of undergraduates based in Sydney, Australia, which makes us the first ever BIOMOD entrant from the southern hemisphere! We're working under the supervision of Dr Lawrence Lee at the Victor Chang Cardiac Research Institute, but our team is drawn from multiple universities across Sydney. Our goal is that through this team and the BIOMOD competition we will build enthusiasm about bio- and nano-technology research amongst undergraduates in Sydney and across Australia.</p>
<br />
Here's a pic of us - The metal bloke in the middle is Dr. Victor Chang himself!
</div></div></div> <div class="col-xs-10 col-centered col-min"><div class="item"><div class="content"> <div id="TEAM-PHOTO"></div> </div></div></div>
</div>
</div>
<div class="footer">
<div class="container">
<div style="height:5px;"></div>
<p style="font-family: arial; text-align: center; font-size: 85%; font-family: FOOTER_font, Arial, serif;">Contact: <a href="mailto:BIOMODaustralia@gmail.com">BIOMODaustralia@gmail.com</a> | ©2014 Team EchiDNA. All rights reserved. This team is supported by the <a id="vccri" href="http://www.victorchang.edu.au">Victor Chang Cardiac Research Institute</a>. | <a id="vccri" href="http://openwetware.org/index.php?title=Biomod/2014/VCCRI/Team&action=edit">Edit</a></p>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="http://openwetware.org/index.php?title=Biomod/2014/VCCRI/boostrap320&action=rawctype=text/javascript"></script>
</body>
</html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://openwetware.org/index.php?title=Biomod/2014/VCCRI/boostrap320&action=raw&type=text/javascript"></script>
<script type="text/javascript"> var pathArray = window.location.pathname.split( '/' ); var newPathname = ""; for (i = 2; i < pathArray.length; i++) { newPathname += pathArray[i]; newPathname += "/"; } newPathname=newPathname.slice(0,-1); document.getElementById('edit-link').setAttribute('href', 'http://openwetware.org/index.php?title='+newPathname+String.fromCharCode(38)+'action=edit'); </script>
