Difference between revisions of "Team:Cornell"

(Prototype team page)
 
 
(79 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Cornell}}
 
 
<html>
 
<html>
 +
<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;
 +
        }
  
−
<div class="column full_size" >
+
        /* removes small extra margin at very bottom below footer */
−
<h1> Welcome to iGEM 2018! </h1>
+
        p {
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
            margin: 0;
 +
        }
  
 +
        /* removes bullets from Toolkit dropdown menu */
 +
        ul {
 +
            list-style-image: none;
 +
        }
  
−
<img src="http://placehold.it/1080x320/c4baba/e4dede">
+
    </style>
−
+
    <title>Team:Cornell - 2018.igem.org</title>
 +
    <!-- CSS -->
 +
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Cornell/styles?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Cornell/grids?action=raw&ctype=text/css">
 +
    <!-- JS -->
 +
    <script src="https://2018.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2018.igem.org/Team:Cornell/mainJS?action=raw&ctype=text/javascript"></script>
 +
</head>
 +
<body>
 +
    <div class="home-page-wrapper">
 +
        <!------------------------ NAV BAR START ------------------------>
 +
        <nav>
 +
            <div class="nav-bar-wrapper">
 +
                <div>
 +
                    <div class="nav-bar-logo">
 +
                        <a href="https://2018.igem.org/Team:Cornell"><img src="https://static.igem.org/mediawiki/2018/a/af/T--Cornell--OscillateLogo.png" alt="Oscillate"></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://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 class="dropdown">
 +
                        <button class="dropbtn">OUTREACH</button>
 +
                        <div class="dropdown-content outreach-dropdown-content">
 +
                            <a href="https://2018.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
 +
                            <a href="https://2018.igem.org/Team:Cornell/Public_Engagement">PUBLIC ENGAGEMENT</a>
 +
                        </div>
 +
                    </div>
 +
                    <div class="dropdown">
 +
                        <button class="dropbtn">HUMAN-CENTERED DESIGN</button>
 +
                        <div class="dropdown-content human-dropdown-content">
 +
                            <a href="https://2018.igem.org/Team:Cornell/Human_Practices">PRACTICES</a>
 +
                            <a href="https://2018.igem.org/Team:Cornell/Policies">POLICIES</a>
 +
                            <a href="https://2018.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</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">MODELING</a>
 +
                            <a href="https://2018.igem.org/Team:Cornell/Testing">TESTING</a>
 +
                        </div>
 +
                    </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://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/InterLab">INTERLAB</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Cornell/Parts">PARTS</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Cornell/Basic_Part">BASIC PARTS</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Cornell/Composite_Part">COMPOSITE PARTS</a></li>
 +
                                    </li>
 +
                                </div>
 +
                                <div class="nav-second-col">
 +
                                    <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/Safety">SAFETY</a></li>
 +
                                    </li>
 +
                                </div>
 +
                            </ul>
 +
                        </div>
 +
                    </div>
 +
                    <div class="dropdown">
 +
                        <button class="dropbtn" onclick="location.href='https://2018.igem.org/Team:Cornell/About'">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>
 +
        </nav>
 +
        <!------------------------ NAV BAR END ------------------------>
  
−
</div>  
+
        <!------------------------ HOME BANNER START ------------------------>
−
 
+
        <header class="home-banner">
−
 
+
            <svg class="red-wave-animation" viewbox="0 0 1100 1100" width="110%">
−
<div class="column full_size" >
+
                <defs>
−
 
+
                    <linearGradient id="gradient">
−
<h3>Before you start</h3>
+
                        <stop offset="0%" stop-color="#c93843">
−
<p> Please read the following pages:</p>
+
                            <animate id="anim1" attributeName="stop-color" values="#c93843;#0d1c38;#c93843" begin="0; anim2.end" fill="freeze" dur="5s" repeatCount="indefinite"></animate>
−
<ul>
+
                        </stop>
−
<li>  <a href="https://2018.igem.org/Competition">Competition Hub</a> </li>
+
                        <stop offset="100%" stop-color="#000000">
−
<li> <a href="https://2018.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
                            <animate id="anim2" attributeName="stop-color" values="#0d1c38;#c93843;#0d1c38" begin="anim1.end; 0" fill="freeze" dur="5s" repeatCount="indefinite"></animate>
−
<li> <a href="https://2018.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
                        </stop>
−
</ul>
+
                    </linearGradient>
−
</div>
+
                </defs>
−
 
+
             
−
 
+
                <path d="M 0 50
−
<div class="clear extra_space"></div>
+
                      Q 50 0, 125 35, 200 70, 275 35, 350 0, 425 35,
−
<div class="line_divider"></div>
+
                      500 70, 575 35, 650 0, 725 35, 800 70, 875 35,
−
<div class="clear extra_space"></div>
+
                      950 0, 1025 35, 1100 70, 1175 35, 1250 0, 1325 35,
−
 
+
                      1400 70, 1475 35, 1550 0, 1625 35, 1700 70"  
−
 
+
                      stroke-width="1" stroke="url(#gradient)" fill="none" transform="translate(-40,0)" />
−
 
+
                <path d="M 0 50
−
<div class="column full_size" >
+
                      Q 50 0, 125 40, 200 80, 275 40, 350 0, 425 40,
−
<h3> Styling your wiki </h3>
+
                      500 80, 575 40, 650 0, 725 40, 800 80, 875 40,
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
                      950 0, 1025 40, 1100 80, 1175 40, 1250 0, 1325 40,
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
                      1400 80, 1475 40, 1550 0, 1625 40, 1700 80"
−
 
+
                      stroke-width="1" stroke="url(#gradient)" fill="none" transform="translate(-35,0)" />
−
</div>
+
                <path d="M 0 50
−
 
+
                      Q 50 0, 125 45, 200 90, 275 45 350 0, 425 45
−
 
+
                      500 90, 575 45, 650 0, 725 45, 800 90, 875 45,
−
 
+
                      950 0, 1025 45, 1100 90, 1175 45, 1250 0, 1325 45,
−
 
+
                      1400 90, 1475 45, 1550 0, 1625 45, 1700 90"  
−
<div class="clear extra_space"></div>
+
                      stroke-width="1" stroke="url(#gradient)" fill="none" transform="translate(-30,0)" />
−
 
+
                <path d="M 0 50
−
 
+
                        Q 50 0, 125 50, 200 100, 275 50 350 0, 425 50
−
 
+
                        500 100, 575 50, 650 0, 725 50, 800 100, 875 50,
−
<div class="column third_size" >
+
                        950 0, 1025 50, 1100 100, 1175 50, 1250 0, 1325 50,
−
 
+
                        1400 100, 1475 50, 1550 0, 1625 50, 1700 100"
−
<h3> Uploading pictures and files </h3>
+
                        stroke-width="1" stroke="url(#gradient)" fill="none" transform="translate(-25,0)" />
−
<p> You must upload any pictures and files to the iGEM 2018 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. </p>
+
                <path d="M 0 50
−
 
+
                        Q 50 0, 125 55, 200 110, 275 55 350 0, 425 55
−
 
+
                        500 110, 575 55, 650 0, 725 55, 800 110, 875 55,
−
<p>When you upload, set the "Destination Filename" to <b> T--YourOfficialTeamName--NameOfFile.jpg</b>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
                        950 0, 1025 55, 1100 110, 1175 55, 1250 0, 1325 55,
−
 
+
                        1400 110, 1475 55, 1550 0, 1625 55, 1700 110"
−
<div class="button_link">
+
                        stroke-width="1" stroke="url(#gradient)"
−
<a href="https://2018.igem.org/Special:Upload">
+
                        fill="none" transform="translate(-20,0)" />
−
UPLOAD FILES
+
                <path d="M 0 50
−
</a>
+
                      Q 50 0, 125 60, 200 120, 275 60 350 0, 425 60
−
</div>
+
                      500 120, 575 60, 650 0, 725 60, 800 120, 875 60,
−
 
+
                      950 0, 1025 60, 1100 120, 1175 60, 1250 0, 1325 60,
−
</div>
+
                      1400 120, 1475 60, 1550 0, 1625 60, 1700 120"
−
 
+
                      stroke-width="1" stroke="url(#gradient)"  
−
<div class="column third_size" >
+
                      transform="translate(-15, 0)" fill="none" />
−
<h3> Wiki template information </h3>
+
                <path d="M 0 50
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2018.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
                      Q 50 0, 125 65, 200 130, 275 65 350 0, 425 65
−
 
+
                      500 130, 575 65, 650 0, 725 65, 800 130, 875 65,
−
</div>
+
                      950 0, 1025 65, 1100 130, 1175 65, 1250 0, 1325 65,
−
 
+
                      1400 130, 1475 65, 1550 0, 1625 65, 1700 130"
−
 
+
                      stroke-width="1" stroke="url(#gradient)"  
−
 
+
                      transform="translate(-10, 0)" fill="none" />
−
<div class="column third_size" >
+
                <path d="M 0 55
−
<div class="highlight decoration_B_full">
+
                        Q 55 0, 130 70, 205 140, 280 70 355 0, 430 70
−
<h3> Editing your wiki </h3>
+
                        505 140, 580 70, 655 0, 730 70, 805 140, 880 70,
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
                        955 0, 1030 70, 1105 140, 1180 70, 1255 0, 1330 70,
−
<p>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
                        1405 140, 1480 70, 1555 0, 1630 70, 1705 140"
−
 
+
                      stroke-width="1" stroke="url(#gradient)" fill="none"
−
<div class="button_link">
+
                      transform="translate(-5,0)" />
−
<a href="https://2018.igem.org/wiki/index.php?title=Team:Cornell&action=edit">
+
                <path d="M 0 55
−
EDIT PAGE
+
                        Q 55 0, 130 75, 205 150, 280 75 355 0, 430 75
−
</a>
+
                        505 150, 580 75, 655 0, 730 75, 805 150, 880 75,
−
</div>
+
                        955 0, 1030 75, 1105 150, 1180 75, 1255 0, 1330 75,
−
 
+
                        1405 150, 1480 75, 1555 0, 1630 75, 1705 150"
−
 
+
                      stroke-width="1" stroke="url(#gradient)" fill="none" />
−
</div>
+
            </svg>
−
</div>
+
            <div class="home-banner-wrapper">
−
 
+
                <div class="home-banner-content-wrapper">
−
 
+
                    <img class="home-banner-logo" src="https://static.igem.org/mediawiki/2018/a/af/T--Cornell--OscillateLogo.png">
−
 
+
                    <div class="home-banner-caption">Introducing a novel frequency-based biological band-pass filter.</div>
−
 
+
                    <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>
−
<div class="clear extra_space"></div>
+
                    </div>
−
<div class="line_divider"></div>
+
                </div>
−
<div class="clear extra_space"></div>
+
            </div>
−
 
+
        </header>
−
 
+
        <!------------------------ HOME BANNER END ------------------------>
−
 
+
−
<div class="column two_thirds_size" >
+
−
<h3>Tips</h3>
+
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2018.igem.org/Calendar">iGEM 2018 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column third_size">
+
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
 +
        <!------------------------ DESCRIPTION START ------------------------>
 +
        <div class="home-description-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>
 +
            </div>
 +
            <hr class="yellow-accent-line-center">
 +
            <div class="home-description">
 +
                At Cornell iGEM, we look to the future to build now what synthetic biology needs next. We developed our project with the synthetic biology community in mind, and built a tool that the field can use for years to come. Our project shifts the paradigm of cellular signaling to a frequency-based signal and is an innovative step in mimicking digital systems.  <br><br><div><span id="home-description-emphasis-words"><i>Come explore the future with us.</i></span></div>
 +
            </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 ------------------------>
 +
        <div class="home-sub-descriptions-wrapper">
 +
            <div class="home-sub-description-left">
 +
                <div class="home-sub-description-left-content">
 +
                    <div class="sub-description-sub-heading-left">
 +
                        Wet Lab
 +
                    </div>
 +
                    <hr class="yellow-accent-line-left-sub">
 +
                    <div>But how? We rely on sensory elements to allow cells to respond to frequency signals, while combining them with tunable protein degradation tags to control the kinetics of protein expression. This has allowed us to develop a tunable gene-expression system developed to respond to controlled and defined stimuli. This further acts as a template for development of systems responsive to various frequency input signals, from heat to light to sound.</div>
 +
                </div>
 +
                <div class="home-sub-description-right-image">
 +
                <img src="https://static.igem.org/mediawiki/2018/5/56/T--Cornell--SnehaInLab.jpg">
 +
                </div>
 +
            </div>
 +
            <div class="home-sub-description-right">
 +
                <div class="home-sub-description-right-content">
 +
                <div class="sub-description-sub-heading-right">
 +
                    Modeling
 +
                </div>
 +
                <hr class="yellow-accent-line-right-sub">
 +
                <div>Innovative modeling serves as a critical component of our toolkit and as a modular tool that other teams can use in the future. We developed advanced deterministic and stochastic models using a unique proof-based approach. Further, we were able to draw from Degree Theory in mathematics to construct formal proofs regarding the nature of our dynamical system independent of specific parameter values to create a robust modeling framework.</div>
 +
                </div>
 +
                <div class="home-sub-description-left-image">
 +
                <img src="https://static.igem.org/mediawiki/2018/f/f6/T--Cornell--modelingIcon.jpg">
 +
                </div>
 +
            </div>
  
 +
            <div class="home-sub-description-left2">
 +
                <div class="home-sub-description-left-content">
 +
                    <div class="sub-description-sub-heading-left">
 +
                        Human Practices
 +
                    </div>
 +
                    <hr class="yellow-accent-line-left-sub">
 +
                    <div>As a team, we always try to keep in mind the impact of our projects as well as the considerations we make in their design. We spoke with other iGEM teams and synthetic biologists to learn more about how to design our system, and where it could go in the future. We further integrated ourselves in the local and national communities, leading workshops and teaching local students about the growing field of synthetic biology and the exciting possibilities it can have!</div>
 +
                </div>
 +
                <div class="home-sub-description-right-image">
 +
                <img src="https://static.igem.org/mediawiki/2018/b/ba/T--Cornell--humanPracticesIcon.JPG">
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!------------------------ SUB-DESCRIPTIONS END ------------------------>
  
 +
        <!------------------------ FOOTER START ------------------------>
 +
        <footer>
 +
            <div class="footer-wrapper">
 +
                <div class="icon-wrapper">
 +
                    <a class="icon" href="http://facebook.com/cornelligem"><img src="https://static.igem.org/mediawiki/2018/3/30/T--Cornell--Facebook.jpg"></a>
 +
                </div>
 +
                <div class="icon-wrapper">
 +
                    <a class="icon" href="http://twitter.com/cugem"><img src="https://static.igem.org/mediawiki/2018/0/02/T--Cornell--Twitter.jpg"></a>
 +
                </div>
 +
                <div class="icon-wrapper">
 +
                    <a class="icon" href="https://www.instagram.com/cugem/"><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="https://www.youtube.com/channel/UCJt-5JfyoucUJXC1EsTllhg"><img src="https://static.igem.org/mediawiki/2018/7/77/T--Cornell--Youtube.jpg"></a>
 +
                </div>
 +
            </div>
 +
        </footer>
 +
        <!------------------------ FOOTER END ------------------------>
 +
    </div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 19:40, 21 November 2018

Team:Cornell - 2018.igem.org

Introducing a novel frequency-based biological band-pass filter.
At Cornell iGEM, we look to the future to build now what synthetic biology needs next. We developed our project with the synthetic biology community in mind, and built a tool that the field can use for years to come. Our project shifts the paradigm of cellular signaling to a frequency-based signal and is an innovative step in mimicking digital systems.

Come explore the future with us.
Wet Lab
But how? We rely on sensory elements to allow cells to respond to frequency signals, while combining them with tunable protein degradation tags to control the kinetics of protein expression. This has allowed us to develop a tunable gene-expression system developed to respond to controlled and defined stimuli. This further acts as a template for development of systems responsive to various frequency input signals, from heat to light to sound.
Modeling
Innovative modeling serves as a critical component of our toolkit and as a modular tool that other teams can use in the future. We developed advanced deterministic and stochastic models using a unique proof-based approach. Further, we were able to draw from Degree Theory in mathematics to construct formal proofs regarding the nature of our dynamical system independent of specific parameter values to create a robust modeling framework.
Human Practices
As a team, we always try to keep in mind the impact of our projects as well as the considerations we make in their design. We spoke with other iGEM teams and synthetic biologists to learn more about how to design our system, and where it could go in the future. We further integrated ourselves in the local and national communities, leading workshops and teaching local students about the growing field of synthetic biology and the exciting possibilities it can have!