Difference between revisions of "Team:Cornell/Description"

(Add code for About Page)
 
(55 intermediate revisions by 2 users not shown)
Line 22: Line 22:
 
         /* removes default styling for home banner tagline */
 
         /* removes default styling for home banner tagline */
 
         #HQ_page p {
 
         #HQ_page p {
             font-family: 'Opens Sans', sans-serif;
+
             font-family: 'Open Sans', sans-serif;
 +
            font-size: 16px;
 +
            font-weight: 100;
 +
            color: #000;
 +
            padding-top: 0;
 +
            padding-bottom: 0;
 
         }
 
         }
  
Line 35: Line 40:
 
         }
 
         }
  
    @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
+
      a {
    html,
+
          color: #000;
    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;
+
        }
    }
+
  
    nav {
+
         .dropbtn, .dropdown-content {
         padding-top: 30px;
+
            font-size: 16px;
        padding-bottom: 30px;
+
         }
         padding-right: 100px;
+
        background-color: #a0e0bd;
+
        height: 38px;
+
    }
+
  
    .nav-bar-logo {
+
        .standard-page-banner > svg > text, .standard-page-content-title, .standard-page-side-bar-wrapper {
        vertical-align: top;
+
            font-family: 'Futura', sans-serif;
        display: inline-block;
+
         }
         float: left;
+
         /* End Font Styling */
         margin-left: 80px;
+
        margin-top: -5px;
+
    }
+
  
    .nav-bar-logo img {
+
        html,
         width: 140px;
+
         body {
    }
+
            width: 100%;
 
+
            height: 100%;
    .nav-bar-main-menu {
+
            margin: 0;
        font-family: 'Raleway', sans-serif;
+
            padding: 0;
    }
+
            overflow-x: hidden;
 
+
        }
    .banner-container {
+
       
        display: flex;
+
        body {
         flex-direction: row;
+
            background-size: 40px 40px;
         flex-wrap: wrap;
+
         }
         justify-content: center;
+
          
    }
+
         p {
 
+
            color: #000;
    .home-banner-logo {
+
        }
        height: 250px;
+
       
        width: 35%;
+
        nav {
        padding-top: 170px;
+
            padding-top: 30px;
        margin-right: -400px;
+
            padding-bottom: 30px;
    }
+
            padding-right: 100px;
 
+
            background-color: #a0e0bd;
    .home-banner-wrapper {
+
            height: 98px;
        background: #a0e0bd;
+
        }
        height: 400px;
+
       
        width: 100%;
+
        .nav-bar-logo {
    }
+
            vertical-align: top;
 
+
            display: inline-block;
    .home-banner-plants {
+
            float: left;
        height: 400px;
+
            margin-left: 80px;
        width: 80%;
+
            margin-top: -5px;
    }
+
        }
 
+
       
    .dropbtn {
+
        .nav-bar-logo img {
        background-color: transparent;
+
            width: 140px;
         text-decoration: none;
+
         }
         padding: 15px;
+
          
         margin: 0px;
+
         .banner-container {
        font-size: 15px;
+
            display: flex;
        border: none;
+
            flex-direction: row;
        color: #fff;
+
            flex-wrap: wrap;
    }
+
            justify-content: center;
 
+
        }
    @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;
    }
+
text-decoration: ul;
 
+
        }
    .outreach-dropdown-content {
+
       
        width: 230px;
+
        .nav-second-col {
        left: -40px;
+
            margin-left: 30px;
    }
+
        }
 
+
       
    .team-dropdown-content {
+
        .nav-third-col {
        width: 140px;
+
            margin-left: 30px;
        left: -35px;
+
        }
    }
+
       
 
+
        .dropbtn:hover,
    .dropdown-content a {
+
        .active-page {
        color: #ffffff;
+
            color: #016C64;
        padding: 12px 16px;
+
            transition-duration: 0.5s;
        text-decoration: none;
+
        }
        display: block;
+
       
    }
+
        .dropdown-content a:hover {
 
+
            color: #016C64;
    .wet-lab-list-title,
+
            background-color: #ffffff;
    .doc-list-title,
+
        }
    .pd-list-title {
+
       
        padding-top: 12px;
+
        .dropdown:hover .dropdown-content {
        padding-left: 16px;
+
            display: block;
        padding-bottom: 14px;
+
        }
    }
+
       
 
+
        footer {
    .nav-second-col {
+
            padding: 35px;
        margin-left: 30px;
+
            position: relative;
    }
+
            text-align: center;
 
+
            background-color: #a0e0bd;
    .nav-third-col {
+
        }
        margin-left: 30px;
+
       
    }
+
        .footer-wrapper {
 
+
            margin: auto;
    .dropbtn:hover,
+
            display: inline-block;
    .active-page {
+
        }
        color: #016C64;
+
       
        transition-duration: 0.5s;
+
        .icon-wrapper {
    }
+
            display: inline-block;
 
+
            position: relative;
    .dropdown-content a:hover {
+
            padding-right: 18px;
        color: #016C64;
+
            padding-left: 18px;
        background-color: #ffffff;
+
            border-right: 0.5px solid white;
    }
+
        }
 
+
       
    .dropdown:hover .dropdown-content {
+
        .icon-wrapper-last {
        display: block;
+
            border-right: none;
    }
+
        }
 
+
       
    footer {
+
        .icon {
        padding: 35px;
+
            margin: 16px;
        position: relative;
+
        }
        text-align: center;
+
       
        background-color: #a0e0bd;
+
        .icon img {
    }
+
            height: 24px;
 
+
        }
    .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;
+
    }
+
  
 
     /*Start Styles for Standard Page*/
 
     /*Start Styles for Standard Page*/
 
     .standard-page-banner {
 
     .standard-page-banner {
         background-image: url(https://static.igem.org/mediawiki/2019/6/63/T--Cornell--TeamPic.png);
+
         background-image: url(https://static.igem.org/mediawiki/2019/c/ce/T--Cornell--about-banner.jpeg);
 
         background-size: cover;
 
         background-size: cover;
        font-family: Raleway;
 
 
         fill: black;
 
         fill: black;
         font-size: 14px;
+
         font-size: 10px;
 
     }
 
     }
  
Line 256: Line 266:
 
         text-decoration: none;
 
         text-decoration: none;
 
         color: #016C64;
 
         color: #016C64;
         font-weight: bold;
+
         font-size: 16px;
 
     }
 
     }
  
 
     .standard-page-side-bar {
 
     .standard-page-side-bar {
 
         list-style-type: none;
 
         list-style-type: none;
        font-family: 'Open Sans', sans-serif;
 
 
         padding-left: 15px;
 
         padding-left: 15px;
 
         padding-right: 15px;
 
         padding-right: 15px;
Line 273: Line 282:
  
 
     .standard-page-content-title {
 
     .standard-page-content-title {
        font-family: 'Merriweather', serif;
 
 
         font-size: 24px;
 
         font-size: 24px;
        font-weight: 700;
+
         color: #000 !important;
         color: #000;
+
 
         position: relative;
 
         position: relative;
 
     }
 
     }
Line 289: Line 296:
  
 
     .standard-page-content-subheading {
 
     .standard-page-content-subheading {
        font-family: 'Merriweather', serif;
 
 
         font-size: 18px;
 
         font-size: 18px;
 
         font-weight: 1;
 
         font-weight: 1;
 
         color: #000;
 
         color: #000;
         padding-top: 8%;
+
         padding-top: 40px;
 
         padding-bottom: 0;
 
         padding-bottom: 0;
 +
    }
 +
 +
    .standard-page-content-section {
 +
        margin-top: 40px;
 +
        margin-bottom: 40px;
 
     }
 
     }
  
Line 340: Line 351:
  
 
     .standard-page-side-bar-wrapper {
 
     .standard-page-side-bar-wrapper {
 +
        margin-top: 35px;
 
         grid-area: standardpagesidebar;
 
         grid-area: standardpagesidebar;
 
     }
 
     }
Line 345: Line 357:
 
     .standard-page-content-wrapper {
 
     .standard-page-content-wrapper {
 
         grid-area: standardpagecontent;
 
         grid-area: standardpagecontent;
 +
    }
 +
 +
    a.icon {
 +
        padding: 0 !important;
 
     }
 
     }
  
Line 358: Line 374:
 
</head>
 
</head>
 
<body>
 
<body>
     <div class ="about-page-wrapper">
+
     <div class ="standard-page-wrapper">
 
         <!------------------------ NAV BAR START ------------------------>
 
         <!------------------------ NAV BAR START ------------------------>
 
         <nav>
 
         <nav>
 
             <div class="nav-bar-wrapper">
 
             <div class="nav-bar-wrapper">
 +
                <div class="nav-bar-logo">
 +
                        <a href="https://2019.igem.org/Team:Cornell"><img src="https://static.igem.org/mediawiki/2019/9/94/T--Cornell--Logo.png" alt="reHAB"></a>
 +
                </div>
 
                 <div class="nav-bar-main-menu">
 
                 <div class="nav-bar-main-menu">
 
                     <div class="dropdown">
 
                     <div class="dropdown">
Line 374: Line 393:
 
                         <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 381: Line 400:
 
                         <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 403: Line 422:
 
                                 </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 416: Line 436:
 
                     <div class="dropdown">
 
                     <div class="dropdown">
 
                         <button class="dropbtn active-page"
 
                         <button class="dropbtn active-page"
                             onclick="https://2019.igem.org/Team:Cornell/Description">ABOUT</button>
+
                             onclick="location.href='https://2019.igem.org/Team:Cornell/Description'">ABOUT</button>
 
                     </div>
 
                     </div>
 
                     <div class="dropdown">
 
                     <div class="dropdown">
 
                         <button class="dropbtn"
 
                         <button class="dropbtn"
                             onclick="https://2019.igem.org/Team:Cornell">HOME</button>
+
                             onclick="location.href='https://2019.igem.org/Team:Cornell'">HOME</button>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 429: Line 449:
 
         <header class="standard-page-banner">
 
         <header class="standard-page-banner">
 
             <svg viewBox="0 0 100 100" width=100% height=100%>
 
             <svg viewBox="0 0 100 100" width=100% height=100%>
                <circle cx="50" cy="50" r="40" fill="white" fill-opacity="0.4"/>
 
 
                 <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>About</text>
 
                 <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>About</text>
 
             </svg>
 
             </svg>
 
         </header>
 
         </header>
 
         <!------------------------ STANDARD PAGE BANNER END ------------------------>
 
         <!------------------------ STANDARD PAGE BANNER END ------------------------>
         <!------------------------ ABOUT PAGE CONTENT START ------------------------>
+
         <!------------------------ STANDARD PAGE SIDE BAR + CONTENT START ------------------------>
         <div class="about-page-content-wrapper">
+
         <div class="standard-page-side-bar-content-wrapper">
          <div class="about-content-wrapper">
+
            <!------------------------ STANDARD PAGE SIDE BAR START ------------------------>
             <div class="about-header-wrapper"><p class="about-header-text">Project Overview<p></div>
+
            <div class="standard-page-side-bar-wrapper">
            <div class="about-text-wrapper">
+
                <ul class="standard-page-side-bar">
              <p class="about-body-text">At Cornell iGEM, we understand the risks associated with our
+
                    <li><a href="#pageheading1">PROJECT OVERVIEW</a></li>
              work and take all necessary precautions to minimize those risks. As a team, we take safety  
+
                    <li><a href="#pageheading2">PROJECT DESCRIPTION</a></li>
              very seriously and a detailed description of our procedures can be found below.  
+
                    <li><a href="#pageheading3">PROJECT INSPIRATION</a></li>
 +
                    <li><a href="#pageheading4">REFERENCES</a></li>
 +
                </ul>
 +
            </div>
 +
            <!------------------------ STANDARD PAGE SIDE BAR END ------------------------>
 +
            <!------------------------ STANDARD PAGE CONTENT START ------------------------>
 +
             <div class="standard-page-content-wrapper">
 +
                <div class="standard-page-content-section">
 +
                    <div class="standard-page-content-title"><div id="pageheading1">PROJECT OVERVIEW</div></div>
 +
                    <hr class="green-accent-line-left">
 +
                    <div class="standard-page-content-subheading"></div>
 +
                    <p class="standard-page-content-text">
 +
                        Cornell iGEM is working to create a microcystin detection and remediation system to combat the toxins produced by cyanobacteria in harmful algal blooms (HABs). As a team, we take safety very seriously and a detailed description of our procedures can be found below.  
 
               Our protocols are guided by the risk matrix, as we try to both minimize the likelihood  
 
               Our protocols are guided by the risk matrix, as we try to both minimize the likelihood  
 
               of an incident as well as the severity of an incident. Our completed safety form can  
 
               of an incident as well as the severity of an incident. Our completed safety form can  
               be found <a id="safety-hyperlink" href="https://2019.igem.org/File:T--Cornell--Safety2019_Spreadsheet.xls">here</a>.</p>
+
               be found <a id="safety-hyperlink" href="https://2019.igem.org/File:T--Cornell--Safety2019_Spreadsheet.xls">here</a>.
 +
                    </p>
 +
                    <img class="standard-page-content-image" src="">
 +
                </div>
 +
                <div class="standard-page-content-section">
 +
                    <div class="standard-page-content-title"><div id="pageheading2">PROJECT DESCRIPTION</div></div>
 +
                    <hr class="green-accent-line-left">
 +
                    <div class="standard-page-content-subheading"></div>
 +
                    <p class="standard-page-content-text">
 +
                        Cornell iGEM is working to create a microcystin detection and remediation system to combat harmful algal blooms (HABs). For the detection component, we intend to use RNA aptamers to identify the toxins. We will make an automated boat containing a sampler to obtain water samples and to test for microcystins. For remediation, we plan to use a bioreactor containing E. coli with the mlr cassette to degrade the toxins. The E. coli will be encapsulated in alginate beads, and the bioreactor will be an open system that allows water to flow through.
 +
                    </p>
 +
                    <img class="standard-page-content-image" src="">
 +
                </div>
 +
                <div class="standard-page-content-section">
 +
                    <div class="standard-page-content-title"><div id="pageheading3">PROJECT INSPIRATION</div></div>
 +
                    <hr class="green-accent-line-left">
 +
                    <div class="standard-page-content-subheading"></div>
 +
                    <p class="standard-page-content-text">
 +
                        Cornell University is located in Upstate New York near the Finger Lakes region where algal blooms are a common occurrence. However, our research taught us that some algal blooms are considered “harmful” due to the toxins released by the algae, which can prove detrimental to human health and marine life. During our brainstorming process, a few members of our team attended the Community Science Institute’s event, “Nutrients in the Watershed, Unusual Weather, and Harmful Algal Blooms: A Public Conversation” in Aurora, NY. At the event, we met with many researchers and community members who spoke about the impact that HABs has had on their communities, and we felt it would be a meaningful endeavor to pursue a potential solution using synthetic biology.</p>
 +
                    <img class="standard-page-content-image" src="">
 +
                </div>
 +
 
 +
 
 +
 
 +
<div class="standard-page-content-section">
 +
                    <div class="standard-page-content-title"><div id="pageheading4">REFERENCES</div></div>
 +
                    <hr class="green-accent-line-left">
 +
                    <div class="standard-page-content-subheading"></div>
 +
                    <p class="standard-page-content-text">
 +
Foundation for Water Research. “Toxic Algal Blooms in Drinking Water Reservoirs.” TOXIC ALGAL BLOOMS IN DRINKING WATER RESERVOIRS, www.fwr.org/drnkwatr/algaltox.htm.<br><br>
 +
“Harmful Algal Blooms & Drinking Water Treatment.” EPA, Environmental Protection Agency, 17 May 2018, www.epa.gov/water-research/harmful-algal-blooms-drinking-water-treatment.<br><br>
 +
“Keeping the Water Flowing: Helping Water Treatment Facilities Handle Harmful Algal Blooms.” EPA, Environmental Protection Agency, 4 June 2018, www.epa.gov/sciencematters/keeping-water-flowing-helping-water-treatment-facilities-handle-harmful-algal-blooms.<br><br>
 +
“Nutrients in the Watershed, Unusual Weather, and Harmful Algal Blooms: A Public Conversation.” Community Science Institute, 15 Mar. 2019, www.communityscience.org/2019/03/15/nutrients-in-the-watershed-unusual-weather-harmful-algal-blooms-a-public-conversation/.<br><br></p>
 +
                    <img class="standard-page-content-image" src="">
 +
                </div>
 
             </div>
 
             </div>
        <!--DO NOT FORGET TO ADD IN THIS HYPERLINK OH MY GOD-->
+
            <!------------------------ STANDARD PAGE CONTENT END ------------------------>
          </div>
+
 
         </div>
 
         </div>
         <!------------------------ ABOUT PAGE CONTENT END ------------------------>
+
         <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------>
 +
 
 
         <!------------------------ FOOTER START ------------------------>
 
         <!------------------------ FOOTER START ------------------------>
 
         <footer>
 
         <footer>
Line 460: Line 525:
 
                 </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:33, 21 October 2019

Team:Cornell - 2019.igem.org

About
PROJECT OVERVIEW

Cornell iGEM is working to create a microcystin detection and remediation system to combat the toxins produced by cyanobacteria in harmful algal blooms (HABs). As a team, we take safety very seriously and a detailed description of our procedures can be found below. Our protocols are guided by the risk matrix, as we try to both minimize the likelihood of an incident as well as the severity of an incident. Our completed safety form can be found here.

PROJECT DESCRIPTION

Cornell iGEM is working to create a microcystin detection and remediation system to combat harmful algal blooms (HABs). For the detection component, we intend to use RNA aptamers to identify the toxins. We will make an automated boat containing a sampler to obtain water samples and to test for microcystins. For remediation, we plan to use a bioreactor containing E. coli with the mlr cassette to degrade the toxins. The E. coli will be encapsulated in alginate beads, and the bioreactor will be an open system that allows water to flow through.

PROJECT INSPIRATION

Cornell University is located in Upstate New York near the Finger Lakes region where algal blooms are a common occurrence. However, our research taught us that some algal blooms are considered “harmful” due to the toxins released by the algae, which can prove detrimental to human health and marine life. During our brainstorming process, a few members of our team attended the Community Science Institute’s event, “Nutrients in the Watershed, Unusual Weather, and Harmful Algal Blooms: A Public Conversation” in Aurora, NY. At the event, we met with many researchers and community members who spoke about the impact that HABs has had on their communities, and we felt it would be a meaningful endeavor to pursue a potential solution using synthetic biology.

REFERENCES

Foundation for Water Research. “Toxic Algal Blooms in Drinking Water Reservoirs.” TOXIC ALGAL BLOOMS IN DRINKING WATER RESERVOIRS, www.fwr.org/drnkwatr/algaltox.htm.

“Harmful Algal Blooms & Drinking Water Treatment.” EPA, Environmental Protection Agency, 17 May 2018, www.epa.gov/water-research/harmful-algal-blooms-drinking-water-treatment.

“Keeping the Water Flowing: Helping Water Treatment Facilities Handle Harmful Algal Blooms.” EPA, Environmental Protection Agency, 4 June 2018, www.epa.gov/sciencematters/keeping-water-flowing-helping-water-treatment-facilities-handle-harmful-algal-blooms.

“Nutrients in the Watershed, Unusual Weather, and Harmful Algal Blooms: A Public Conversation.” Community Science Institute, 15 Mar. 2019, www.communityscience.org/2019/03/15/nutrients-in-the-watershed-unusual-weather-harmful-algal-blooms-a-public-conversation/.