Team:RAMNOTIREN CALGARY/Members

From 2014hs.igem.org

(Difference between revisions)
 
(52 intermediate revisions not shown)
Line 93: Line 93:
     .visualClear {  
     .visualClear {  
       display: none;  
       display: none;  
-
    }
 
-
 
-
    #footer {
 
-
      border: none;
 
-
      width: 850px;
 
-
      margin: 0 auto;
 
-
      padding: 0;
 
     }
     }
Line 157: Line 150:
       display: none;
       display: none;
     }
     }
-
 
-
    .plus { 
 
-
        display: inline-block; 
 
-
        -webkit-transition: 1s ease-in-out; 
 
-
        -moz-transition: 1s ease-in-out; 
 
-
        -o-transition: 1s ease-in-out; 
 
-
      } 
 
-
     
 
-
      .menu:hover .plus { 
 
-
        -webkit-transform: rotate(1000deg); 
 
-
        -moz-transform: rotate(1000deg); 
 
-
        -o-transform: rotate(1000deg); 
 
-
      } 
 
         #sidebar{  
         #sidebar{  
Line 181: Line 161:
       /*width:860px;*/
       /*width:860px;*/
       position:relative;
       position:relative;
-
       left: -78px;
+
       left: 164px;
-
       top: -10px;  /*119 is the ideal top value for teamcon and teambox*/
+
       top: -394px;  /*119 is the ideal top value for teamcon and teambox*/
       z-index:0;}
       z-index:0;}
     #teambox {
     #teambox {
-
       width:260px;
+
       width:620px;
-
       height:440px;
+
       height:250px;
-
       position:absolute;
+
       position:absolute;/*absolute*/
-
       left: 677px;
+
       left: 169px; /*676*/
-
       top:357px;
+
       top:795px;/*357*/
       background-color:#555555;
       background-color:#555555;
       color:#ffffff;
       color:#ffffff;
Line 205: Line 185:
       left:20px;
       left:20px;
       top:60px;
       top:60px;
-
       z-index:0;}
+
       z-index:0;
 +
      padding: 10px 50px 0px 0px;
 +
      display: inline;}
     #teamdes {
     #teamdes {
       width:220px;
       width:220px;
Line 214: Line 196:
       z-index:0;}
       z-index:0;}
-
    #face1 {
+
#face1 { /*Jamie*/
-
      width:44px;
+
  width:61px;
-
      height:59px;
+
  height:72px;
-
      position:absolute;
+
  position:absolute;
-
      left:177px;
+
  left:260px;
-
      top:106px;
+
  top:200px;
-
      z-index:2;
+
  z-index:2;
-
      background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
  background-image:url('https://static.igem.org/mediawiki/2014hs/b/b5/IBblank.png');}
-
    #face2 {
+
#face2 { /*Alex*/
-
      width:34px;
+
  width:93px;
-
      height:57px;
+
  height:119px;
-
      position:absolute;
+
  position:absolute;
-
      left:121px;
+
  left:0px;
-
      top:97px;
+
  top:0px;
-
      z-index:2;
+
  z-index:2;
-
      background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
  background-image:url('https://static.igem.org/mediawiki/2014hs/b/b5/IBblank.png');}
-
    #face3 {
+
#face3 { /*Eire*/
-
      width:38px;
+
  width:85px;
-
      height:53px;
+
  height:106px;
-
      position:absolute;
+
  position:absolute;
-
      left:254px;
+
  left:66px;
-
      top:78px;
+
  top:160px;
-
      z-index:2;
+
  z-index:2;
-
      background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
  background-image:url('https://static.igem.org/mediawiki/2014hs/b/b5/IBblank.png');}
-
    #face4 {
+
#face4 {/*Maggie*/
-
      width:42px;
+
  width:63px;
-
      height:53px;
+
  height:63px;
-
      position:absolute;
+
  position:absolute;
-
      left:331px;
+
  left:376px;
-
      top:111px;
+
  top:152px;
-
      z-index:2;
+
  z-index:2;
-
      background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
  background-image:url('https://static.igem.org/mediawiki/2014hs/b/b5/IBblank.png');}
-
    #face5 {
+
#face5 {/*Crystal*/
-
      width:37px;
+
  width:102px;
-
      height:52px;
+
  height:135px;
-
      position:absolute;
+
  position:absolute;
-
      left:415px;
+
  left:233px;
-
      top:109px;
+
  top:0px;
-
      z-index:2;
+
  z-index:2;
-
      background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
  background-image:url('https://static.igem.org/mediawiki/2014hs/b/b5/IBblank.png');}
-
    #face6 {
+
#face6 { /*Traelyn*/
-
      width:40px;
+
  width:63px;
-
      height:48px;
+
  height:89px;
-
      position:absolute;
+
  position:absolute;
-
      left:489px;
+
  left:168px;
-
      top:101px;
+
  top:128px;
-
      z-index:2;
+
  z-index:2;
-
      background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
  background-image:url('https://static.igem.org/mediawiki/2014hs/b/b5/IBblank.png');}
-
    #face7 {
+
#face7 { /*Connor*/
-
      width:46px;
+
  width:109px;
-
      height:56px;
+
  height:119px;
-
      position:absolute;
+
  position:absolute;
-
      left:59px;
+
  left:110px;
-
      top:153px;
+
  top:0px;
-
      z-index:2;
+
  z-index:2;
-
      background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
  background-image:url('https://static.igem.org/mediawiki/2014hs/b/b5/IBblank.png');}
-
    #face8 {
+
#face8 { /*Nikita*/
-
      width:50px;
+
  width:47px;
-
      height:57px;
+
  height:40px;
-
      position:absolute;
+
  position:absolute;
-
      left:160px;
+
  left:415px;
-
      top:217px;
+
  top:102px;
-
      z-index:2;
+
  z-index:2;
-
      background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
  background-image:url('https://static.igem.org/mediawiki/2014hs/b/b5/IBblank.png');}
-
    #face9 {
+
#face9 { /*Garg Daddy*/
-
      width:32px;
+
  width:82px;
-
      height:43px;
+
  height:104px;
-
      position:absolute;
+
  position:absolute;
-
      left:267px;
+
  left:341px;
-
      top:226px;
+
  top:0px;
-
      z-index:2;
+
  z-index:2;
-
      background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
  background-image:url('https://static.igem.org/mediawiki/2014hs/b/b5/IBblank.png');}
-
    #face10 {
+
#face10 {/*Klem DAWG*/
-
      width:31px;
+
  width:119px;
-
      height:47px;
+
  height:123px;
-
      position:absolute;
+
  position:absolute;
-
      left:347px;
+
  left:482px;
-
      top:220px;
+
  top:0px;
-
      z-index:2;
+
  z-index:2;
-
      background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
  background-image:url('https://static.igem.org/mediawiki/2014hs/b/b5/IBblank.png');}
-
    #face11 {
+
 
-
      width:47px;
+
-
      height:51px;
+
-
      position:absolute;
+
-
      left:421px;
+
-
      top:226px;
+
-
      z-index:2;
+
-
      background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}  
+
     #description1{
     #description1{
       position: relative;
       position: relative;
Line 314: Line 289:
       padding-right: 20px;
       padding-right: 20px;
     }
     }
 +
*/
 +
#image{
 +
position: relative;
 +
top: 8px;
 +
left: -60px;
 +
}
 +
h7{
 +
font-size: 30px;
 +
font-family: arial, verdana;
 +
color: #FFF;
 +
}
 +
 +
#list{
 +
position: relative;
 +
top: -185px;
 +
left: 15px;
 +
}
 +
 +
#sidebar ul li{
 +
list-style-type: none;
 +
padding: 2px 0px 2px 0px;
 +
text-decoration:none;
 +
}
 +
 +
#sidebar ul li a{
 +
color: #FFF;
 +
font-family: arial, verdana, cambria;
 +
font-size: 20px;
 +
/*ffc750 yellow for hover color*/
 +
 +
}
 +
 +
#sidebar a{
 +
list-style-type: none;
 +
text-decoration: none;
 +
}
 +
 +
#sidebar a:hover{
 +
color: #ffc750;
 +
}
 +
 +
#listt{
 +
padding-bottom: 40px;
 +
}
 +
   </style>
   </style>
Line 370: Line 390:
  $(document).ready(function(){
  $(document).ready(function(){
   var nam = new Array();
   var nam = new Array();
-
   nam[1] = "Ankush Garg";
+
   nam[1] = "Jamie";
-
   nam[2] = "Kevin Klemmer";
+
   nam[2] = "Alex";
-
   nam[3] = "Jamie Harris";
+
   nam[3] = "Eire";
-
   nam[4] = "Alex Harrison";
+
   nam[4] = "Maggie";
-
   nam[5] = "Connor Macleod";
+
   nam[5] = "Crystal";
-
   nam[6] = "Maggie Dingwell";
+
   nam[6] = "Traelyn";
-
   nam[7] = "Nikita George";
+
   nam[7] = "Connor";
-
   nam[8] = "Eire Murphy";
+
   nam[8] = "Nikita";
-
   nam[9] = "Traelyn Rachar";
+
   nam[9] = "Dr. Ankush Garg";
-
   nam[10] = "Ella Brennan";
+
   nam[10] = "Mr. Kevin Klemmer";
-
  nam[11] = "Crystal Vos";
+
   var des = new Array();
   var des = new Array();
-
   des[1] = "Ankush is a third year biochemist who wants to do a PhD in synthetic biology. He is master of pipetting and is king of XylE assays and data analysis.";
+
   des[1] = "Jamie joined iGEM because of her love for biology and the experience that iGEM offered. She has interests in drama where she participates in the PVA program at Central Memorial as well as skiing and biology. Jamie plans to participate and in an Igem group next year and hopes to attend a university outside of Calgary upon finishing her 12th grade year.";
-
   des[2] = "Kevin is just about to start a Master’s in Systems Biology and is our Bioinformatics guru! As a member of the vectors team, he spent hours cloning things that didn’t want to clone... He's had the most life experience of all of us and consequently knows everything...";
+
   des[2] = "Alex joined iGEM because he knew it would be a great opportunity to gain experience in the field he plans to go into. He's gifted in coding and loves movies, food, art, and sports. Next year he will be attending the University of Calgary majoring in Chemistry. He hopes to join the collegiate team there and further his knowledge and research.";
-
   des[3] = "As a third year biologist, Jamie's lab skills were put to good use assembling and testing the surface protein. His knowledge of parasitic diseases is second to none and he has become a schistosoma expert in the last few months!";
+
   des[3] = "Eire is a twelfth grade student currently finishing up her last year at Central Memorial High School. She joined Central's iGEM team because she is passionate about biology and thought that it would be an interesting and fun way to further explore the subject. In her free time, she enjoys reading, drawing, music, and acting. Next year, She is  attending the university of Calgary as a part of the community rehabilitation and disability studies program, and then  plans to get her master's degree in occupational therapy.";
-
   des[4] = "Alex is an absolute legend when it comes to modelling biological systems. He’s a third year bioengineer who likes to cycle the length of the Thames before coming into uni. He is a sweet talking and smooth moving on the dance floor devil - you have to check out this guy's moves!";
+
   des[4] = "Maggie joined iGEM because biology is a field she has a lot of interest in and she wanted to gain some real life experience in the field. Along with biology she loves theatre and everything that has to do with the acting world. After high school she plans on going to university to get a major in marine biology with a minor in acting.";
-
   des[5] = "Connor is a third year bioengineer and the wiki god of the team. His artistic talents usually leave us lost for words, usually for the right reasons… He also has a taste for buzzwords and can speak fluently in all forms of computer code...";
+
   des[5] = "Crystal's purpose in iGEM is to explore synthetic biology and be a representative of Central Memorial in Boston Her interest include sciences, skiing, ad playing the violin. Crystal plans to continue on with this research post secondary and continue working with this project to hopefully find a cure for cancer.";
-
   des[6] = "Our Sri Lankan lab goddess, Maggie, is just about to start an MRes in Cardriovascular Science at the NHLI, having studied bioengineering at IC. She can usually be found late at night in the lab, running gels and making overnight cultures.";
+
   des[6] = "Traelyn joined iGEM because of her passion for science and to enjoy the experience of exploring Boston and visiting MIT. Her has interests in biology, reading, dance, guitar and cooking. In the fall of 2014Traelyn will attend Mount Royal University for a Bachelor of Science, hoping to specialize in pathology.";
-
   des[7] = "Nikita is a third year biochemist with a passion for NTDs and public health. She was on the surface protein lab team, wrote the Human Practices Report and organised the school workshops. She has talked to many experts and provided valuable resources and info for the team, what a star.";
+
   des[7] = "Connor joined iGEM because she was interested in the biological technologies that are used today. She spearheaded our attempts at attaining sponsorship for our proejct. She's a natural born dancer and spends most of her free time at the studio. She hopes to take business or accounting in university after her grade 12 year.";
-
   des[8] = "A third year biologist, Eire would like to work on bridging the gap between science and clinical medicine. Next to working as our lab-coordinator, he throws amazing parties (which isn't surprising, as he hails from Berlin) and has an amazing singing voice. Karaoke anyone?";
+
   des[8] = "Nikita is an outgoing student and is a creative thinker. She joined iGEM to explore Synthetic Biology and competing. Instrumental practice, singing, and drawing are some of her main interests along with biological researcg. In the future she plans to audition for the music program at the University of Calgary and study music education.";
-
   des[9] = "Having done 3 years of biochemistry, Traelyn has just started a course in Business Management. As one of the more creative members of the team, she designed our logo and edited videos. She also put in a billion lab hours to ensure all XylE constructs were built - they were.";
+
   des[9] = "XXXXX";
-
   des[10] = "Ella is a third year bioengineer. She has formed half of the modelling team and mixes up her time with wiki editing. She is most excited to shop for clothes and Ugg boots in Boston!";
+
   des[10] = "Mr. Klemmer is a high school science teacher at Central Memorial High teaching Chemistry, AP chemistry, Biology, and general Science. He has a BSc in zoology, and a B.A. honors in classics as well as a BEd Degree. He decided to host us in his classroom and spend his time supervising us because he enjoys the sciences and is a lifelong learner.";
-
  des[11] = "A distinguished enginer who gets a kick out of modelling and differential equations. Crystals is always pushing the engineering side of synthetic biology and knows exactly what experiments and models we need to get done."
+
   $("#face1").mouseenter(function() {
   $("#face1").mouseenter(function() {
   $("#teamnam").empty();
   $("#teamnam").empty();
Line 500: Line 518:
         <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY‎" id="homelink">Home</a></li>
         <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY‎" id="homelink">Home</a></li>
-
        <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Team">Team</a>
+
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Members" id="teamlink">Team</a>
-
          <ul>
+
<ul>
-
            <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY‎/Members">Members</a></li>
+
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Members">Members</a></li>
-
            <li><a href="https://igem.org/Team.cgi" target="_blank">Official Profile</a></li>
+
<li><a href="https://igem.org/Team.cgi?id=1295" target="_blank">Official Profile</a></li>
-
            <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/AboutCMHS">About CMHS</a></li>
+
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/AboutCMHS">About CMHS</a></li>
-
          </ul>
+
</ul>
-
        </li>
+
</li>
                                   <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project/Content" id="projectlink">Project </a>
                                   <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project/Content" id="projectlink">Project </a>
<ul>
<ul>
-
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project/Content">Content</a></li>
+
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project/Content">Overview</a></li>
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/HumanPractices">Human Practices</a></li>
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/HumanPractices">Human Practices</a></li>
                                                 <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project/Safety">Safety</a></li>
                                                 <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project/Safety">Safety</a></li>
Line 529: Line 547:
   </header>
   </header>
-
  <div id="sidebar">
+
<div id="sidebar">
-
      <div style="margin-left: 2em">
+
    <img id="image" src="https://static.igem.org/mediawiki/2014hs/6/68/Sidebarimgft.jpg"/>
-
          <div id="list">
+
        <ul id="list">
-
              <ul>
+
                <div id="listt">
-
                  <li> <a href="#top">Top</a></li>
+
                        <h7>TEAM</h7>
-
                     <li> <a href="#JE1">jQuery (animated)</a></li>                    
+
                </div>
-
                  <li> <a href="#JE2">CSS (fixed)</a></li>                     
+
                     <li> <a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Members">Members</a></li>
-
                  <li> <a href="#JE3">CSS (reveal)</a></li>                    
+
                    <li> <a href="https://igem.org/Team.cgi?id=1295" target="_blank">Official Page</a></li>  
-
                  <li> <a href="#JE4">TEST</a></li>                   
+
                    <li> <a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/AboutCMHS">About US</a></li>              
-
                  <li> <a href="#JE5">TEXT</a></li>                    
+
        </ul>
-
              </ul>
+
</div>
-
          </div>
+
 
-
      </div>
+
-
  </div>
+
-
<!--
+
   <div id="teamcon">
   <div id="teamcon">
-
     <img id="teampic" src="https://static.igem.org/mediawiki/2014hs/d/d9/Group2.JPG" width="600" height="440 alt="
+
     <img id="teampic" src="https://static.igem.org/mediawiki/2014hs/d/d1/Groupphoto%28res%29.JPG" width="600" height="440 alt="
     group="" />
     group="" />
       <div id="face1"></div>
       <div id="face1"></div>
Line 557: Line 572:
       <div id="face9"></div>
       <div id="face9"></div>
       <div id="face10"></div>
       <div id="face10"></div>
-
      <div id="face11"></div>
 
   </div>
   </div>
-
-->
+
 
   <div id="teambox">
   <div id="teambox">
     <div id="teamdes">
     <div id="teamdes">
Line 565: Line 579:
     </div>
     </div>
     <div id="teamnam">
     <div id="teamnam">
-
       Mouse over our faces to find out more...
+
       Mouse over or touch our faces to find out more...
     </div>
     </div>
     <div id="teamful"></div>
     <div id="teamful"></div>
   </div>
   </div>
-
 
-
 
-
  <div id="description1">
 
-
    <h2>
 
-
      Choking Cancer
 
-
    </h2>
 
-
    <p>Pellentesque habitant morbi tristique senectus et netus et
 
-
    malesuada fames ac turpis egestas. Vestibulum tortor quam,
 
-
    feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu
 
-
    libero sit amet quam egestas semper. Aenean ultricies mi vitae
 
-
    est. Mauris placerat eleifend leo. Quisque sit amet est et sapien
 
-
    ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
 
-
    commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget
 
-
    tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus
 
-
    lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
 
-
    Ut felis. Praesent dapibus, neque id cursus faucibus, tortor
 
-
    neque egestas augue, eu vulputate magna eros eu erat. Aliquam
 
-
    erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor,
 
-
    facilisis luctus, metus.</p>
 
-
        </div>
 
</body>
</body>
</html>
</html>

Latest revision as of 22:19, 20 June 2014