Team:Queens Canada/Team
From 2014.igem.org
(Difference between revisions)
(129 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<head> | <head> | ||
<title>QGEM</title> | <title>QGEM</title> | ||
- | <link rel="stylesheet" href=" | + | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> |
- | <script | + | <script type='text/javascript' src='js/jquery.js'></script> |
- | <script src= | + | <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> | ||
<style> | <style> | ||
Line 53: | Line 58: | ||
/**---------TOP-SECTION----**/ | /**---------TOP-SECTION----**/ | ||
#top-section { | #top-section { | ||
- | height: | + | height: 20px; |
width: 100%; | width: 100%; | ||
background-color:#343838; /*per Page*/ | background-color:#343838; /*per Page*/ | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
+ | font-size:0.7em; | ||
} | } | ||
#menubar { | #menubar { | ||
- | top: | + | top: 1px; |
font-family: 'Droid Sans', sans-serif; | font-family: 'Droid Sans', sans-serif; | ||
} | } | ||
Line 114: | Line 120: | ||
/**---------PAGE------------**/ | /**---------PAGE------------**/ | ||
+ | .bodya{ | ||
+ | background-color:#d9e8f5; | ||
+ | } | ||
+ | |||
#fullpage{ | #fullpage{ | ||
- | |||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
Line 121: | Line 130: | ||
height:100%; | height:100%; | ||
position:fixed; | position:fixed; | ||
+ | } | ||
+ | .switch{ | ||
+ | background-color:#333366; | ||
+ | height:100%; | ||
} | } | ||
body{ | body{ | ||
- | background: | + | background-color:#91bed4; |
background-size:cover; | background-size:cover; | ||
z-index:-999; | 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; | ||
+ | |||
+ | } | ||
+ | |||
/**---------HEADER----------**/ | /**---------HEADER----------**/ | ||
.header-bg{ | .header-bg{ | ||
+ | width:100%; | ||
background-color:#333366; | background-color:#333366; | ||
- | padding: | + | padding:0px; |
- | padding-left:0px; | + | padding-left:0px; |
- | padding-right:0px; | + | padding-right:0px; |
width:100% | width:100% | ||
min-width:1000px; | min-width:1000px; | ||
- | + | } | |
+ | .header-logo{ | ||
+ | width:800px; | ||
+ | padding-top:10px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
} | } | ||
+ | /**-----HEADER-ANIMATION------**/ | ||
+ | |||
+ | |||
+ | .menuc { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | position:relative; | ||
+ | padding-bottom:0px; | ||
+ | text-align:center; | ||
+ | display:inline-block; | ||
+ | } | ||
+ | |||
+ | #panel { | ||
+ | width:100%; | ||
+ | list-style:none; | ||
+ | padding-top:0px; | ||
+ | padding-bottom:0px; | ||
+ | display:inline-block; | ||
+ | } | ||
+ | |||
+ | #panel li { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | display:inline-block; | ||
+ | width:125px; | ||
+ | background: #99cccc; | ||
+ | } | ||
+ | |||
+ | #panel li.animation { | ||
+ | -moz-transition: all 0.4s ease-in-out; | ||
+ | -moz-transform:translateY(0px); | ||
+ | -o-transition: all 0.4s ease-in-out; | ||
+ | -o-transform:translateY(0px); | ||
+ | -webkit-transition: all 0.4s ease-in-out; | ||
+ | -webkit-transform:translateY(0px); | ||
+ | } | ||
+ | |||
+ | #panel li.animation:hover { | ||
+ | -moz-transform:translateY(10px); | ||
+ | -o-transform:translateY(10px); | ||
+ | -webkit-transform:Y(10px); | ||
+ | } | ||
+ | |||
+ | #panel li a { | ||
+ | color:#304269; | ||
+ | display:inline-block; | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | #panel li a:hover { | ||
+ | color:#ffffff; | ||
+ | } | ||
/**---------FONT----------**/ | /**---------FONT----------**/ | ||
Line 151: | Line 236: | ||
.menuc{ | .menuc{ | ||
background-color:#99cccc; | background-color:#99cccc; | ||
- | |||
- | |||
text-align:center; | text-align:center; | ||
+ | padding-top:0px; | ||
+ | padding-bottom:0px; | ||
+ | border:10px solid #333366; | ||
+ | border-left:0px; | ||
+ | border-right:0px; | ||
+ | border-top:0px; | ||
} | } | ||
.menuc li{ | .menuc li{ | ||
- | margin: | + | margin: 0px; |
- | padding: | + | padding: 0px; |
+ | height:30px; | ||
display:inline-block; | display:inline-block; | ||
- | + | font-size:0.9em; | |
- | font-size: | + | |
font-family:bebasN; | font-family:bebasN; | ||
} | } | ||
.menuc li a:link{ | .menuc li a:link{ | ||
- | color:# | + | text-align: center; |
+ | vertical-align: middle; | ||
+ | |||
+ | color:#333366; | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Line 175: | Line 267: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<!-----MEET THE TEAM------> | <!-----MEET THE TEAM------> | ||
Line 220: | Line 290: | ||
padding:5px; | padding:5px; | ||
} | } | ||
- | .photo- | + | .photo-right{ |
float:left; | float:left; | ||
margin:5px; | margin:5px; | ||
width:200px; | width:200px; | ||
+ | border-radius:10px; | ||
} | } | ||
- | .photo- | + | .photo-left{ |
float:right; | float:right; | ||
width:200px; | width:200px; | ||
margin:5px; | 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> | </style> | ||
Line 236: | Line 347: | ||
<body> | <body> | ||
<div class="menuc" style="font-size:1.3em;"> | <div class="menuc" style="font-size:1.3em;"> | ||
- | <ul> | + | <ul id="panel" class="animation"> |
- | <li id="home"><a href="https://2014.igem.org/Team:Queens_Canada">HOME</a></li> | + | <li id="home" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada">HOME</a></li> |
- | <li id="team"><a href="https://2014.igem.org/Team:Queens_Canada/Team">TEAM</a></li> | + | <li id="team" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Team">TEAM</a></li> |
- | <li id=" | + | <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="outreach"><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> | |
- | <li id="safety"><a href="https://2014.igem.org/Team:Queens_Canada/Safety">SAFETY</a></li> | + | |
- | <li id="attributions"><a href="https://2014.igem.org/Team:Queens_Canada/Attributions">ATTRIBUTIONS</a></li> | + | |
</ul> | </ul> | ||
</div> | </div> | ||
- | <div class=" | + | <div class="bodya"> |
- | + | ||
- | + | ||
<div class="header-logo"> | <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> | ||
+ | <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> | ||
+ | <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> | ||
+ | </div> | ||
+ | </br> | ||
+ | <li id="Official Team Profile" class="animation"><a href="https://igem.org/Team.cgi?year=2014">OFFICIAL TEAM PROFILE</a></li> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 05:23, 17 October 2014
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. | |