Difference between revisions of "Team:Cornell"

(Add grid.css direct for home page)
Line 34: Line 34:
 
         }
 
         }
  
 +
      /*Start Styles for Home Page*/
 +
    @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
 +
    html,
 +
    body {
 +
        width: 100%;
 +
        height: 100%;
 +
        margin: 0;
 +
        padding: 0;
 +
        overflow-x: hidden;
 +
    }
 +
 +
    body {
 +
        background-size: 40px 40px;
 +
    }
 +
 +
    p {
 +
        color: #000;
 +
        font-family: 'Open Sans', sans-serif;
 +
    }
 +
 +
    nav {
 +
        padding-top: 30px;
 +
        padding-bottom: 30px;
 +
        padding-right: 100px;
 +
        background-color: #a0e0bd;
 +
        height: 38px;
 +
    }
 +
 +
    .nav-bar-logo {
 +
        vertical-align: top;
 +
        display: inline-block;
 +
        float: left;
 +
        margin-left: 80px;
 +
        margin-top: -5px;
 +
    }
 +
 +
    .nav-bar-logo img {
 +
        width: 140px;
 +
    }
 +
 +
    .nav-bar-main-menu {
 +
        font-family: 'Raleway', sans-serif;
 +
    }
 +
 +
    .banner-container {
 +
        display: flex;
 +
        flex-direction: row;
 +
        flex-wrap: wrap;
 +
        justify-content: center;
 +
    }
 +
 +
    .home-banner-logo {
 +
        height: 250px;
 +
        width: 500px;
 +
        padding-top: 170px;
 +
        margin-right: -400px;
 +
    }
 +
 +
    .home-banner-wrapper {
 +
        background: #a0e0bd;
 +
        height: 400px;
 +
        width: 100%;
 +
    }
 +
 +
    .home-banner-plants {
 +
        height: 400px;
 +
        width: 1200px;
 +
    }
 +
 +
    .dropbtn {
 +
        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;
 +
    }
 +
 +
    .toolkit-dropdown-content {
 +
        width: 720px;
 +
        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;
 +
        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;
 +
    }
 +
 +
    .home-description-wrapper {
 +
        margin-top: 120px;
 +
    }
 +
 +
    .home-description-logo {
 +
        width: 40%;
 +
        height: auto;
 +
        display: block;
 +
        margin: 0 auto;
 +
        margin-bottom: 80px;
 +
    }
 +
 +
    .home-description {
 +
        color: #000;
 +
        font-family: 'Open Sans', sans-serif;
 +
        font-size: 16px;
 +
        margin-bottom: 80px;
 +
        text-align: center;
 +
    }
 +
 +
    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;
 +
    }
 +
 +
    .tiles-wrapper img {
 +
        width: 90%;
 +
        border-radius: 50%;
 +
        display: block;
 +
        margin: 15px auto 15px auto;
 +
    }
 +
 +
    .tile-wrapper {
 +
        position: relative;
 +
    }
 +
 +
    .tile-title {
 +
        font-family: 'Source Sans Pro', sans-serif;
 +
        font-weight: 700;
 +
        font-size: 30px;
 +
        color: rgb(30, 30, 30);
 +
        text-align: center;
 +
        margin-top: 45%;
 +
    }
 +
 +
    .pp-title {
 +
        margin-top: 40%;
 +
    }
 +
 +
    .overlay {
 +
        background-color: transparent;
 +
        z-index: 512;
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 +
        width: 100%;
 +
        height: 100%;
 +
        border-radius: 50%;
 +
        -webkit-transition: all 0.4s ease-in-out;
 +
        transition: all 0.4s ease-in-out;
 +
    }
 +
 +
    .overlay:hover {
 +
        background-color: rgba(255, 255, 255, 0.7);
 +
    }
 +
 +
    /*End Styles for Home Page*/
 +
 
 +
    /*Start Grid for Home Page*/
 +
    .home-page-wrapper {
 +
        display: grid;
 +
        grid-template-columns: auto;
 +
        grid-template-rows: 100px auto auto 100px auto 100px 100px;
 +
        grid-template-areas: 'navbar' 'banner' 'homedescription' '.' 'tiles' '.' 'footer';
 +
    }
 +
 +
    .home-banner-wrapper {
 +
        display: grid;
 +
        grid-area: banner;
 +
    }
 +
 +
    nav {
 +
        grid-area: navbar;
 +
    }
 +
 +
    .nav-bar-main-menu .dropdown:nth-child(5) .dropdown-contentx {
 +
        display: grid;
 +
        grid-template-columns: auto auto auto;
 +
    }
 +
 +
    .nav-first-col {
 +
        display: inline-grid;
 +
    }
 +
 +
    .nav-second-col {
 +
        display: inline-grid;
 +
    }
 +
 +
    .nav-third-col {
 +
        display: inline-grid;
 +
    }
 +
 +
    .home-description-wrapper {
 +
        display: grid;
 +
        grid-area: homedescription;
 +
        grid-template-columns: 150px auto 150px;
 +
        grid-template-areas: '. homedescriptionlogo .' '. homedescription .';
 +
    }
 +
 +
    .home-description-logo-wrapper {
 +
        grid-area: homedescriptionlogo;
 +
    }
 +
 +
    .home-description {
 +
        grid-area: homedescription;
 +
    }
 +
 +
    footer {
 +
        grid-area: footer;
 +
    }
 +
 +
    .tiles-wrapper {
 +
        display: grid;
 +
        grid-area: tiles;
 +
        grid-template-columns: 150px repeat(3, 1fr) 150px;
 +
        grid-gap: 10px;
 +
    }
 +
 +
    .wet-lab-tile {
 +
        grid-column: 2;
 +
        grid-row: 1;
 +
    }
 +
 +
    .pd-tile {
 +
        grid-column: 3;
 +
        grid-row: 1;
 +
    }
 +
 +
    .pp-tile {
 +
        grid-column: 4;
 +
        grid-row: 1;
 +
    }
 +
 +
    .outreach-tile {
 +
        grid-column: 2;
 +
        grid-row: 2;
 +
    }
 +
 +
    .bus-tile {
 +
        grid-column: 3;
 +
        grid-row: 2;
 +
    }
 +
 +
    .team-tile {
 +
        grid-column: 4;
 +
        grid-row: 2;
 +
    }
 +
 +
    @media only screen and (max-width: 1100px) {
 +
        .tiles-wrapper {
 +
            display: grid;
 +
            grid-area: tiles;
 +
            grid-template-columns: 150px auto 150px;
 +
            grid-gap: 10px;
 +
        }
 +
        .wet-lab-tile {
 +
            grid-column: 2;
 +
            grid-row: 1;
 +
        }
 +
        .pd-tile {
 +
            grid-column: 2;
 +
            grid-row: 2;
 +
        }
 +
        .pp-tile {
 +
            grid-column: 2;
 +
            grid-row: 3;
 +
        }
 +
        .outreach-tile {
 +
            grid-column: 2;
 +
            grid-row: 4;
 +
        }
 +
        .bus-tile {
 +
            grid-column: 2;
 +
            grid-row: 5;
 +
        }
 +
        .team-tile {
 +
            grid-column: 2;
 +
            grid-row: 6;
 +
        }
 +
    }
 +
    /*End Grid for Home Page*/
 
     </style>
 
     </style>
 
     <title>Team:Cornell - 2019.igem.org</title>
 
     <title>Team:Cornell - 2019.igem.org</title>
Line 40: Line 432:
 
     <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Team:Cornell/grids?action=raw&ctype=text/css​">
 
     <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Team:Cornell/grids?action=raw&ctype=text/css​">
 
     <!-- JS -->
 
     <!-- JS -->
−
    <!-- JS -->
 
−
    <script src="https://2018.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script>
 
−
    <script src="https://2018.igem.org/Team:Cornell/mainJS?action=raw&ctype=text/javascript"></script>
 
 
</head>
 
</head>
  

Revision as of 16:10, 12 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