Difference between revisions of "Team:CU Boulder/team/team"
m |
|||
(248 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{CU_Boulder}} | {{CU_Boulder}} | ||
− | <html> | + | <html lang="en"> |
<head> | <head> | ||
<style> | <style> | ||
+ | /*#content { | ||
+ | line-height: 0.25em; | ||
+ | }*/ | ||
+ | |||
− | . | + | #container { |
+ | width: 830px; | ||
+ | padding-top: 0px; | ||
+ | margin-top: 0px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | /*border: 3px solid black;*/ | ||
+ | } | ||
+ | #container:after { | ||
+ | content: ''; | ||
+ | width: 100%; /* Ensures there are at least 2 lines of text, so justification works */ | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .rec_even { | ||
+ | margin-bottom: 30px; | ||
+ | text-align: center; | ||
+ | width: 400px; | ||
+ | height: 280px; | ||
+ | float: left; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100%; | ||
+ | padding-top: 0px; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | margin-top: auto; | ||
+ | margin-bottom: auto; | ||
+ | margin-left: 5px; | ||
+ | margin-right: 5px; | ||
+ | /*vertical-align: middle;*/ | ||
+ | /*border: 0.5px solid red;*/ | ||
+ | } | ||
+ | .rec_tall { | ||
+ | margin-bottom: 30px; | ||
+ | text-align: center; | ||
+ | width: 400px; | ||
+ | height: 320px; | ||
+ | float: left; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100%; | ||
+ | padding-top: 10px; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | margin-top: auto; | ||
+ | margin-bottom: auto; | ||
+ | margin-left: 5px; | ||
+ | margin-right: 5px; | ||
+ | |||
+ | background-position: center; | ||
+ | /*vertical-align: middle;*/ | ||
+ | /*border: 0.5px solid red;*/ | ||
+ | } | ||
+ | .no_info { | ||
+ | margin-bottom: 30px; | ||
+ | text-align: center; | ||
+ | width: 400px; | ||
+ | height: 100px; | ||
+ | float: left; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100%; | ||
+ | padding-top: 0px; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | margin-top: auto; | ||
+ | margin-bottom: auto; | ||
+ | margin-left: 5px; | ||
+ | margin-right: 5px; | ||
+ | } | ||
+ | article { | ||
+ | width: 100% | ||
+ | text-align: center; | ||
+ | padding-top: 0px; | ||
+ | margin-top: 0px; | ||
+ | font-size: 0.1px; | ||
+ | min-width: 800px; | ||
+ | /*border: 3px solid purple;*/ | ||
+ | } | ||
+ | h2 { | ||
+ | padding-top: 0px; | ||
+ | margin-top: 0px; | ||
+ | padding-left: 50px; | ||
+ | padding-right: 50px; | ||
+ | } | ||
+ | p { | ||
+ | font-family: "Times New Roman",Times,serif; | ||
+ | padding-top: auto; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | margin-top: auto; | ||
+ | } | ||
+ | article h1 { | ||
+ | text-align: left; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | padding-top: 20px; | ||
+ | padding-bottom: 30px; | ||
+ | /*border: 2px solid green;*/ | ||
+ | } | ||
+ | |||
+ | #container h1 { | ||
+ | text-align: center; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | margin-top: 30px; | ||
+ | margin-bottom: 20px; | ||
+ | border-bottom: 1px solid #333333; | ||
+ | font-size:30px; | ||
+ | /*border-top: 3px solid purple;*/ | ||
+ | } | ||
+ | #container h2 { | ||
+ | padding-top:15px; | ||
+ | margin-top: 10px; | ||
+ | font-size: 28px; | ||
+ | text-align: center; | ||
+ | font-family: "Times New Roman",Times,serif; | ||
+ | font-weight: normal; | ||
+ | letter-spacing: 1px; | ||
+ | } | ||
+ | |||
+ | /*.gap { | ||
+ | margin-bottom: 30px; | ||
+ | text-align: center; | ||
width: 100%; | width: 100%; | ||
− | height: | + | height: 40px; |
+ | float: left; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | background- | + | background-size: 100%; |
− | + | padding-left: 0px; | |
− | + | padding-right: 0px; | |
− | + | margin-top: 0px; | |
− | + | margin-left: 0px; | |
+ | margin-right: 0px; | ||
+ | }*/ | ||
+ | .text { | ||
+ | text-align: center; | ||
+ | margin-top: auto; | ||
+ | margin-bottom: auto; | ||
+ | border: 3px solid red; | ||
+ | } | ||
+ | #student_container { | ||
+ | height: 2100px; | ||
+ | margin-bottom: 50px; | ||
+ | float: none; | ||
+ | /*border: 3px solid red;*/ | ||
+ | } | ||
+ | #adviser_container { | ||
+ | height: 1000px; | ||
+ | float: none; | ||
+ | } | ||
+ | h1 { | ||
+ | /*border: 3px solid blue;*/ | ||
+ | } | ||
+ | h6 { | ||
+ | border: 2px solid transparent; | ||
+ | font-size: 20px; | ||
} | } | ||
− | |||
− | + | /****************Students*******************/ | |
+ | #donovan { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/8/8b/CU_Boulder_Donovan.JPG); | ||
+ | /*background-color: blue;*/ | ||
+ | background-size: auto 350px; | ||
+ | } | ||
+ | #hendrix { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/7/7d/CU_Boulder_hendrix.jpg); | ||
+ | /*background-color: red;*/ | ||
+ | background-size: auto 300px; | ||
+ | } | ||
+ | #iverson { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/a/a4/CU_Boulder_Naomi_Iverson.png); | ||
+ | /*background-color: blue;*/ | ||
+ | background-size: auto 300px; | ||
+ | background-position: center; | ||
+ | } | ||
+ | |||
+ | #kraft { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/1/1e/CU_Boulder_Daren_Kraft.jpg); | ||
+ | /*background-color: red;*/ | ||
+ | background-size: 200 auto; | ||
+ | } | ||
+ | #whiteside { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/0/01/CU_Boulder_Cameron.jpg); | ||
+ | /*background-color: blue;*/ | ||
+ | background-size: auto 350px; | ||
+ | } | ||
+ | |||
+ | #young { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/2/21/CU_Boulder_Hannah_Young.gif); | ||
+ | /*background-color: red;*/ | ||
+ | background-size: auto 300px; | ||
+ | |||
+ | } | ||
+ | |||
+ | /****************Advisors*******************/ | ||
+ | |||
+ | #dowell { | ||
+ | /*background-image: url(https://static.igem.org/mediawiki/2014/b/b2/ThumbDowell.jpg);*/ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/7/70/CU_Boulder_dowell.jpg); | ||
+ | /*background-color: blue;*/ | ||
+ | background-size: auto 300px; | ||
+ | } | ||
+ | |||
+ | #bassalo { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/d/dd/CU_Boulder_Marcelo_Bassalo.JPG); | ||
+ | /*background-color: red;*/ | ||
+ | } | ||
+ | |||
+ | #brasino { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/f/f2/CU_Boulder_Brasino.JPG); | ||
+ | /*background-color: blue;*/ | ||
+ | background-size: auto 300px; | ||
+ | } | ||
+ | |||
+ | #choudhury { | ||
+ | /*background-image: url(https://static.igem.org/mediawiki/2015/0/0a/CU-Boulder-Medal-star-remix-gold2.gif);*/ | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #otoupal { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2012/f/f8/Peter_Otoupal_Doing_Science_Stuff.jpg); | ||
+ | /*background-color: blue;*/ | ||
+ | /*background-size: auto;*/ | ||
+ | } | ||
+ | |||
+ | #winkler { | ||
+ | /*background-image: url(https://static.igem.org/mediawiki/2015/0/0a/CU-Boulder-Medal-star-remix-gold2.gif);*/ | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | </head> | ||
<body> | <body> | ||
+ | <!-- Content goes between the article tags --> | ||
+ | <article> | ||
+ | <h6></h6> | ||
+ | <h1>Meet the team</h1> | ||
+ | <div id="container"> | ||
− | < | + | <div id="student_container"> |
+ | <h1>Students</h1> | ||
+ | <br><br> | ||
− | <div class=" | + | <!------------------------------Students----------------------------> |
− | + | ||
+ | <!-------------Michael Donovan ---------------> | ||
+ | <div id="donovan" class="rec_tall"> | ||
+ | </div> | ||
+ | |||
+ | <div class="rec_tall" class="text"> | ||
+ | <h2>Michael Donovan</h2> | ||
+ | <p>Major/minor: Biochemistry and Neuroscience</p> | ||
+ | <p>I worked on the Interlab Measurement project as well as constructs involving luxI, GFP, and the genetic logic gate.</p> | ||
+ | </div> | ||
+ | <!-- | ||
+ | <div class="gap"></div> --> | ||
+ | |||
+ | <!-------------Josephina Hendrix ---------------> | ||
+ | <div class="rec_tall" class="text"> | ||
+ | <h2>Josephina Hendrix</h2> | ||
+ | <p>Major/minor: Molecular, Cellular, and Developmental Biology, with minors in Biochem and Computer Science</p> | ||
+ | <p>At the computer I coded the wiki. In the lab, I provided advice and occasional cloning assistance.</p> | ||
+ | </div> | ||
+ | |||
+ | <div id="hendrix" class="rec_tall"; > | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-------------Naomi Iverson ---------------> | ||
+ | <div id="iverson" class="rec_tall"> | ||
+ | </div> | ||
+ | |||
+ | <div class="rec_tall" class="text"> | ||
+ | <h2>Naomi Iverson</h2> | ||
+ | <p>Major/minor: Chemical and Biological Engineering with a minor in Computer Science</p> | ||
+ | <p>Involved with pBad+RFP assembly to test pBad promoter, LuxI biobricking and LuxI + RFP assembly.</p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!-------------Daren Kraft ---------------> | ||
+ | <div class="rec_even" class="text" > | ||
+ | <h2>Daren Kraft</h2> | ||
+ | <p>Major/minor: Biochem and Molecular, Cellular and Developmental Biology</p> | ||
+ | <p>I worked on project design, refinement of integrase and target promoter, along with various aspects of the cloning process.</p> | ||
+ | </div> | ||
+ | |||
+ | <div id="kraft" class="rec_even"; > | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-------------Cameron Whiteside ---------------> | ||
+ | <div id="whiteside" class="rec_tall"> | ||
+ | </div> | ||
+ | |||
+ | <div class="rec_tall" class="text"> | ||
+ | <h2>Cameron Whiteside</h2> | ||
+ | <p>Major/minor: I'm a senior studying Chemical and Biological Engineering.</p> | ||
+ | <p>For this project, l contributed to the outreach portion by investigating practical applications of the product and conducting interviews with potential users.</p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!-------------Hannah Young ---------------> | ||
+ | <div class="rec_tall" class="text"> | ||
+ | <h2>Hannah Young</h2> | ||
+ | <p>Major/minor: Molecular, Cellular, and Developmental Biology & Neuroscience</p> | ||
+ | <p>I worked with constructs involving LuxR and with testing the LuxPr promoter.</p> | ||
+ | </div> | ||
+ | |||
+ | <div id="young" class="rec_tall"; > | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
+ | <!------------------------------Advisers----------------------------> | ||
+ | <!---<div class="gap"></div>----> | ||
+ | <div id="adviser_container"> | ||
+ | <h1>Advisers</h1> | ||
+ | <br><br> | ||
+ | <!-------------Robin Dowell ---------------> | ||
+ | <div id="dowell" class="rec_tall"> | ||
+ | </div> | ||
+ | <div class="rec_tall" class="text"> | ||
+ | <h2>Robin Dowell</h2> | ||
+ | <p>Previous involvement: I founded the CU team in 2012. Attended iGEM as a spectator at MIT from 2006-2008. </p> | ||
+ | <p>I've got degrees in computer engineering, genetics, computer science, and biomedical engineering. So the teamwork, design, and innovation of iGEM is always fun. I also enjoy working with undergraduates.</p> | ||
+ | </div> | ||
+ | |||
+ | <br><br> | ||
+ | |||
+ | |||
+ | |||
+ | <!-------------Marcelo Bassalo ---------------> | ||
+ | <div class="rec_even" id="text" > | ||
+ | <h2>Marcelo Bassalo</h2> | ||
+ | <p>Previous involvement: I was part of iGEM in 2009 as an undergrad student, being part of the first brazilian team to participate in this competition.</p> | ||
+ | <p>iGEM is a perfect introduction to the promising field of synthetic biology, with hundreds of creative ideas being exchanged in this fun competition.</p> | ||
+ | </div> | ||
+ | |||
+ | <div id="bassalo" class="rec_even"; > | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!-------------Michael Brasino ---------------> | ||
+ | <div id="brasino" class="rec_tall"> | ||
+ | </div> | ||
+ | |||
+ | <div class="rec_tall" class="text"> | ||
+ | <h2>Michael Brasino</h2> | ||
+ | <p>Previous involvement: I have been an adviser to iGEM for the last two years and a iGEM student in the past at University of Washington.</p> | ||
+ | <p>I like iGEM because it allows students to move research in completely new directions.</p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-------------Peter Otoupal ---------------> | ||
+ | <div class="rec_tall" class="text"> | ||
+ | <h2>Peter Otoupal</h2> | ||
+ | <p>Previous involvement: In 2012 I helped revive iGEM at The University of Texas, Austin, where we engineered E. coli to be "addicted" to caffeine for survival.</p> | ||
+ | <p>iGEM is one of the best programs to introduce the next-generation of scientists to Synthetic Biology. By creating and pursuing their own projects, students in iGEM get a glimpse into what it research really entails.</p> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | |||
+ | <div id="otoupal" class="rec_tall"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
</article> | </article> |
Latest revision as of 18:31, 15 September 2015
<!DOCTYPE html>