|
|
(30 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: 590px; | + | 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">PROJECT DESCRIPTION</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> |
Line 474: |
Line 489: |
| </div> | | </div> |
| <div class="standard-page-content-section"> | | <div class="standard-page-content-section"> |
− | <div class="standard-page-content-title"><a id="pageheading3">PROJECT INSPIRATION</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"></div> | | <div class="standard-page-content-subheading"></div> |
| <p class="standard-page-content-text"> | | <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> | | 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=""> | | <img class="standard-page-content-image" src=""> |
| </div> | | </div> |
Line 496: |
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"> |