Difference between revisions of "Team:UNSW Australia/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{UNSW_Australia}}
+
{{Template:UNSW_Australia/Navbar}}
 
<html>
 
<html>
 +
<div id="team-content">
 +
<div id="team-buttons">
 +
<button onclick="showAll()">Team</button>
 +
<button onclick="showLab()">Lab</button>
 +
<button onclick="showHP()">Human Practices</button>
 +
<button onclick="showWiki()">Wiki</button>
 +
<button onclick="showModel()">Modelling</button>
 +
<button onclick="showSoft()"">Software</button>
  
−
<div class="column two_thirds_size" >
+
<div class="sub-buttons" id="lab-buttons">
 +
<button onclick="showLabAll()">All</button>
 +
<button onclick="showCloning()">Cloning</button>
 +
<button onclick="showProtein()">Protein</button>
 +
<button onclick="showAssays()">Assays</button>
 +
<button onclick="showPlants()">Plants</button>
 +
<button onclick="showParts()">Parts</button>
 +
</div>
  
−
<h1>Team</h1>
+
<div class="sub-buttons" id="hp-buttons">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<button onclick="showHPAll()">All</button>
 +
<button onclick="showOutreach()">Outreach</button>
 +
<button onclick="showEducation()">Education</button>
 +
<button onclick="showLaw()">Law</button>
 +
<button onclick="showIndustry()">Industry</button>
 +
<button onclick="showDiversity()">Diversity</button>
 +
</div>
  
 +
<div class="sub-buttons" id="wiki-buttons">
 +
<button onclick="showWikiAll()">All</button>
 +
<button onclick="showCoding()">Coding</button>
 +
<button onclick="showContent()">Content</button>
 +
<button onclick="showDesign()">Design</button>
 +
</div>
 +
</div>
  
−
<h3>What should this page contain?</h3>
+
<div id="members">
−
<ul>
+
<div id="team-leaders">
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
<div onclick="Brian()" class="brian photo all lab cloning protein wiki design">
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
</div>
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
<div onclick="Linda()" class="linda photo all lab cloning hp education wiki design">
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
</div>
−
</ul>
+
<div onclick="Megan()" class="megan photo all lab assays hp law education outreach">
 +
</div>
 +
<div onclick="Alex()" class="alex photo all lab assays modelling software">
 +
</div>
 +
<div onclick="Patricia()" class="patricia photo all lab parts hp industry wiki coding design software">
 +
</div>
 +
</div>
 +
<div id="team-members">
 +
<div onclick="Bec()" class="bec photo all lab plants parts hp education">
 +
</div>
 +
<div onclick="Emily()" class="emily photo all lab plants parts hp outreach law industry">
 +
</div>
 +
<div onclick="Nick()" class="nick photo all hp diversity lab wiki design">
 +
</div>
 +
<div onclick="Toby()" class="toby photo all lab cloning protein assays">
 +
</div>
 +
<div onclick="Tyler()" class="tyler photo all lab cloning wiki design">
 +
</div>
 +
<div onclick="Zeeshan()" class="zeeshan photo all lab cloning hp outreach industry">
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div id="member-bio">
 +
<div id="Brian" class="member">
 +
<span class="brian photo"></span>
 +
<h2>Brian</h2>
 +
<h4>Team Leader</h4>
 +
<p>Brian is in his 4th year of his Advanced Science/Arts degree, studying Microbiology and Music. He hopes to help expand the synthetic biologist's toolkit and advance our understanding of the world that we live in. He is fascinated by synthetic biology as it is driven by innovation - who knows where it will take us next?</p>
 +
</div>
 +
<div id="Megan" class="member">
 +
<span class="megan photo"></span>
 +
<h2>Megan</h2>
 +
<h4>Human Practices Leader</h4>
 +
<p>Megan is currently three years into an Advanced Science/Law degree at the University of New South Wales, majoring in Cell and Molecular Biology. She ended up doing Science because she wants to change the way that science is regulated, and spend more time involving researchers in government policy which directly affects them.</p>
 +
</div>
 +
<div id="Alex" class="member">
 +
<span class="alex photo"></span>
 +
<h2>Alex</h2>
 +
<h4>Modelling Leader</h4>
 +
<p>Alex is a 3rd year advanced science student majoring in biotechnology and genetics. He is passionate about all things science, and enjoys growing mushrooms in his spare time.</p>
 +
</div>
 +
<div id="Patricia" class="member">
 +
<span class="patricia photo"></span>
 +
<h2>Patricia</h2>
 +
<h4>Wiki Leader</h4>
 +
<p>Patricia is a third year Advanced Science student, majoring in Genetics and Biotechnology. Patricia plans to combine her interests in computing and genetics, and is currently undertaking research to determine the impact of mutations on splicing in paediatric cancer. Outside of science, she is passionate about travel, dogs and entrepreneurship.</p>
 +
</div>
 +
<div id="Bec" class="member">
 +
<span class="bec photo"></span>
 +
<h2>Bec</h2>
 +
<p>Bec is passionate about microbes, robots and wine. Although many view this as strange, some see the broad potential for innovation that comes with the intersection of these interests. From synthetic biology and biohacking to smart homes and viticulture, she looks forward to applying the skills from her Advanced Science and Engineering dual degree to develop the new technologies of tomorrow.</p>
 +
</div>
 +
<div id="Emily" class="member">
 +
<span class="emily photo"></span>
 +
<h2>Emily</h2>
 +
<p>Emily is a third year Science/Law student majoring in Microbiology at the University of New South Wales. Growing up in a small coastal town inspired her interest in marine microbiology and the good wife. Synthetic biology's potential in harnessing complex biological mechanisms from nature to design unique systems is something she hopes to pursue further.</p>
 +
</div>
 +
<div id="Linda" class="member">
 +
<span class="linda photo"></span>
 +
<h2>Linda</h2>
 +
<h4>Lab Leader</h4>
 +
<p>Linda is currently in her third year of a Bachelor’s degree in Science and Education, majoring in Biotechnology. She is interested in how bacteria are able to communicate with one another through the magic of quorum sensing, an area that she is hoping to explore more of in the future. Apart from science, eating and napping, Linda also really loves cats!</p>
 +
</div>
 +
<div id="Nick" class="member">
 +
<span class="nick photo"></span>
 +
<h2>Nick</h2>
 +
<p>Nick is currently an undergraduate at UNSW studying Science, majoring in Genetics in his final 8 months of study. He loves science fiction and the hope it brings people which meets his passion for real science believing bioinformatics and synthetic biology are the future. He aspires to help people through scientific progress and to set the wheels in motion for social change through his career.</p>
 +
</div>
 +
<div id="Toby" class="member">
 +
<span class="toby photo"></span>
 +
<h2>Tobias</h2>
 +
<p>Tobias is majoring in molecular biology and neurobiology. He is interested in further exploring the molecular aspects of the function of the brain to help find understand the basis of neurodegenerative diseases. He hopes, in the future, to see synthetic biology play a key role in solving problems of the brain.</p>
 +
</div>
 +
<div id="Tyler" class="member">
 +
<span class="tyler photo"></span>
 +
<h2>Tyler</h2>
 +
<p>Tyler is in his third year of Advanced Science, studying Biotechnology and Genetics. Inspired by the likes of Craig Venter, he wants to create life forms and biological robots to further society and bring us into the future.</p>
 +
</div>
 +
<div id="Zeeshan" class="member">
 +
<span class="zeeshan photo"></span>
 +
<h2>Zeeshan</h2>
 +
<p>Zeeshan is a final year Molecular and Cell Biology student at UNSW. He is excited by the potential of recombinant DNA technologies as well as believing that bioinformatics is the future of medicine. In his spare time he enjoys football, playing the guitar and getting involved with the biotech society on campus.</p>
 +
</div>
 +
</div>
 +
 
 +
<div id="advisors">
 +
<div class="supervisor">
 +
<p>Chris</p>
 +
</div>
 +
<div class="supervisor">
 +
<p>Dom</p>
 +
</div>
 +
<div class="supervisor">
 +
<p>Daniel</p>
 +
</div>
 +
<div class="mentor">
 +
<p>Jess</p>
 +
</div>
 +
<div class="mentor">
 +
<p>Maddie</p>
 +
</div>
 +
<div class="mentor">
 +
<p>Shivani</p>
 +
</div>
 +
</div>
 
</div>
 
</div>
  
 +
<style>
 +
#team-content {
 +
padding-top: 60px;
 +
margin-left: 160px;
 +
margin-right: 40px;
 +
}
  
 +
#team-content button {
 +
padding: 10px;
 +
background-color: #f3f3f3;
 +
margin: 5px;
 +
width: 15%;
 +
}
  
−
<div class="column third_size" >
+
#members {
−
<div class="highlight decoration_A_full">
+
display: inline-block;
−
<h3>Inspiration</h3>
+
padding-top: 60px;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
}
−
Here are a few examples:</p>
+
 
−
<ul>
+
#team-leaders, #team-members {
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
text-align: center;
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
display: inline-flex;
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
width: 85%;
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
margin-left: auto;
−
</ul>
+
margin-right: auto;
−
</div>
+
justify-content: center;
−
</div>
+
}
 +
 
 +
#team-leaders div, #team-members div {
 +
float: left;
 +
margin: 10px;
 +
min-width: 120px;
 +
min-height: 120px;
 +
border-radius: 200px;
 +
background-color: #888;
 +
}
 +
 
 +
#member-bio {
 +
display: flex;
 +
position: absolute;
 +
left: 50%;
 +
top: 400px;
 +
clear: both;
 +
justify-content: center;
 +
}
 +
 
 +
.member {
 +
position: relative;
 +
left: -50%;
 +
height: 230px;
 +
clear: both;
 +
width: 600px;
 +
border: 1px solid #F0F0F0;
 +
margin: 50px 10px;
 +
padding: 5px 20px;
 +
box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.2);
 +
background-color: #F0F0F0;
 +
font-family: 'Lato', sans-serif;
 +
}
 +
 
 +
#member-bio h2 {
 +
margin-bottom: 3px;
 +
}
 +
 
 +
#member-bio h4 {
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
#member-bio p {
 +
margin-top: 10px;
 +
}
 +
 
 +
.member span {
 +
width: 200px;
 +
height: 200px;
 +
float: right;
 +
border-radius: 5px;
 +
margin: 15px 0 15px 20px;
 +
}
 +
 
 +
.photo {
 +
background-size: cover;
 +
background-position: center;
 +
background-color: #dbdbdb;
 +
}
 +
 
 +
.alex {
 +
background-image: url(https://static.igem.org/mediawiki/2018/4/47/T--UNSW_Australia--Alex.jpg);
 +
}
 +
 
 +
.bec {
 +
background-image: url(https://static.igem.org/mediawiki/2018/b/b7/T--UNSW_Australia--Bec.jpg);
 +
}
 +
 
 +
.brian {
 +
background-image: url(https://static.igem.org/mediawiki/2018/f/f5/T--UNSW_Australia--Brian.jpg);
 +
}
 +
 
 +
.emily {
 +
background-image: url(https://static.igem.org/mediawiki/2018/4/47/T--UNSW_Australia--Emily.jpg);
 +
}
 +
 
 +
.linda {
 +
background-image: url(https://static.igem.org/mediawiki/2018/b/b3/T--UNSW_Australia--Linda.jpg);
 +
}
 +
 
 +
.megan {
 +
background-image: url();
 +
}
 +
 
 +
.nick {
 +
background-image: url(https://static.igem.org/mediawiki/2018/c/ce/T--UNSW_Australia--Nick.jpg);
 +
}
 +
 
 +
.patricia {
 +
background-image: url();
 +
}
 +
 
 +
.toby {
 +
background-image: url();
 +
}
 +
 
 +
.tyler {
 +
background-image: url();
 +
}
 +
 
 +
.zeeshan {
 +
background-image: url(https://static.igem.org/mediawiki/2018/e/ec/T--UNSW_Australia--Zeeshan.jpg);
 +
}
 +
</style>
 +
 
 +
<script>
 +
$(document).ready(function(){
 +
$("#team-buttons").hide();
 +
$(".sub-buttons").hide();
 +
$("#advisors").hide();
 +
Brian();
 +
});
 +
 
 +
var isEven = function(number) {
 +
return (number % 2 === 0) ? true : false;
 +
};
 +
 
 +
// Initialise main menu
 +
var labClick = 0;
 +
var hpClick = 0;
 +
var wikiClick = 0;
 +
var modelClick = 0;
 +
var softClick = 0;
 +
 
 +
// Main menu controls
 +
function showAll() {
 +
deselect();
 +
$(".all").show();
 +
Brian();
 +
}
 +
 
 +
function showLab() {
 +
labClick++;
 +
if (isEven(labClick) === false) {
 +
deselect();
 +
labClick++;
 +
$("#lab-buttons").show();
 +
$(".lab").show();
 +
Brian();
 +
} else {
 +
showAll();
 +
}
 +
}
 +
 
 +
function showHP() {
 +
hpClick++;
 +
if (isEven(hpClick) === false) {
 +
deselect();
 +
hpClick++;
 +
$("#hp-buttons").show();
 +
$(".hp").show();
 +
Megan();
 +
} else {
 +
showAll();
 +
}
 +
}
 +
 
 +
function showWiki() {
 +
wikiClick++;
 +
if (isEven(wikiClick) === false) {
 +
deselect();
 +
wikiClick++;
 +
$("#wiki-buttons").show();
 +
$(".wiki").show();
 +
Patricia();
 +
} else {
 +
showAll();
 +
}
 +
}
 +
 
 +
function showModel() {
 +
modelClick++;
 +
if (isEven(modelClick) === false) {
 +
deselect();
 +
modelClick++;
 +
$(".modelling").show();
 +
Alex();
 +
} else {
 +
showAll();
 +
}
 +
}
 +
 
 +
function showSoft() {
 +
softClick++;
 +
if (isEven(softClick) === false) {
 +
deselect();
 +
softClick++;
 +
$(".software").show();
 +
Alex();
 +
} else {
 +
showAll();
 +
}
 +
}
 +
 
 +
// Lab menu controls
 +
function showLabAll() {
 +
labClick = 0;
 +
showLab();
 +
}
 +
 
 +
function showCloning() {
 +
$(".all").hide();
 +
$(".cloning").show();
 +
Brian();
 +
}
 +
 
 +
function showProtein() {
 +
$(".all").hide();
 +
$(".protein").show();
 +
Brian();
 +
}
 +
 
 +
function showAssays() {
 +
$(".all").hide();
 +
$(".assays").show();
 +
Megan();
 +
}
 +
 
 +
function showPlants() {
 +
$(".all").hide();
 +
$(".plants").show();
 +
Emily();
 +
}
 +
 
 +
function showParts() {
 +
$(".all").hide();
 +
$(".parts").show();
 +
Patricia();
 +
}
 +
 
 +
// HP Menu Controls
 +
function showHPAll() {
 +
hpClick = 0;
 +
showHP();
 +
}
 +
 
 +
function showOutreach() {
 +
$(".all").hide();
 +
$(".outreach").show();
 +
Megan();
 +
}
 +
 
 +
function showEducation() {
 +
$(".all").hide();
 +
$(".education").show();
 +
Linda();
 +
}
 +
 
 +
function showLaw() {
 +
$(".all").hide();
 +
$(".law").show();
 +
Megan();
 +
}
 +
 
 +
function showIndustry() {
 +
$(".all").hide();
 +
$(".industry").show();
 +
Patricia();
 +
}
 +
 
 +
function showDiversity() {
 +
$(".all").hide();
 +
$(".diversity").show();
 +
Nick();
 +
}
 +
 
 +
 
 +
// Wiki Menu Controls
 +
function showWikiAll() {
 +
wikiClick = 0;
 +
showWiki();
 +
}
 +
 
 +
function showCoding() {
 +
$(".all").hide();
 +
$(".coding").show();
 +
Patricia();
 +
}
 +
 
 +
function showContent() {
 +
$(".all").hide();
 +
$(".content").show();
 +
Patricia();
 +
}
 +
 
 +
function showDesign() {
 +
$(".all").hide();
 +
$(".design").show();
 +
Patricia();
 +
}
 +
 
 +
function Brian() {
 +
$(".member").hide();
 +
$("#Brian").show();
 +
}
 +
 
 +
function Megan() {
 +
$(".member").hide();
 +
$("#Megan").show();
 +
}
 +
 
 +
function Alex() {
 +
$(".member").hide();
 +
$("#Alex").show();
 +
}
 +
 
 +
function Patricia() {
 +
$(".member").hide();
 +
$("#Patricia").show();
 +
}
 +
 
 +
function Bec() {
 +
$(".member").hide();
 +
$("#Bec").show();
 +
}
 +
 
 +
function Emily() {
 +
$(".member").hide();
 +
$("#Emily").show();
 +
}
 +
 
 +
function Linda() {
 +
$(".member").hide();
 +
$("#Linda").show();
 +
}
 +
 
 +
function Nick() {
 +
$(".member").hide();
 +
$("#Nick").show();
 +
}
 +
 
 +
function Toby() {
 +
$(".member").hide();
 +
$("#Toby").show();
 +
}
 +
 
 +
function Tyler() {
 +
$(".member").hide();
 +
$("#Tyler").show();
 +
}
 +
 
 +
function Zeeshan() {
 +
$(".member").hide();
 +
$("#Zeeshan").show();
 +
}
 +
 
 +
// Reset all values
 +
function deselect() {
 +
$(".sub-buttons").hide();
 +
$(".all").hide();
 +
labClick = 0;
 +
hpClick = 0;
 +
wikiClick = 0;
 +
modelClick = 0;
 +
softClick = 0;
 +
}
 +
</script>
 
</html>
 
</html>

Revision as of 05:07, 25 August 2018

Brian

Team Leader

Brian is in his 4th year of his Advanced Science/Arts degree, studying Microbiology and Music. He hopes to help expand the synthetic biologist's toolkit and advance our understanding of the world that we live in. He is fascinated by synthetic biology as it is driven by innovation - who knows where it will take us next?

Megan

Human Practices Leader

Megan is currently three years into an Advanced Science/Law degree at the University of New South Wales, majoring in Cell and Molecular Biology. She ended up doing Science because she wants to change the way that science is regulated, and spend more time involving researchers in government policy which directly affects them.

Alex

Modelling Leader

Alex is a 3rd year advanced science student majoring in biotechnology and genetics. He is passionate about all things science, and enjoys growing mushrooms in his spare time.

Patricia

Wiki Leader

Patricia is a third year Advanced Science student, majoring in Genetics and Biotechnology. Patricia plans to combine her interests in computing and genetics, and is currently undertaking research to determine the impact of mutations on splicing in paediatric cancer. Outside of science, she is passionate about travel, dogs and entrepreneurship.

Bec

Bec is passionate about microbes, robots and wine. Although many view this as strange, some see the broad potential for innovation that comes with the intersection of these interests. From synthetic biology and biohacking to smart homes and viticulture, she looks forward to applying the skills from her Advanced Science and Engineering dual degree to develop the new technologies of tomorrow.

Emily

Emily is a third year Science/Law student majoring in Microbiology at the University of New South Wales. Growing up in a small coastal town inspired her interest in marine microbiology and the good wife. Synthetic biology's potential in harnessing complex biological mechanisms from nature to design unique systems is something she hopes to pursue further.

Linda

Lab Leader

Linda is currently in her third year of a Bachelor’s degree in Science and Education, majoring in Biotechnology. She is interested in how bacteria are able to communicate with one another through the magic of quorum sensing, an area that she is hoping to explore more of in the future. Apart from science, eating and napping, Linda also really loves cats!

Nick

Nick is currently an undergraduate at UNSW studying Science, majoring in Genetics in his final 8 months of study. He loves science fiction and the hope it brings people which meets his passion for real science believing bioinformatics and synthetic biology are the future. He aspires to help people through scientific progress and to set the wheels in motion for social change through his career.

Tobias

Tobias is majoring in molecular biology and neurobiology. He is interested in further exploring the molecular aspects of the function of the brain to help find understand the basis of neurodegenerative diseases. He hopes, in the future, to see synthetic biology play a key role in solving problems of the brain.

Tyler

Tyler is in his third year of Advanced Science, studying Biotechnology and Genetics. Inspired by the likes of Craig Venter, he wants to create life forms and biological robots to further society and bring us into the future.

Zeeshan

Zeeshan is a final year Molecular and Cell Biology student at UNSW. He is excited by the potential of recombinant DNA technologies as well as believing that bioinformatics is the future of medicine. In his spare time he enjoys football, playing the guitar and getting involved with the biotech society on campus.

Chris

Dom

Daniel

Jess

Maddie

Shivani