(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | #sideMenu, #top_title {display:none;} | ||
+ | body {background-color:white; } | ||
+ | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;} | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | body { | ||
+ | min-width:1200px; | ||
+ | max-width:1400px; | ||
+ | margin:0 auto; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | #block-two{ | ||
+ | color:rgb(73, 127, 218); | ||
+ | } | ||
− | + | #ulist { | |
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | font-size:125%; | ||
+ | background-color: rgb(73, 127, 218); | ||
+ | } | ||
− | + | #lists { | |
+ | float:right; | ||
+ | } | ||
+ | .dropbtn { | ||
+ | display: inline-block; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 14px 16px; | ||
+ | text-decoration: none; | ||
+ | width:125px; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | .dropdown:hover .dropbtn { | ||
+ | background-color: white; | ||
+ | color: rgb(73, 127, 218); | ||
+ | width:125px; | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | li.dropdown { | |
+ | display: inline-block; | ||
+ | } | ||
− | + | .dropdown-content { | |
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: white; | ||
+ | width: 157px; | ||
+ | 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; | ||
+ | } | ||
− | < | + | </style> |
+ | </head> | ||
+ | <body> | ||
− | < | + | <div id = "img-back-head"> |
− | < | + | <ul id = "ulist"> |
+ | <li id = "lists" class="dropdown"> | ||
+ | <a href="#" class="dropbtn">Attributions</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a style = "color:rgb(73, 127, 218); width:140px;" href="https://2016.igem.org/Team:BostonU/Team">Team</a> | ||
+ | <a style = "color:rgb(73, 127, 218); width:140px;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Mentors</a> | ||
+ | <a style = "color:rgb(73, 127, 218); width:140px;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Sponsors</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a href="#" class="dropbtn">Judging</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Medal Requirements</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Awards</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a href="#" class="dropbtn">Engagement</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Outreach</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Visits</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Collaboration</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a href="#" class="dropbtn">Human Practices</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">HP Overview</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Project 1</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Project 2</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Safety</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a href="#" class="dropbtn">Project</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Overview</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Methods</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Results</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Parts</a> | ||
+ | <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Notebook</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li id = "lists" class="dropdown"> | ||
+ | <a href="#" class="dropbtn">Home</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id = "block-two"> | ||
+ | <br> | ||
+ | <br> | ||
+ | <center style = "font-size:230%;">Our Project</center> | ||
+ | <br><br> | ||
+ | <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> | ||
+ | <br> | ||
+ | <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> | ||
+ | <br> | ||
+ | <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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </body> | ||
</html> | </html> |
Revision as of 19:50, 15 July 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.