Difference between revisions of "Team:BroadRun-NorthernVA/Practices"
(Prototype team page) |
|||
(4 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{BroadRun-NorthernVA}} | {{BroadRun-NorthernVA}} | ||
<html> | <html> | ||
+ | <!-- Start of CSS--> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | /* PAGE LAYOUT */ | ||
+ | |||
+ | /* Change Background color*/ | ||
+ | body {FFCC66 | ||
+ | background-color: #FFD699 | ||
+ | } | ||
+ | |||
+ | /* Creates a container that will wrap all of the content inside your wiki pages. */ | ||
+ | #mainContainer { | ||
+ | width: 978px; | ||
+ | overflow:hidden; | ||
+ | float:left; | ||
+ | margin-left:20px; | ||
+ | margin-bottom: 10px; | ||
+ | background-color: #FFE680; | ||
+ | border-bottom: 814px solid #FFE680; | ||
+ | border-right: 2px solid #000000; | ||
+ | border-left: 2px solid #000000; | ||
+ | border-top: 5px solid #000000; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | /* Creates the container for the menu */ | ||
+ | #menuContainer { | ||
+ | float:left; | ||
+ | width: 134px; | ||
+ | padding: 20px 0px; | ||
+ | border-top: 14px solid #7A0000; | ||
+ | background-color: #7A0000; | ||
+ | } | ||
+ | |||
+ | /* Creates the container for the content */ | ||
+ | #contentContainer { | ||
+ | padding-top:20px; | ||
+ | padding-right:10px; | ||
+ | margin-bottom: 20px; | ||
+ | width: 814px; | ||
+ | padding-left: 20px; | ||
+ | float: left; | ||
+ | background-color: #FFE680; | ||
+ | border-top: 14px solid #7A0000; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | /*Set up height place holder for the banner*/ | ||
+ | #bannerContainer { | ||
+ | height:200px; | ||
+ | margin:auto; | ||
+ | text-align:center; | ||
+ | color: #FFCC66; | ||
+ | } | ||
+ | |||
+ | /*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | ||
+ | |||
+ | /*Change the styling of text for everything inside main container*/ | ||
+ | #mainContainer p { | ||
+ | font-size: 17px; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | /*This changes the color and font family */ | ||
+ | #contentContainer h1, h2, h3, h4, h5, h6 { | ||
+ | color: #000000; | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | font-family: "sans-serif", Helvetica, sans-serif; | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | |||
+ | /*Style of the links - links are different inside the menu */ | ||
+ | #contentContainer a { | ||
+ | font-weight: bold; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | /* Styling links on hover- links are different inside the menu */ | ||
+ | #contentContainer a:hover { | ||
+ | color: #FFFFFF | ||
+ | } | ||
+ | |||
+ | /*Change the styling of tables */ | ||
+ | #contentContainer table { | ||
+ | border: 1px solid #000000; | ||
+ | border-collapse: collapse; | ||
+ | width: 90% | ||
+ | margin: auto; | ||
+ | margin-bottom: 15px; | ||
+ | margin-top: 15px; | ||
+ | margin-right: 10px; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of table cells*/ | ||
+ | #contentContainer td { | ||
+ | padding: 10px; | ||
+ | border: 1px solid #00000; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: text-top; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of table headers */ | ||
+ | #contentContainer th { | ||
+ | background-color: #000000; | ||
+ | padding: 10px; | ||
+ | border: 1px solid #565656; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: text-top; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*MENU STYLING */ | ||
+ | |||
+ | /*Styling for the links in the menu */ | ||
+ | #menuContainer a { | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | /* Sets the style for lists inside menuContainer */ | ||
+ | #menuContainer ul { | ||
+ | list-style: none; | ||
+ | margin-left:0px; | ||
+ | } | ||
+ | |||
+ | /*Styles the list items to become menu buttons */ | ||
+ | #menuContainer ul li { | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | height:30px; | ||
+ | padding-top:10px; | ||
+ | } | ||
+ | |||
+ | /*For the menu buttons, changes the color when hovering*/ | ||
+ | #menuContainer li:hover { | ||
+ | color: #FFFFFF; | ||
+ | background-color: #000000; | ||
+ | } | ||
+ | |||
+ | /*Submenus are not displayed as default*/ | ||
+ | #menuContainer li ul { | ||
+ | display: none; | ||
+ | padding-top:15px; | ||
+ | margin-left: -19px; | ||
+ | } | ||
+ | |||
+ | /*Submenus are displayed when hovering the menu button */ | ||
+ | #menuContainer li:hover ul { | ||
+ | /*display: inline-block; */ | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | float:right; | ||
+ | margin-left: 134px; | ||
+ | margin-top:-42px; | ||
+ | } | ||
+ | |||
+ | /*Style the submenu buttons*/ | ||
+ | #menuContainer li ul li{ | ||
+ | background-color: #800000; | ||
+ | padding-left:20px; | ||
+ | padding-right:20px; | ||
+ | height:30px; | ||
+ | padding-top:10px; | ||
+ | margin-top:-2px; | ||
+ | color: #FFFFFF; | ||
+ | width: 150px; | ||
+ | } | ||
+ | |||
+ | /*CLASSES */ | ||
+ | |||
+ | /*Clear class for all the pages, adds spacing too*/ | ||
+ | .clear{ | ||
+ | clear:both; | ||
+ | height: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* highlight box for special messages */ | ||
+ | .highlightBox { | ||
+ | width:500px; | ||
+ | margin:auto; | ||
+ | background-color: #7A0000; | ||
+ | margin-bottom: 15px; | ||
+ | margin-top: 15px; | ||
+ | padding: 15px; | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | <!-- End of CSS --> | ||
+ | |||
+ | <h2> Human Practices Overview</h2> | ||
+ | |||
+ | <font size="4"> | ||
+ | Armstrong is currently facing a problem with the build-up of starches in their system. This buildup results from their decision to manufacture ceiling tiles made mostly from recycled material. The starch buildup creates problems with unwanted bacterial growth which is expensive to fix and leaves a foul stench in the air. The consequences of Armstrong’s eco-friendly endeavors are costly and discouraging. Our team is using synthetic biology to eliminate these consequences in hope of not only relieving this burden from Armstrong, but to show future companies that switching to eco-friendly systems doesn’t have to come with drawbacks. | ||
+ | |||
+ | <br></br><br></br><br></br> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
− | |||
− | |||
− | |||
− | |||
<div class="highlightBox"> | <div class="highlightBox"> | ||
− | < | + | <br></br> |
− | < | + | <font color="white"; font size="3"><b>Education and Public Engagement</b> |
− | < | + | <br></br> |
− | + | This section of our Human Practices details our community outreach to local companies and presentations of our project to high school and middle school students. | |
− | + | </font> | |
− | + | <form> | |
− | + | <input type="button" value="Education and Public Engagement" onclick="window.location.href='https://2015.igem.org/Team:BroadRun-NorthernVA/Education_and_Public_Outreach'" /> | |
− | </ | + | </form> |
+ | <br></br> | ||
</div> | </div> | ||
+ | <br></br> | ||
− | < | + | <div class="highlightBox"> |
− | < | + | <br></br> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | < | + | <font color="white"; font size="3"><b>Sustainability</b> |
− | < | + | <br></br> |
+ | This section of our Human practices explains how our project is a sustainable solution that is long term and environmentally conscientious. | ||
+ | </font> | ||
+ | <form> | ||
+ | <input type="button" value="Sustainability" onclick="window.location.href='https://2015.igem.org/Team:BroadRun-NorthernVA/Sustainability'" /> | ||
+ | </form> | ||
+ | <br></br> | ||
+ | </div> | ||
+ | <br></br> | ||
+ | <div class="highlightBox"> | ||
+ | <br></br> | ||
+ | |||
+ | <font color="white";font size="3"><b>Basic Research</b> | ||
+ | <br></br> | ||
+ | This section of our Human practices goes over other possible applications of the technologies, ideas, and information explored in this project. | ||
+ | </font> | ||
+ | |||
+ | |||
+ | <form> | ||
+ | <input type="button" value="Basic Research" onclick="window.location.href='https://2015.igem.org/Team:BroadRun-NorthernVA/BasicResearch'" /> | ||
+ | </form> | ||
+ | |||
+ | <br></br> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</html> | </html> |
Latest revision as of 00:54, 19 September 2015
{{BroadRun-NorthernVA}}
Human Practices Overview
Armstrong is currently facing a problem with the build-up of starches in their system. This buildup results from their decision to manufacture ceiling tiles made mostly from recycled material. The starch buildup creates problems with unwanted bacterial growth which is expensive to fix and leaves a foul stench in the air. The consequences of Armstrong’s eco-friendly endeavors are costly and discouraging. Our team is using synthetic biology to eliminate these consequences in hope of not only relieving this burden from Armstrong, but to show future companies that switching to eco-friendly systems doesn’t have to come with drawbacks.Education and Public Engagement
This section of our Human Practices details our community outreach to local companies and presentations of our project to high school and middle school students.
Sustainability
This section of our Human practices explains how our project is a sustainable solution that is long term and environmentally conscientious.
Basic Research
This section of our Human practices goes over other possible applications of the technologies, ideas, and information explored in this project.