Difference between revisions of "Team:Cornell"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
 +
  <style>
 +
        /* hides "Team:Cornell" and iGEM logo */
 +
        #top_title {
 +
            display: none;
 +
        }
 +
 +
        /* removes padding below footer */
 +
        #globalWrapper {
 +
            padding: 0;
 +
        }
 +
 +
        #content {
 +
            background: #0d1c38;
 +
            padding: 0px;
 +
            width: 100% !important;
 +
            margin-top: 0px;
 +
            margin-left: 0px ;
 +
        }
 +
 +
        /* removes default styling for home banner tagline */
 +
        #HQ_page p {
 +
            font-family: 'Opens Sans', sans-serif;
 +
        }
 +
 +
        /* removes small extra margin at very bottom below footer */
 +
        p {
 +
            margin: 0;
 +
        }
 +
 +
        /* removes bullets from Toolkit dropdown menu */
 +
        ul {
 +
            list-style-image: none;
 +
        }
 +
 +
    </style>
 
     <title>Team:Cornell - 2019.igem.org</title>
 
     <title>Team:Cornell - 2019.igem.org</title>
 
     <!-- CSS -->
 
     <!-- CSS -->
Line 9: Line 44:
 
</head>
 
</head>
  
<body class="home-page-wrapper">
+
<body>
    <!------------------------ NAV BAR START ------------------------>
+
    <div class = "home-page-wrapper">
    <nav>
+
        <!------------------------ NAV BAR START ------------------------>
        <div class="nav-bar-wrapper">
+
        <nav>
            <div>
+
            <div class="nav-bar-wrapper">
                <!--<div class="nav-bar-logo">
+
                <div>
                    <a href="home"><img src="images/reHABLogo.png" alt="reHAB"></a>
+
                    <!--<div class="nav-bar-logo">
                </div>-->
+
                        <a href="home"><img src="images/reHABLogo.png" alt="reHAB"></a>
                <div class="nav-bar-main-menu">
+
                    </div>-->
                    <div class="dropdown">
+
                    <div class="nav-bar-main-menu">
                        <button class="dropbtn">TEAM</button>
+
                        <div class="dropdown">
                        <div class="dropdown-content team-dropdown-content">
+
                            <button class="dropbtn">TEAM</button>
                            <a href="https://2019.igem.org/Team:Cornell/Team">BIOS</a>
+
                            <div class="dropdown-content team-dropdown-content">
                            <a href="https://2019.igem.org/Team:Cornell/Sponsors">SPONSORS</a>
+
                                <a href="https://2019.igem.org/Team:Cornell/Team">BIOS</a>
                            <a href="https://2019.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</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>
+
                        <div class="dropdown">
                    <div class="dropdown">
+
                            <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="#">EDUCATION & ENGAGEMENT</a>
                            <a href="#">EDUCATION & ENGAGEMENT</a>
+
                                <a href="#">COLLABORATIONS</a>
                            <a href="#">COLLABORATIONS</a>
+
                            </div>
 
                         </div>
 
                         </div>
                    </div>
+
                        <div class="dropdown">
                    <div class="dropdown">
+
                            <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="#">INTEGRATED PRACTICES</a>
                            <a href="#">INTEGRATED PRACTICES</a>
+
                                <a href="#">POLICIES</a>
                            <a href="#">POLICIES</a>
+
                                <a href="#">ENTREPRENEURSHIP</a>
                            <a href="#">ENTREPRENEURSHIP</a>
+
                            </div>
 
                         </div>
 
                         </div>
                    </div>
+
                        <div class="dropdown">
                    <div class="dropdown">
+
                            <button class="dropbtn"
                        <button class="dropbtn"
+
                                onclick="location.href='https://2019.igem.org/Team:Cornell/Model'">MODELING</button>
                            onclick="location.href='https://2019.igem.org/Team:Cornell/Model'">MODELING</button>
+
                        </div>
                    </div>
+
                        <div class="dropdown">
                    <div class="dropdown">
+
                            <button class="dropbtn">TOOLKIT</button>
                        <button class="dropbtn">TOOLKIT</button>
+
                            <div class="dropdown-content toolkit-dropdown-content">
                        <div class="dropdown-content toolkit-dropdown-content">
+
                                <ul>
                            <ul>
+
                                    <div class="nav-first-col">
                                <div class="nav-first-col">
+
                                        <li class="wet-lab-list-title"><b>WET LAB</b></li>
                                    <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/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/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/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">BASIC PARTS</a></li>
+
                                        <li><a href="https://2019.igem.org/Team:Cornell/InterLab">COMPOSITE PARTS</a></li>
                                    <li><a href="https://2019.igem.org/Team:Cornell/InterLab">COMPOSITE PARTS</a></li>
+
                                    </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>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/Notebook">DESIGN PROCESS</a></li>
+
                                        <li><a href="https://2019.igem.org/Team:Cornell/Safety">APPLIED DESIGN - SAMPLER</a>
                                    <li><a href="https://2019.igem.org/Team:Cornell/Safety">APPLIED DESIGN - SAMPLER</a>
+
                                        </li>
                                    </li>
+
                                        <li><a href="https://2019.igem.org/Team:Cornell/Safety">APPLIED DESIGN -
                                    <li><a href="https://2019.igem.org/Team:Cornell/Safety">APPLIED DESIGN -
+
                                                BIOREACTOR</a></li>
                                            BIOREACTOR</a></li>
+
                                        <li><a href="https://2019.igem.org/Team:Cornell/Safety">FUTURE WORKS</a></li>
                                    <li><a href="https://2019.igem.org/Team:Cornell/Safety">FUTURE WORKS</a></li>
+
                                        <li><a href="https://2019.igem.org/Team:Cornell/Safety">REFERENCES</a></li>
                                    <li><a href="https://2019.igem.org/Team:Cornell/Safety">REFERENCES</a></li>
+
                                    </div>
                                </div>
+
                                    <div class="nav-third-col">
                                <div class="nav-third-col">
+
                                        <li class="doc-list-title"><b>DOCUMENTATION</b></li>
                                    <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/Notebook">NOTEBOOK</a></li>
+
                                        <li><a href="https://2019.igem.org/Team:Cornell/Safety">SAFETY</a></li>
                                    <li><a href="https://2019.igem.org/Team:Cornell/Safety">SAFETY</a></li>
+
                                    </div>
                                 </div>
+
                                 </ul>
                             </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 active-page"
 +
                                onclick="location.href='https://2019.igem.org/Team:Cornell'">HOME</button>
 
                         </div>
 
                         </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 active-page"
 
                            onclick="location.href='https://2019.igem.org/Team:Cornell'">HOME</button>
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
         </div>
+
         </nav>
    </nav>
+
        <!------------------------ NAV BAR END ------------------------->
    <!------------------------ NAV BAR END ------------------------->
+
  
    <!------------------------ BANNER START ------------------------>
+
        <!------------------------ BANNER START ------------------------>
  
    <div class="home-banner-wrapper">
+
        <div class="home-banner-wrapper">
        <div class="banner-container">
+
            <div class="banner-container">
            <img class="home-banner-logo" src="images/logo.png"></img>
+
                <img class="home-banner-logo" src="images/logo.png"></img>
            <img class="home-banner-plants" src="images/banner_plants.png"></img>
+
                <img class="home-banner-plants" src="images/banner_plants.png"></img>
 +
            </div>
 
         </div>
 
         </div>
    </div>
+
        <!------------------------ BANNER END -------------------------->
    <!------------------------ BANNER END -------------------------->
+
 
+
    <!------------------------ DESCRIPTION START ------------------------>
+
    <div class="home-description-wrapper">
+
        <div class="home-description-logo-wrapper">
+
            <a id="home-description"><img class="home-description-logo" src="images/cornelliGemLogo.png"></a>
+
        </div>
+
        <div class="home-description">
+
            We are building a <span id="home-description-emphasis-words">biological band-pass filter</span>. While
+
            biological band pass filters have been developed before, none respond to frequency-based inputs but
+
            instead
+
            respond to amplitude based inputs.
+
            By controlling the rates of degradation of the components of our system, we are putting together a <span
+
                id="home-description-emphasis-words">frequency-response</span> low-pass and high-pass filter to
+
            create a
+
            <span id="home-description-emphasis-words">novel</span> band-pass filter.
+
            <br><br> Our filter would allow bacteria to respond only to certain frequency-based inputs, and give it
+
            even
+
            more <span id="home-description-emphasis-words">digital logic-like</span> character, long a goal of
+
            synthetic biology. Moving forward,
+
            our project could be an important tool for scientists as synthetic biology branches into increasingly
+
            diverse fields.
+
        </div>
+
    </div>
+
    <!------------------------ DESCRIPTION END ------------------------>
+
  
    <!------------------------TILES------------------------>
+
        <!------------------------ DESCRIPTION START ------------------------>
    <div class="tiles-wrapper">
+
        <div class="home-description-wrapper">
        <div class="tile-wrapper wet-lab-tile"><img src="images/cornellTileWetLab.png" alt="Wet Lab">
+
            <div class="home-description-logo-wrapper">
            <div class="overlay">
+
                <a id="home-description"><img class="home-description-logo" src="images/cornelliGemLogo.png"></a>
                <div class="tile-title">WET LAB</div>
+
 
             </div>
 
             </div>
        </div>
+
            <div class="home-description">
        <div class="tile-wrapper pd-tile"><img src="images/cornellTileProdDev.png" alt="Product Development">
+
                We are building a <span id="home-description-emphasis-words">biological band-pass filter</span>. While
            <div class="overlay">
+
                biological band pass filters have been developed before, none respond to frequency-based inputs but
                 <div class="tile-title">PRODUCT DEV</div>
+
                instead
 +
                respond to amplitude based inputs.
 +
                By controlling the rates of degradation of the components of our system, we are putting together a <span
 +
                    id="home-description-emphasis-words">frequency-response</span> low-pass and high-pass filter to
 +
                create a
 +
                <span id="home-description-emphasis-words">novel</span> band-pass filter.
 +
                 <br><br> Our filter would allow bacteria to respond only to certain frequency-based inputs, and give it
 +
                even
 +
                more <span id="home-description-emphasis-words">digital logic-like</span> character, long a goal of
 +
                synthetic biology. Moving forward,
 +
                our project could be an important tool for scientists as synthetic biology branches into increasingly
 +
                diverse fields.
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <div class="tile-wrapper pp-tile"><img src="images/cornellTileP&P.png" alt="Policies & Practices">
+
         <!------------------------ DESCRIPTION END ------------------------>
            <div class="overlay">
+
 
                <div class="tile-title pp-title">POLICY & <br>PRACTICES</div>
+
        <!------------------------TILES------------------------>
 +
        <div class="tiles-wrapper">
 +
            <div class="tile-wrapper wet-lab-tile"><img src="images/cornellTileWetLab.png" alt="Wet Lab">
 +
                <div class="overlay">
 +
                    <div class="tile-title">WET LAB</div>
 +
                </div>
 
             </div>
 
             </div>
        </div>
+
            <div class="tile-wrapper pd-tile"><img src="images/cornellTileProdDev.png" alt="Product Development">
        <div class="tile-wrapper outreach-tile"><img src="images/cornellTileOutreach.png" alt="Outreach">
+
                <div class="overlay">
            <div class="overlay">
+
                    <div class="tile-title">PRODUCT DEV</div>
                <div class="tile-title">OUTREACH</div>
+
                </div>
 
             </div>
 
             </div>
        </div>
+
            <div class="tile-wrapper pp-tile"><img src="images/cornellTileP&P.png" alt="Policies & Practices">
        <div class="tile-wrapper bus-tile"><img src="images/cornellTileBusiness.png" alt="Business">
+
                <div class="overlay">
            <div class="overlay">
+
                    <div class="tile-title pp-title">POLICY & <br>PRACTICES</div>
                <div class="tile-title">BUSINESS</div>
+
                </div>
 
             </div>
 
             </div>
        </div>
+
            <div class="tile-wrapper outreach-tile"><img src="images/cornellTileOutreach.png" alt="Outreach">
        <div class="tile-wrapper team-tile"><img src="images/cornellTileTeam.png" alt="Team">
+
                <div class="overlay">
            <div class="overlay">
+
                    <div class="tile-title">OUTREACH</div>
                <div class="tile-title">THE TEAM</div>
+
                </div>
 
             </div>
 
             </div>
        </div>
+
            <div class="tile-wrapper bus-tile"><img src="images/cornellTileBusiness.png" alt="Business">
    </div>
+
                 <div class="overlay">
    <!------------------------END TILES------------------------>
+
                    <div class="tile-title">BUSINESS</div>
    <!------------------------ FOOTER START ------------------------>
+
                </div>
    <footer>
+
        <div class="footer-wrapper">
+
            <div class="icon-wrapper">
+
                 <a class="icon" href="http://facebook.com/cornelligem"><img src="images/facebook-32.png"></a>
+
 
             </div>
 
             </div>
             <div class="icon-wrapper">
+
             <div class="tile-wrapper team-tile"><img src="images/cornellTileTeam.png" alt="Team">
                <a class="icon" href="http://twitter.com/cugem"><img src="images/twitter-32.png"></a>
+
                 <div class="overlay">
            </div>
+
                    <div class="tile-title">THE TEAM</div>
            <div class="icon-wrapper">
+
                </div>
                 <a class="icon" href="https://www.instagram.com/cugem/"><img src="images/instagram-32.png"></a>
+
            </div>
+
            <div class="icon-wrapper icon-wrapper-last">
+
                <a class="icon" href="https://www.youtube.com/channel/UCJt-5JfyoucUJXC1EsTllhg"><img
+
                        src="images/youtube-32.png"></a>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
    </footer>
+
        <!------------------------END TILES------------------------>
    <!------------------------ FOOTER END ------------------------>
+
        <!------------------------ FOOTER START ------------------------>
 +
        <footer>
 +
            <div class="footer-wrapper">
 +
                <div class="icon-wrapper">
 +
                    <a class="icon" href="http://facebook.com/cornelligem"><img src="images/facebook-32.png"></a>
 +
                </div>
 +
                <div class="icon-wrapper">
 +
                    <a class="icon" href="http://twitter.com/cugem"><img src="images/twitter-32.png"></a>
 +
                </div>
 +
                <div class="icon-wrapper">
 +
                    <a class="icon" href="https://www.instagram.com/cugem/"><img src="images/instagram-32.png"></a>
 +
                </div>
 +
                <div class="icon-wrapper icon-wrapper-last">
 +
                    <a class="icon" href="https://www.youtube.com/channel/UCJt-5JfyoucUJXC1EsTllhg"><img
 +
                            src="images/youtube-32.png"></a>
 +
                </div>
 +
            </div>
 +
        </footer>
 +
        <!------------------------ FOOTER END ------------------------>
 +
    </div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 12:02, 11 October 2019

Team:Cornell - 2019.igem.org

We are building a biological band-pass filter. While biological band pass filters have been developed before, none respond to frequency-based inputs but instead respond to amplitude based inputs. By controlling the rates of degradation of the components of our system, we are putting together a frequency-response low-pass and high-pass filter to create a novel band-pass filter.

Our filter would allow bacteria to respond only to certain frequency-based inputs, and give it even more digital logic-like character, long a goal of synthetic biology. Moving forward, our project could be an important tool for scientists as synthetic biology branches into increasingly diverse fields.
Wet Lab
WET LAB
Product Development
PRODUCT DEV
Policies & Practices
POLICY &
PRACTICES
Outreach
OUTREACH
Business
BUSINESS
Team
THE TEAM