Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
− | + | #sideMenu, #top_title {display:none;} | |
− | + | #content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;} | |
− | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | |
− | + | ||
− | + | ||
− | + | body { | |
− | + | margin: 0px 0px 0px 0px; | |
− | + | } | |
− | + | ||
− | + | #img-back-head{ | |
− | + | background: url("https://static.igem.org/mediawiki/2016/8/8a/T--BostonU--KamBosEnh.jpg") no-repeat center center scroll; | |
− | + | padding:0; | |
+ | position: relative; | ||
+ | background-size:100% 100%; | ||
+ | } | ||
− | + | #block-two{ | |
− | + | background-color:rgb(73, 127, 218); | |
− | + | color:white; | |
− | + | } | |
− | + | #ulist { | |
− | + | list-style-type: none; | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | + | overflow: hidden; | |
− | + | font-size:125%; | |
− | + | background-color: rgb(73, 127, 218); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | #lists { | |
− | + | float: right; | |
− | + | } | |
− | + | ||
− | + | li a, .dropbtn { | |
− | + | display: inline-block; | |
− | + | color: white; | |
− | + | text-align: center; | |
− | + | padding: 14px 16px; | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | ||
− | + | ||
+ | li a:hover, .dropdown:hover .dropbtn { | ||
+ | background-color: white; | ||
+ | color: rgb(73, 127, 218); | ||
+ | } | ||
− | + | li.dropdown { | |
− | + | display: inline-block; | |
− | + | } | |
− | + | .dropdown-content { | |
− | + | display: none; | |
− | + | position: absolute; | |
+ | background-color: white; | ||
+ | min-width: 100px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | } | ||
− | + | .dropdown-content a { | |
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
− | + | .dropdown-content a:hover {background-color: #f1f1f1} | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .dropdown:hover .dropdown-content { | |
− | + | display: block; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #media { | |
− | + | background-color:white; | |
− | + | } | |
− | + | #twit, #face, #snap, #email { | |
+ | width:100px; | ||
+ | height:100px; | ||
+ | padding:30px; | ||
+ | } | ||
+ | #twit:hover, #face:hover, #snap:hover, #email:hover { | ||
+ | height:150px; | ||
+ | width:150px; | ||
+ | padding:30px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id = "img-back-head"> | ||
+ | <ul id = "ulist"> | ||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a href="#" class="dropbtn">Human Practices</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a style = "color:rgb(73, 127, 218); width:140px;" href="https://www.google.com/?gws_rd=ssl">Overview</a> | ||
+ | <a style = "color:rgb(73, 127, 218); width:140px;" href="https://www.google.com/?gws_rd=ssl">Methods</a> | ||
+ | <a style = "color:rgb(73, 127, 218); width:140px;" href="https://www.google.com/?gws_rd=ssl">Results</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a style = "width:110px;" href="#" class="dropbtn">Team</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Members</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="https://www.google.com/?gws_rd=ssl">Collaboration</a> | ||
+ | <a style = "color:rgb(73, 127, 218);"href="https://www.google.com/?gws_rd=ssl">Mentors</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a style = "width:79px;" href="#" class="dropbtn">Project</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="https://www.google.com/?gws_rd=ssl">Overview</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="https://www.google.com/?gws_rd=ssl">Methods</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="https://www.google.com/?gws_rd=ssl">Results</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
− | < | + | <br><br><br><br><center style = "font-size:400%; color:white;">BU iGEM<br>2016<center><br><br><br><br><br><br> |
− | < | + | |
− | < | + | |
− | < | + | |
− | + | ||
</div> | </div> | ||
− | + | <div id = "block-two"> | |
− | <div | + | <br> |
− | < | + | <br> |
− | < | + | <center style = "font-size:230%;">Our Project</center> |
− | < | + | <p style = "font-size:150%; padding: 0px 100px;"> |
− | + | Synthetic biologists seek to control the behaviors, specifically those behaviors dictated by gene | |
− | + | expression. To do this, they look to cells to provide a blueprint for their designs. However, scientists | |
− | + | like Timothy Lu have noticed a distinct dichotomy in the field of synthetic biology surrounding cellular | |
− | < | + | blue prints, |
− | + | </p> | |
− | < | + | <p style = "font-size:150%; padding: 0px 100px;"> |
− | < | + | “Living cells implement ... both analogue- and digital-like processing ... In contrast to natural biological |
− | < | + | systems, synthetic biological systems have largely focused on either digital or analogue computation |
+ | separately.” | ||
+ | </p> | ||
+ | <p style = "font-size:150%; padding: 0px 100px;"> | ||
+ | Currently in the field, most methods of gene regulation are either digital (transcriptional activators, | ||
+ | repressors, and inducible circuits) or they are analog (oscillatory circuits). This summer our team desires | ||
+ | to develop a synthetic promoter toolkit that can generate both digital and analog genetic expression. | ||
+ | </p> | ||
+ | <br> | ||
+ | <br> | ||
</div> | </div> | ||
− | + | <div id = "media"> | |
− | <div | + | <center><p style = "font-size:230%; padding:25px; color:rgb(73, 127, 218);">Follow us on:</p><center> |
− | < | + | <a href = "https://twitter.com/"> <img id = "twit" src = "twitlogo.jpe"> </a> |
− | <p> | + | <img id = "snap" src = "snaplogo.png"> |
− | < | + | <img id = "face" src = "facelogo.jpg"> |
− | + | <img id = "email" src = "emaillogo.png"> | |
− | + | <br><br><br><br><br><br><br> | |
− | < | + | |
− | < | + | |
− | < | + | |
− | < | + | |
− | < | + | |
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </body> | ||
</html> | </html> |
Revision as of 15:23, 7 July 2016
2016
Synthetic biologists seek to control the behaviors, specifically those behaviors dictated by gene expression. To do this, they look to cells to provide a blueprint for their designs. However, scientists like Timothy Lu have noticed a distinct dichotomy in the field of synthetic biology surrounding cellular blue prints,
“Living cells implement ... both analogue- and digital-like processing ... In contrast to natural biological systems, synthetic biological systems have largely focused on either digital or analogue computation separately.”
Currently in the field, most methods of gene regulation are either digital (transcriptional activators, repressors, and inducible circuits) or they are analog (oscillatory circuits). This summer our team desires to develop a synthetic promoter toolkit that can generate both digital and analog genetic expression.