|
|
| (58 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 354: |
Line 370: |
| | <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/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"> | | <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> | | </head> |
| − |
| |
| | <body> | | <body> |
| | <div class ="standard-page-wrapper"> | | <div class ="standard-page-wrapper"> |
| Line 361: |
Line 378: |
| | <nav> | | <nav> |
| | <div class="nav-bar-wrapper"> | | <div class="nav-bar-wrapper"> |
| − | <div> | + | <div class="nav-bar-logo"> |
| − | <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 > |
| − | <a href=" home"><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> |
| − | <div class="nav-bar-main-menu"> | + | <div class="dropdown"> |
| − | <div class="dropdown"> | + | <button class="dropbtn">OUTREACH</button> |
| − | <button class="dropbtn">TEAM</button>
| + | <div class="dropdown-content outreach-dropdown-content"> |
| − | <div class="dropdown-content team-dropdown-content"> | + | <a href="https://2019.igem.org/Team:Cornell/ Public_Engagement"> EDUCATION & ENGAGEMENT</a> |
| − | <a href="https://2019.igem.org/Team:Cornell/ Team"> BIOS</a> | + | <a href="https://2019.igem.org/Team:Cornell/ Collaborations"> COLLABORATIONS</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> |
| − | | + | </div> |
| − | <button class="dropbtn">OUTREACH</button>
| + | |
| − | <div class="dropdown-content outreach-dropdown-content"> | + | <button class="dropbtn">HUMAN PRACTICES</button> |
| − | <a href=" #"> EDUCATION & ENGAGEMENT</a> | + | <div class="dropdown-content human-dropdown-content"> |
| − | <a href=" #"> COLLABORATIONS</a> | + | <a href=" https://2019.igem.org/Team:Cornell/Human_Practices"> INTEGRATED PRACTICES</a> |
| − | </div> | + | <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> |
| − | <button class="dropbtn">HUMAN PRACTICES</button>
| + | |
| − | <div class="dropdown -content human-dropdown-content" > | + | <button class="dropbtn" |
| − | <a href="#">INTEGRATED PRACTICES</a>
| + | onclick="location.href='https://2019.igem.org/Team:Cornell/Model'">MODELING</button> |
| − | <a href="#">POLICIES</a>
| + | </div> |
| − | <a href="#">ENTREPRENEURSHIP</a>
| + | |
| − | </div>
| + | <button class="dropbtn">TOOLKIT</button> |
| − | </div> | + | <div class="dropdown-content toolkit-dropdown-content"> |
| − | <div class="dropdown">
| + | |
| − | <button class="dropbtn"
| + | <div class="nav-first-col"> |
| − | onclick="location.href='https://2019.igem.org/Team:Cornell/Model'">MODELING</button>
| + | <li class="wet-lab-list-title"><b>WET LAB</b></li> |
| − | </div>
| + | <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> |
| − | <button class="dropbtn">TOOLKIT</button>
| + | <li><a href="https://2019.igem.org/Team:Cornell/Parts">PARTS</a></li> |
| − | <div class="dropdown-content toolkit-dropdown-content"> | + | <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 class="nav-first-col"> | + | </div> |
| − | <li class="wet-lab-list-title"><b>WET LAB</b></li>
| + | <div class="nav-second-col"> |
| − | <li><a href="https://2019.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li> | + | <li class="pd-list-title"><b>PRODUCT DEVELOPMENT</b></li> |
| − | <li><a href="https://2019.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</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/Parts">PARTS</a></li> | + | <li><a href="https://2019.igem.org/Team:Cornell/ Hardware"> HARDWARE</a></li> |
| − | <li><a href="https://2019.igem.org/Team:Cornell/ InterLab">BASIC PARTS</a></li> | + | </div> |
| − | <li><a href="https://2019.igem.org/Team:Cornell/ InterLab">COMPOSITE PARTS</a></li> | + | <div class="nav-third-col"> |
| − | </div>
| + | <li class="doc-list-title"><b>DOCUMENTATION</b></li> |
| − | <div class="nav-second-col"> | + | <li><a href="https://2019.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li> |
| − | <li class="pd-list-title"><b>DESIGN</b></li>
| + | <li><a href="https://2019.igem.org/Team:Cornell/Safety">SAFETY</a></li> |
| − | <li><a href="https://2019.igem.org/Team:Cornell/ Notebook">DESIGN PROCESS</a></li> | + | </div> |
| − | <li><a href="https://2019.igem.org/Team:Cornell/ Safety"> APPLIED DESIGN</a></li> | + | </ul> |
| − | </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" | + | |
| − | 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> |
| | + | <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> | | </div> |
| Line 434: |
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> |
| Line 444: |
Line 458: |
| | <div class="standard-page-side-bar-wrapper"> | | <div class="standard-page-side-bar-wrapper"> |
| | <ul class="standard-page-side-bar"> | | <ul class="standard-page-side-bar"> |
| − | <li><a href="#pageheading1">PAGE HEADING 1</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 453: |
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">PAGE HEADING 1</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"> | | <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 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. |
| − | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
| + | Our protocols are guided by the risk matrix, as we try to both minimize the likelihood |
| − | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | of an incident as well as the severity of an incident. Our completed safety form can |
| − | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
| + | be found <a id="safety-hyperlink" href="https://2019.igem.org/File:T--Cornell--Safety2019_Spreadsheet.xls">here</a>. |
| − | 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="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 497: |
Line 514: |
| | </div> | | </div> |
| | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------> | | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------> |
| | + | |
| | <!------------------------ FOOTER START ------------------------> | | <!------------------------ FOOTER START ------------------------> |
| | <footer> | | <footer> |
| Line 507: |
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"> |
