Difference between revisions of "Team:Cornell"

 
(59 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
    <style>
+
  <style>
 +
 
 
         /* hides "Team:Cornell" and iGEM logo */
 
         /* hides "Team:Cornell" and iGEM logo */
 
         #top_title {
 
         #top_title {
Line 13: Line 14:
  
 
         #content {
 
         #content {
−
            background: #0d1c38;
 
 
             padding: 0px;
 
             padding: 0px;
 
             width: 100% !important;
 
             width: 100% !important;
Line 34: Line 34:
 
             list-style-image: none;
 
             list-style-image: none;
 
         }
 
         }
 +
 +
  /*Start Styles for Home Page*/
 +
 +
        /* Font Styling */
 +
        @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
 +
        @font-face {
 +
            font-family: 'Futura';
 +
            src: url('../futura/futura\ medium\ bt.ttf');
 +
        }
 +
 +
        body {
 +
            font-family: 'Open Sans', sans-serif;
 +
        }
 +
 +
        .dropbtn, .dropdown-content {
 +
            font-size: 16px;
 +
        }
 +
 +
        .tile-title {
 +
            font-family: 'Futura', sans-serif;
 +
            line-height: 1em;
 +
color: rgba(0, 0, 0, 1)
 +
        }
 +
        /* End Font Styling */
 +
 +
        html,
 +
        body {
 +
            width: 100%;
 +
            height: 100%;
 +
            margin: 0;
 +
            padding: 0;
 +
            overflow-x: hidden;
 +
        }
 +
       
 +
        body {
 +
            background-size: 40px 40px;
 +
        }
 +
       
 +
        p {
 +
            color: #000;
 +
        }
 +
       
 +
        nav {
 +
            padding-top: 30px;
 +
            padding-bottom: 30px;
 +
            padding-right: 100px;
 +
            background-color: #a0e0bd;
 +
            height: 98px;
 +
        }
 +
       
 +
        .nav-bar-logo {
 +
            vertical-align: top;
 +
            display: inline-block;
 +
            float: left;
 +
            margin-left: 80px;
 +
            margin-top: 10px;
 +
            width: 200px;
 +
        }
 +
       
 +
        .nav-bar-logo img {
 +
            width: 200px;
 +
        }
 +
       
 +
        .banner-container {
 +
            display: flex;
 +
            flex-direction: row;
 +
            flex-wrap: wrap;
 +
            justify-content: center;
 +
        }
 +
       
 +
        .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;
 +
        }
 +
 +
      .dropdown-content a:hover {
 +
          background-color: #a0e0bd !important;
 +
      }
 +
       
 +
        .toolkit-dropdown-content {
 +
            width: 630px;
 +
            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;
 +
            padding-left: 18px;
 +
            border-right: 0.5px solid white;
 +
        }
 +
       
 +
        .icon-wrapper-last {
 +
            border-right: none;
 +
        }
 +
       
 +
        .icon {
 +
            margin: 16px;
 +
        }
 +
       
 +
        .icon img {
 +
            height: 24px;
 +
        }
 +
 +
    .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-size: 20px;
 +
        margin-bottom: 80px;
 +
        text-align: center;
 +
    }
 +
 +
.tiles-wrapper {
 +
  background-color: #F9FCFB;
 +
}
 +
 +
    .home-banner-wrapper {
 +
        position: relative;
 +
        background: #a0e0bd;
 +
        height: 675px;
 +
        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;
 +
    }
 +
 +
    .tiles-wrapper img {
 +
        width: 90%;
 +
        border-radius: 50%;
 +
        display: block;
 +
        margin: 15px auto 15px auto;
 +
    }
 +
 +
    .tile-wrapper {
 +
        position: relative;
 +
    }
 +
 +
    .tile-title {
 +
        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: #F9FCFB;
 +
    opacity: .7;
 +
    }
 +
 +
.wrapper-space {
 +
  background-color: #F9FCFB;
 +
}
 +
 +
    /*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*/
 +
 +
    a.icon {
 +
        padding: 0 !important;
 +
    }
  
 
     </style>
 
     </style>
−
     <title>Team:Cornell - 2018.igem.org</title>
+
    <meta name="description" content="Developing a community-oriented Harmful Algal Bloom detection and remediation system.">
 +
     <title>Team:Cornell - 2019.igem.org</title>
 
     <!-- CSS -->
 
     <!-- CSS -->
−
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Cornell/styles?action=raw&ctype=text/css">
+
     <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Team:Cornell/styles?action=raw&ctype=text/css">
−
     <link rel="stylesheet" type="text/css" href="https://2018.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>
−
    <script src="https://2018.igem.org/Team:Cornell/mainJS?action=raw&ctype=text/javascript"></script>
+
 
</head>
 
</head>
 +
 
<body>
 
<body>
−
     <div class="home-page-wrapper">
+
     <div class = "home-page-wrapper">
 
         <!------------------------ NAV BAR START ------------------------>
 
         <!------------------------ NAV BAR START ------------------------>
 
         <nav>
 
         <nav>
 
             <div class="nav-bar-wrapper">
 
             <div class="nav-bar-wrapper">
−
                 <div>
+
                 <div class="nav-bar-main-menu">
−
                    <div class="nav-bar-logo">
+
                    <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>
−
                        <a href="https://2018.igem.org/Team:Cornell"><img src="https://static.igem.org/mediawiki/2018/a/af/T--Cornell--OscillateLogo.png" alt="Oscillate"></a>
+
−
                    </div>
+
−
                    <div class="nav-bar-main-menu">
+
 
                     <div class="dropdown">
 
                     <div class="dropdown">
 
                         <button class="dropbtn">TEAM</button>
 
                         <button class="dropbtn">TEAM</button>
 
                         <div class="dropdown-content team-dropdown-content">
 
                         <div class="dropdown-content team-dropdown-content">
−
                             <a href="https://2018.igem.org/Team:Cornell/Team">BIOS</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Team">BIOS</a>
−
                             <a href="https://2018.igem.org/Team:Cornell/Sponsors">SPONSORS</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Sponsors">SPONSORS</a>
−
                             <a href="https://2018.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 65: 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://2018.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Public_Engagement">EDUCATION & ENGAGEMENT</a>
−
                             <a href="https://2018.igem.org/Team:Cornell/Public_Engagement">PUBLIC ENGAGEMENT</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="dropdown">
 
                     <div class="dropdown">
−
                         <button class="dropbtn">HUMAN-CENTERED DESIGN</button>
+
                         <button class="dropbtn">HUMAN PRACTICES</button>
 
                         <div class="dropdown-content human-dropdown-content">
 
                         <div class="dropdown-content human-dropdown-content">
−
                             <a href="https://2018.igem.org/Team:Cornell/Human_Practices">PRACTICES</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Human_Practices">INTEGRATED PRACTICES</a>
−
                             <a href="https://2018.igem.org/Team:Cornell/Policies">POLICIES</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Policies">POLICIES</a>
−
                             <a href="https://2018.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="dropdown">
 
                     <div class="dropdown">
−
                         <button class="dropbtn">MODELING</button>
+
                         <button class="dropbtn"
−
                        <div class="dropdown-content modeling-dropdown-content">
+
                            onclick="location.href='https://2019.igem.org/Team:Cornell/Model'">MODELING</button>
−
                            <a href="https://2018.igem.org/Team:Cornell/Model">MODELING</a>
+
−
                            <a href="https://2018.igem.org/Team:Cornell/Testing">TESTING</a>
+
−
                        </div>
+
 
                     </div>
 
                     </div>
 
                     <div class="dropdown">
 
                     <div class="dropdown">
Line 89: Line 519:
 
                             <ul>
 
                             <ul>
 
                                 <div class="nav-first-col">
 
                                 <div class="nav-first-col">
−
                                     <li class = "wet-lab-list-title"><b>WET LAB</b></li>
+
                                     <li class="wet-lab-list-title"><b>WET LAB</b></li>
−
                                     <li><a href="https://2018.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li>
+
                                     <li><a href="https://2019.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li>
−
                                     <li><a href="https://2018.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li>
+
                                     <li><a href="https://2019.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li>
−
                                     <li><a href="https://2018.igem.org/Team:Cornell/InterLab">INTERLAB</a></li>
+
                                     <li><a href="https://2019.igem.org/Team:Cornell/Parts">PARTS</a></li>
−
                                    <li><a href="https://2018.igem.org/Team:Cornell/Parts">PARTS</a></li>
+
                                     <li><a href="https://2019.igem.org/Team:Cornell/BasicParts">BASIC PARTS</a></li>
−
                                     <li><a href="https://2018.igem.org/Team:Cornell/Basic_Part">BASIC PARTS</a></li>
+
                                     <li><a href="https://2019.igem.org/Team:Cornell/CompositeParts">COMPOSITE PARTS</a></li>
−
                                     <li><a href="https://2018.igem.org/Team:Cornell/Composite_Part">COMPOSITE PARTS</a></li>
+
−
                                    </li>
+
 
                                 </div>
 
                                 </div>
 
                                 <div class="nav-second-col">
 
                                 <div class="nav-second-col">
−
                                     <li class = "doc-list-title"><b>DOCUMENTATION</b></li>
+
                                     <li class="pd-list-title"><b>PRODUCT DEVELOPMENT</b></li>
−
                                     <li><a href="https://2018.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li>
+
                                     <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li>
−
                                     <li><a href="https://2018.igem.org/Team:Cornell/Safety">SAFETY</a></li>
+
                                     <li><a href="https://2019.igem.org/Team:Cornell/Hardware">HARDWARE</a></li>
−
                                     </li>
+
                                </div>
 +
                                <div class="nav-third-col">
 +
                                     <li class="doc-list-title"><b>DOCUMENTATION</b></li>
 +
                                    <li><a href="https://2019.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li>
 +
                                    <li><a href="https://2019.igem.org/Team:Cornell/Safety">SAFETY</a></li>
 
                                 </div>
 
                                 </div>
 
                             </ul>
 
                             </ul>
Line 108: Line 540:
 
                     </div>
 
                     </div>
 
                     <div class="dropdown">
 
                     <div class="dropdown">
−
                         <button class="dropbtn" onclick="location.href='https://2018.igem.org/Team:Cornell/About'">ABOUT</button>
+
                         <button class="dropbtn"
 +
                            onclick="location.href='https://2019.igem.org/Team:Cornell/Description'">ABOUT</button>
 
                     </div>
 
                     </div>
 
                     <div class="dropdown">
 
                     <div class="dropdown">
−
                         <button class="dropbtn active-page" onclick="location.href='https://2018.igem.org/Team:Cornell'">HOME</button>
+
                         <button class="dropbtn active-page"
 +
                            onclick="location.href='https://2019.igem.org/Team:Cornell'">HOME</button>
 
                     </div>
 
                     </div>
−
                </div>
 
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </nav>
 
         </nav>
−
         <!------------------------ NAV BAR END ------------------------>
+
         <!------------------------ NAV BAR END ------------------------->
  
−
         <!------------------------ HOME BANNER START ------------------------>
+
         <!------------------------ BANNER START ------------------------>
−
         <header class="home-banner">
+
 
−
            <svg class="red-wave-animation" viewbox="0 0 1100 1100" width="110%">
+
         <div class="home-banner-wrapper">
−
                <defs>
+
             <div class="banner-container">
−
                    <linearGradient id="gradient">
+
                 <img class="home-banner-logo" src="https://static.igem.org/mediawiki/2019/7/73/T--Cornell--BigLogo.png"></img>
−
                        <stop offset="0%" stop-color="#c93843">
+
                <img class="home-banner-plants" src="https://static.igem.org/mediawiki/2019/b/b4/T--Cornell--Plants.png"></img>
−
                            <animate id="anim1" attributeName="stop-color" values="#c93843;#0d1c38;#c93843" begin="0; anim2.end" fill="freeze" dur="5s" repeatCount="indefinite"></animate>
+
−
                        </stop>
+
−
                        <stop offset="100%" stop-color="#000000">
+
−
                            <animate id="anim2" attributeName="stop-color" values="#0d1c38;#c93843;#0d1c38" begin="anim1.end; 0" fill="freeze" dur="5s" repeatCount="indefinite"></animate>
+
−
                        </stop>
+
−
                    </linearGradient>
+
−
                </defs>
+
−
             
+
−
                <path d="M 0 50
+
−
                      Q 50 0, 125 35, 200 70, 275 35, 350 0, 425 35,
+
−
                      500 70, 575 35, 650 0, 725 35, 800 70, 875 35,
+
−
                      950 0, 1025 35, 1100 70, 1175 35, 1250 0, 1325 35,
+
−
                      1400 70, 1475 35, 1550 0, 1625 35, 1700 70"
+
−
                      stroke-width="1" stroke="url(#gradient)" fill="none" transform="translate(-40,0)" />
+
−
                <path d="M 0 50
+
−
                      Q 50 0, 125 40, 200 80, 275 40, 350 0, 425 40,
+
−
                      500 80, 575 40, 650 0, 725 40, 800 80, 875 40,
+
−
                      950 0, 1025 40, 1100 80, 1175 40, 1250 0, 1325 40,
+
−
                      1400 80, 1475 40, 1550 0, 1625 40, 1700 80"
+
−
                      stroke-width="1" stroke="url(#gradient)" fill="none" transform="translate(-35,0)" />
+
−
                <path d="M 0 50
+
−
                      Q 50 0, 125 45, 200 90, 275 45 350 0, 425 45
+
−
                      500 90, 575 45, 650 0, 725 45, 800 90, 875 45,
+
−
                      950 0, 1025 45, 1100 90, 1175 45, 1250 0, 1325 45,
+
−
                      1400 90, 1475 45, 1550 0, 1625 45, 1700 90"
+
−
                      stroke-width="1" stroke="url(#gradient)" fill="none" transform="translate(-30,0)" />
+
−
                <path d="M 0 50
+
−
                        Q 50 0, 125 50, 200 100, 275 50 350 0, 425 50
+
−
                        500 100, 575 50, 650 0, 725 50, 800 100, 875 50,
+
−
                        950 0, 1025 50, 1100 100, 1175 50, 1250 0, 1325 50,
+
−
                        1400 100, 1475 50, 1550 0, 1625 50, 1700 100"
+
−
                        stroke-width="1" stroke="url(#gradient)" fill="none" transform="translate(-25,0)" />
+
−
                <path d="M 0 50
+
−
                        Q 50 0, 125 55, 200 110, 275 55 350 0, 425 55
+
−
                        500 110, 575 55, 650 0, 725 55, 800 110, 875 55,
+
−
                        950 0, 1025 55, 1100 110, 1175 55, 1250 0, 1325 55,
+
−
                        1400 110, 1475 55, 1550 0, 1625 55, 1700 110"
+
−
                        stroke-width="1" stroke="url(#gradient)"
+
−
                        fill="none" transform="translate(-20,0)" />
+
−
                <path d="M 0 50
+
−
                      Q 50 0, 125 60, 200 120, 275 60 350 0, 425 60
+
−
                      500 120, 575 60, 650 0, 725 60, 800 120, 875 60,
+
−
                      950 0, 1025 60, 1100 120, 1175 60, 1250 0, 1325 60,
+
−
                      1400 120, 1475 60, 1550 0, 1625 60, 1700 120"
+
−
                      stroke-width="1" stroke="url(#gradient)"
+
−
                      transform="translate(-15, 0)" fill="none" />
+
−
                <path d="M 0 50
+
−
                      Q 50 0, 125 65, 200 130, 275 65 350 0, 425 65
+
−
                      500 130, 575 65, 650 0, 725 65, 800 130, 875 65,
+
−
                      950 0, 1025 65, 1100 130, 1175 65, 1250 0, 1325 65,
+
−
                      1400 130, 1475 65, 1550 0, 1625 65, 1700 130"
+
−
                      stroke-width="1" stroke="url(#gradient)"
+
−
                      transform="translate(-10, 0)" fill="none" />
+
−
                <path d="M 0 55
+
−
                        Q 55 0, 130 70, 205 140, 280 70 355 0, 430 70
+
−
                        505 140, 580 70, 655 0, 730 70, 805 140, 880 70,
+
−
                        955 0, 1030 70, 1105 140, 1180 70, 1255 0, 1330 70,
+
−
                        1405 140, 1480 70, 1555 0, 1630 70, 1705 140"
+
−
                      stroke-width="1" stroke="url(#gradient)" fill="none"
+
−
                      transform="translate(-5,0)" />
+
−
                <path d="M 0 55
+
−
                        Q 55 0, 130 75, 205 150, 280 75 355 0, 430 75
+
−
                        505 150, 580 75, 655 0, 730 75, 805 150, 880 75,
+
−
                        955 0, 1030 75, 1105 150, 1180 75, 1255 0, 1330 75,
+
−
                        1405 150, 1480 75, 1555 0, 1630 75, 1705 150"
+
−
                      stroke-width="1" stroke="url(#gradient)" fill="none" />
+
−
            </svg>
+
−
             <div class="home-banner-wrapper">
+
−
                 <div class="home-banner-content-wrapper">
+
−
                    <img class="home-banner-logo" src="https://static.igem.org/mediawiki/2018/a/af/T--Cornell--OscillateLogo.png">
+
−
                    <div class="home-banner-caption">Introducing a novel frequency-based biological band-pass filter.</div>
+
−
                    <div class="home-banner-chevron-wrapper">
+
−
                        <a id="chevron-button" href="#home-description"><img class="home-banner-chevron" src="https://static.igem.org/mediawiki/2018/d/d0/T--Cornell--RedChevron.jpg"></a>
+
−
                    </div>
+
−
                </div>
+
 
             </div>
 
             </div>
−
         </header>
+
         </div>
−
         <!------------------------ HOME BANNER END ------------------------>
+
         <!------------------------ BANNER END -------------------------->
  
 
         <!------------------------ DESCRIPTION START ------------------------>
 
         <!------------------------ DESCRIPTION START ------------------------>
 
         <div class="home-description-wrapper">
 
         <div class="home-description-wrapper">
 
             <div class="home-description-logo-wrapper">
 
             <div class="home-description-logo-wrapper">
−
                 <a id="home-description"><img class="home-description-logo" src="https://static.igem.org/mediawiki/2018/5/53/T--Cornell--CornelliGEMLogoWhite.jpg"></a>
+
                 <a id="home-description"><img class="home-description-logo" src="https://static.igem.org/mediawiki/2019/0/07/T--Cornell--CornelliGEMLogo.png"></a>
 
             </div>
 
             </div>
−
            <hr class="yellow-accent-line-center">
 
 
             <div class="home-description">
 
             <div class="home-description">
−
                 At Cornell iGEM, we look to the future to build now what synthetic biology needs next. We developed our project with the synthetic biology community in mind, and built a tool that the field can use for years to come. Our project shifts the paradigm of cellular signaling to a frequency-based signal and is an innovative step in mimicking digital systems.  <br><br><div><span id="home-description-emphasis-words"><i>Come explore the future with us.</i></span></div>
+
                 Developing a community-oriented Harmful Algal Bloom detection and remediation system.
−
            </div>
+
−
            <div class="home-red-frequency-wrapper">
+
−
                <img class="home-red-frequency" src="https://static.igem.org/mediawiki/2018/2/20/T--Cornell--RedFrequencyWithLines.jpg">
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <!------------------------ DESCRIPTION END ------------------------>
 
         <!------------------------ DESCRIPTION END ------------------------>
  
−
         <!------------------------ SUB-DESCRIPTIONS START ------------------------>
+
         <!------------------------TILES------------------------>
−
         <div class="home-sub-descriptions-wrapper">
+
         <div class="wrapper-space"><br></div>       
−
            <div class="home-sub-description-left">
+
<div class="tiles-wrapper">
−
                <div class="home-sub-description-left-content">
+
            <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="sub-description-sub-heading-left">
+
                <div class="overlay">
−
                        Wet Lab
+
                     <div class="tile-title">WET LAB</div></a>
−
                    </div>
+
−
                     <hr class="yellow-accent-line-left-sub">
+
−
                    <div>But how? We rely on sensory elements to allow cells to respond to frequency signals, while combining them with tunable protein degradation tags to control the kinetics of protein expression. This has allowed us to develop a tunable gene-expression system developed to respond to controlled and defined stimuli. This further acts as a template for development of systems responsive to various frequency input signals, from heat to light to sound.</div>
+
 
                 </div>
 
                 </div>
−
                <div class="home-sub-description-right-image">
+
            </div>
−
                <img src="https://static.igem.org/mediawiki/2018/5/56/T--Cornell--SnehaInLab.jpg">
+
            <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="tile-title">PRODUCT DEV</div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="home-sub-description-right">
+
             <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="home-sub-description-right-content">
+
                 <div class="overlay">
−
                <div class="sub-description-sub-heading-right">
+
                    <div class="tile-title pp-title">POLICY & <br>PRACTICES</div>
−
                    Modeling
+
 
                 </div>
 
                 </div>
−
                <hr class="yellow-accent-line-right-sub">
+
            </div>
−
                 <div>Innovative modeling serves as a critical component of our toolkit and as a modular tool that other teams can use in the future. We developed advanced deterministic and stochastic models using a unique proof-based approach. Further, we were able to draw from Degree Theory in mathematics to construct formal proofs regarding the nature of our dynamical system independent of specific parameter values to create a robust modeling framework.</div>
+
            <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="tile-title">OUTREACH</div>
 
                 </div>
 
                 </div>
−
                <div class="home-sub-description-left-image">
+
            </div>
−
                <img src="https://static.igem.org/mediawiki/2018/f/f6/T--Cornell--modelingIcon.jpg">
+
            <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="tile-title">BUSINESS</div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
 
+
             <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="home-sub-description-left2">
+
                <div class="overlay">
−
                <div class="home-sub-description-left-content">
+
                    <div class="tile-title">THE TEAM</div>
−
                    <div class="sub-description-sub-heading-left">
+
−
                        Human Practices
+
−
                    </div>
+
−
                    <hr class="yellow-accent-line-left-sub">
+
−
                    <div>As a team, we always try to keep in mind the impact of our projects as well as the considerations we make in their design. We spoke with other iGEM teams and synthetic biologists to learn more about how to design our system, and where it could go in the future. We further integrated ourselves in the local and national communities, leading workshops and teaching local students about the growing field of synthetic biology and the exciting possibilities it can have!</div>
+
−
                </div>
+
−
                <div class="home-sub-description-right-image">
+
−
                <img src="https://static.igem.org/mediawiki/2018/b/ba/T--Cornell--humanPracticesIcon.JPG">
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <!------------------------ SUB-DESCRIPTIONS END ------------------------>
+
        <div class="wrapper-space"><br><br></div>
−
 
+
         <!------------------------END TILES------------------------>
−
        <!------------------------ FOOTER START ------------------------>
+
        <!------------------------ FOOTER START ------------------------>
 
         <footer>
 
         <footer>
 
             <div class="footer-wrapper">
 
             <div class="footer-wrapper">
 
                 <div class="icon-wrapper">
 
                 <div class="icon-wrapper">
−
                     <a class="icon" href="http://facebook.com/cornelligem"><img src="https://static.igem.org/mediawiki/2018/3/30/T--Cornell--Facebook.jpg"></a>
+
                     <a class="icon" href="http://facebook.com/cornelligem"><img src="https://static.igem.org/mediawiki/2019/4/44/T--Cornell--Facebook.png"></a>
 
                 </div>
 
                 </div>
 
                 <div class="icon-wrapper">
 
                 <div class="icon-wrapper">
−
                     <a class="icon" href="http://twitter.com/cugem"><img src="https://static.igem.org/mediawiki/2018/0/02/T--Cornell--Twitter.jpg"></a>
+
                     <a class="icon" href="http://twitter.com/cugem"><img src="https://static.igem.org/mediawiki/2019/8/80/T--Cornell--Twitter.png"></a>
 
                 </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/2018/a/ae/T--Cornell--Instagram.jpg"></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">
−
                     <a class="icon" href="https://www.youtube.com/channel/UCJt-5JfyoucUJXC1EsTllhg"><img src="https://static.igem.org/mediawiki/2018/7/77/T--Cornell--Youtube.jpg"></a>
+
                     <a class="icon" href="https://www.youtube.com/channel/UCJt-5JfyoucUJXC1EsTllhg"><img src="https://static.igem.org/mediawiki/2019/3/3c/T--Cornell--Youtube.png"></a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

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