Difference between revisions of "Team:CU Boulder/project/motivation"
(68 intermediate revisions by 2 users not shown) | |||
Line 11: | Line 11: | ||
body article { | body article { | ||
background-color: white; | background-color: white; | ||
+ | margin-bottom: 0px; | ||
} | } | ||
#body2 { | #body2 { | ||
background-color: white; | background-color: white; | ||
} | } | ||
+ | #content { | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
#video { | #video { | ||
width: 650px; | width: 650px; | ||
Line 24: | Line 29: | ||
#rig_container { | #rig_container { | ||
− | width: | + | width: 1100px; |
− | height: | + | height: 250px; |
margin-bottom: 0px; | margin-bottom: 0px; | ||
− | margin-left: - | + | margin-left: -110px; |
} | } | ||
#rig { | #rig { | ||
float: left; | float: left; | ||
− | width: | + | width: 230px; |
− | height: | + | height: 250px; |
background-image: url(https://static.igem.org/mediawiki/2015/c/cd/CU_Boulder_rig_bw.png); | background-image: url(https://static.igem.org/mediawiki/2015/c/cd/CU_Boulder_rig_bw.png); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | background-size: | + | background-size: 230px 250px; |
margin-right: 40px; | margin-right: 40px; | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
Line 43: | Line 48: | ||
#timeline_container { | #timeline_container { | ||
width: 720px; | width: 720px; | ||
− | height: | + | height: 3375px; /*********** THIS NEEDS TO BE MANUALLY ADJUSTED**************/ |
border-left: 10px solid black; | border-left: 10px solid black; | ||
− | margin-bottom: | + | margin-bottom: 0px; |
background-color: white; | background-color: white; | ||
} | } | ||
Line 56: | Line 61: | ||
.date2 { | .date2 { | ||
margin-top: 50px; | margin-top: 50px; | ||
+ | margin-left: -150px; | ||
} | } | ||
.fact_title { | .fact_title { | ||
font-size: 20px; | font-size: 20px; | ||
margin-top: 50px; | margin-top: 50px; | ||
+ | line-height: 130%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .fact_title2 { | ||
+ | font-size: 20px; | ||
+ | margin-top: 50px; | ||
+ | margin-left: -100px; | ||
line-height: 130%; | line-height: 130%; | ||
text-align: center; | text-align: center; | ||
Line 72: | Line 85: | ||
.fact_box2 { | .fact_box2 { | ||
border-bottom: 10px; solid black; | border-bottom: 10px; solid black; | ||
+ | margin-bottom: 40px; | ||
} | } | ||
Line 109: | Line 123: | ||
width: 650px; | width: 650px; | ||
height: 400px; | height: 400px; | ||
− | padding-left: | + | padding-left: 0px; |
− | padding-right: | + | padding-right: 0px; |
− | padding-bottom: | + | padding-bottom: 0px; |
− | margin-top: | + | padding-top: 0px; |
+ | margin-top: 340px; | ||
margin-left: -10px; | margin-left: -10px; | ||
margin-bottom: 40px; | margin-bottom: 40px; | ||
Line 118: | Line 133: | ||
} | } | ||
#black_box_text { | #black_box_text { | ||
+ | float: left; | ||
+ | width: 390px; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | #black_box_image1 { | ||
float: right; | float: right; | ||
− | width: | + | width: 100px; |
+ | height: 140px; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/3/3c/CU_Boulder_green_half_ring.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100px 120px; | ||
+ | margin-top: 0px; | ||
+ | |||
} | } | ||
− | # | + | #black_box_image2 { |
float: left; | float: left; | ||
− | width: | + | width: 100px; |
− | height: | + | height: 80px; |
− | background-image: url(https://static.igem.org/mediawiki/2015/ | + | background-image: url(https://static.igem.org/mediawiki/2015/c/ce/CU_Boulder_blue_half_ring.png); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | background-size: | + | background-size: 100px 80px; |
− | + | background-position: bottom; | |
+ | margin-top: 300; | ||
+ | margin-bottom: -30px; | ||
+ | padding-top: 320px; | ||
} | } | ||
− | |||
Line 137: | Line 166: | ||
</style> | </style> | ||
</head> | </head> | ||
− | <body class"sub"> | + | <!--<body class="sub">--> |
<div id="body2"> | <div id="body2"> | ||
+ | <body> | ||
<!---------------- Content starts here ---------------> | <!---------------- Content starts here ---------------> | ||
<article> | <article> | ||
<h1>Motivation</h1> | <h1>Motivation</h1> | ||
− | <h1>A | + | <h1>DRILLING FOR A BETTER SOLUTION</h1> |
<br> | <br> | ||
<p><b>The CU Boulder iGEM team was inspired by combining ideas from previous work and legislation related to fracking with recently-produced genetics including the use of logic gates and cell-to-cell signaling. This combination ultimately results in the most cutting-edge naphthalene biosensor for practical industrial use in controlling groundwater contamination due to fracking.</b></p> | <p><b>The CU Boulder iGEM team was inspired by combining ideas from previous work and legislation related to fracking with recently-produced genetics including the use of logic gates and cell-to-cell signaling. This combination ultimately results in the most cutting-edge naphthalene biosensor for practical industrial use in controlling groundwater contamination due to fracking.</b></p> | ||
Line 148: | Line 178: | ||
<!---------VIDEO--------------> | <!---------VIDEO--------------> | ||
− | |||
+ | <div> | ||
+ | <iframe align="middle" scrolling="no" allowTransparency="true" frameborder="0" width="1000" height="450" src="https://goanimate.com/player/embed/0aodWVaGRO6s?utm_source=social&utm_medium=tumblr&utm_campaign=usercontent"></iframe> | ||
+ | |||
+ | <br><br> | ||
+ | </div> | ||
+ | <br><br> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div id="rig_container"> | <div id="rig_container"> | ||
<div id="rig"></div> | <div id="rig"></div> | ||
+ | <h2>To determine what type of product could make the biggest impact, CU Boulder iGEM analyzed the environmental risks of fracking and the shortcomings of current solution methods. The result was a design that uses E. coli to test trace fracking fluid contaminants that anybody can use easily and effectively. CU Boulder iGEM interviewed petroleum engineer David Meyer for insight into the history of fracking.</h2> | ||
+ | <p>Despite fracking being a relatively recent topic among environmental discussions, the technology to drill vertical hydraulic fracturing wells has been around and used since 1940s. It wasn’t until the 1980s when George P. Mitchell, a petroleum engineer from Texas, invented the horizontal drilling process. Soon, no natural gas companies could survive unless the adapted the technique themselves. By the 1990s, more than 80% of natural gas in the United States was extracted with fracking, and environmentalists began to fear some of the unintended consequences of the practice. Chemistry and law quickly stepped in to evaluate remediation options, all of which has led to the creation of CU Boulder iGEM team’s device.</p> | ||
</div> | </div> | ||
<div id="timeline_container"> | <div id="timeline_container"> | ||
Line 213: | Line 242: | ||
<div id="black_box"> | <div id="black_box"> | ||
− | <div id=" | + | <div id="black_box_image2"></div> |
<div id="black_box_text"> | <div id="black_box_text"> | ||
− | <p> | + | <p>The Naphthalene Recorder project by CU Boulder iGEM incorporates the whole-cell concept for simplicity of processing and production and extends OptiEnz concept of measuring untreated samples from bodies of water by introducing a stake that can maintain homeostatic conditions wherever it’s placed. The concept of a low-maintenance network with contaminant “memory” extends the concept proposed for methane sensors, and its use can allow the public to run their own tests, avoiding lawsuits and not being strictly dependent upon the law requiring a company to run a test themselves.</p> |
− | + | ||
− | + | ||
− | </p> | + | |
</div> | </div> | ||
+ | <div id="black_box_image1"></div> | ||
+ | |||
</div> | </div> | ||
</div><!----div for timeline---> | </div><!----div for timeline---> | ||
+ | <br><br> | ||
+ | <br><br> | ||
+ | <br><br> | ||
+ | <br><br> | ||
+ | <br><br> | ||
+ | <br><br> | ||
+ | <br><br> | ||
+ | <br><br> | ||
+ | |||
</article> | </article> |
Latest revision as of 23:35, 18 September 2015
<!DOCTYPE html>