Difference between revisions of "Team:CU Boulder/Outreach"
(Created page with "{{CU_Boulder}} <html lang="en"> <head> </head> <body> <!-- Content goes between the article tags --> <article> <h1>Outreach</h1> </article> </body> </html> {{CU_Boulder_f...") |
|||
(185 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
+ | <style> | ||
+ | h1 { | ||
+ | line-height: 115%; | ||
+ | } | ||
+ | #page { | ||
+ | height: 150%; | ||
+ | /* | ||
+ | -webkit-background-size: cover; | ||
+ | -moz-background-size: cover; | ||
+ | -o-background-size: cover; | ||
+ | background-size: cover; | ||
+ | background-repeat:no-repeat; | ||
+ | */ | ||
+ | |||
+ | /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#93d365+19,cce9af+40,93d365+66,c7eab3+98 */ | ||
+ | /*background: #93d365; *//* Old browsers */ | ||
+ | /*background: -moz-linear-gradient(top, #93d365 19%, #cce9af 40%, #93d365 66%, #c7eab3 98%); *//* FF3.6+ */ | ||
+ | /*background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#93d365), color-stop(40%,#cce9af), color-stop(66%,#93d365), color-stop(98%,#c7eab3)); *//* Chrome,Safari4+ */ | ||
+ | /*background: -webkit-linear-gradient(top, #93d365 19%,#cce9af 40%,#93d365 66%,#c7eab3 98%); *//* Chrome10+,Safari5.1+ */ | ||
+ | /*background: -o-linear-gradient(top, #93d365 19%,#cce9af 40%,#93d365 66%,#c7eab3 98%); *//* Opera 11.10+ */ | ||
+ | /*background: -ms-linear-gradient(top, #93d365 19%,#cce9af 40%,#93d365 66%,#c7eab3 98%); *//* IE10+ */ | ||
+ | /*background: linear-gradient(to bottom, #93d365 19%,#cce9af 40%,#93d365 66%,#c7eab3 98%);*/ /* W3C */ | ||
+ | /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93d365', endColorstr='#c7eab3',GradientType=0 ); *//* IE6-9 */ | ||
+ | |||
+ | padding-bottom: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | |||
+ | -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5); | ||
+ | -moz-box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | } | ||
+ | |||
+ | #content_box { | ||
+ | width: 80%; | ||
+ | min-width: 780px; | ||
+ | max-width: 1000px; /* Vertical margins, and auto to center */ | ||
+ | margin: auto; | ||
+ | padding-bottom: 50px; | ||
+ | padding-top: 50px; | ||
+ | } | ||
+ | |||
+ | #banner { | ||
+ | width: 84%; | ||
+ | min-width: 800px; | ||
+ | max-width: 1020px; /* Vertical margins, and auto to center */ | ||
+ | margin: auto; | ||
+ | /*background-color: black;*/ | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | /*height: 240px;*/ | ||
+ | /*border: 3px solid red;*/ | ||
+ | padding-top: 20px; | ||
+ | padding-bottom: 0px; | ||
+ | vertical-align: middle; | ||
+ | margin-top: 50px; | ||
+ | } | ||
+ | #heading { | ||
+ | background-color: black; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | /*height: 100px;*/ | ||
+ | /*width: 100%; | ||
+ | min-width: 780px; | ||
+ | max-width: 1000px;*/ | ||
+ | text-align: center; | ||
+ | |||
+ | /*padding: 0px;*/ | ||
+ | vertical-align: middle; | ||
+ | /*border: 3px solid purple;*/ | ||
+ | |||
+ | margin: auto; | ||
+ | border-radius: 20px 20px 0px 0px; | ||
+ | } | ||
+ | |||
+ | #heading h1 { | ||
+ | font-size: 30px; | ||
+ | font-family: "Times New Roman",Times,serif | ||
+ | font-weight: bold; | ||
+ | font-weight: normal; | ||
+ | color: white; | ||
+ | margin-top: 0px; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | line-height: 60%; | ||
+ | width: 800px; | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | #heading h2 { | ||
+ | padding-top:0px; | ||
+ | margin-top: 25px; | ||
+ | margin-left: 5px; | ||
+ | font-size: 26px; | ||
+ | font-family: "Times New Roman",Times,serif; | ||
+ | color: white; | ||
+ | text-align: left; | ||
+ | width: 800px; | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .black_box { | ||
+ | background-color: black; | ||
+ | padding-left: 30px; | ||
+ | padding-right: 30px; | ||
+ | padding-bottom: 30px; | ||
+ | width: 80%; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | margin-bottom: 0px; | ||
+ | margin-top: 50px; | ||
+ | |||
+ | -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5); | ||
+ | -moz-box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | } | ||
+ | .black_box h1 { | ||
+ | color: white; | ||
+ | line-height: 135%; | ||
+ | } | ||
+ | .black_box p { | ||
+ | color: white; | ||
+ | margin-top: 25px; | ||
+ | margin-bottom: 5px; | ||
+ | font-size: 18px; | ||
+ | light-height: 135%; | ||
+ | text-indent: 30px; | ||
+ | } | ||
+ | .black_box ul { | ||
+ | list-style-type: none; | ||
+ | list-style-position: inside; | ||
+ | } | ||
+ | .black_box ul li { | ||
+ | color: white; | ||
+ | list-style-type: none; | ||
+ | padding-left: 40px; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | footer { | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | .caption { | ||
+ | font-size | ||
+ | } | ||
+ | |||
+ | |||
+ | .aside_left { | ||
+ | background-color: #78B7DF; | ||
+ | float: left; | ||
+ | text-align: center; | ||
+ | width: 245px; | ||
+ | padding: 18px; | ||
+ | margin-right: 38px; | ||
+ | margin-top: 32px; | ||
+ | margin-bottom: 20px; | ||
+ | border-radius: 5px; | ||
+ | |||
+ | -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5); | ||
+ | -moz-box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | } | ||
+ | .aside_left h1 { | ||
+ | font-size: 24px; | ||
+ | line-height: 135%; | ||
+ | margin-top: 0px; | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | .aside_left ul { | ||
+ | font-size: 18px; | ||
+ | list-style-position: inside; | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | .aside_left li { | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 18px; | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | |||
+ | .group { | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | float: none; | ||
+ | } | ||
+ | .shadow { | ||
+ | -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5); | ||
+ | -moz-box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | } | ||
+ | .triple { | ||
+ | -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5); | ||
+ | -moz-box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | |||
+ | float: left; | ||
+ | width: 240px; | ||
+ | height: 160px; | ||
+ | } | ||
+ | .caption { | ||
+ | margin-top: 12px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size: 12px; | ||
+ | font-style: italic; | ||
+ | width: 70%; | ||
+ | text-align: center | ||
+ | } | ||
+ | #map_red{ | ||
+ | float: right; | ||
+ | width: 280px; | ||
+ | /*height: 200px;*/ | ||
+ | height: 300px; | ||
+ | background-repeat: no-repeat; | ||
+ | /*background-image: url(https://static.igem.org/mediawiki/2014/b/bf/CU_Boulder_map_red.jpg);*/ | ||
+ | background-size: 280px auto; | ||
+ | margin-top: 40px; | ||
+ | margin-left: 40px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #triple_images { | ||
+ | margin-top: 20px | ||
+ | margin-bottom: 20px; | ||
+ | padding-top: 15px; | ||
+ | padding-bottom: 15px; | ||
+ | |||
+ | border-top: 2px solid #EEE; | ||
+ | border-bottom: 2px solid #EEE; | ||
+ | |||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <div id="page"> | ||
+ | <br><br> | ||
+ | |||
+ | <div id="banner"> | ||
+ | <br> | ||
+ | <div id="heading"> | ||
+ | <h2>Case Study:</h2> | ||
+ | <h1>MONITORING NAPHTHALENE CONTAMINATION</h1> | ||
+ | <h1>IN JEFFERSON COUNTY, COLORADO</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--</div>--> | ||
<!-- Content goes between the article tags --> | <!-- Content goes between the article tags --> | ||
− | + | <div id="content_box"> | |
− | <h1> | + | |
− | + | <div id="map_red"> | |
− | + | <img class="shadow" src="https://static.igem.org/mediawiki/2014/b/bf/CU_Boulder_map_red.jpg" width="280px"> | |
+ | <br> | ||
+ | <div class="caption">Colorado map highlighting the location of Jefferson County</div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <h1>Call to Action</h1> | ||
+ | |||
+ | <p>In June 2015, a conflict began in Littleton, Colorado between a credit card | ||
+ | manufacturing center and residents of the surrounding areas. Allegations | ||
+ | relating to unlawful naphthalene pollution jeopardizing community health | ||
+ | brought fear to the community. The company struggled to maintain a good | ||
+ | relationship with the community and to justify that there was no wrongdoing, | ||
+ | while the community feared for the safety of their families. Our iGEM team | ||
+ | saw an opportunity to step in and use the biotechnology we have developed | ||
+ | to provide a resolution that would satisfy both parties.</p> | ||
+ | |||
+ | <h1>The Company...</h1> | ||
+ | <p>CPI Card Group is an international company with headquarters located southwest of Littleton, Colorado. They | ||
+ | specialize in production of credit, debit, and gift cards to supply to some of the world’s largest banks and | ||
+ | distributors. Part of the manufacturing process includes printing the cards with ink that contains naphthalene. | ||
+ | CPI is not alone in their use of naphthalene-containing ink. In fact, the majority of water-based industrial inks | ||
+ | contain naphthalene or its derivatives as a component. CPI, while not disclosing specific methods used to | ||
+ | manage naphthalene management, insists that their pollution levels are well within environmental regulation. | ||
+ | </p> | ||
+ | |||
+ | <div class="group"> | ||
+ | <div class="aside_left"> | ||
+ | <h1>CPI Card Group Visions & Values</h1> | ||
+ | <ul> | ||
+ | <li>“To be a responsible corporate citizen and active environmental steward while adhering to the highest standards of ethics”</li> | ||
+ | <li>“Act with uncompromising intergrity in all that we do”</li> | ||
+ | <li>“Demand excellence in performance; we will be relentless in our pursuit of continuous improvement”</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <h1>...vs. the Community</h1> | ||
+ | <p>The Ken Caryl Ranch community is a mid-sized neighborhood in | ||
+ | Littleton, Colorado. Its 25,000 residents live among many community | ||
+ | parks, schools, shopping centers, and a large business park. The business | ||
+ | park hosts a wide variety of businesses, including many in the health and | ||
+ | hospitality sector, several engineering companies, and only a handful in | ||
+ | the manufacturing industry. Locals generally consider it to be an | ||
+ | extremely safe and healthy environment, however some residents tend to | ||
+ | disagree.</p> | ||
+ | </div> | ||
+ | |||
+ | <p>CU Boulder iGEM interviewed two families, who wish to remain | ||
+ | anonymous, that have claimed to smell naphthalene in the air sourced | ||
+ | from the CPI headquarters buildings. Many are concerned about the | ||
+ | threat of contamination in their community, as both families insist that | ||
+ | the smell is too strong to be healthy. In an effort to rally support for their | ||
+ | cause, they spread word throughout the community and requested a | ||
+ | public forum with CPI in search of a response to their concerns.</p> | ||
+ | |||
+ | <!---------- images -----------> | ||
+ | <div id="triple_images"> | ||
+ | <img class="triple" src="https://static.igem.org/mediawiki/2014/0/05/CU_Boulder_creek.JPG"> | ||
+ | <img class="triple" src="https://2014.igem.org/File:CU_Boulder_school.JPG"> | ||
+ | <img class="triple" src="https://static.igem.org/mediawiki/2014/b/b1/CU_Boulder_playground.JPG"> | ||
+ | <br> | ||
+ | |||
+ | <div class="caption">Colorado map highlighting the location of Jefferson County</div> | ||
+ | </div> | ||
+ | |||
+ | <h1>Questions Unanswered at a Public Forum</h1> | ||
+ | <p>Nearly 2 months after complaints began, CPI agreed to host a community meeting where local business owners | ||
+ | and residents would attend to address allegations of naphthalene contamination. Several community members | ||
+ | spoke, noting the concerns that naphthalene may have to their health, educating fellow residents about organ | ||
+ | damage caused by the chemical. CPI acknowledged that they use naphthalene in manufacturing, but asserted | ||
+ | that they measure their own pollution levels and have found them to be well within the EPA’s standards. CPI | ||
+ | never disclosed the exact levels of naphthalene released, nor did they suggest they would change their | ||
+ | behavior, leaving a sour-taste in mouths of attendees. Before abruptly ending the meeting, CPI declared that | ||
+ | they will no longer entertain any further complaints or concerns regarding the issue. Both sides left feeling | ||
+ | dissatisfied, both with unmet needs:</p> | ||
+ | |||
+ | <!------------black box --------------> | ||
+ | <div class="black_box"> | ||
+ | <h1>A Unique Application of CU Boulder’s Fracking Biosensors</h1> | ||
+ | <p>With lawsuits eminent, the CU Boulder iGEM team has a special opportunity to provide definitive | ||
+ | answers to whether unhealthy contamination is present in Ken Caryl Ranch. Despite the product being | ||
+ | designed for fracking sites, our product can be used to address any issue of naphthalene pollution. We | ||
+ | created a plan that utilizes biotechnology to resolve the conflict between Ken Caryl residents and CPI | ||
+ | Card Group.</p> | ||
+ | <p>The map below shows the layout of the plan: | ||
+ | <ul> | ||
+ | <li>Dark Red: CPI, the alleged source of naphthalene contamination</li> | ||
+ | <li>Light Red: The neighborhoods from which resident complaints have stemmed</li> | ||
+ | <li>Green: The proposed sites for placement of 11 biosensors</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | <p>The biosensors may be placed strategically to best obtain a profile of naphthalene contamination | ||
+ | levels. A cluster is placed near the CPI headquarters, among neighborhoods that may be at risk. 5 biosensors | ||
+ | line Willow Creek, and 4 sensors along an unnamed tributary to Deer Creek. The final two biosensors | ||
+ | in the lower corner of the map are placed in Deer Creek upstream and downstream of tributary | ||
+ | feeds that start near CPI. These are especially crucial because Deer Creek feeds into Chatfield Reservoir, | ||
+ | seen in the southeastern corner. This reservoir supplies fresh water to a significant portion of Jef | ||
+ | ferson County in addition to surrounding Arapahoe and Douglas counties. Contamination to this water | ||
+ | supply may pose a significant risk to public health.</p> | ||
+ | <p>Since all the biosensors can “remember” the excessive presence of naphthalene at any time, they do | ||
+ | not need to be continuously monitored. Rather, their placement in public areas may allow concerned | ||
+ | community members to monitor them occasionally to check if a contamination incident has occurred. | ||
+ | This creates a low-maintenance, easy way to objectively determine the levels of water pollution for | ||
+ | both CPI and local residents.</p> | ||
+ | <!--------------Insert Image ---------------> | ||
+ | </div> | ||
+ | </div> | ||
− | </ | + | </div> |
</body> | </body> | ||
</html> | </html> | ||
{{CU_Boulder_footer}} | {{CU_Boulder_footer}} |
Latest revision as of 07:39, 14 August 2015
<!DOCTYPE html>