Biomod/2014/VCCRI/Team: Difference between revisions
Cyril Tang (talk | contribs) No edit summary |
Cyril Tang (talk | contribs) No edit summary |
||
(12 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{Template:VCCRI_2014_BIOMOD_HEADER}} | {{Template:VCCRI_2014_BIOMOD_HEADER}} | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
<script type="text/javascript"> | |||
$('#team_link').addClass('active'); | |||
</script> | |||
<style type="text/css"> | <style type="text/css"> | ||
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 { | 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; | background-position: bottom; | ||
Line 87: | Line 22: | ||
background-position: bottom; | background-position: bottom; | ||
display: block; | display: block; | ||
} | } | ||
Line 113: | Line 42: | ||
.content { | .content { | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
} | } | ||
Line 145: | Line 72: | ||
} | } | ||
#TEAM-ANDREW { | #TEAM-ANDREW { | ||
Line 370: | Line 285: | ||
left: 410px; | left: 410px; | ||
background-image: url(http://openwetware.org/images/4/41/2014-EchiDNA-TEAM-YAGIZ-BIO.png); | 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; | |||
} | |||
#TEAM-PHOTO-2 { /*This is here to load it last because it's the biggest file*/ | |||
display:block; | |||
width: 799px; | |||
height: 375px; | |||
margin-top: -10px; | |||
margin-bottom: -10px; | |||
margin-left: auto; | |||
margin-right: auto; | |||
background-image: url(http://openwetware.org/images/a/a9/EchiDNA-WEB-TEAM-PHOTO-PRO.png); | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top; | background-position: top; | ||
Line 485: | Line 426: | ||
</script> | </script> | ||
</head> | </head> | ||
<body> | <body> | ||
<div class="container" style="text-align:center; margin-top: 100px;"> | <div class="container" style="text-align:center; margin-top: 100px;"> | ||
<div class="row row-centered"> | <div class="row row-centered"> | ||
<div class="col-xs-9 col-centered col-min | <div class="col-xs-9 col-centered col-min"> | ||
<div id="TEAM-LOGO"></div> | <div id="TEAM-LOGO"></div> | ||
<div id="TEAM-BACKGROUND"> | <div id="TEAM-BACKGROUND"> | ||
Line 536: | Line 457: | ||
<span style="position:absolute; top: 300px; left: 490px";><h4>Supervisors & Advisors</h4></span> | <span style="position:absolute; top: 300px; left: 490px";><h4>Supervisors & Advisors</h4></span> | ||
</div> | </div> | ||
</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> | <div class="col-md-8 col-centered"> | ||
<p class="text-justify"><img src="http://openwetware.org/images/3/3a/2014-EchiDNA-TEAM-GLOBE.png" style="float:right; padding-left: 25px;" />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 /> | <br /> | ||
Here's a pic of us - The metal bloke in the middle is Dr. Victor Chang himself! | <p class="text-center">Here's a pic of us - The metal bloke in the middle is Dr. Victor Chang himself!</p> | ||
</div> | |||
<div class="col-xs-10 col-centered col-min"> | |||
<div class="item"> | |||
<div class="col-xs- | <div class="content"> | ||
<div id="TEAM-PHOTO"> | |||
</div> | |||
<br /> | |||
<p class="text-center">Here's another pic of us - This one's from the Wentworth Courier (Picture Credit: Carly Earl)</p> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="col-xs-12 col-centered col-min"> | |||
<div class="item"> | |||
<div class="content"> | |||
<div id="TEAM-PHOTO-2"> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<br><br> | |||
< | |||
</body> | </body> |
Latest revision as of 20:28, 25 October 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>
<script type="text/javascript"> $('#team_link').addClass('active'); </script>
<style type="text/css">
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; }
.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; }
#TEAM-PHOTO-2 { /*This is here to load it last because it's the biggest file*/ display:block; width: 799px; height: 375px; margin-top: -10px; margin-bottom: -10px; margin-left: auto; margin-right: auto; background-image: url(http://openwetware.org/images/a/a9/EchiDNA-WEB-TEAM-PHOTO-PRO.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>
</head> <body>
<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 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> </div> <div class="col-md-8 col-centered"> <p class="text-justify"><img src="http://openwetware.org/images/3/3a/2014-EchiDNA-TEAM-GLOBE.png" style="float:right; padding-left: 25px;" />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 />
<p class="text-center">Here's a pic of us - The metal bloke in the middle is Dr. Victor Chang himself!</p>
</div> <div class="col-xs-10 col-centered col-min"> <div class="item"> <div class="content"> <div id="TEAM-PHOTO"> </div>
<br />
<p class="text-center">Here's another pic of us - This one's from the Wentworth Courier (Picture Credit: Carly Earl)</p> </div> </div> </div> <div class="col-xs-12 col-centered col-min"> <div class="item"> <div class="content"> <div id="TEAM-PHOTO-2"> </div> </div> </div> </div>
</div>
</div>
<br><br>
</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>