Biomod/2014/VCCRI/Team

From OpenWetWare
Jump to navigationJump to search

<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, */

  1. content {
   font-weight: bold;

}

  1. 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*/

  1. ca-nstab-main, #ca-talk, #ca-history, #ca-move, #ca-watch, #ca-link, #p-personal{
   display: none;

}

  1. 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*/

  1. 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>