Difference between revisions of "Team:Cornell"

 
(46 intermediate revisions by 2 users not shown)
Line 35: Line 35:
 
         }
 
         }
  
−
    @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
+
  /*Start Styles for Home Page*/
−
    html,
+
−
    body {
+
−
        width: 100%;
+
−
        height: 100%;
+
−
        margin: 0;
+
−
        padding: 0;
+
−
        overflow-x: hidden;
+
−
    }
+
  
−
    body {
+
        /* Font Styling */
−
         background-size: 40px 40px;
+
         @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
−
    }
+
        @font-face {
 +
            font-family: 'Futura';
 +
            src: url('../futura/futura\ medium\ bt.ttf');
 +
        }
  
−
    p {
+
        body {
−
        color: #000;
+
            font-family: 'Open Sans', sans-serif;
−
        font-family: 'Open Sans', sans-serif;
+
        }
−
    }
+
  
−
    /*Start Styles for Home Page*/
+
        .dropbtn, .dropdown-content {
 +
            font-size: 16px;
 +
        }
  
−
    nav {
+
        .tile-title {
−
        padding-top: 30px;
+
            font-family: 'Futura', sans-serif;
−
        padding-bottom: 30px;
+
            line-height: 1em;
−
        padding-right: 100px;
+
color: rgba(0, 0, 0, 1)
−
        background-color: #a0e0bd;
+
         }
−
         height: 38px;
+
        /* End Font Styling */
−
    }
+
  
−
    .nav-bar-logo {
+
        html,
−
        vertical-align: top;
+
        body {
−
        display: inline-block;
+
            width: 100%;
−
        float: left;
+
            height: 100%;
−
        margin-left: 80px;
+
            margin: 0;
−
        margin-top: -5px;
+
            padding: 0;
−
    }
+
            overflow-x: hidden;
−
 
+
        }
−
    .nav-bar-logo img {
+
       
−
        width: 140px;
+
        body {
−
    }
+
            background-size: 40px 40px;
−
 
+
        }
−
    .nav-bar-main-menu {
+
       
−
        font-family: 'Raleway', sans-serif;
+
        p {
−
    }
+
            color: #000;
−
 
+
        }
−
    .banner-container {
+
       
−
        display: flex;
+
        nav {
−
        flex-direction: row;
+
            padding-top: 30px;
−
        flex-wrap: wrap;
+
            padding-bottom: 30px;
−
        justify-content: center;
+
            padding-right: 100px;
−
    }
+
            background-color: #a0e0bd;
−
 
+
            height: 98px;
−
    .home-banner-logo {
+
        }
−
        height: 250px;
+
       
−
        width: 35%;
+
        .nav-bar-logo {
−
        padding-top: 170px;
+
            vertical-align: top;
−
        margin-right: -400px;
+
            display: inline-block;
−
    }
+
            float: left;
−
 
+
            margin-left: 80px;
−
    .home-banner-wrapper {
+
            margin-top: 10px;
−
        background: #a0e0bd;
+
            width: 200px;
−
        height: 400px;
+
         }
−
         width: 100%;
+
       
−
    }
+
        .nav-bar-logo img {
−
 
+
            width: 200px;
−
    .home-banner-plants {
+
         }
−
        height: 400px;
+
       
−
         width: 80%;
+
        .banner-container {
−
    }
+
            display: flex;
−
 
+
            flex-direction: row;
−
    .dropbtn {
+
            flex-wrap: wrap;
−
        background-color: transparent;
+
            justify-content: center;
−
        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 {
+
      .dropdown-content a:hover {
−
        position: relative;
+
          background-color: #a0e0bd !important;
−
        vertical-align: top;
+
      }
−
        display: inline-block;
+
          
−
        float: right;
+
         .toolkit-dropdown-content {
−
    }
+
            width: 630px;
−
 
+
            left: -160px;
−
    .dropdown ul {
+
        }
−
        list-style-type: none;
+
       
−
    }
+
        .modeling-dropdown-content {
−
 
+
            left: -40px;
−
    .dropdown a {
+
        }
−
        position: relative;
+
       
−
        display: inline-block;
+
        .human-dropdown-content {
−
        color: #e8b023;
+
            left: 12px;
−
        text-decoration: none;
+
        }
−
    }
+
       
−
 
+
        .outreach-dropdown-content {
−
    .dropdown-content {
+
            width: 230px;
−
        display: none;
+
            left: -40px;
−
        position: absolute;
+
        }
−
        background-color: #016C64;
+
       
−
        color: #ffffff;
+
        .team-dropdown-content {
−
         width: 200px;
+
            width: 140px;
−
         font-size: 14px;
+
            left: -35px;
−
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+
        }
−
        z-index: 1;
+
       
−
    }
+
        .dropdown-content a {
−
 
+
            color: #ffffff;
−
    .toolkit-dropdown-content {
+
            padding: 12px 16px;
−
        width: 720px;
+
            text-decoration: none !important;
−
        left: -160px;
+
            display: block;
−
    }
+
        }
−
 
+
       
−
    .modeling-dropdown-content {
+
        .wet-lab-list-title,
−
        left: -40px;
+
        .doc-list-title,
−
    }
+
        .pd-list-title {
−
 
+
            padding-top: 12px;
−
    .human-dropdown-content {
+
            padding-left: 16px;
−
        left: 12px;
+
            padding-bottom: 14px;
−
    }
+
        }
−
 
+
       
−
    .outreach-dropdown-content {
+
        .nav-second-col {
−
        width: 230px;
+
            margin-left: 30px;
−
        left: -40px;
+
        }
−
    }
+
       
−
 
+
        .nav-third-col {
−
    .team-dropdown-content {
+
            margin-left: 30px;
−
        width: 140px;
+
        }
−
        left: -35px;
+
       
−
    }
+
        .dropbtn:hover,
−
 
+
        .active-page {
−
    .dropdown-content a {
+
            color: #016C64;
−
        color: #ffffff;
+
            transition-duration: 0.5s;
−
        padding: 12px 16px;
+
        }
−
        text-decoration: none;
+
       
−
        display: block;
+
        .dropdown-content a:hover {
−
    }
+
            color: #016C64;
−
 
+
            background-color: #ffffff;
−
    .wet-lab-list-title,
+
        }
−
    .doc-list-title,
+
       
−
    .pd-list-title {
+
        .dropdown:hover .dropdown-content {
−
        padding-top: 12px;
+
            display: block;
−
        padding-left: 16px;
+
         }
−
        padding-bottom: 14px;
+
       
−
    }
+
        footer {
−
 
+
            padding: 35px;
−
    .nav-second-col {
+
            position: relative;
−
        margin-left: 30px;
+
            text-align: center;
−
    }
+
            background-color: #a0e0bd;
−
 
+
        }
−
    .nav-third-col {
+
       
−
        margin-left: 30px;
+
        .footer-wrapper {
−
    }
+
            margin: auto;
−
 
+
            display: inline-block;
−
    .dropbtn:hover,
+
        }
−
    .active-page {
+
       
−
        color: #016C64;
+
        .icon-wrapper {
−
        transition-duration: 0.5s;
+
            display: inline-block;
−
    }
+
            position: relative;
−
 
+
            padding-right: 18px;
−
    .dropdown-content a:hover {
+
            padding-left: 18px;
−
        color: #016C64;
+
            border-right: 0.5px solid white;
−
        background-color: #ffffff;
+
        }
−
    }
+
       
−
 
+
        .icon-wrapper-last {
−
    .dropdown:hover .dropdown-content {
+
            border-right: none;
−
         display: block;
+
        }
−
    }
+
       
 +
        .icon {
 +
            margin: 16px;
 +
        }
 +
       
 +
        .icon img {
 +
            height: 24px;
 +
        }
  
 
     .home-description-wrapper {
 
     .home-description-wrapper {
Line 225: Line 260:
 
     .home-description {
 
     .home-description {
 
         color: #000;
 
         color: #000;
−
        font-family: 'Open Sans', sans-serif;
+
         font-size: 20px;
−
         font-size: 16px;
+
 
         margin-bottom: 80px;
 
         margin-bottom: 80px;
 
         text-align: center;
 
         text-align: center;
 
     }
 
     }
  
−
    footer {
+
.tiles-wrapper {
−
        padding: 35px;
+
  background-color: #F9FCFB;
−
        position: relative;
+
}
−
        text-align: center;
+
−
        background-color: #a0e0bd;
+
−
    }
+
  
−
     .footer-wrapper {
+
     .home-banner-wrapper {
−
        margin: auto;
+
−
        display: inline-block;
+
−
    }
+
−
 
+
−
    .icon-wrapper {
+
−
        display: inline-block;
+
 
         position: relative;
 
         position: relative;
−
         padding-right: 18px;
+
         background: #a0e0bd;
−
         border-right: 0.5px solid white;
+
         height: 675px;
 +
        width: 100%;
 +
        margin-top: -5px;
 
     }
 
     }
  
−
     .icon-wrapper-last {
+
     .home-banner-logo {
−
         border-right: none;
+
         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);
 
     }
 
     }
  
−
     .icon {
+
     .home-banner-plants {
−
         margin: 16px;
+
         position: absolute;
−
    }
+
        top: 10px;
−
 
+
        right: -10;
−
    .icon img {
+
        bottom: 20px;
−
         height: 24px;
+
         height: 680px;
 +
        width: 1400px;
 
     }
 
     }
  
Line 274: Line 308:
  
 
     .tile-title {
 
     .tile-title {
−
        font-family: 'Source Sans Pro', sans-serif;
 
−
        font-weight: 700;
 
 
         font-size: 30px;
 
         font-size: 30px;
 
         color: rgb(30, 30, 30);
 
         color: rgb(30, 30, 30);
Line 300: Line 332:
  
 
     .overlay:hover {
 
     .overlay:hover {
−
         background-color: rgba(255, 255, 255, 0.7);
+
         background-color: #F9FCFB;
 +
    opacity: .7;
 
     }
 
     }
 +
 +
.wrapper-space {
 +
  background-color: #F9FCFB;
 +
}
  
 
     /*End Styles for Home Page*/
 
     /*End Styles for Home Page*/
Line 428: Line 465:
 
     }
 
     }
 
     /*End Grid for Home Page*/
 
     /*End Grid for Home Page*/
 +
 +
    a.icon {
 +
        padding: 0 !important;
 +
    }
  
 
     </style>
 
     </style>
 +
    <meta name="description" content="Developing a community-oriented Harmful Algal Bloom detection and remediation system.">
 
     <title>Team:Cornell - 2019.igem.org</title>
 
     <title>Team:Cornell - 2019.igem.org</title>
 
     <!-- CSS -->
 
     <!-- CSS -->
Line 435: Line 477:
 
     <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 -->
−
     <script src="https://2018.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script>
+
     <script src="https://2019.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script>
 
</head>
 
</head>
  
Line 444: Line 486:
 
             <div class="nav-bar-wrapper">
 
             <div class="nav-bar-wrapper">
 
                 <div class="nav-bar-main-menu">
 
                 <div class="nav-bar-main-menu">
 +
                    <a href="https://2019.igem.org/Team:Cornell"><img class="nav-bar-logo" src="https://static.igem.org/mediawiki/2019/c/cd/T--Cornell--WhiteIGEMLogo.png" alt="logo"></a>
 
                     <div class="dropdown">
 
                     <div class="dropdown">
 
                         <button class="dropbtn">TEAM</button>
 
                         <button class="dropbtn">TEAM</button>
Line 455: Line 498:
 
                         <button class="dropbtn">OUTREACH</button>
 
                         <button class="dropbtn">OUTREACH</button>
 
                         <div class="dropdown-content outreach-dropdown-content">
 
                         <div class="dropdown-content outreach-dropdown-content">
−
                             <a href="https://2019.igem.org/Team:Cornell/EducationAndEngagement">EDUCATION & ENGAGEMENT</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Public_Engagement">EDUCATION & ENGAGEMENT</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
 
                         </div>
 
                         </div>
Line 462: Line 505:
 
                         <button class="dropbtn">HUMAN PRACTICES</button>
 
                         <button class="dropbtn">HUMAN PRACTICES</button>
 
                         <div class="dropdown-content human-dropdown-content">
 
                         <div class="dropdown-content human-dropdown-content">
−
                             <a href="https://2019.igem.org/Team:Cornell/IntegratedPractices">INTEGRATED PRACTICES</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Human_Practices">INTEGRATED PRACTICES</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Policies">POLICIES</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Policies">POLICIES</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
Line 484: Line 527:
 
                                 </div>
 
                                 </div>
 
                                 <div class="nav-second-col">
 
                                 <div class="nav-second-col">
−
                                     <li class="pd-list-title"><b>DESIGN</b></li>
+
                                     <li class="pd-list-title"><b>PRODUCT DEVELOPMENT</b></li>
 
                                     <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li>
 
                                     <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li>
 +
                                    <li><a href="https://2019.igem.org/Team:Cornell/Hardware">HARDWARE</a></li>
 
                                 </div>
 
                                 </div>
 
                                 <div class="nav-third-col">
 
                                 <div class="nav-third-col">
Line 512: Line 556:
 
         <div class="home-banner-wrapper">
 
         <div class="home-banner-wrapper">
 
             <div class="banner-container">
 
             <div class="banner-container">
−
                 <img class="home-banner-logo" src="https://static.igem.org/mediawiki/2019/9/94/T--Cornell--Logo.png"></img>
+
                 <img class="home-banner-logo" src="https://static.igem.org/mediawiki/2019/7/73/T--Cornell--BigLogo.png"></img>
 
                 <img class="home-banner-plants" src="https://static.igem.org/mediawiki/2019/b/b4/T--Cornell--Plants.png"></img>
 
                 <img class="home-banner-plants" src="https://static.igem.org/mediawiki/2019/b/b4/T--Cornell--Plants.png"></img>
 
             </div>
 
             </div>
Line 524: Line 568:
 
             </div>
 
             </div>
 
             <div class="home-description">
 
             <div class="home-description">
−
                 We are building a <span id="home-description-emphasis-words">biological band-pass filter</span>. While
+
                 Developing a community-oriented Harmful Algal Bloom detection and remediation system.
−
                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 <span
+
−
                    id="home-description-emphasis-words">frequency-response</span> low-pass and high-pass filter to
+
−
                create a
+
−
                <span id="home-description-emphasis-words">novel</span> band-pass filter.
+
−
                <br><br> Our filter would allow bacteria to respond only to certain frequency-based inputs, and give it
+
−
                even
+
−
                more <span id="home-description-emphasis-words">digital logic-like</span> 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.
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 543: Line 574:
  
 
         <!------------------------TILES------------------------>
 
         <!------------------------TILES------------------------>
−
         <div class="tiles-wrapper">
+
         <div class="wrapper-space"><br></div>       
−
             <div class="tile-wrapper wet-lab-tile"><img src="https://static.igem.org/mediawiki/2019/9/96/T--Cornell--WetLabTile.png" alt="Wet Lab">
+
<div class="tiles-wrapper">
 +
             <div class="tile-wrapper wet-lab-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Foundations'"><img src="https://static.igem.org/mediawiki/2017/a/ac/CornellTileWetlab.png" alt="Wet Lab">
 
                 <div class="overlay">
 
                 <div class="overlay">
−
                     <div class="tile-title">WET LAB</div>
+
                     <div class="tile-title">WET LAB</div></a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="tile-wrapper pd-tile"><img src="https://static.igem.org/mediawiki/2019/6/6c/T--Cornell--PDTile.png" alt="Product Development">
+
             <div class="tile-wrapper pd-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/DesignProcess'"><img src="https://static.igem.org/mediawiki/2019/6/6c/T--Cornell--PDTile.png" alt="Product Development">
 
                 <div class="overlay">
 
                 <div class="overlay">
 
                     <div class="tile-title">PRODUCT DEV</div>
 
                     <div class="tile-title">PRODUCT DEV</div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="tile-wrapper pp-tile"><img src="https://static.igem.org/mediawiki/2019/f/fa/T--Cornell--PPTile.png" alt="Policies & Practices">
+
             <div class="tile-wrapper pp-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Human_Practices'"><img src="https://static.igem.org/mediawiki/2017/7/7f/CornellTileP%26P.png" alt="Policies & Practices">
 
                 <div class="overlay">
 
                 <div class="overlay">
 
                     <div class="tile-title pp-title">POLICY & <br>PRACTICES</div>
 
                     <div class="tile-title pp-title">POLICY & <br>PRACTICES</div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="tile-wrapper outreach-tile"><img src="https://static.igem.org/mediawiki/2019/4/48/T--Cornell--OutreachTile.png" alt="Outreach">
+
             <div class="tile-wrapper outreach-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Public_Engagement'"><img src="https://static.igem.org/mediawiki/2017/8/8e/CornellTileOutreach.png" alt="Outreach">
 
                 <div class="overlay">
 
                 <div class="overlay">
 
                     <div class="tile-title">OUTREACH</div>
 
                     <div class="tile-title">OUTREACH</div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="tile-wrapper bus-tile"><img src="https://static.igem.org/mediawiki/2019/3/37/T--Cornell--BusinessTile.png" alt="Business">
+
             <div class="tile-wrapper bus-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Entrepreneurship'"><img src="https://static.igem.org/mediawiki/2017/d/d7/CornellTileBusiness.png" alt="Business">
 
                 <div class="overlay">
 
                 <div class="overlay">
 
                     <div class="tile-title">BUSINESS</div>
 
                     <div class="tile-title">BUSINESS</div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="tile-wrapper team-tile"><img src="https://static.igem.org/mediawiki/2019/a/a8/T--Cornell--TeamTile.png" alt="Team">
+
             <div class="tile-wrapper team-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Team'"><img src="https://static.igem.org/mediawiki/2019/a/a8/T--Cornell--TeamTile.png" alt="Team">
 
                 <div class="overlay">
 
                 <div class="overlay">
 
                     <div class="tile-title">THE TEAM</div>
 
                     <div class="tile-title">THE TEAM</div>
Line 575: Line 607:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
        <div class="wrapper-space"><br><br></div>
 
         <!------------------------END TILES------------------------>
 
         <!------------------------END TILES------------------------>
 
         <!------------------------ FOOTER START ------------------------>
 
         <!------------------------ FOOTER START ------------------------>
Line 586: Line 619:
 
                 </div>
 
                 </div>
 
                 <div class="icon-wrapper">
 
                 <div class="icon-wrapper">
−
                     <a class="icon" href="https://www.instagram.com/cugem/"><img src="https://static.igem.org/mediawiki/2019/3/37/T--Cornell--Instagram.png"></a>
+
                     <a class="icon" href="https://www.instagram.com/cugem/"><img src="https://static.igem.org/mediawiki/2019/3/37/T--Cornell--Instagram.png" style="padding: 0;"></a>
 
                 </div>
 
                 </div>
 
                 <div class="icon-wrapper icon-wrapper-last">
 
                 <div class="icon-wrapper icon-wrapper-last">

Latest revision as of 21:32, 21 October 2019

Team:Cornell - 2019.igem.org

Developing a community-oriented Harmful Algal Bloom detection and remediation system.

Wet Lab
WET LAB
Product Development
PRODUCT DEV
Policies & Practices
POLICY &
PRACTICES
Outreach
OUTREACH
Business
BUSINESS
Team
THE TEAM