Team:Queens Canada/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(163 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<title>QGEM</title>
 +
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
<script type='text/javascript' src='js/jquery.js'></script>
 +
<script type='text/javascript' src='js/jquery.content-panel-switcher.js'></script> 
 +
<script type='text/javascript'>
 +
$(document).ready(function() {
 +
jcps.fader(300, '#switcher-panel');
 +
});
 +
</script> 
-
<html>
+
<style>
 +
/* ----------------Display:none---------------- */
 +
#p-logo {
 +
display: none;
 +
}
-
<!--main content -->
+
#search-controls {
-
<table width="70%" align="center">
+
display: none;
 +
}
 +
.firstHeading {
 +
display: none;
 +
}
-
<!--welcome box -->
+
#catlinks {
-
<tr>
+
display: none;
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
}
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Queens_Canada/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
#footer-box {
-
<!-- end welcome box -->
+
display: none;
-
<tr>
+
}
-
<!--navigation menu -->
+
#contentSub {
-
<td align="center" colspan="3">
+
display: none;
 +
}
-
<table  width="100%">
+
#globalWrapper{
-
<tr heigth="15px"></tr>
+
    margin:0;
-
<tr heigth="75px">
+
    padding:0;
 +
    background-color:#999999
 +
}
 +
#content{
 +
    margin:0;
 +
    padding:0;
 +
    width:100%;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#bodyContent{
-
<a href="https://2014.igem.org/Team:Queens_Canada"style="color:#000000">Home </a> </td>
+
    margin:0;
 +
    padding:0;
 +
    width:100%;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/**---------TOP-SECTION----**/
-
<a href="https://2014.igem.org/Team:Queens_Canada/Team"style="color:#000000"> Team </a> </td>
+
#top-section {
 +
height: 20px;
 +
width: 100%;
 +
background-color:#343838; /*per Page*/
 +
        margin:0;
 +
        padding:0;
 +
font-size:0.7em;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#menubar {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Queens_Canada"style="color:#000000"> Official Team Profile </a></td>
+
top: 1px;
 +
font-family: 'Droid Sans', sans-serif;
 +
}
 +
/* ----------------TopSection_left-menu---------------- */
 +
.left-menu,.left-menu a {
 +
color: white;
 +
left: 0px;
 +
text-transform: capitalize;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.left-menu:hover {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Project"style="color:#000000"> Project</a></td>
+
background-color: transparent;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu:hover a {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Parts"style="color:#000000"> Parts</a></td>
+
color: white;
 +
text-decoration: none !important;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu li a:hover {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Modeling"style="color:#000000"> Modeling</a></td>
+
color: #ff6669;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/* ----------------TopSection_right-menu---------------- */
-
<a href="https://2014.igem.org/Team:Queens_Canada/Notebook"style="color:#000000"> Notebook</a></td>
+
.right-menu li {
 +
background-color: transparent;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.right-menu,.right-menu a {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Safety"style=" color:#000000"> Safety </a></td>
+
color: white;
 +
right: 0;
 +
text-align: right;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.right-menu:hover {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Attributions"style="color:#000000"> Attributions </a></td>
+
background-color: transparent;
 +
}
 +
.right-menu:hover a {
 +
color: white;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
.right-menu li a {
-
</tr>
+
background-color: transparent;
-
</table>
+
color: white;
 +
}
-
<!--end navigation menu -->
+
.right-menu li a:hover {
-
</tr>
+
        text-decoration:none;
-
</tr>
+
color: #ff6669;
-
</td>
+
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
/**---------PAGE------------**/
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
.bodya{
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
        background-color:#d9e8f5;
 +
}
-
<tr><td > <h3> Team Information</h3></td>
+
#fullpage{
-
<td ></td >
+
margin:0;
-
<td > <h3> Upload pictures of your team!</h3></td>
+
padding:0;
-
</tr>
+
width:100%;
 +
height:100%;
 +
position:fixed;
 +
}
 +
.switch{
 +
        background-color:#333366;
 +
        height:100%;
 +
}
 +
body{
 +
background-color:#91bed4;
 +
background-size:cover;
 +
z-index:-999;
 +
}
 +
td{
 +
        text-align:center;
 +
}
 +
.team-photos{
 +
        width:90%;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
        border-radius: 20px;
 +
        background-color:#91bed4;
 +
        box-shadow:10px 10px 5px #888888;
-
<tr>
+
}
-
<td width="45%"  valign="top">
+
-
<p>
+
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
-
<p>
+
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
-
</ul>
 
 +
/**---------HEADER----------**/
 +
.header-bg{
 +
        width:100%;
 +
background-color:#333366;
 +
padding:0px;
 +
        padding-left:0px;
 +
        padding-right:0px;
 +
        width:100%
 +
        min-width:1000px;
 +
}
 +
.header-logo{
 +
        width:800px;
 +
        padding-top:10px;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
}
-
</td>
+
/**-----HEADER-ANIMATION------**/
-
<td></td>
+
-
<td width="45%"  valign="top">
+
-
<p> We provide a server where you can upload images for your wiki!</p>
+
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
<br>
+
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
-
</td>
+
-
</tr>
+
.menuc {
 +
width: 100%;
 +
margin: 0;
 +
overflow: hidden;
 +
position:relative;
 +
padding-bottom:0px;
 +
text-align:center;
 +
display:inline-block;
 +
}
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
#panel {
-
<td ></td >
+
width:100%;
-
<td > </td>
+
list-style:none;
-
</tr>
+
padding-top:0px;
 +
        padding-bottom:0px;
 +
display:inline-block;
 +
}
 +
#panel li { 
 +
margin: 0px;
 +
padding: 0px;
 +
display:inline-block;
 +
width:125px;
 +
background: #99cccc;
 +
}
-
<tr>
+
#panel li.animation {
-
<td width="45%"  valign="top">
+
-moz-transition: all 0.4s ease-in-out;
-
<p>What should this page contain?</p>
+
-moz-transform:translateY(0px);
-
<ul>
+
-o-transition: all 0.4s ease-in-out;
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
-o-transform:translateY(0px);
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
+
-webkit-transition: all 0.4s ease-in-out;
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
-webkit-transform:translateY(0px);
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
}
-
</ul>
+
-
</td>
+
#panel li.animation:hover {
 +
-moz-transform:translateY(10px);
 +
-o-transform:translateY(10px);
 +
-webkit-transform:Y(10px);
 +
}
-
<td></td>
+
#panel li a {
-
<td width="45%"  valign="top"> </td>
+
color:#304269;
 +
display:inline-block;
 +
padding:0px;
 +
}
 +
#panel li a:hover {
 +
color:#ffffff;
 +
}
 +
 +
/**---------FONT----------**/
 +
@font-face{
 +
font-family:bebasN;
 +
src:url(https://dl.dropboxusercontent.com/u/125588631/BebasNeue.otf);
 +
}
 +
/**----------SPONSORSHIP--------**/
 +
 +
 +
.menuc{
 +
background-color:#99cccc;
 +
        text-align:center;
 +
        padding-top:0px;
 +
        padding-bottom:0px;
 +
        border:10px solid #333366;
 +
        border-left:0px;
 +
        border-right:0px;
 +
        border-top:0px;
 +
}
 +
.menuc li{
 +
margin: 0px;
 +
padding: 0px;
 +
        height:30px;
 +
display:inline-block;
 +
font-size:0.9em;
 +
font-family:bebasN;
 +
}
 +
.menuc li a:link{
 +
        text-align: center;
 +
        vertical-align: middle;
 +
 +
color:#333366;
 +
text-decoration:none;
 +
}
 +
.menuc li a:hover{
 +
color:white;
 +
}
 +
.menuc li a:visited{
 +
color:#bf3f3e;
 +
text-decoration:none;
 +
}
 +
 +
 +
<!-----MEET THE TEAM------>
 +
.white{
 +
        background-color:white;
 +
}
 +
}
 +
.bio{
 +
overflow:auto;
 +
word-wrap:break-word;
 +
}
 +
.span5{
 +
overflow:hidden;
 +
        font-size:0.9em;
 +
        margin:10px 5px;
 +
}
 +
.right{
 +
float:right;
 +
padding:5px;
 +
}
 +
.left{
 +
float:left;
 +
padding:5px;
 +
}
 +
.photo-right{
 +
float:left;
 +
margin:5px;
 +
width:200px;
 +
        border-radius:10px;
 +
}
 +
.photo-left{
 +
float:right;
 +
width:200px;
 +
margin:5px;
 +
        border-radius:10px;
 +
 +
}
 +
.photo-resize{
 +
margin:5px;
 +
width:200px;
 +
        border-radius:10px;
 +
}
 +
.img-rounded{
 +
        width:150px;
 +
        height:150px;
 +
        border-radius:10px;
 +
margin:5px;
 +
        box-shadow: 5px 5px 7px #888888;
 +
        position:relative;
 +
        top:5px;
 +
        -moz-transition:-moz-transform .15s linear;
 +
        -o-transition:-o-transform .15s linear;
 +
        -webkit-transition:-webkit-transform .15s linear;
 +
}
 +
.img-rounded:hover,img-rounded:focus{
 +
        -moz-box-shadow:10px 10px 7px #888888);
 +
        -webkit-box-shadow: 10px 10px 7px #888888;
 +
        box-shadow:10px 10px 7px #888888;
 +
        -webkit-transform: scale(1.25);
 +
        -moz-transform: scale(1.25);
 +
        -o-transform: scale(1.25);
 +
        position:relative;
 +
        z-index:5;
 +
 +
}
 +
switcher,switcher:visited,switcher:hover{
 +
cursor:pointer;
 +
}
 +
.switcher-content{
 +
display:none;
 +
}
 +
 +
.img-large{
 +
        width:400px;
 +
        height:80%px;
 +
}
 +
</style>
 +
</head>
 +
 +
<body>
 +
<div class="menuc" style="font-size:1.3em;">
 +
<ul id="panel" class="animation">
 +
    <li id="home" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada">HOME</a></li>
 +
        <li id="team" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Team">TEAM</a></li>
 +
        <li id="project" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Project">PROJECT</a></li>
 +
        <li id="outreach" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Outreach">OUTREACH</a></li>
 +
<li id="notebook" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
 +
        <li id="safety" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Safety">SAFETY</a></li>
 +
        <li id="attributions" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Attributions">ATTRIBUTIONS</a></li>
 +
       
 +
    </ul>
 +
</div>
 +
<div class="bodya">
 +
 +
<div class="header-logo">
 +
              <a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" class="img-circle" style="height:60px;min-width:60px;float:right;"></a>
 +
<img src="https://static.igem.org/mediawiki/2014/8/85/Team_Head.jpg" class="img-head"></a>
 +
    </div>
 +
<div class="team-photos">
 +
<table>
 +
<tr>
 +
                <td>
 +
                <img src="https://static.igem.org/mediawiki/2014/e/e5/Matt-Chan-1280x1280.jpg" class="photo-left"></a></td>
 +
                <td>
 +
Matthew is going into his 4th year of Life Sciences at Queen’s University. In his natural habitat, Matthew can often be found hunkered in the lab running gels between the hours of 12am-5am, the most productive time of the the day for him. Matt has often been mistaken for a K-pop star thanks to his oh-so-flippable bangs and his slim-fit denim.</td></tr>
 +
<tr>
 +
                <td>Emily is going into her 3rd year of Chemical Engineering this fall. She is a very cheery individual with a love affair with culinary experiments. She dreams of riding a giant turtle across the seven seas in order to become one with the natural world.</td>
 +
                <td>
 +
                <img src="https://static.igem.org/mediawiki/2014/2/2d/Emily-1280x1280.jpg" class="photo-right"></a></td>
 +
                </tr>
 +
<tr>
 +
                <td>
 +
                <img src="https://static.igem.org/mediawiki/2014/9/96/Denisha-1280x1280.jpg" class="photo-left"></a></td>
 +
                <td>
 +
Denisha is going into her 3rd year of Life Sciences this fall at Queen’s. Her strength is equivalent to 2 small possums, and she has sass that goes for miles. Although she is constantly frigid to the touch she has no cold tolerance whatsoever. Due to this, and her love of basking in the sun, we are confident in the fact that she is most likely cold blooded.</td></tr>
 +
<tr>
 +
                <td>Rishad is going into his 4th year of Life Sciences. Aside from harassing Yuming, his other hobbies include eating a plethora of root vegetables and dazzling the team with his sleek oxfords and nautical-themed shorts. He also enjoys listening to the Pussycat dolls and pursuing fabulous hair, even though this is simply a pipe dream.</td>
 +
                <td>
 +
                <img src="https://static.igem.org/mediawiki/2014/d/de/Rishad-1280x1280.jpg"class="photo-right"></a></td>
 +
</tr>
 +
<tr>
 +
                <td>
 +
                <img src="https://static.igem.org/mediawiki/2014/d/d0/Annie-1280x1280.jpg" class="photo-left"></a></td>
 +
                <td>Annie recently graduated from undergraduate studies in Life Sciences and is the coolest advisor in town. Being with QGEM for the last 4 years, she is widely known for being the oldest, wisest and prettiest of the team with a dash of sass. She is an avid foodie and chronicles her foodventures in her urbanspoon-recognized blog. She owns a unicorn farm and will be studying the pharmacological properties of unicorn blood next year for her graduate degree.</td></tr>
 +
<tr>
 +
                <td>Adrina is going into her 4th year of Life Sciences in the fall. She is a big fan of drinking copious amounts of tea and an aspiring poet/artist. This is her first time working with QGEM, and she’s finding it rewarding in so many ways and excited to see where the project takes her!</td>
 +
                <td>
 +
                <img src="https://static.igem.org/mediawiki/2014/c/c2/Adrina-1280x1280.jpg"class="photo-right"></a></td>
</tr>
</tr>
 +
<tr>
 +
                <td>
 +
                <img src="https://static.igem.org/mediawiki/2014/c/c0/Yuming-1279x1280.jpg" class="photo-left"></a></td>
 +
                <td>Yuming is going into his 3rd year of Life Sciences at Queen’s University. He has a great sense of humor and is known very fondly as “Mingerrrr” by his team members. He enjoys basking in his own masculinity and is tall, dark and handsome.</td>
 +
</tr>
 +
<tr>
 +
                <td>Jon is going into his 4th year of LIfe Sciences this fall. Widely known as a gentle giant, Jon spends most of his time wondering if the other team members (Denisha) will survive the night. He also finds great joy in watching sunsets and contemplating the greater meaning in life.</td>
 +
                <td>
 +
                <img src="https://static.igem.org/mediawiki/2014/2/23/Jon-1280x1280.jpg"class="photo-right"></a></td>
 +
                </tr>
 +
<tr>
 +
                <td>
 +
                <img src="https://static.igem.org/mediawiki/2014/8/8a/Bastin-1280x1280.jpg" class="photo-left"></a></td>
 +
                <td>Matthew is going into his 3rd year of Engineering Chemistry this fall. He is renowned for his sharp jaw bone structure, which is known to cause daily traffic accidents due to astounded drivers staring at him in awe.</td>
 +
</tr>
 +
<tr>
 +
                <td>
 +
<img src="https://static.igem.org/mediawiki/2014/5/5e/Kersh_%281280x1280%29.jpg"class="photo-resize"></a>
 +
                <img src="https://static.igem.org/mediawiki/2014/archive/0/07/20141017051032!Joanna_%281280x1280%29.jpg"class="photo-resize"></a></td>
 +
                <td>
 +
<img src="https://static.igem.org/mediawiki/2014/8/81/Henry_%281280x1280%29.jpg"class="photo-resize"></a>
 +
 +
<img src="https://static.igem.org/mediawiki/2014/d/d2/Justine_%281280x1280%29.jpg"class="photo-resize"></a>
 +
                </td>
 +
         
 +
</tr>
</table>
</table>
 +
</div>
 +
</br>
 +
<li id="Official Team Profile" class="animation"><a href="https://igem.org/Team.cgi?year=2014">OFFICIAL TEAM PROFILE</a></li>
 +
</body>
</html>
</html>

Latest revision as of 05:23, 17 October 2014

QGEM

Matthew is going into his 4th year of Life Sciences at Queen’s University. In his natural habitat, Matthew can often be found hunkered in the lab running gels between the hours of 12am-5am, the most productive time of the the day for him. Matt has often been mistaken for a K-pop star thanks to his oh-so-flippable bangs and his slim-fit denim.
Emily is going into her 3rd year of Chemical Engineering this fall. She is a very cheery individual with a love affair with culinary experiments. She dreams of riding a giant turtle across the seven seas in order to become one with the natural world.
Denisha is going into her 3rd year of Life Sciences this fall at Queen’s. Her strength is equivalent to 2 small possums, and she has sass that goes for miles. Although she is constantly frigid to the touch she has no cold tolerance whatsoever. Due to this, and her love of basking in the sun, we are confident in the fact that she is most likely cold blooded.
Rishad is going into his 4th year of Life Sciences. Aside from harassing Yuming, his other hobbies include eating a plethora of root vegetables and dazzling the team with his sleek oxfords and nautical-themed shorts. He also enjoys listening to the Pussycat dolls and pursuing fabulous hair, even though this is simply a pipe dream.
Annie recently graduated from undergraduate studies in Life Sciences and is the coolest advisor in town. Being with QGEM for the last 4 years, she is widely known for being the oldest, wisest and prettiest of the team with a dash of sass. She is an avid foodie and chronicles her foodventures in her urbanspoon-recognized blog. She owns a unicorn farm and will be studying the pharmacological properties of unicorn blood next year for her graduate degree.
Adrina is going into her 4th year of Life Sciences in the fall. She is a big fan of drinking copious amounts of tea and an aspiring poet/artist. This is her first time working with QGEM, and she’s finding it rewarding in so many ways and excited to see where the project takes her!
Yuming is going into his 3rd year of Life Sciences at Queen’s University. He has a great sense of humor and is known very fondly as “Mingerrrr” by his team members. He enjoys basking in his own masculinity and is tall, dark and handsome.
Jon is going into his 4th year of LIfe Sciences this fall. Widely known as a gentle giant, Jon spends most of his time wondering if the other team members (Denisha) will survive the night. He also finds great joy in watching sunsets and contemplating the greater meaning in life.
Matthew is going into his 3rd year of Engineering Chemistry this fall. He is renowned for his sharp jaw bone structure, which is known to cause daily traffic accidents due to astounded drivers staring at him in awe.

  • OFFICIAL TEAM PROFILE

    • Retrieved from "http://2014.igem.org/Team:Queens_Canada/Team"