Difference between revisions of "Team:Cornell/Description"

Line 1: Line 1:
−
{{Cornell}}
+
<!DOCTYPE html>
 
<html>
 
<html>
  
 +
<head>
 +
<style>
  
−
<div class="clear"></div>
+
        /* hides "Team:Cornell" and iGEM logo */
 +
        #top_title {
 +
            display: none;
 +
        }
  
−
<div class="column full_size">
+
        /* removes padding below footer */
−
<h1>Project Inspiration and Description </h1>
+
        #globalWrapper {
−
<h3>NEW: Bronze Medal Criterion #4</h3>
+
            padding: 0;
 +
        }
  
−
<p>
+
        #content {
−
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.
+
            padding: 0px;
−
</p>
+
            width: 100% !important;
 +
            margin-top: 0px;
 +
            margin-left: 0px ;
 +
        }
  
−
<p>
+
        /* removes default styling for home banner tagline */
−
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.
+
        #HQ_page p {
−
</p>
+
            font-family: 'Opens Sans', sans-serif;
 +
        }
  
−
<h3>References</h3>
+
        /* removes small extra margin at very bottom below footer */
 +
        p {
 +
            margin: 0;
 +
        }
  
−
<ul>
+
        /* removes bullets from Toolkit dropdown menu */
−
<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>
+
        ul {
−
<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>
+
            list-style-image: none;
−
<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>
+
  
 +
    @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
 +
    html,
 +
    body {
 +
        width: 100%;
 +
        height: 100%;
 +
        margin: 0;
 +
        padding: 0;
 +
        overflow-x: hidden;
 +
    }
  
 +
    body {
 +
        background-size: 40px 40px;
 +
    }
  
 +
    p {
 +
        color: #000;
 +
        font-family: 'Open Sans', sans-serif;
 +
    }
  
 +
    /*Start Styles for Standard Page*/
 +
    .standard-page-banner {
 +
        background-image: url(https://static.igem.org/mediawiki/2018/d/d5/T--Cornell--TeamBannerPhoto.jpg);
 +
        background-size: cover;
 +
        font-family: Raleway;
 +
        fill: black;
 +
        font-size: 14px;
 +
    }
  
 +
    .standard-page-side-bar-content-wrapper {
 +
        padding: 5% 0;
 +
    }
  
 +
    .standard-page-side-bar>li>a {
 +
        text-decoration: none;
 +
        color: #016C64;
 +
        font-weight: bold;
 +
    }
 +
 +
    .standard-page-side-bar {
 +
        list-style-type: none;
 +
        font-family: 'Open Sans', sans-serif;
 +
        padding-left: 15px;
 +
        padding-right: 15px;
 +
        vertical-align: middle;
 +
        margin: 0;
 +
    }
 +
 +
    .standard-page-side-bar>li {
 +
        margin-bottom: 15px;
 +
    }
 +
 +
    .standard-page-content-title {
 +
        font-family: 'Merriweather', serif;
 +
        font-size: 24px;
 +
        font-weight: 700;
 +
        color: #000;
 +
        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-family: 'Merriweather', serif;
 +
        font-size: 18px;
 +
        font-weight: 1;
 +
        color: #000;
 +
        padding-top: 8%;
 +
        padding-bottom: 0;
 +
    }
 +
 +
    /*End Style for Home Page*/
 +
    /*Start Grid for Standard Page*/
 +
    .standard-page-banner {
 +
        background-image: url(https://static.igem.org/mediawiki/2018/d/d5/T--Cornell--TeamBannerPhoto.jpg);
 +
        background-size: cover;
 +
        font-family: Raleway;
 +
        fill: black;
 +
        font-size: 14px;
 +
    }
 +
 +
    .standard-page-side-bar-content-wrapper {
 +
        padding: 5% 0;
 +
    }
 +
 +
    .standard-page-side-bar>li>a {
 +
        text-decoration: none;
 +
        color: #016C64;
 +
        font-weight: bold;
 +
    }
 +
 +
    .standard-page-side-bar {
 +
        list-style-type: none;
 +
        font-family: 'Open Sans', sans-serif;
 +
        padding-left: 15px;
 +
        padding-right: 15px;
 +
        vertical-align: middle;
 +
        margin: 0;
 +
    }
 +
 +
    .standard-page-side-bar>li {
 +
        margin-bottom: 15px;
 +
    }
 +
 +
    .standard-page-content-title {
 +
        font-family: 'Merriweather', serif;
 +
        font-size: 24px;
 +
        font-weight: 700;
 +
        color: #000;
 +
        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-family: 'Merriweather', serif;
 +
        font-size: 18px;
 +
        font-weight: 1;
 +
        color: #000;
 +
        padding-top: 8%;
 +
        padding-bottom: 0;
 +
    }
 +
    /*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​">
 +
</head>
 +
 +
<body>
 +
    <div class ="standard-page-wrapper">
 +
        <!------------------------ NAV BAR START ------------------------>
 +
        <nav>
 +
            <div class="nav-bar-wrapper">
 +
                <div>
 +
                    <div class="nav-bar-logo">
 +
                        <a href="home"><img src="images/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="#">EDUCATION & ENGAGEMENT</a>
 +
                                <a href="#">COLLABORATIONS</a>
 +
                            </div>
 +
                        </div>
 +
                        <div class="dropdown">
 +
                            <button class="dropbtn">HUMAN PRACTICES</button>
 +
                            <div class="dropdown-content human-dropdown-content">
 +
                                <a href="#">INTEGRATED PRACTICES</a>
 +
                                <a href="#">POLICIES</a>
 +
                                <a href="#">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/InterLab">BASIC PARTS</a></li>
 +
                                        <li><a href="https://2019.igem.org/Team:Cornell/InterLab">COMPOSITE PARTS</a></li>
 +
                                    </div>
 +
                                    <div class="nav-second-col">
 +
                                        <li class="pd-list-title"><b>DESIGN</b></li>
 +
                                        <li><a href="https://2019.igem.org/Team:Cornell/Notebook">DESIGN PROCESS</a></li>
 +
                                        <li><a href="https://2019.igem.org/Team:Cornell/Safety">APPLIED DESIGN</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"
 +
                                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>
 +
        </nav>
 +
        <!------------------------ NAV BAR END ------------------------>
 +
        <!------------------------ STANDARD PAGE BANNER START ------------------------>
 +
        <header class="standard-page-banner">
 +
            <svg viewBox="0 0 100 100" width=100% height=100%>
 +
                <!-- <polygon points="-50,50 50,10 150,50 50,90" fill="white" fill-opacity="0.4"></polygon> -->
 +
                <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 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">PAGE HEADING 1</a></li>
 +
                    <li><a href="#pageheading2">PAGE HEADING 2</a></li>
 +
                    <li><a href="#pageheading3">PAGE HEADING 3</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"><a id="pageheading1">PAGE HEADING 1</a></div>
 +
                    <hr class="green-accent-line-left">
 +
                    <div class="standard-page-content-subheading">Subheading</div>
 +
                    <p class="standard-page-content-text">
 +
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
 +
                        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>
 +
                    <img class="standard-page-content-image" src="">
 +
                </div>
 +
                <div class="standard-page-content-section">
 +
                    <div class="standard-page-content-title"><a id="pageheading2">PAGE HEADING 2</a></div>
 +
                    <hr class="green-accent-line-left">
 +
                    <div class="standard-page-content-subheading">Subheading</div>
 +
                    <p class="standard-page-content-text">
 +
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
 +
                        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>
 +
                    <img class="standard-page-content-image" src="">
 +
                </div>
 +
                <div class="standard-page-content-section">
 +
                    <div class="standard-page-content-title"><a id="pageheading3">PAGE HEADING 3</a></div>
 +
                    <hr class="green-accent-line-left">
 +
                    <div class="standard-page-content-subheading">Subheading</div>
 +
                    <p class="standard-page-content-text">
 +
                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
 +
                        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>
 +
                    <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=""><img src="images/facebook-32.png"></a>
 +
                </div>
 +
                <div class="icon-wrapper">
 +
                    <a class="icon" href=""><img src="images/twitter-32.png"></a>
 +
                </div>
 +
                <div class="icon-wrapper">
 +
                    <a class="icon" href=""><img src="images/instagram-32.png"></a>
 +
                </div>
 +
                <div class="icon-wrapper icon-wrapper-last">
 +
                    <a class="icon" href=""><img src="images/youtube-32.png"></a>
 +
                </div>
 +
            </div>
 +
        </footer>
 +
        <!------------------------ FOOTER END ------------------------>
 +
    </div>
 +
</body>
 
</html>
 
</html>

Revision as of 18:22, 12 October 2019

<!DOCTYPE html> Team:Cornell - 2019.igem.org

About
PAGE HEADING 1
Subheading

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 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."

PAGE HEADING 2
Subheading

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 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."

PAGE HEADING 3
Subheading

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 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."