|
|
(52 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; |
− | }
| + | } |
− | | + | |
− | .about-page-content-wrapper {
| + | .icon { |
− | padding-bottom: 5%; | + | margin: 16px; |
− | }
| + | } |
− | | + | |
− | .about-content-wrapper {
| + | .icon img { |
− | padding-right: 100px; | + | height: 24px; |
− | padding-left: 90px; | + | } |
− | padding-top: 35px;
| + | |
− | padding-bottom: 35px;
| + | |
− | }
| + | |
− | | + | |
− | .about-header-text {
| + | |
− | font-family: 'Merriweather', serif;
| + | |
− | font-size: 24pt;
| + | |
− | text-align: center;
| + | |
− | color: #000;
| + | |
− | }
| + | |
− | | + | |
− | .about-text-wrapper{
| + | |
− | padding-left: 100px;
| + | |
− | padding-top: 20px;
| + | |
− | }
| + | |
− | | + | |
− | .about-body-text {
| + | |
− | font-family: 'Open Sans', sans-serif;
| + | |
− | color: #000;
| + | |
− | }
| + | |
− | | + | |
− | footer {
| + | |
− | padding: 35px;
| + | |
− | position: relative;
| + | |
− | text-align: center;
| + | |
− | background-color: #a0e0bd;
| + | |
− | }
| + | |
− | | + | |
− | .footer-wrapper {
| + | |
− | margin: auto;
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | | + | |
− | .icon-wrapper {
| + | |
− | display: inline-block;
| + | |
− | position: relative;
| + | |
− | padding-right: 18px;
| + | |
− | border-right: 0.5px solid white;
| + | |
− | }
| + | |
− | | + | |
− | .icon-wrapper-last {
| + | |
− | border-right: none;
| + | |
− | }
| + | |
− | | + | |
− | .icon {
| + | |
− | margin: 16px;
| + | |
− | }
| + | |
− | | + | |
− | .icon img {
| + | |
− | height: 24px;
| + | |
− | }
| + | |
| | | |
| /*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 284: |
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 301: |
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 317: |
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 349: |
Line 332: |
| } | | } |
| | | |
− | .about-page-wrapper { | + | .standard-page-wrapper { |
| display: grid; | | display: grid; |
| grid-template-columns: auto; | | grid-template-columns: auto; |
| grid-template-rows: 100px 550px auto 100px; | | grid-template-rows: 100px 550px auto 100px; |
− | grid-template-areas: "navbar" "standardpagebanner" "safetypagecontent" "footer"; | + | grid-template-areas: "navbar" "standardpagebanner" "standardpagesidebarcontent" "footer"; |
| } | | } |
| | | |
− | .about-page-content-wrapper { | + | .standard-page-banner { |
| + | grid-area: standardpagebanner; |
| + | } |
| + | |
| + | .standard-page-side-bar-content-wrapper { |
| display: inline-grid; | | display: inline-grid; |
− | grid-area: safetypagecontent; | + | 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; |
| } | | } |
| | | |
Line 372: |
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 388: |
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 395: |
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 417: |
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 430: |
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 443: |
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>
| |
− | </svg>
| |
− | </header>
| |
− | <!------------------------ STANDARD PAGE BANNER END ------------------------>
| |
− | <!------------------------ STANDARD PAGE BANNER START ------------------------>
| |
− | <header class="standard-page-banner">
| |
− | <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> |
Line 462: |
Line 459: |
| <ul class="standard-page-side-bar"> | | <ul class="standard-page-side-bar"> |
| <li><a href="#pageheading1">PROJECT OVERVIEW</a></li> | | <li><a href="#pageheading1">PROJECT OVERVIEW</a></li> |
− | <li><a href="#pageheading2">PAGE HEADING 2</a></li> | + | <li><a href="#pageheading2">PROJECT DESCRIPTION</a></li> |
− | <li><a href="#pageheading3">PAGE HEADING 3</a></li> | + | <li><a href="#pageheading3">PROJECT INSPIRATION</a></li> |
| + | <li><a href="#pageheading4">REFERENCES</a></li> |
| </ul> | | </ul> |
| </div> | | </div> |
Line 470: |
Line 468: |
| <div class="standard-page-content-wrapper"> | | <div class="standard-page-content-wrapper"> |
| <div class="standard-page-content-section"> | | <div class="standard-page-content-section"> |
− | <div class="standard-page-content-title"><a id="pageheading1">PROJECT OVERVIEW</a></div> | + | <div class="standard-page-content-title"><div id="pageheading1">PROJECT OVERVIEW</div></div> |
| <hr class="green-accent-line-left"> | | <hr class="green-accent-line-left"> |
− | <div class="standard-page-content-subheading">Subheading</div> | + | <div class="standard-page-content-subheading"></div> |
− | <p class="standard-page-content-text">At Cornell iGEM, we understand the risks associated with our | + | <p class="standard-page-content-text"> |
− | work and take all necessary precautions to minimize those risks. As a team, we take safety
| + | 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. |
− | 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>. |
− | </div>
| + | </p> |
| <img class="standard-page-content-image" src=""> | | <img class="standard-page-content-image" src=""> |
| </div> | | </div> |
| <div class="standard-page-content-section"> | | <div class="standard-page-content-section"> |
− | <div class="standard-page-content-title"><a id="pageheading2">PAGE HEADING 2</a></div> | + | <div class="standard-page-content-title"><div id="pageheading2">PROJECT DESCRIPTION</div></div> |
| <hr class="green-accent-line-left"> | | <hr class="green-accent-line-left"> |
− | <div class="standard-page-content-subheading">Subheading</div> | + | <div class="standard-page-content-subheading"></div> |
| <p class="standard-page-content-text"> | | <p class="standard-page-content-text"> |
− | "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod | + | 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. |
− | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
| + | |
− | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
| + | |
− | consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
| + | |
− | cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
| + | |
− | proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
| + | |
| </p> | | </p> |
| <img class="standard-page-content-image" src=""> | | <img class="standard-page-content-image" src=""> |
| </div> | | </div> |
| <div class="standard-page-content-section"> | | <div class="standard-page-content-section"> |
− | <div class="standard-page-content-title"><a id="pageheading3">PAGE HEADING 3</a></div> | + | <div class="standard-page-content-title"><div id="pageheading3">PROJECT INSPIRATION</div></div> |
| <hr class="green-accent-line-left"> | | <hr class="green-accent-line-left"> |
− | <div class="standard-page-content-subheading">Subheading</div> | + | <div class="standard-page-content-subheading"></div> |
| <p class="standard-page-content-text"> | | <p class="standard-page-content-text"> |
− | "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod | + | 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> |
− | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
| + | <img class="standard-page-content-image" src=""> |
− | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | </div> |
− | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
| + | |
− | fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
| + | |
− | culpa qui officia deserunt mollit anim id est laborum."</p>
| + | |
| + | <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=""> | | <img class="standard-page-content-image" src=""> |
| </div> | | </div> |
Line 513: |
Line 514: |
| </div> | | </div> |
| <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------> | | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------> |
| + | |
| <!------------------------ FOOTER START ------------------------> | | <!------------------------ FOOTER START ------------------------> |
| <footer> | | <footer> |
Line 523: |
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"> |