Difference between revisions of "Team:Cornell"

Line 36: Line 36:
  
 
   /*Start Styles for Home Page*/
 
   /*Start Styles for Home Page*/
         @import url('https://fonts.googleapis.com/css?family=Asap+Condensed&display=swap');
+
         @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
    html,
+
        html,
    body {
+
        body {
        width: 100%;
+
            width: 100%;
        height: 100%;
+
            height: 100%;
        margin: 0;
+
            margin: 0;
        padding: 0;
+
            padding: 0;
        overflow-x: hidden;
+
            overflow-x: hidden;
         font-family: 'Asap Condensed', sans-serif;
+
         }
    }
+
       
 
+
        body {
    body {
+
            background-size: 40px 40px;
        background-size: 40px 40px;
+
        }
    }
+
       
 
+
        p {
    p {
+
            color: #000;
        color: #000;
+
            font-family: 'Open Sans', sans-serif;
    }
+
        }
 
+
       
    nav {
+
        nav {
        padding-top: 30px;
+
            padding-top: 30px;
        padding-bottom: 30px;
+
            padding-bottom: 30px;
        padding-right: 90px;
+
            padding-right: 100px;
        background-color: #a0e0bd;
+
            background-color: #a0e0bd;
        height: 58px;
+
            height: 98px;
    }
+
        }
 
+
       
    .nav-bar-logo {
+
        .nav-bar-logo {
        vertical-align: top;
+
            vertical-align: top;
        display: inline-block;
+
            display: inline-block;
        float: left;
+
            float: left;
        margin-left: 80px;
+
            margin-left: 80px;
        margin-top: -5px;
+
            margin-top: -5px;
    }
+
        }
 
+
       
    .nav-bar-logo img {
+
        .nav-bar-logo img {
        width: 140px;
+
            width: 140px;
    }
+
        }
 
+
       
    .nav-bar-main-menu button {
+
        .nav-bar-main-menu {
        font-family: 'Asap Condensed', sans-serif;
+
            font-family: 'Raleway', sans-serif;
         font-size: 18px;
+
         }
    }
+
          
 
+
         .banner-container {
    .home-banner-wrapper {
+
            display: flex;
         position: relative;
+
            flex-direction: row;
         background: #a0e0bd;
+
            flex-wrap: wrap;
        height: 675px;
+
            justify-content: center;
        width: 100%;
+
         }
        margin-top: -5px;
+
          
    }
+
 
+
    .home-banner-logo {
+
        height: 200px;
+
        position: absolute;
+
        left: 75px;
+
        bottom: 55px;
+
        z-index: 1;
+
        background-color: rgba(160, 224, 189, 0.5);
+
        box-shadow: 10px -10px 50px 10px rgba(160, 224, 189, 0.75);
+
    }
+
 
+
    .home-banner-plants {
+
         position: absolute;
+
        top: 10px;
+
        right: -10;
+
        bottom: 20px;
+
        height: 680px;
+
        width: 1400px;
+
    }
+
 
+
    .dropbtn {
+
         background-color: transparent;
+
        text-decoration: none;
+
        padding: 15px;
+
        margin: 0px;
+
        font-size: 15px;
+
        border: none;
+
        color: #fff;
+
    }
+
 
+
    @media (max-width: 1050px) {
+
 
         .dropbtn {
 
         .dropbtn {
             font-size: 12px;
+
            background-color: transparent;
 +
            text-decoration: none;
 +
            padding: 15px;
 +
            margin: 0px;
 +
             font-size: 15px;
 +
            border: none;
 +
            color: #fff;
 +
        }
 +
       
 +
        @media (max-width: 1050px) {
 +
            .dropbtn {
 +
                font-size: 12px;
 +
            }
 +
        }
 +
       
 +
        .dropdown {
 +
            position: relative;
 +
            vertical-align: top;
 +
            display: inline-block;
 +
            float: right;
 +
        }
 +
       
 +
        .dropdown ul {
 +
            list-style-type: none;
 +
        }
 +
       
 +
        .dropdown a {
 +
            position: relative;
 +
            display: inline-block;
 +
            color: #e8b023;
 +
            text-decoration: none;
 +
        }
 +
       
 +
        .dropdown-content {
 +
            display: none;
 +
            position: absolute;
 +
            background-color: #016C64;
 +
            color: #ffffff;
 +
            width: 200px;
 +
            font-size: 14px;
 +
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 +
            z-index: 1;
 
         }
 
         }
    }
 
 
    .dropdown {
 
        position: relative;
 
        vertical-align: top;
 
        display: inline-block;
 
        float: right;
 
    }
 
 
    .dropdown ul {
 
        list-style-type: none;
 
    }
 
 
    .dropdown a {
 
        position: relative;
 
        display: inline-block;
 
        color: #e8b023;
 
        text-decoration: none;
 
    }
 
 
    .dropdown-content {
 
        display: none;
 
        position: absolute;
 
        background-color: #016c64;
 
        color: #ffffff;
 
        width: 200px;
 
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 
        z-index: 1;
 
    }
 
 
    .dropdown-content a:hover {
 
        background-color: #a0e0bd !important;
 
    }
 
 
    .toolkit-dropdown-content {
 
        width: 550px;
 
        left: -160px;
 
    }
 
 
    .modeling-dropdown-content {
 
        left: -40px;
 
    }
 
 
    .human-dropdown-content {
 
        left: 12px;
 
        width: 170px;
 
    }
 
 
    .outreach-dropdown-content {
 
        width: 200px;
 
        left: -40px;
 
    }
 
 
    .team-dropdown-content {
 
        width: 140px;
 
        left: -35px;
 
    }
 
 
    .dropdown-content a {
 
        color: #ffffff;
 
        padding: 12px 16px;
 
        text-decoration: none;
 
        display: block;
 
    }
 
 
    .wet-lab-list-title,
 
    .doc-list-title,
 
    .pd-list-title {
 
        padding-top: 12px;
 
        padding-left: 16px;
 
        padding-bottom: 14px;
 
    }
 
 
    .nav-second-col {
 
        margin-left: 30px;
 
    }
 
 
    .nav-third-col {
 
        margin-left: 30px;
 
    }
 
 
    .dropbtn:hover,
 
    .active-page {
 
        color: #016c64;
 
        transition-duration: 0.5s;
 
    }
 
 
    .dropdown:hover .dropdown-content {
 
        display: block;
 
    }
 
 
    footer {
 
        padding: 35px;
 
        position: relative;
 
        text-align: center;
 
        background-color: #a0e0bd;
 
    }
 
 
    .footer-wrapper {
 
        margin: auto;
 
        display: inline-block;
 
    }
 
 
    .icon-wrapper {
 
        display: inline-block;
 
        position: relative;
 
        padding-right: 18px;
 
        border-right: 0.5px solid white;
 
    }
 
 
    .icon-wrapper-last {
 
        border-right: none;
 
    }
 
 
    .icon {
 
        margin: 16px;
 
    }
 
 
    .icon img {
 
        height: 24px;
 
    }
 
  
 +
      .dropdown-content a:hover {
 +
          background-color: #a0e0bd !important;
 +
      }
 +
       
 +
        .toolkit-dropdown-content {
 +
            width: 590px;
 +
            left: -160px;
 +
        }
 +
       
 +
        .modeling-dropdown-content {
 +
            left: -40px;
 +
        }
 +
       
 +
        .human-dropdown-content {
 +
            left: 12px;
 +
        }
 +
       
 +
        .outreach-dropdown-content {
 +
            width: 230px;
 +
            left: -40px;
 +
        }
 +
       
 +
        .team-dropdown-content {
 +
            width: 140px;
 +
            left: -35px;
 +
        }
 +
       
 +
        .dropdown-content a {
 +
            color: #ffffff;
 +
            padding: 12px 16px;
 +
            text-decoration: none !important;
 +
            display: block;
 +
        }
 +
       
 +
        .wet-lab-list-title,
 +
        .doc-list-title,
 +
        .pd-list-title {
 +
            padding-top: 12px;
 +
            padding-left: 16px;
 +
            padding-bottom: 14px;
 +
        }
 +
       
 +
        .nav-second-col {
 +
            margin-left: 30px;
 +
        }
 +
       
 +
        .nav-third-col {
 +
            margin-left: 30px;
 +
        }
 +
       
 +
        .dropbtn:hover,
 +
        .active-page {
 +
            color: #016C64;
 +
            transition-duration: 0.5s;
 +
        }
 +
       
 +
        .dropdown-content a:hover {
 +
            color: #016C64;
 +
            background-color: #ffffff;
 +
        }
 +
       
 +
        .dropdown:hover .dropdown-content {
 +
            display: block;
 +
        }
 +
       
 +
        footer {
 +
            padding: 35px;
 +
            position: relative;
 +
            text-align: center;
 +
            background-color: #a0e0bd;
 +
        }
 +
       
 +
        .footer-wrapper {
 +
            margin: auto;
 +
            display: inline-block;
 +
        }
 +
       
 +
        .icon-wrapper {
 +
            display: inline-block;
 +
            position: relative;
 +
            padding-right: 18px;
 +
            border-right: 0.5px solid white;
 +
        }
 +
       
 +
        .icon-wrapper-last {
 +
            border-right: none;
 +
        }
 +
       
 +
        .icon {
 +
            margin: 16px;
 +
        }
 +
       
 +
        .icon img {
 +
            height: 24px;
 +
        }
  
 
     .home-description-wrapper {
 
     .home-description-wrapper {

Revision as of 00:25, 16 October 2019

Team:Cornell - 2019.igem.org

We are building a biological band-pass filter. While biological band pass filters have been developed before, none respond to frequency-based inputs but instead respond to amplitude based inputs. By controlling the rates of degradation of the components of our system, we are putting together a frequency-response low-pass and high-pass filter to create a novel band-pass filter.

Our filter would allow bacteria to respond only to certain frequency-based inputs, and give it even more digital logic-like character, long a goal of synthetic biology. Moving forward, our project could be an important tool for scientists as synthetic biology branches into increasingly diverse fields.
Wet Lab
WET LAB
Product Development
PRODUCT DEV
Policies & Practices
POLICY &
PRACTICES
Outreach
OUTREACH
Business
BUSINESS
Team
THE TEAM