|
|
| Line 10: |
Line 10: |
| | margin-right: auto; | | margin-right: auto; |
| | } | | } |
| − | #columns_container {
| |
| − | width: 860px;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | }
| |
| − | #left_column {
| |
| − | float: left;
| |
| − | background-color: black;
| |
| − | text-align: center;
| |
| − | color: white;
| |
| − | width: 220px;
| |
| − | padding-top: 20px;
| |
| − | height: 1400px;
| |
| − | }
| |
| − | .fact {
| |
| − | width: 130px;
| |
| − | text-align: center;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − |
| |
| − | }
| |
| − | .fact h1 {
| |
| − | font-size: 36px;
| |
| − | text-align: center;
| |
| − | color: white;
| |
| − | margin-bottom: 0px;
| |
| − | line-height: 100%
| |
| − | }
| |
| − |
| |
| − | #right_column {
| |
| − | float: right;
| |
| − | background-color: black;
| |
| − | color: white;
| |
| − | width: 615px;
| |
| − | margin-bottom: 100px;
| |
| − | padding-bottom: 0px;
| |
| − | padding-top: 20px;
| |
| − | height: 1400px;
| |
| − | }
| |
| − | #left_column h2 {
| |
| − | color: white;
| |
| − | font-size: 24px;
| |
| − | line-height: 120%;
| |
| − | font-weight: lighter;
| |
| − | padding-right: 6px;
| |
| − | padding-left: 6px;
| |
| − | margin-left: 5px;
| |
| − | margin-right: 5px;
| |
| − | }
| |
| − | #right_column h2 {
| |
| − | color: white;
| |
| − | font-size: 24px;
| |
| − | line-height: 120%;
| |
| − | font-weight: lighter;
| |
| − | padding-right: 5px;
| |
| − | padding-left: 5px;
| |
| − | }
| |
| − | #right_column h3 {
| |
| − | color: white;
| |
| − | font-size: 20px;
| |
| − | }
| |
| − | .left_content {
| |
| − | float: left;
| |
| − | width: 260px;
| |
| − | padding-left: 20px;
| |
| − | }
| |
| − | #left_custom1 {
| |
| − | width: 246px;
| |
| − | padding-left: 20px;
| |
| − | }
| |
| − |
| |
| − | .right_content {
| |
| − | float: right;
| |
| − | width: 265px;
| |
| − | padding-right: 20px;
| |
| − | margin-right: 15px;
| |
| − | margin-left: 0px;
| |
| − | }
| |
| − | #right_custom1 {
| |
| − | width: 266px;
| |
| − | padding-left: 0px;
| |
| − | }
| |
| − |
| |
| − | .section {
| |
| − | margin-top: 10px;
| |
| − | margin-bottom: 10px;
| |
| − | /*border: 3px solid blue;*/
| |
| − | }
| |
| − | #sec1 {
| |
| − | height: 440px;
| |
| − | }
| |
| − | #sec2 {
| |
| − | height: 440px;
| |
| − | }
| |
| − | #sec3 {
| |
| − | height: 300px;
| |
| − | }
| |
| − | .video_image {
| |
| − | height: 400px;
| |
| − | width: 280px;
| |
| − | background-repeat: no-repeat;
| |
| − | }
| |
| − | #frack {
| |
| − | background-image: url(https://static.igem.org/mediawiki/2014/a/ab/CU_Boulder_Fracnation.png);
| |
| − | background-size: 250px auto;
| |
| − | float: left;
| |
| − | margin-left: 40px;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − | #gas {
| |
| − | background-image: url(https://static.igem.org/mediawiki/2014/4/49/CU_Boulder_Gasland.png);
| |
| − | background-size: 240px 350px;
| |
| − | float: left;
| |
| − | margin-left: 20px;
| |
| − | margin-right: 0;
| |
| − | margin-top: 35px;
| |
| − | padding-right: 0px;
| |
| − | }
| |
| − | #truth {
| |
| − | background-image: url(https://static.igem.org/mediawiki/2014/2/2a/CU_Boulder_truth.png);
| |
| − | background-size: 250px auto;
| |
| − | float: right;
| |
| − | margin-right: 5px;
| |
| − | margin-left: 0px;
| |
| − | margin-top: 30px;
| |
| − | padding-right: 0px;
| |
| − | }
| |
| − |
| |
| | | | |
| | </style> | | </style> |
| Line 146: |
Line 18: |
| | <h1>Motivation</h1> | | <h1>Motivation</h1> |
| | <h1>A BIG FRACKING DEAL</h1> | | <h1>A BIG FRACKING DEAL</h1> |
| − | <p><b>Fracking definition, overview of opinions, quote from INVST, possible threats, quote | + | <p>some intro</p> |
| − | from Apache Natural gas showing conflicting opinions. Fracking definition, overview
| + | |
| − | of opinions, quote from INVST, possible threats, quote from Apache Natural gas showing
| + | |
| − | conflicting opinions. Fracking definition, overview of opinions, quote from INVST,
| + | |
| − | possible threats, quote from Apache Natural gas showing conflicting opinions Fracking
| + | |
| − | definition, overview of opinions, quote from INVST, possible threats, quote from
| + | |
| − | Apache Natural gas showing conflicting opinions.</b></p>
| + | |
| | <br><br> | | <br><br> |
| − | <h2><em>Fracking Over The Years</em></h2>
| |
| − | <p>More detailed history of fracking including development of techniques, and quotes
| |
| − | from advocacy groups regarding their formation and development. More detailed history of
| |
| − | fracking including development of techniques, and quotes from advocacy groups regarding
| |
| − | their formation and development.More detailed history of fracking including development
| |
| − | of techniques, and quotes from advocacy groups regarding their formation and development.
| |
| − | More detailed history of fracking including development of techniques, and quotes
| |
| − | from advocacy groups regarding their formation and development. More detailed history of
| |
| − | fracking including development of techniques, and quotes from advocacy groups regarding
| |
| − | their formation and development.More detailed history of fracking including development
| |
| − | of techniques, and quotes from advocacy groups regarding their formation and development.
| |
| − | More detailed history of fracking including development of techniques, and quotes
| |
| − | from advocacy groups regarding their formation and development. More detailed history of
| |
| − | fracking including development of techniques, and quotes from advocacy groups regarding
| |
| − | their formation and development.More detailed history of fracking including development
| |
| − | of techniques, and quotes from advocacy groups regarding their formation and development.</p>
| |
| − | <br>
| |
| − | <p>We even asked other iGEM teams around the world to see what their opinion was,
| |
| − | and to gauge fracking’s perspective on a global level.</p>
| |
| | | | |
| | <!---------VIDEO--------------> | | <!---------VIDEO--------------> |
| Line 178: |
Line 25: |
| | | | |
| | <br><br> | | <br><br> |
| − | | + | <p>Summary of the video</p> |
| − | <p>Mission of team is founded in engineering principles to help everybody involved. | + | |
| − | We can create a product that is successful in aiding both sides, decide for youself
| + | |
| − | whether fracking is beneficial.</p>
| + | |
| | | | |
| | <br><br> | | <br><br> |
| | | | |
| − | <!----------------InfoGraphics----------------->
| + | <p>Insert timeline</p> |
| − | <div id="columns_container">
| + | |
| − | <!----------------LEFT --------------->
| + | |
| − | <div id="left_column">
| + | |
| − | <h2><em>FRACKING FACTS</em></h2>
| + | |
| − | <br><br>
| + | |
| − | <div class="fact">
| + | |
| − | <h1>86%</h1>
| + | |
| − | <p> of interviewees were against fracking</p > | + | |
| − | </div>
| + | |
| − | <br><br>
| + | |
| − | <div class="fact">
| + | |
| − | <h1>$11,600</h1>
| + | |
| − | <p>cost of an average contamination test</p>
| + | |
| − | </div>
| + | |
| − | <br><br>
| + | |
| − | <div class="fact">
| + | |
| − | <h1>290,000</h1>
| + | |
| − | </div>
| + | |
| − | <br><br>
| + | |
| − | <div class="fact">
| + | |
| − | <h1>$1.6 Billion</h1>
| + | |
| − | <p></p>
| + | |
| − | </div>
| + | |
| − | <br><br>
| + | |
| − | <br><br>
| + | |
| − | </div>
| + | |
| − | <!----------------RIGHT --------------->
| + | |
| − | <div id="right_column">
| + | |
| − | | + | |
| − | <div class="section" id="sec1"> <!--------section 1 ---------->
| + | |
| − | <div class="left_content">
| + | |
| − | <h2><em>FILMS ABOUT FRACKING</em></h2>
| + | |
| − | <h3>Fracknation (2013)</h3>
| + | |
| − | <p>“Journalist Phelim McAleer faces threats, cops, and bogus lawsuits questioning green extremists for the truth about fracking. McAleer uncovers fracking facts suppressed by environmental activists, and he talks with rural Americans whose livelihoods are at risk if fracking is banned”</p>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="video_image" id="frack"></div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="section" id="sec2"> <!--------section 2 ---------->
| + | |
| − | <div class="video_image" id="gas"></div>
| + | |
| − | <div class="right_content" id="right_custom1">
| + | |
| − | <h3>Gasland (2010)</h3>
| + | |
| − | <p>“It is happening all across America-rural landowners wake up one day to find a lucrative offer from an energy company wanting to lease their property. Reason? The company hopes to tap into a reservoir dubbed the "Saudi Arabia of natural gas." Halliburton developed a way to get the gas out of the ground-a hydraulic drilling process called "fracking"-and suddenly America finds itself on the precipice of becoming an energy superpower</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | | | |
| − | <div class="section" id="sec3"> <!--------section 3 ---------->
| |
| − | <div class="left_content" id="left_custom1">
| |
| − | <h3>Triple Divide (2013)</h3>
| |
| − | <p>“Triple Divide is built on evidence from cradle-to-grave investigations that attempt to answer the question, “How are state regulations and industry handling impacts from fracking?” Throughout the film’s 10 chapters, which cover waste, class II injection wells, drinking water contamination, split-estates, the “pre-drill test scandal”, and the “pressure bulb” are on the ground accounts of hair-raising journalism.”</p>
| |
| − | </div>
| |
| − | <div class="video_image" id="truth"></div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| | </article> | | </article> |
