Difference between revisions of "Team:MIT/Team"

 
(11 intermediate revisions by 2 users not shown)
Line 7: Line 7:
  
 
/*GOOGLE FONTS*/
 
/*GOOGLE FONTS*/
/* latin-ext */
+
 
@font-face {
+
  font-family: 'Dosis';
+
  font-style: normal;
+
  font-weight: 400;
+
  src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v7/HhyaU5sn9vOmLzlmC_WoEoZKdbA.woff2) format('woff2');
+
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+
}
+
 
/* latin */
 
/* latin */
 
@font-face {
 
@font-face {
Line 20: Line 13:
 
   font-style: normal;
 
   font-style: normal;
 
   font-weight: 400;
 
   font-weight: 400;
   src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v7/HhyaU5sn9vOmLzloC_WoEoZK.woff2) format('woff2');
+
   src: local('Dosis Regular'), local('Dosis-Regular'), url(https://static.igem.org/mediawiki/2018/4/4d/T--MIT--dosis2.woff) format('woff');
 
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 
}
 
}
/* latin-ext */
+
 
@font-face {
+
  font-family: 'Raleway';
+
  font-style: normal;
+
  font-weight: 400;
+
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
+
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+
}
+
 
/* latin */
 
/* latin */
 
@font-face {
 
@font-face {
Line 36: Line 22:
 
   font-style: normal;
 
   font-style: normal;
 
   font-weight: 400;
 
   font-weight: 400;
   src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
+
   src: local('Raleway'), local('Raleway-Regular'), url(https://static.igem.org/mediawiki/2018/5/59/T--MIT--raleway2.woff) format('woff');
 
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 
}
 
}
 
  
 
/* W3.CSS 4.10 February 2018 by Jan Egil and Borge Refsnes */
 
/* W3.CSS 4.10 February 2018 by Jan Egil and Borge Refsnes */
Line 283: Line 268:
 
           #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 
           #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 
               border: 0 none;
 
               border: 0 none;
               height: 14px;
+
               height: 3vw;
 
               z-index: 100;
 
               z-index: 100;
 
               top: 0;
 
               top: 0;
Line 328: Line 313:
 
     }
 
     }
  
    .dropdown:hover .dropdown-content {
+
 
        display: block;
+
    }
+
  
 
.menu {
 
.menu {
 
         list-style-type: none;
 
         list-style-type: none;
         margin: 0;
+
         margin: 0vw;
         padding: 0;
+
         padding: .3vw;
 
         /*overflow: hidden;*/
 
         /*overflow: hidden;*/
 
         background-color: #333;
 
         background-color: #333;
 
         position: fixed;
 
         position: fixed;
 
         width: 100%;
 
         width: 100%;
 +
        height: 4.5vw;
 
         -webkit-box-shadow: 0 8px 6px -6px #2c2c2c;
 
         -webkit-box-shadow: 0 8px 6px -6px #2c2c2c;
 
         -moz-box-shadow: 0 8px 6px -6px #2c2c2c;
 
         -moz-box-shadow: 0 8px 6px -6px #2c2c2c;
Line 350: Line 334:
 
         font-family: 'Dosis', sans-serif;;
 
         font-family: 'Dosis', sans-serif;;
 
         font-size: 1.5vw;
 
         font-size: 1.5vw;
        float: left;
+
float: left;
 +
height: 4.5vw;
 +
       
 
     }
 
     }
  
Line 357: Line 343:
 
         color: white;
 
         color: white;
 
         text-align: center;
 
         text-align: center;
         padding: 15px 30px;
+
         padding: 1vw 1.5vw;
 
         text-decoration: none;
 
         text-decoration: none;
 
     }
 
     }
  
.dropdown {
+
    .sub a:hover {
 +
        background-color: #410081;
 +
    }
 +
 
 +
    .activemenu {
 +
        background-color: #9055ff;
 +
    }
 +
 
 +
    .dropdown {
 
         position: relative;
 
         position: relative;
 
         display: inline-block;
 
         display: inline-block;
Line 371: Line 365:
 
         display: none;
 
         display: none;
 
         position: absolute;
 
         position: absolute;
         top: 4.2vw;
+
         top: 4vw;
 
         background-color: #2c2c2c;
 
         background-color: #2c2c2c;
         min-width: 160px;
+
         min-width: 10vw;
 
         box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
         box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
         z-index: 1;
 
         z-index: 1;
Line 380: Line 374:
 
     .dropdown-content a {
 
     .dropdown-content a {
 
         color: white;
 
         color: white;
         padding: 12px 16px;
+
         padding: .6vw .9vw;
 
         text-decoration: none;
 
         text-decoration: none;
 
         display: block;
 
         display: block;
Line 417: Line 411:
 
     }
 
     }
  
     .container:hover .overlay {
+
     .container1:hover .overlay {
 
         opacity: 1;
 
         opacity: 1;
 
     }
 
     }
     .container:hover .image{
+
     .container1:hover .image{
 
         opacity:.5;
 
         opacity:.5;
     }
+
     }  
  
 
     .text {
 
     .text {
Line 447: Line 441:
  
  
 +
 
 
  <div class="menu">
 
  <div class="menu">
         <div class="sub"><a class="active" href="#home">Home</a></div>
+
         <div class="sub"><a href="https://2018.igem.org/Team:MIT">Home</a></div>
 
         <div class="dropdown">
 
         <div class="dropdown">
             <div class="sub"><a href="#project">Team</a></div>
+
             <div class="sub"><a class="active" href="https://2018.igem.org/Team:MIT/Team">Team</a></div>
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
                 <a href="#">Team Members</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Team">Team Members</a>
                 <a href="#">Collaborations</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Collaborations">Collaborations</a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <div class="dropdown">
 
         <div class="dropdown">
             <div class="sub"><a href="#project">Project</a></div>
+
             <div class="sub"><a href="https://2018.igem.org/Team:MIT/Description">Project</a></div>
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
                 <a href="#">Sensing</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Design">Design</a>
                 <a href="#">Output</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Results">Results</a>
                 <a href="#">Biofilm Assays</a>
+
                 <a href="https://2018.igem.org/Team:MIT/InterLab">InterLab</a>
 +
                <a href="https://2018.igem.org/Team:MIT/Notebook">Notebook</a>
 +
                <a href="https://2018.igem.org/Team:MIT/Experiments">Protocols</a>
 +
                <a href ="https://2018.igem.org/Team:MIT/Attributions"> Attributions </a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <div class="dropdown">
 
         <div class="dropdown">
             <div class="sub"><a href="#project">Parts</a></div>
+
             <div class="sub"><a href="https://2018.igem.org/Team:MIT/Parts">Parts</a></div>
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
                 <a href="#">Basic Parts</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Basic_Part">Basic Parts</a>
                 <a href="#">Composite Parts</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Composite_Part">Composite Parts</a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <div class="sub"><a href="#safety">Safety</a></div>
+
         <div class="sub"><a href="https://2018.igem.org/Team:MIT/Safety">Safety</a></div>
 
         <div class="dropdown">
 
         <div class="dropdown">
             <div class="sub"><a href="#project">Human Practices</a></div>
+
             <div class="sub"><a href="https://2018.igem.org/Team:MIT/Human_Practices">Human Practices</a></div>
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
                 <a href="#">Integrated Human Practices</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Human_Practices">Integrated Human Practices</a>
                 <a href="#">Public Engagement</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Public_Engagement">Public Engagement</a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <div class="sub"><a href="#awards">Awards</a></div>
+
         <div class="sub"><a href="https://2018.igem.org/Team:MIT/Model">Model</a></div>
 
     </div>
 
     </div>
  
Line 485: Line 483:
  
 
     <!--Keira-->
 
     <!--Keira-->
     <div class="container">
+
     <div class="container1">
 
         <img src="https://static.igem.org/mediawiki/2018/9/95/T--MIT--MITteam1.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 10vw;">
 
         <img src="https://static.igem.org/mediawiki/2018/9/95/T--MIT--MITteam1.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 10vw;">
 
         <div class="overlay">
 
         <div class="overlay">
Line 497: Line 495:
 
                 <p> </p>
 
                 <p> </p>
 
                 Quote:<br>
 
                 Quote:<br>
                 " "
+
                 "Oh that's some nice, um, nothing."
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
  
     <!--Bitch-->
+
     <!--Andres-->
     <div class="container">
+
     <div class="container1">
 
         <img src="https://static.igem.org/mediawiki/2018/b/b6/T--MIT--MITteam2.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 38.5vw;">
 
         <img src="https://static.igem.org/mediawiki/2018/b/b6/T--MIT--MITteam2.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 38.5vw;">
 
         <div class="overlay">
 
         <div class="overlay">
Line 515: Line 513:
 
                 <p> </p>
 
                 <p> </p>
 
                 Quote:<br>
 
                 Quote:<br>
                 " "
+
                 "Everyday I check my closet not for monsters, but for you guys."
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 521: Line 519:
  
 
     <!--Joy-->
 
     <!--Joy-->
     <div class="container">
+
     <div class="container1">
 
         <img src="https://static.igem.org/mediawiki/2018/9/9c/T--MIT--MITteam3.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 67vw;">
 
         <img src="https://static.igem.org/mediawiki/2018/9/9c/T--MIT--MITteam3.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 67vw;">
 
         <div class="overlay">
 
         <div class="overlay">
Line 533: Line 531:
 
                 <p> </p>
 
                 <p> </p>
 
                 Quote:<br>
 
                 Quote:<br>
                 " "
+
                 "Well at least I contributed something useful" <p> </p>-throwing shade at Andres
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 539: Line 537:
  
 
     <!--Hang-->
 
     <!--Hang-->
     <div class="container">
+
     <div class="container1">
 
         <img src="https://static.igem.org/mediawiki/2018/d/d6/T--MIT--MITteam4.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 10vw;">
 
         <img src="https://static.igem.org/mediawiki/2018/d/d6/T--MIT--MITteam4.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 10vw;">
 
         <div class="overlay">
 
         <div class="overlay">
Line 551: Line 549:
 
                 <p> </p>
 
                 <p> </p>
 
                 Quote:<br>
 
                 Quote:<br>
                 " "
+
                 "It doesn't matter how much you invert it, as long as you stick to the beat."
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 557: Line 555:
  
 
     <!--Maya-->
 
     <!--Maya-->
     <div class="container">
+
     <div class="container1">
 
         <img src="https://static.igem.org/mediawiki/2018/a/a7/T--MIT--MITteam5.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 38.5vw;">
 
         <img src="https://static.igem.org/mediawiki/2018/a/a7/T--MIT--MITteam5.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 38.5vw;">
 
         <div class="overlay">
 
         <div class="overlay">
Line 569: Line 567:
 
                 <p> </p>
 
                 <p> </p>
 
                 Quote:<br>
 
                 Quote:<br>
                 " "
+
                 "I only support arson in small quantities."
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 575: Line 573:
  
 
     <!--Alex-->
 
     <!--Alex-->
     <div class="container">
+
     <div class="container1">
 
         <img src="https://static.igem.org/mediawiki/2018/d/da/T--MIT--MITteam6.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 67vw;">
 
         <img src="https://static.igem.org/mediawiki/2018/d/da/T--MIT--MITteam6.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 67vw;">
 
         <div class="overlay">
 
         <div class="overlay">
Line 587: Line 585:
 
                 <p> </p>
 
                 <p> </p>
 
                 Quote:<br>
 
                 Quote:<br>
                 " "
+
                 "What's poppin"
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 593: Line 591:
  
 
     <!--Lexi-->
 
     <!--Lexi-->
     <div class="container">
+
     <div class="container1">
 
         <img src="https://static.igem.org/mediawiki/2018/1/1a/T--MIT--MITteam7.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 10vw;">
 
         <img src="https://static.igem.org/mediawiki/2018/1/1a/T--MIT--MITteam7.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 10vw;">
 
         <div class="overlay">
 
         <div class="overlay">
Line 605: Line 603:
 
                 <p> </p>
 
                 <p> </p>
 
                 Quote:<br>
 
                 Quote:<br>
                 " "
+
                 "When you're friend is like "Hey get out of the bathroom" but you're like "Wait, I'm doing the modified stillman.""
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 611: Line 609:
  
 
     <!--Tooba-->
 
     <!--Tooba-->
     <div class="container">
+
     <div class="container1">
 
         <img src="https://static.igem.org/mediawiki/2018/8/89/T--MIT--MITteam8.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 38.5vw;">
 
         <img src="https://static.igem.org/mediawiki/2018/8/89/T--MIT--MITteam8.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 38.5vw;">
 
         <div class="overlay">
 
         <div class="overlay">
Line 623: Line 621:
 
                 <p> </p>
 
                 <p> </p>
 
                 Quote:<br>
 
                 Quote:<br>
                 " "
+
                 "I never heard of Wyoming before and I thought it was Chinese."
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 629: Line 627:
  
 
     <!--Aidan-->
 
     <!--Aidan-->
     <div class="container">
+
     <div class="container1">
 
         <img src="https://static.igem.org/mediawiki/2018/8/8a/T--MIT--MITteam9.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 67vw;">
 
         <img src="https://static.igem.org/mediawiki/2018/8/8a/T--MIT--MITteam9.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 67vw;">
 
         <div class="overlay">
 
         <div class="overlay">
Line 641: Line 639:
 
                 <p> </p>
 
                 <p> </p>
 
                 Quote:<br>
 
                 Quote:<br>
                 " "
+
                 "That was just the cherry on the cake of failure."<p> </p>-after microwaving his plates
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 647: Line 645:
  
 
     <!--Krissy-->
 
     <!--Krissy-->
     <div class="container">
+
     <div class="container1">
 
         <img src="https://static.igem.org/mediawiki/2018/f/f2/T--MIT--MITteam10.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 150vw; left: 25vw;">
 
         <img src="https://static.igem.org/mediawiki/2018/f/f2/T--MIT--MITteam10.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 150vw; left: 25vw;">
 
         <div class="overlay">
 
         <div class="overlay">
Line 659: Line 657:
 
                 <p> </p>
 
                 <p> </p>
 
                 Quote:<br>
 
                 Quote:<br>
                 " "
+
                 "Agar smells like hot chocolate!"
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 665: Line 663:
  
 
     <!--Reese-->
 
     <!--Reese-->
     <div class="container">
+
     <div class="container1">
         <img src="https://i.imgur.com/mpN6T7N.jpg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 150vw; left: 53.5vw;">
+
         <img src="https://static.igem.org/mediawiki/2018/c/ca/T--MIT--MITreese.png" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 150vw; left: 53.5vw;">
 
         <div class="overlay">
 
         <div class="overlay">
             <div class="text" style="position: absolute; top:159vw; left: 65.5vw;">
+
             <div class="text" style="position: absolute; top:162vw; left: 65.5vw;">
                 Fake Reese Alden<br>
+
                 Reese Caliman, Class of 2019<br>
                 Major: <br>
+
                 Major: Linguistics and Biological Engineering<br>
                 From: A<br>
+
                 From: Romania/St. Louis<br>
 
                 <p> </p>
 
                 <p> </p>
 
                 What do you do for fun?<br>
 
                 What do you do for fun?<br>
                 "Fun stuff"<br>
+
                 "Learn random languages like Albanian, sail, backpacker travel"<br>
 
                 <p> </p>
 
                 <p> </p>
 
                 Quote:<br>
 
                 Quote:<br>
                 " "
+
                 "Whats a gene drive? Do you donate genes?"
 
             </div>
 
             </div>
 
         </div>
 
         </div>

Latest revision as of 01:42, 18 October 2018

Avatar
Keira Ahern, Class of 2022
Major: Engineering
From: Boston

What do you do for fun?
"I like to read, draw and hang out with friends."

Quote:
"Oh that's some nice, um, nothing."
Avatar
Andres Alvarado, Class of 2020
Major: Biological Engineering
From: Los Angeles

What do you do for fun?
"I only enjoy the finest of Japanese culture."

Quote:
"Everyday I check my closet not for monsters, but for you guys."
Avatar
Joy Fan, Class of 2020
Major: Computer Science and Biology
From: Kentucky

What do you do for fun?
"I'm a digital artist, musician, and writer."

Quote:
"Well at least I contributed something useful"

-throwing shade at Andres
Avatar
Hang Le, Class of 2020
Major: Biological Engineering
From: Vietnam

What do you do for fun?
"Hiking, biking, singing, memeing."

Quote:
"It doesn't matter how much you invert it, as long as you stick to the beat."
Avatar
Maya Levy, Class of 2021
Major: Biological Engineering
From: Miami, Florida

What do you do for fun?
"Mostly I paint and build things!"

Quote:
"I only support arson in small quantities."
Avatar
Alexandrea Pouliot, Class of 2021
Major: Biological Engineering, Russian and Eurasian Studies
From: Warwick, Rhode Island

What do you do for fun?
"I am a nerd :) I love to read, write, and play Dungeons and Dragons."

Quote:
"What's poppin"
Avatar
Lexi Schneider, Class of 2021
Major: Biological Engineering
From: Pennsylvania

What do you do for fun?
"Play soccer and ice hockey, listen to music, pet dogs"

Quote:
"When you're friend is like "Hey get out of the bathroom" but you're like "Wait, I'm doing the modified stillman.""
Avatar
Tooba Shahid, Class of 2021
Major: Biological Engineering
From: Pakistan

What do you do for fun?
"Binge watch Netflix for 12 straight hours..."

Quote:
"I never heard of Wyoming before and I thought it was Chinese."
Avatar
Aidan Simpson, Class of 2021
Major: Biological Engineering, Management
From: Los Angeles

What do you do for fun?
"Fencing, video games."

Quote:
"That was just the cherry on the cake of failure."

-after microwaving his plates
Avatar
Kristina Stoyanova , Class of 2023
Major: Biological Engineering
From: Franklin, MA

What do you do for fun?
"Mock Trial, Theater, Tennis, Fencing, Long walks around Boston."

Quote:
"Agar smells like hot chocolate!"
Avatar
Reese Caliman, Class of 2019
Major: Linguistics and Biological Engineering
From: Romania/St. Louis

What do you do for fun?
"Learn random languages like Albanian, sail, backpacker travel"

Quote:
"Whats a gene drive? Do you donate genes?"