Team:CSU Fort Collins

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
 
-
 
<html>
<html>
-
<title>Safety</title>
+
<title>Our Team</title>
-
 
+
-
<head>
+
-
 
+
<link href='http://fonts.googleapis.com/css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Muli:300,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Muli:300,400' rel='stylesheet' type='text/css'>
-
 
-
</script>
 
-
          <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
 
-
<script type="text/javascript">
 
-
$(document).ready(function(){
 
-
    $(document).on('click', '.col', function(){
 
-
          $('.bio').hide();
 
-
          var bioID = $(this).attr('data-name');
 
-
          $('#'+bioID).fadeIn(200);
 
-
    });
 
-
});
 
-
</script>
 
 +
<head>
<style type="text/css">
<style type="text/css">
-
/* http://meyerweb.com/eric/tools/css/reset/
+
a{
-
  v2.0 | 20110126
+
   text-decoration:none;
-
  License: none (public domain)
+
   color:white;
-
*/
+
-
 
+
-
html, body, div, span, applet, object, iframe, p, blockquote, pre,
+
-
a, abbr, acronym, address, big, cite, code,
+
-
del, dfn, em, img, ins, kbd, q, s, samp,
+
-
small, strike, strong, sub, sup, tt, var,
+
-
b, u, i, center,
+
-
dl, dt, dd, ol, ul, li,
+
-
fieldset, form, label, legend,
+
-
table, caption, tbody, tfoot, thead, tr, th, td,
+
-
article, aside, canvas, details, embed,
+
-
figure, figcaption, footer, header, hgroup,
+
-
menu, nav, output, ruby, section, summary,
+
-
time, mark, audio, video {
+
-
   margin: 0;
+
-
  padding: 0;
+
-
  border: 0;
+
-
  font-size: 90%;
+
-
   font: inherit;
+
-
  vertical-align: baseline;
+
}
}
-
/* HTML5 display-role reset for older browsers */
+
a:hover{
-
article, aside, details, figcaption, figure,
+
   color:#FF8533;
-
footer, header, hgroup, menu, nav, section {
+
-
   display: block;
+
}
}
-
body {
+
#textbox{
-
   line-height: 1;
+
   background-color:black;
 +
  width:20%;
 +
  position:relative;
 +
  display:inline-block;
 +
  font-family:'Muli',sans-serif;
 +
  font-size:32px;
 +
  font-weight:300;
 +
  color:white;
 +
  opacity:0.75;
 +
  height:728px;
 +
  padding:30px;
}
}
-
ol, ul {
+
#textbox span{
-
   list-style: none;
+
   color:#FF8533;
}
}
-
blockquote, q {
+
#link{
-
   quotes: none;
+
   text-decoration:none;
 +
  color:white;
 +
  border:2px solid white;
 +
  font-size:24px;
 +
  text-align:center;
}
}
-
blockquote:before, blockquote:after,
+
#link:hover{
-
q:before, q:after {
+
-
  content: '';
+
-
  content: none;
+
-
}
+
-
table {
+
-
  border-collapse: collapse;
+
-
  border-spacing: 0;
+
-
}
+
-
 
+
-
#menubar > ul{
+
-
  vertical-align:center;
+
-
  font-size:14px;
+
-
  font-family:'Times New Roman',serif;
+
-
}
+
-
 
+
-
.firstHeading{
+
-
display:none;
+
-
}
+
-
 
+
-
#textbox span{
+
   color:#FF8533;
   color:#FF8533;
}
}
.photo{
.photo{
 +
  margin:auto;
 +
  padding:30px;
   width:70%;
   width:70%;
 +
  display:none;
}
}
table{
table{
Line 94: Line 53:
body{
body{
   background-color:#EFEFEF;
   background-color:#EFEFEF;
-
  line-height:1.3;
 
-
  font-size:90%;
 
-
}
 
-
.pic{
 
-
  width:250px;
 
-
  border-radius:100%;
 
-
  margin:25px;
 
}
}
#cssmenu {
#cssmenu {
-
   width:100%;
+
   position: relative;
   height: 44px;
   height: 44px;
   background: #222222;
   background: #222222;
-
   position:relative;
+
   width: auto;
-
  text-align:center;
+
-
  margin:auto;
+
}
}
#cssmenu ul {
#cssmenu ul {
Line 337: Line 287:
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
   #cssmenu {
   #cssmenu {
-
     width: 100%;
+
     width: auto;
   }
   }
   #cssmenu.align-center ul {
   #cssmenu.align-center ul {
Line 355: Line 305:
     height: auto;
     height: auto;
     display: block;
     display: block;
-
    color:#EFEFEF;
 
   }
   }
   #cssmenu > ul > li {
   #cssmenu > ul > li {
Line 363: Line 312:
   #cssmenu > ul > li {
   #cssmenu > ul > li {
     display: none;
     display: none;
-
    color:white;
 
   }
   }
   #cssmenu ul ul,
   #cssmenu ul ul,
Line 392: Line 340:
     width: auto;
     width: auto;
     padding: 8px 35px;
     padding: 8px 35px;
-
    color:white;
 
   }
   }
   #cssmenu.align-right ul ul li a {
   #cssmenu.align-right ul ul li a {
Line 398: Line 345:
   }
   }
   #cssmenu ul ul li:hover > a {
   #cssmenu ul ul li:hover > a {
-
     background:none;
+
     background: none;
     color: #ec9359;
     color: #ec9359;
   }
   }
Line 457: Line 404:
   }
   }
}
}
-
.icon{
+
.wrapper {
-
  width:30px;
+
    width: 95%;
 +
    max-width: 1140px;
 +
    margin: auto;
}
}
-
.wrapper2{
+
.pic{
-
   width:20%;
+
   width:200px;
-
   padding:20px 0px 20px 20px;
+
   border-radius:100%;
-
  display:inline-block;
+
   margin-bottom:10px;
-
   margin:auto;
+
-
  vertical-align:top;
+
}
}
-
.wrapper{
+
.firstHeading{
-
  width:90%;
+
    display:none;
-
  padding:20px 0px 20px 20px;
+
-
  padding-left:0;
+
-
  margin:auto;
+
-
  vertical-align: top;
+
}
}
-
.page, .container{
+
.logo:hover{
-
  width:50%;
+
    opacity:0.3;
-
  min-width:600px;
+
-
  max-width:800px;
+
-
  padding:30px;
+
-
  margin:auto;
+
-
  text-align:left;
+
-
  font-family:'Muli',sans-serif;
+
-
  display:inline-block;
+
}
}
-
.page a, .container a{
+
h1,h2,h3,h4,h5,h6{
-
  color:#222222;
+
    font-family:'Bitter', serif;
 +
    text-decoration:none;
 +
    font-weight:700;
 +
    color:#222222;
 +
    border:none;
}
}
-
.page a:hover, .container a:hover{
+
.logo{
-
  color:#FF8533;
+
    font-family:'Bitter', serif;
-
  text-decoration:none;
+
    font-size:16px;
 +
    text-align: center;
 +
    margin:auto;
 +
    height:3em;
 +
    display:none;
}
}
-
 
+
.bio{
-
h1{
+
    text-align:left;
-
  color:#222222;
+
    margin: 0px 1.6666666666666666666%;
-
  font-family:'Bitter',serif;
+
    display:none;
-
  border-bottom:none;
+
    font-family:'Muli',sans-serif;
 +
    font-weight:300;
 +
    color:#222222;
 +
    width:30%;
}
}
-
h2,h3,.toc,.show,.hide,.content{
+
#adriana-collings, #josiah-racchini, #olivia-smith, #sun-jiayi{
-
   color:#222222;
+
   float:left;
-
   font-family:'Bitter',serif;
+
   clear:both;
}
}
-
h4,h5,h6, .page{
+
#chauncy-hinshaw, #matt-sabel, #savannah-roemer, #christie-peebles{
-
   color:#222222;
+
   float:right;
-
   font-family:'Muli',sans-serif;
+
   clear:both;
}
}
-
.toc{
+
.icon{
-
  text-decoration:none;
+
    width:30px;
-
  display:none;
+
    margin:auto;
-
  width:100%;
+
    padding:5px;
-
  margin:auto;
+
    margin-bottom:15px;
-
}
+
-
.toc .month-group { margin: 20px 0; }
+
-
.toc .month-group p { padding: 0; margin: 0; }
+
-
#ftoc{
+
-
  color:#666666;
+
-
}
+
-
ul{
+
-
  list-style-type:none;
+
-
}
+
-
.month-group, a{
+
-
  text-decoration:none;
+
-
}
+
-
.month-group{
+
-
  margin-left:20px;
+
-
}
+
-
.month-group:hover{
+
-
  color:#FF8533;
+
-
}
+
-
.toc a, .toc2 a, #navi a{
+
-
  text-decoration:none;
+
-
  color:#222222;
+
-
  font-weight: bold;
+
-
}
+
-
.toc a:hover, #ftoc>a:hover, #navi a:hover, .show:hover, .hide:hover, .container>a:hover{
+
-
  color:#FF8533 !important;
+
-
  cursor:pointer;
+
-
}
+
-
.toc a, #ftoc, .container a, #navi{
+
-
  border-bottom:2px dotted;
+
-
}
+
-
#navi{
+
-
  text-decoration:none;
+
-
  font-family:'Bitter',serif;
+
-
}
+
-
#logo{
+
-
  width:175px;
+
-
  margin:auto;
+
-
  padding:40px;
+
-
  border-radius:100%;
+
-
}
+
-
#banner{
+
-
  width:auto;
+
-
  height:250px;
+
-
  vertical-align:top;
+
-
  background-color:#222222;
+
-
}
+
-
.fixed {
+
-
  position:fixed !important;
+
-
  top:0;
+
-
}
+
-
.disp{
+
-
  display:none;
+
}
}
.col {
.col {
-
     width: 20%;
+
     width: 30%;
     float: left;
     float: left;
     clear: right;
     clear: right;
Line 570: Line 465:
     font-family:'Muli',sans-serif;
     font-family:'Muli',sans-serif;
     font-weight:300;
     font-weight:300;
-
     font-size:14px;
+
     font-size:20px;
     color:#222222;
     color:#222222;
-
    text-align:left;
 
}
}
.clear{
.clear{
Line 578: Line 472:
   clear:both;
   clear:both;
}
}
-
.container{
+
body{
-
  line-height:1.9;
+
    width:100%;
 +
    background-color:#EFEFEF;
}
}
-
.index{
 
-
  margin-right:20px;
 
-
}
 
-
.toc2{
 
-
  display:block;
 
-
}
 
-
 
-
 
</style>
</style>
 +
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
    $(document).on('click', '.col', function(){
 +
          $('.bio').hide();
 +
          var bioID = $(this).attr('data-name');
 +
          $('#'+bioID).fadeIn(200);
 +
    });
 +
});
 +
</script>
</head>
</head>
-
 
+
<body>
-
 
+
<!--navigation bar-->
-
<body style='margin:0'>
+
-
 
+
-
<div id='banner'><center><img src='https://static.igem.org/mediawiki/2014/thumb/0/03/CSULogo1.png/600px-CSULogo1.png' id='logo'/></center></div>
+
<div id='cssmenu'>
<div id='cssmenu'>
<ul>
<ul>
-
   <li><a href='/Team:CSU_Fort_Collins'><span>Home</span></a></li>
+
   <li class='active'><a href='/Team:CSU_Fort_Collins'><span>Home</span></a></li>
   <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Project/'><span>Project</span></a>
   <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Project/'><span>Project</span></a>
       <ul>
       <ul>
Line 616: Line 510:
       </ul>
       </ul>
   </li>
   </li>
-
   <li class='has-sub' class='active'><a href='Team:CSU_Fort_Collins/Notebook/'><span>Notebook</span></a>
+
   <li class='has-sub'><a href='Team:CSU_Fort_Collins/Notebook/'><span>Notebook</span></a>
     <ul style="display:block">
     <ul style="display:block">
       <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/Protocols'><span>Protocols</span></a>
       <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/Protocols'><span>Protocols</span></a>
         <ul>
         <ul>
-
          <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Gibson"><span>Gibson Assembly</span></a></li>
+
           <li class='last'><a href="#"><span>Protocol 1</span></a></li>
-
          <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Cloning"><span>Cloning Genes</span></a></li>
+
-
          <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Miniprep"><span>Plasmid Miniprep</span></a></li>
+
-
          <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Isolation"><span>Yeast DNA Isolation</span></a></li>
+
-
          <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Gel"><span>Gel Electrophoresis</span></a></li>
+
-
           <li class='last'><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Purify"><span>PCR Product Purification</span></a></li>
+
         </ul>
         </ul>
       </li>
       </li>
Line 640: Line 529:
         <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/Breakdown/'><span>Breakdown</span></a>
         <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/Breakdown/'><span>Breakdown</span></a>
             <ul>
             <ul>
 +
              <li><a href="#"><span>June</span></a></li>
               <li><a href="#"><span>July</span></a></li>
               <li><a href="#"><span>July</span></a></li>
               <li><a href='#'><span>August</span></a></li>
               <li><a href='#'><span>August</span></a></li>
Line 655: Line 545:
         <li li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/KillSwitch/'><span>Kill Switch</span></a>
         <li li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/KillSwitch/'><span>Kill Switch</span></a>
             <ul>
             <ul>
 +
              <li><a href="#"><span>June</span></a></li>
               <li><a href="#"><span>July</span></a></li>
               <li><a href="#"><span>July</span></a></li>
               <li><a href='#'><span>August</span></a></li>
               <li><a href='#'><span>August</span></a></li>
Line 678: Line 569:
   </li>
   </li>
   <li><a href='/Team:CSU_Fort_Collins/Safety/'><span>Safety</span></a></li>
   <li><a href='/Team:CSU_Fort_Collins/Safety/'><span>Safety</span></a></li>
 +
  <li class='last'><a href='https://2014.igem.org/Main_Page'><img src='http://oi62.tinypic.com/11rxaxj.jpg' class='logo'/></a></li>
</ul>
</ul>
</div>
</div>
-
 
-
 
-
 
-
<div class="clear"></div>
 
-
 
-
<div class='wrapper'>
 
-
  <center> 
 
-
    <div class = 'container'>
 
-
 
Line 871: Line 754:
</body>
</body>
-
 
+
<br>
-
 
+
-
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+
-
<script type='text/javascript'>
+
-
  $('#cssmenu').prepend('<div id="indicatorContainer"><div id="pIndicator"><div id="cIndicator"></div></div></div>');
+
-
      var activeElement = $('#cssmenu>ul>li:first');
+
-
 
+
-
      $('#cssmenu>ul>li').each(function() {
+
-
          if ($(this).hasClass('active')) {
+
-
              activeElement = $(this);
+
-
          }
+
-
      });
+
-
 
+
-
 
+
-
    var posLeft = activeElement.position().left;
+
-
    var elementWidth = activeElement.width();
+
-
    posLeft = posLeft + elementWidth/2 -6;
+
-
    if (activeElement.hasClass('has-sub')) {
+
-
      posLeft -= 6;
+
-
    }
+
-
 
+
-
    $('#cssmenu #pIndicator').css('left', posLeft);
+
-
    var element, leftPos, indicator = $('#cssmenu pIndicator');
+
-
   
+
-
    $("#cssmenu>ul>li").hover(function() {
+
-
          element = $(this);
+
-
          var w = element.width();
+
-
          if ($(this).hasClass('has-sub'))
+
-
          {
+
-
            leftPos = element.position().left + w/2 - 12;
+
-
          }
+
-
          else {
+
-
            leftPos = element.position().left + w/2 - 6;
+
-
          }
+
-
 
+
-
          $('#cssmenu #pIndicator').css('left', leftPos);
+
-
      }
+
-
      , function() {
+
-
        $('#cssmenu #pIndicator').css('left', posLeft);
+
-
      });
+
-
 
+
-
    $('#cssmenu>ul').prepend('<li id="menu-button"><a>Menu</a></li>');
+
-
    $( "#menu-button" ).click(function(){
+
-
          if ($(this).parent().hasClass('open')) {
+
-
            $(this).parent().removeClass('open');
+
-
          }
+
-
          else {
+
-
            $(this).parent().addClass('open');
+
-
          }
+
-
        });
+
-
</script>
+
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
    $(document).on('click', '.show', function(){
+
-
          $('.toc').show(100);
+
-
          $('.show').hide();
+
-
    });
+
-
    $(document).on('click', '.hide', function(){
+
-
          $('.toc').hide();
+
-
          $('.show').show(100);
+
-
    });
+
-
});
+
-
</script>
+
-
<script type='text/javascript'>
+
-
  $(document).ready(function() {
+
-
 
+
-
    //Calculate the height of <header>
+
-
    //Use outerHeight() instead of height() if have padding
+
-
    var aboveHeight = $('#banner').height();
+
-
 
+
-
//when scroll
+
-
    $(window).scroll(function(){
+
-
 
+
-
        //if scrolled down more than the header’s height
+
-
            if ( $(window).scrollTop() > aboveHeight ){
+
-
 
+
-
        // if yes, add “fixed” class to the <nav>
+
-
        // add padding top to the #content
+
-
            //(value is same as the height of the nav)
+
-
            $('#cssmenu').addClass('fixed').next().css('padding-top','44');
+
-
           
+
-
 
+
-
            } else {
+
-
 
+
-
        // when scroll up or less than aboveHeight,
+
-
            //remove the “fixed” class, and the padding-top
+
-
            $('#cssmenu').removeClass('fixed').next().css('padding-top','0');
+
-
         
+
-
            }
+
-
 
+
-
            if ( $(window).scrollTop() > aboveHeight-14 ){
+
-
              $('#top-section').addClass('disp');
+
-
            } else{
+
-
            $('#top-section').removeClass('disp');
+
-
            }
+
-
        });
+
-
    });
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</body>
+
-
 
+
</html>
</html>

Revision as of 16:47, 18 September 2014

Our Team




Our Team


Adriana Collings

Anthony Roulier

Chauncy Hinshaw
Major: Microbiology
Semester: 4
iGEM Topic: High-Value Product
Other Positions: Lab Assistant (Tuberculosis research), President, Synthetic Biology Club
Interests: Molecular Biology, Immunology, Bacteriology
Major: Chemical/Biological Engineering
Semester: 4
iGEM Topic: Breakdown
Other Positions: Member, AICHE
Interests: Fermentation, Food Microbiology
Major: Microbiology
Semester: 4
iGEM Topic: Breakdown
Other Positions: Lab Assistant (Tuberculosis research); President, Microbiology Student Association; Treasurer, College of Veterinary Medicine and Biosciences College Council
Interests: Epidemiology, Public Health Education, Gene Therapy

Josiah Racchini

Krista Henderson

Matt Sabel
Major: Biochemistry
Semester: 6
iGEM Topic: Biosensor
Other Positions: Lab Assistant (Tomato mosaic virus research)
Interests: Epigenetics, Manufacturing
Major: Chemical/Biological Engineering
Semester: 4
iGEM Topic: Breakdown
Other Positions: Member, CSU Marching Band
Interests: Scientific Literacy, Gene Therapy
Major: Microbiology
Semester: 2
iGEM Topic: Kill Switch
Other Positions: IT (CSU Veterinary Teaching Hospital)
Interests: Virology, Pathology

Olivia Smith

Renee Plomondon

Savannah Roemer
Major: Chemical/Biological Engineering, Biomedical Engineering
Semester: 4
iGEM Topic: High-Value Product
Other Positions: Lab Assistant (Hepatocyte research); Underwriting Director, DJ (KCSU 90.5 FM)
Interests: Tissue Engineering, Web/Graphic Design, Programming
Major: Biochemistry
Semester: 2
iGEM Topic: Kill Switch
Other Positions: Lab Assistant (Musculoskeletal Biomechanics research)
Interests: Bionics, Biomedicine
Major: Chemical/Biological Engineering
Semester: 4
Other Positions: Lab Assistant (Tuberculosis research), International Field Biology Research Assistant (Euglossine bees, entomology research)
Interests: Biochemistry, Genetics, Horticulture

Our Advisers


Sun Jiayi

Ashok Prasad, Ph.D.

Christie Peebles, Ph.D.
Department: Chemical/Biological Engineering
Research Interests: Sun is a graduate student at CSU working in Dr. Peebles lab. Specifically, she works with periwinkles. She advises all of the iGEM team members in day-to-day activities.

Department: Chemical/Biological Engineering
Research Interests: Dr. Prasad's research is driven by concrete biological and bio-engineering questions as well as the larger questions posed by systems biology and quantitative biology. He investigates questions such as 'What does it mean to say that life is an emergent property of complex biological networks? Are there non-trivial universal principles that "living matter" obeys?' The main method his lab uses to answer these questions is creation and development of predictive biological models.

Department: Chemical/Biological Engineering
Research Interests: Dr. Peebles' research is focused in the areas of metabolic engineering, secondary metabolism, regulatory networks, and systems biology in plants, bacteria and yeast for the production of bio-based chemicals and fuels. More specifically, these areas can be divided into 2 main applications. One application is the use of plant metabolic engineering to produce important pharmaceuticals and nutraceuticals. The second is the engineering of photoautotrophs for the production of bio-based chemicals and fuels.


Retrieved from "http://2014.igem.org/Team:CSU_Fort_Collins"