Difference between revisions of "Team:Cornell"

(Remove red wave animation)
(Try wrapping content in div instead of body)
Line 21: Line 21:
 
     <script src="https://2018.igem.org/Team:Cornell/mainJS?action=raw&ctype=text/javascript"></script></script>
 
     <script src="https://2018.igem.org/Team:Cornell/mainJS?action=raw&ctype=text/javascript"></script></script>
 
</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="https://static.igem.org/mediawiki/2018/6/63/T--Cornell--OscillateLogo.jpg" alt="Oscillate"></a>
+
                    <div class="nav-bar-logo">
−
                </div>
+
                        <a href="home"><img src="https://static.igem.org/mediawiki/2018/6/63/T--Cornell--OscillateLogo.jpg" alt="Oscillate"></a>
−
                <div class="nav-bar-main-menu">
+
−
                    <div class="dropdown">
+
−
                        <button class="dropbtn">TEAM</button>
+
−
                        <div class="dropdown-content team-dropdown-content">
+
−
                            <a href="https://2018.igem.org/Team:Cornell/Team">BIOS</a>
+
−
                            <a href="https://2018.igem.org/Team:Cornell/Sponsors">SPONSORS</a>
+
−
                            <a href="https://2018.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a>
+
−
                        </div>
+
 
                     </div>
 
                     </div>
−
                     <div class="dropdown">
+
                     <div class="nav-bar-main-menu">
−
                         <button class="dropbtn">OUTREACH</button>
+
                         <div class="dropdown">
−
                        <div class="dropdown-content outreach-dropdown-content">
+
                            <button class="dropbtn">TEAM</button>
−
                            <a href="#">COLLABORATIONS</a>
+
                            <div class="dropdown-content team-dropdown-content">
−
                            <a href="#">PUBLIC ENGAGEMENT</a>
+
                                <a href="https://2018.igem.org/Team:Cornell/Team">BIOS</a>
 +
                                <a href="https://2018.igem.org/Team:Cornell/Sponsors">SPONSORS</a>
 +
                                <a href="https://2018.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">HUMAN-CENTERED DESIGN</button>
+
                            <div class="dropdown-content outreach-dropdown-content">
−
                        <div class="dropdown-content human-dropdown-content">
+
                                <a href="#">COLLABORATIONS</a>
−
                            <a href="#">PRACTICES</a>
+
                                <a href="#">PUBLIC ENGAGEMENT</a>
−
                            <a href="#">POLICIES</a>
+
                             </div>
−
                             <a href="https://2018.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
+
 
                         </div>
 
                         </div>
−
                    </div>
+
                        <div class="dropdown">
−
                    <div class="dropdown">
+
                            <button class="dropbtn">HUMAN-CENTERED DESIGN</button>
−
                         <button class="dropbtn">MODELING</button>
+
                            <div class="dropdown-content human-dropdown-content">
−
                        <div class="dropdown-content modeling-dropdown-content">
+
                                <a href="#">PRACTICES</a>
−
                            <a href="https://2018.igem.org/Team:Cornell/Model">MODEL</a>
+
                                <a href="#">POLICIES</a>
−
                            <a href="https://2018.igem.org/Team:Cornell/Software">SOFTWARE</a>
+
                                <a href="https://2018.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
−
                            <a href="https://2018.igem.org/Team:Cornell/Design">DESIGN</a>
+
                            </div>
 +
                         </div>
 +
                        <div class="dropdown">
 +
                            <button class="dropbtn">MODELING</button>
 +
                            <div class="dropdown-content modeling-dropdown-content">
 +
                                <a href="https://2018.igem.org/Team:Cornell/Model">MODEL</a>
 +
                                <a href="https://2018.igem.org/Team:Cornell/Software">SOFTWARE</a>
 +
                                <a href="https://2018.igem.org/Team:Cornell/Design">DESIGN</a>
 +
                            </div>
 
                         </div>
 
                         </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://2018.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li>
−
<li><a href="https://2018.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li>
−
<li><a href="https://2018.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Cornell/InterLab">INTERLAB</a></li>
−
<li><a href="https://2018.igem.org/Team:Cornell/InterLab">INTERLAB</a></li>
+
                                        <li><a href="hhttps://2018.igem.org/Team:Cornell/Parts">PARTS</a></li>
−
<li><a href="hhttps://2018.igem.org/Team:Cornell/Parts">PARTS</a></li>
+
                                        </li>
−
                                    </li>
+
                                    </div>
−
                                </div>
+
  
−
                                <div class="nav-second-col">
+
                                    <div class="nav-second-col">
−
<li class = "doc-list-title"><b>DOCUMENTATION</b></li>
+
                                        <li class = "doc-list-title"><b>DOCUMENTATION</b></li>
−
<li><a href="https://2018.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li>
−
<li><a href="https://2018.igem.org/Team:Cornell/Safety">SAFETY</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Cornell/Safety">SAFETY</a></li>
−
                                    </li>
+
                                        </li>
−
                                 </div>
+
                                    </div>
−
                             </ul>
+
                                 </ul>
 +
                            </div>
 +
                        </div>
 +
                        <div class="dropdown">
 +
                             <button class="dropbtn" onclick="location.href='https://2018.igem.org/Team:Cornell/Description '">ABOUT</button>
 +
                        </div>
 +
                        <div class="dropdown">
 +
                            <button class="dropbtn active-page" onclick="location.href='https://2018.igem.org/Team:Cornell'">HOME</button>
 
                         </div>
 
                         </div>
−
                    </div>
 
−
                    <div class="dropdown">
 
−
                        <button class="dropbtn" onclick="location.href='https://2018.igem.org/Team:Cornell/Description '">ABOUT</button>
 
−
                    </div>
 
−
                    <div class="dropdown">
 
−
                        <button class="dropbtn active-page" onclick="location.href='https://2018.igem.org/Team:Cornell'">HOME</button>
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </div>
+
         </nav>
−
    </nav>
+
        <!------------------------ NAV BAR END ------------------------>
−
    <!------------------------ NAV BAR END ------------------------>
+
  
−
    <!------------------------ HOME BANNER START ------------------------>
+
        <!------------------------ HOME BANNER START ------------------------>
−
    <header class="home-banner">
+
        <header class="home-banner">
−
        <div class="home-banner-wrapper">
+
            <div class="home-banner-wrapper">
−
            <div class="home-banner-content-wrapper">
+
                <div class="home-banner-content-wrapper">
−
                <img class="home-banner-logo" src="https://static.igem.org/mediawiki/2018/6/63/T--Cornell--OscillateLogo.jpg">
+
                    <img class="home-banner-logo" src="https://static.igem.org/mediawiki/2018/6/63/T--Cornell--OscillateLogo.jpg">
−
                <p class="home-banner-caption">Introducing novelty through a frequency-based biological band-pass filter.</p>
+
                    <p class="home-banner-caption">Introducing novelty through a frequency-based biological band-pass filter.</p>
−
                <div class="home-banner-chevron-wrapper">
+
                    <div class="home-banner-chevron-wrapper">
−
                    <a id="chevron-button" href="#home-description"><img class="home-banner-chevron" src="https://static.igem.org/mediawiki/2018/d/d0/T--Cornell--RedChevron.jpg"></a>
+
                        <a id="chevron-button" href="#home-description"><img class="home-banner-chevron" src="https://static.igem.org/mediawiki/2018/d/d0/T--Cornell--RedChevron.jpg"></a>
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </div>
+
         </header>
−
    </header>
+
        <!------------------------ HOME BANNER END ------------------------>
−
    <!------------------------ HOME BANNER END ------------------------>
+
  
−
    <!------------------------ DESCRIPTION START ------------------------>
+
        <!------------------------ DESCRIPTION START ------------------------>
−
    <div class="home-description-wrapper">
+
        <div class="home-description-wrapper">
−
        <div class="home-description-logo-wrapper">
+
            <div class="home-description-logo-wrapper">
−
            <a id="home-description"><img class="home-description-logo" src="https://static.igem.org/mediawiki/2018/5/53/T--Cornell--CornelliGEMLogoWhite.jpg"></a>
+
                <a id="home-description"><img class="home-description-logo" src="https://static.igem.org/mediawiki/2018/5/53/T--Cornell--CornelliGEMLogoWhite.jpg"></a>
 +
            </div>
 +
            <hr class="yellow-accent-line-center">
 +
            <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 class="home-red-frequency-wrapper">
 +
                <img class="home-red-frequency" src="https://static.igem.org/mediawiki/2018/2/20/T--Cornell--RedFrequencyWithLines.jpg">
 +
            </div>
 
         </div>
 
         </div>
−
         <hr class="yellow-accent-line-center">
+
         <!------------------------ DESCRIPTION END ------------------------>
−
        <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 class="home-red-frequency-wrapper">
+
−
            <img class="home-red-frequency" src="https://static.igem.org/mediawiki/2018/2/20/T--Cornell--RedFrequencyWithLines.jpg">
+
−
        </div>
+
−
    </div>
+
−
    <!------------------------ DESCRIPTION END ------------------------>
+
  
−
    <!------------------------ SUB-DESCRIPTIONS START ------------------------>
+
        <!------------------------ SUB-DESCRIPTIONS START ------------------------>
−
    <div class="home-sub-descriptions-wrapper">
+
        <div class="home-sub-descriptions-wrapper">
−
        homesubdescriptions
+
            homesubdescriptions
−
        <div class="home-sub-description-wrapper">
+
            <div class="home-sub-description-wrapper">
  
−
        </div>
+
            </div>
−
        <div class="home-sub-description-wrapper">
+
            <div class="home-sub-description-wrapper">
  
−
        </div>
+
            </div>
−
        <div class="home-sub-description-wrapper">
+
            <div class="home-sub-description-wrapper">
  
−
        </div>
+
            </div>
−
        <div class="home-sub-description-wrapper">
+
            <div class="home-sub-description-wrapper">
  
 +
            </div>
 
         </div>
 
         </div>
−
    </div>
+
        <!------------------------ SUB-DESCRIPTIONS END ------------------------>
−
    <!------------------------ SUB-DESCRIPTIONS END ------------------------>
+
  
−
    <!------------------------ FOOTER START ------------------------>
+
        <!------------------------ FOOTER START ------------------------>
−
    <footer>
+
        <footer>
−
        <div class="footer-wrapper">
+
            <div class="footer-wrapper">
−
            <div class="icon-wrapper">
+
                <div class="icon-wrapper">
−
                <a class="icon" href=""><img src="https://static.igem.org/mediawiki/2018/3/30/T--Cornell--Facebook.jpg"></a>
+
                    <a class="icon" href=""><img src="https://static.igem.org/mediawiki/2018/3/30/T--Cornell--Facebook.jpg"></a>
 +
                </div>
 +
                <div class="icon-wrapper">
 +
                    <a class="icon" href=""><img src="https://static.igem.org/mediawiki/2018/0/02/T--Cornell--Twitter.jpg"></a>
 +
                </div>
 +
                <div class="icon-wrapper">
 +
                    <a class="icon" href=""><img src="https://static.igem.org/mediawiki/2018/a/ae/T--Cornell--Instagram.jpg"></a>
 +
                </div>
 +
                <div class="icon-wrapper icon-wrapper-last">
 +
                    <a class="icon" href=""><img src="https://static.igem.org/mediawiki/2018/7/77/T--Cornell--Youtube.jpg"></a>
 +
                </div>
 
             </div>
 
             </div>
−
            <div class="icon-wrapper">
+
         </footer>
−
                <a class="icon" href=""><img src="https://static.igem.org/mediawiki/2018/0/02/T--Cornell--Twitter.jpg"></a>
+
        <!------------------------ FOOTER END ------------------------>
−
            </div>
+
    </div>
−
            <div class="icon-wrapper">
+
−
                <a class="icon" href=""><img src="https://static.igem.org/mediawiki/2018/a/ae/T--Cornell--Instagram.jpg"></a>
+
−
            </div>
+
−
            <div class="icon-wrapper icon-wrapper-last">
+
−
                <a class="icon" href=""><img src="https://static.igem.org/mediawiki/2018/7/77/T--Cornell--Youtube.jpg"></a>
+
−
            </div>
+
−
         </div>
+
−
    </footer>
+
−
    <!------------------------ FOOTER END ------------------------>
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 03:03, 23 September 2018

Team:Cornell - 2018.igem.org

Introducing novelty through a frequency-based biological band-pass filter.

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.
homesubdescriptions