(Try different url format with combo of actual url and CSS url) |
|||
(64 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style> | <style> | ||
+ | /* hides "Team:Cornell" and iGEM logo */ | ||
#top_title { | #top_title { | ||
display: none; | display: none; | ||
+ | } | ||
+ | |||
+ | /* removes padding below footer */ | ||
+ | #globalWrapper { | ||
+ | padding: 0; | ||
} | } | ||
#content { | #content { | ||
− | padding:0px; | + | background: #0d1c38; |
− | width:100% !important; | + | padding: 0px; |
− | margin-top: | + | width: 100% !important; |
− | margin-left:0px ; | + | 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> | </style> | ||
<title>Team:Cornell - 2018.igem.org</title> | <title>Team:Cornell - 2018.igem.org</title> | ||
<!-- CSS --> | <!-- 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/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 --> | <!-- JS --> | ||
− | <script src="https://2018.igem.org/ | + | <script src="https://2018.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script> |
− | <script src="https://2018.igem.org/ | + | <script src="https://2018.igem.org/Team:Cornell/mainJS?action=raw&ctype=text/javascript"></script> |
</head> | </head> | ||
− | <body class="home-page-wrapper"> | + | <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"> | <div class="dropdown"> | ||
<button class="dropbtn">TEAM</button> | <button class="dropbtn">TEAM</button> | ||
Line 41: | Line 65: | ||
<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=" | + | <a href="https://2018.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a> |
− | <a href=" | + | <a href="https://2018.igem.org/Team:Cornell/Public_Engagement">PUBLIC ENGAGEMENT</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 48: | Line 72: | ||
<button class="dropbtn">HUMAN-CENTERED DESIGN</button> | <button class="dropbtn">HUMAN-CENTERED DESIGN</button> | ||
<div class="dropdown-content human-dropdown-content"> | <div class="dropdown-content human-dropdown-content"> | ||
− | <a href=" | + | <a href="https://2018.igem.org/Team:Cornell/Human_Practices">PRACTICES</a> |
− | <a href=" | + | <a href="https://2018.igem.org/Team:Cornell/Policies">POLICIES</a> |
<a href="https://2018.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a> | <a href="https://2018.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a> | ||
</div> | </div> | ||
Line 56: | Line 80: | ||
<button class="dropbtn">MODELING</button> | <button class="dropbtn">MODELING</button> | ||
<div class="dropdown-content modeling-dropdown-content"> | <div class="dropdown-content modeling-dropdown-content"> | ||
− | <a href="https://2018.igem.org/Team:Cornell/Model"> | + | <a href="https://2018.igem.org/Team:Cornell/Model">MODELING</a> |
− | <a href="https://2018.igem.org/Team:Cornell/ | + | <a href="https://2018.igem.org/Team:Cornell/Testing">TESTING</a> |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 66: | Line 89: | ||
<ul> | <ul> | ||
<div class="nav-first-col"> | <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> | </li> | ||
</div> | </div> | ||
− | |||
<div class="nav-second-col"> | <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> | </li> | ||
</div> | </div> | ||
Line 84: | Line 108: | ||
</div> | </div> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | <button class="dropbtn" onclick="location.href='https://2018.igem.org/Team:Cornell/ | + | <button class="dropbtn" onclick="location.href='https://2018.igem.org/Team:Cornell/About'">ABOUT</button> |
</div> | </div> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn active-page" onclick="location.href='https://2018.igem.org/Team:Cornell'">HOME</button> | <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 BAR END ------------------------> | |
− | + | ||
− | + | <!------------------------ HOME BANNER START ------------------------> | |
− | + | <header class="home-banner"> | |
− | + | <svg class="red-wave-animation" viewbox="0 0 1100 1100" width="110%"> | |
− | + | <defs> | |
− | + | <linearGradient id="gradient"> | |
− | + | <stop offset="0%" stop-color="#c93843"> | |
− | + | <animate id="anim1" attributeName="stop-color" values="#c93843;#0d1c38;#c93843" begin="0; anim2.end" fill="freeze" dur="5s" repeatCount="indefinite"></animate> | |
− | + | </stop> | |
− | + | <stop offset="100%" stop-color="#000000"> | |
− | + | <animate id="anim2" attributeName="stop-color" values="#0d1c38;#c93843;#0d1c38" begin="anim1.end; 0" fill="freeze" dur="5s" repeatCount="indefinite"></animate> | |
− | + | </stop> | |
− | + | </linearGradient> | |
− | + | </defs> | |
− | + | ||
− | + | <path d="M 0 50 | |
− | + | Q 50 0, 125 35, 200 70, 275 35, 350 0, 425 35, | |
− | + | 500 70, 575 35, 650 0, 725 35, 800 70, 875 35, | |
− | + | 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 | |
− | + | Q 50 0, 125 40, 200 80, 275 40, 350 0, 425 40, | |
− | + | 500 80, 575 40, 650 0, 725 40, 800 80, 875 40, | |
− | + | 950 0, 1025 40, 1100 80, 1175 40, 1250 0, 1325 40, | |
− | + | 1400 80, 1475 40, 1550 0, 1625 40, 1700 80" | |
− | + | stroke-width="1" stroke="url(#gradient)" fill="none" transform="translate(-35,0)" /> | |
− | + | <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" | |
− | + | 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, | |
− | + | 950 0, 1025 50, 1100 100, 1175 50, 1250 0, 1325 50, | |
− | + | 1400 100, 1475 50, 1550 0, 1625 50, 1700 100" | |
− | + | stroke-width="1" stroke="url(#gradient)" fill="none" transform="translate(-25,0)" /> | |
− | + | <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, | |
− | + | 950 0, 1025 55, 1100 110, 1175 55, 1250 0, 1325 55, | |
− | + | 1400 110, 1475 55, 1550 0, 1625 55, 1700 110" | |
− | + | stroke-width="1" stroke="url(#gradient)" | |
− | + | fill="none" transform="translate(-20,0)" /> | |
− | + | <path d="M 0 50 | |
− | + | Q 50 0, 125 60, 200 120, 275 60 350 0, 425 60 | |
− | + | 500 120, 575 60, 650 0, 725 60, 800 120, 875 60, | |
− | + | 950 0, 1025 60, 1100 120, 1175 60, 1250 0, 1325 60, | |
− | + | 1400 120, 1475 60, 1550 0, 1625 60, 1700 120" | |
− | + | stroke-width="1" stroke="url(#gradient)" | |
− | + | transform="translate(-15, 0)" fill="none" /> | |
− | + | <path d="M 0 50 | |
− | + | 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, | |
− | + | 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" /> | |
− | + | <path d="M 0 55 | |
− | + | Q 55 0, 130 70, 205 140, 280 70 355 0, 430 70 | |
− | + | 505 140, 580 70, 655 0, 730 70, 805 140, 880 70, | |
− | + | 955 0, 1030 70, 1105 140, 1180 70, 1255 0, 1330 70, | |
− | + | 1405 140, 1480 70, 1555 0, 1630 70, 1705 140" | |
− | + | stroke-width="1" stroke="url(#gradient)" fill="none" | |
− | + | transform="translate(-5,0)" /> | |
− | + | <path d="M 0 55 | |
− | + | Q 55 0, 130 75, 205 150, 280 75 355 0, 430 75 | |
− | + | 505 150, 580 75, 655 0, 730 75, 805 150, 880 75, | |
− | + | 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" /> | |
− | + | </svg> | |
− | + | <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> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | </header> | |
− | + | <!------------------------ HOME 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="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> | </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> | ||
− | <div class=" | + | <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> | ||
− | <div class=" | + | |
− | < | + | <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> | ||
</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> | </body> | ||
</html> | </html> |
Latest revision as of 19:40, 21 November 2018
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!