|
|
| (32 intermediate revisions by 2 users not shown) |
| Line 44: |
Line 44: |
| | } | | } |
| | | | |
| | + | /* Font Styling */ |
| | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway'); | | @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, | | html, |
| | body { | | body { |
| Line 60: |
Line 79: |
| | p { | | p { |
| | color: #000; | | color: #000; |
| − | font-family: 'Open Sans', sans-serif;
| |
| | } | | } |
| | | | |
| Line 81: |
Line 99: |
| | .nav-bar-logo img { | | .nav-bar-logo img { |
| | width: 140px; | | width: 140px; |
| − | }
| |
| − |
| |
| − | .nav-bar-main-menu {
| |
| − | font-family: 'Raleway', sans-serif;
| |
| | } | | } |
| | | | |
| Line 144: |
Line 158: |
| | | | |
| | .toolkit-dropdown-content { | | .toolkit-dropdown-content { |
| − | width: 720px; | + | width: 630px; |
| | left: -160px; | | left: -160px; |
| | } | | } |
| Line 179: |
Line 193: |
| | padding-left: 16px; | | padding-left: 16px; |
| | padding-bottom: 14px; | | padding-bottom: 14px; |
| | + | text-decoration: ul; |
| | } | | } |
| | | | |
| Line 220: |
Line 235: |
| | position: relative; | | position: relative; |
| | padding-right: 18px; | | padding-right: 18px; |
| | + | padding-left: 18px; |
| | border-right: 0.5px solid white; | | border-right: 0.5px solid white; |
| | } | | } |
| Line 237: |
Line 253: |
| | /*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 251: |
Line 266: |
| | text-decoration: none; | | text-decoration: none; |
| | color: #016C64; | | color: #016C64; |
| − | font-weight: bold;
| |
| | font-size: 16px; | | font-size: 16px; |
| | } | | } |
| Line 257: |
Line 271: |
| | .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 269: |
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 !important; |
| | position: relative; | | position: relative; |
| 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 363: |
Line 379: |
| | <div class="nav-bar-wrapper"> | | <div class="nav-bar-wrapper"> |
| | <div class="nav-bar-logo"> | | <div class="nav-bar-logo"> |
| − | <a href=" home"><img src="https://static.igem.org/mediawiki/2019/9/94/T--Cornell--Logo.png" alt="reHAB"></a> | + | <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> |
| | <div class="nav-bar-main-menu"> | | <div class="nav-bar-main-menu"> |
| Line 377: |
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 384: |
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 406: |
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 432: |
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 443: |
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 455: |
Line 472: |
| | <div class="standard-page-content-subheading"></div> | | <div class="standard-page-content-subheading"></div> |
| | <p class="standard-page-content-text"> | | <p class="standard-page-content-text"> |
| − | At Cornell iGEM, we understand the risks associated with our | + | 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. |
| − | work and take all necessary precautions to minimize those risks. 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 |
| Line 465: |
Line 480: |
| | </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"></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"> |
| | + | <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"> | | <hr class="green-accent-line-left"> |
| | <div class="standard-page-content-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
| + | 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> |
| − | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
| + | “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> |
| − | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | “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> |
| − | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
| + | “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> |
| − | fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
| + | |
| − | culpa qui officia deserunt mollit anim id est laborum."</p>
| + | |
| | <img class="standard-page-content-image" src=""> | | <img class="standard-page-content-image" src=""> |
| | </div> | | </div> |
| Line 506: |
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"> |
