|
|
(68 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | {{Cornell}}
| |
| <html> | | <html> |
| + | <head> |
| + | <style> |
| | | |
| + | /* hides "Team:Cornell" and iGEM logo */ |
| + | #top_title { |
| + | display: none; |
| + | } |
| | | |
− | <div class="clear"></div>
| + | /* removes padding below footer */ |
| + | #globalWrapper { |
| + | padding: 0; |
| + | } |
| | | |
− | <div class="column full_size">
| + | #content { |
− | <h1>Project Inspiration and Description </h1>
| + | padding: 0px; |
− | <h3>NEW: Bronze Medal Criterion #4</h3>
| + | width: 100% !important; |
| + | margin-top: 0px; |
| + | margin-left: 0px ; |
| + | } |
| | | |
− | <p>
| + | /* removes default styling for home banner tagline */ |
− | 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.
| + | #HQ_page p { |
− | </p>
| + | font-family: 'Open Sans', sans-serif; |
| + | font-size: 16px; |
| + | font-weight: 100; |
| + | color: #000; |
| + | padding-top: 0; |
| + | padding-bottom: 0; |
| + | } |
| | | |
− | <p>
| + | /* removes small extra margin at very bottom below footer */ |
− | 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 { |
− | </p>
| + | margin: 0; |
| + | } |
| | | |
− | <h3>References</h3>
| + | /* removes bullets from Toolkit dropdown menu */ |
| + | ul { |
| + | list-style-image: none; |
| + | } |
| | | |
− | <ul>
| + | a { |
− | <li>Foundation for Water Research. “Toxic Algal Blooms in Drinking Water Reservoirs.” TOXIC ALGAL BLOOMS IN DRINKING WATER RESERVOIRS, www.fwr.org/drnkwatr/algaltox.htm. </li>
| + | color: #000; |
− | <li>“Harmful Algal Blooms & Drinking Water Treatment.” EPA, Environmental Protection Agency, 17 May 2018, www.epa.gov/water-research/harmful-algal-blooms-drinking-water-treatment. </li>
| + | } |
− | <li>“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. </li>
| + | |
− | <li>“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/. </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
| | | |
| + | /* 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; |
| + | } |
| | | |
| + | .standard-page-banner > svg > text, .standard-page-content-title, .standard-page-side-bar-wrapper { |
| + | font-family: 'Futura', sans-serif; |
| + | } |
| + | /* 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: -5px; |
| + | } |
| + | |
| + | .nav-bar-logo img { |
| + | width: 140px; |
| + | } |
| + | |
| + | .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; |
| + | text-decoration: ul; |
| + | } |
| + | |
| + | .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; |
| + | } |
| + | |
| + | /*Start Styles for Standard Page*/ |
| + | .standard-page-banner { |
| + | background-image: url(https://static.igem.org/mediawiki/2019/c/ce/T--Cornell--about-banner.jpeg); |
| + | background-size: cover; |
| + | fill: black; |
| + | font-size: 10px; |
| + | } |
| + | |
| + | .standard-page-side-bar-content-wrapper { |
| + | padding: 5% 0; |
| + | } |
| + | |
| + | .standard-page-side-bar>li>a { |
| + | text-decoration: none; |
| + | color: #016C64; |
| + | font-size: 16px; |
| + | } |
| + | |
| + | .standard-page-side-bar { |
| + | list-style-type: none; |
| + | padding-left: 15px; |
| + | padding-right: 15px; |
| + | vertical-align: middle; |
| + | margin: 0; |
| + | } |
| + | |
| + | .standard-page-side-bar>li { |
| + | margin-bottom: 15px; |
| + | } |
| + | |
| + | .standard-page-content-title { |
| + | font-size: 24px; |
| + | color: #000 !important; |
| + | position: relative; |
| + | } |
| + | |
| + | .green-accent-line-left { |
| + | border: #a0e0bd solid 1px; |
| + | display: block; |
| + | float: left; |
| + | margin: 1em auto 1em auto; |
| + | width: 80px; |
| + | } |
| + | |
| + | .standard-page-content-subheading { |
| + | font-size: 18px; |
| + | font-weight: 1; |
| + | color: #000; |
| + | padding-top: 40px; |
| + | padding-bottom: 0; |
| + | } |
| + | |
| + | .standard-page-content-section { |
| + | margin-top: 40px; |
| + | margin-bottom: 40px; |
| + | } |
| + | |
| + | /*End Style for Standard Page*/ |
| + | /*Start Grid for Standard Page*/ |
| + | |
| + | 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; |
| + | } |
| + | |
| + | .standard-page-wrapper { |
| + | display: grid; |
| + | grid-template-columns: auto; |
| + | grid-template-rows: 100px 550px auto 100px; |
| + | grid-template-areas: "navbar" "standardpagebanner" "standardpagesidebarcontent" "footer"; |
| + | } |
| + | |
| + | .standard-page-banner { |
| + | grid-area: standardpagebanner; |
| + | } |
| + | |
| + | .standard-page-side-bar-content-wrapper { |
| + | display: inline-grid; |
| + | grid-area: standardpagesidebarcontent; |
| + | grid-template-columns: 7.5% 20% 65% 7.5%; |
| + | grid-template-areas: ". standardpagesidebar standardpagecontent ."; |
| + | } |
| + | |
| + | .standard-page-side-bar-wrapper { |
| + | margin-top: 35px; |
| + | grid-area: standardpagesidebar; |
| + | } |
| + | |
| + | .standard-page-content-wrapper { |
| + | grid-area: standardpagecontent; |
| + | } |
| + | |
| + | a.icon { |
| + | padding: 0 !important; |
| + | } |
| + | |
| + | /*End Grid for Standard Page*/ |
| + | |
| + | </style> |
| + | <title>Team:Cornell - 2019.igem.org</title> |
| + | <!-- 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://2019.igem.org/Team:Cornell/grids?action=raw&ctype=text/css"> |
| + | <!-- JS --> |
| + | <script src="https://2019.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script> |
| + | </head> |
| + | <body> |
| + | <div class ="standard-page-wrapper"> |
| + | <!------------------------ NAV BAR START ------------------------> |
| + | <nav> |
| + | <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="dropdown"> |
| + | <button class="dropbtn">TEAM</button> |
| + | <div class="dropdown-content team-dropdown-content"> |
| + | <a href="https://2019.igem.org/Team:Cornell/Team">BIOS</a> |
| + | <a href="https://2019.igem.org/Team:Cornell/Sponsors">SPONSORS</a> |
| + | <a href="https://2019.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn">OUTREACH</button> |
| + | <div class="dropdown-content outreach-dropdown-content"> |
| + | <a href="https://2019.igem.org/Team:Cornell/Public_Engagement">EDUCATION & ENGAGEMENT</a> |
| + | <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn">HUMAN PRACTICES</button> |
| + | <div class="dropdown-content human-dropdown-content"> |
| + | <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/Entrepreneurship">ENTREPRENEURSHIP</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn" |
| + | onclick="location.href='https://2019.igem.org/Team:Cornell/Model'">MODELING</button> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn">TOOLKIT</button> |
| + | <div class="dropdown-content toolkit-dropdown-content"> |
| + | <ul> |
| + | <div class="nav-first-col"> |
| + | <li class="wet-lab-list-title"><b>WET LAB</b></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li> |
| + | <li><a href="https://2019.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://2019.igem.org/Team:Cornell/CompositeParts">COMPOSITE PARTS</a></li> |
| + | </div> |
| + | <div class="nav-second-col"> |
| + | <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/Hardware">HARDWARE</a></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> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn active-page" |
| + | onclick="location.href='https://2019.igem.org/Team:Cornell/Description'">ABOUT</button> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn" |
| + | onclick="location.href='https://2019.igem.org/Team:Cornell'">HOME</button> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </nav> |
| + | <!------------------------ NAV BAR END ------------------------> |
| + | <!------------------------ STANDARD PAGE BANNER START ------------------------> |
| + | <header class="standard-page-banner"> |
| + | <svg viewBox="0 0 100 100" width=100% height=100%> |
| + | <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>About</text> |
| + | </svg> |
| + | </header> |
| + | <!------------------------ STANDARD PAGE BANNER END ------------------------> |
| + | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT START ------------------------> |
| + | <div class="standard-page-side-bar-content-wrapper"> |
| + | <!------------------------ STANDARD PAGE SIDE BAR START ------------------------> |
| + | <div class="standard-page-side-bar-wrapper"> |
| + | <ul class="standard-page-side-bar"> |
| + | <li><a href="#pageheading1">PROJECT OVERVIEW</a></li> |
| + | <li><a href="#pageheading2">PROJECT DESCRIPTION</a></li> |
| + | <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 |
| + | 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> |
| + | <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> |
| + | <!------------------------ STANDARD PAGE CONTENT END ------------------------> |
| + | </div> |
| + | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------> |
| + | |
| + | <!------------------------ FOOTER START ------------------------> |
| + | <footer> |
| + | <div class="footer-wrapper"> |
| + | <div class="icon-wrapper"> |
| + | <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 class="icon-wrapper"> |
| + | <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 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" style="padding: 0;"></a> |
| + | </div> |
| + | <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/2019/3/3c/T--Cornell--Youtube.png"></a> |
| + | </div> |
| + | </div> |
| + | </footer> |
| + | <!------------------------ FOOTER END ------------------------> |
| + | </div> |
| + | </body> |
| </html> | | </html> |