Team:CSU Fort Collins

From 2014.igem.org

(Difference between revisions)
 
(51 intermediate revisions not shown)
Line 1: Line 1:
 +
{{CSS/Main}}
 +
<html>
<html>
-
<title>Our Team</title>
+
<title>CSU iGEM 2014</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'>
-
<head>
 
<style type="text/css">
<style type="text/css">
-
a{
+
/* http://meyerweb.com/eric/tools/css/reset/
-
   text-decoration:none;
+
  v2.0 | 20110126
-
   color:white;
+
  License: none (public domain)
 +
*/
 +
 
 +
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;
}
}
-
a:hover{
+
/* HTML5 display-role reset for older browsers */
-
   color:#FF8533;
+
article, aside, details, figcaption, figure,
 +
footer, header, hgroup, menu, nav, section {
 +
   display: block;
}
}
-
#textbox{
+
body {
-
   background-color:black;
+
   line-height: 1;
-
  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;
+
}
}
-
#textbox span{
+
ol, ul {
-
   color:#FF8533;
+
   list-style: none;
}
}
-
#link{
+
blockquote, q {
-
   text-decoration:none;
+
   quotes: none;
-
  color:white;
+
-
  border:2px solid white;
+
-
  font-size:24px;
+
-
  text-align:center;
+
}
}
-
#link:hover{
+
blockquote:before, blockquote:after,
-
   color:#FF8533;
+
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:#E6B800;
}
}
.photo{
.photo{
-
  margin:auto;
 
-
  padding:30px;
 
   width:70%;
   width:70%;
-
  display:none;
 
}
}
table{
table{
Line 53: Line 82:
body{
body{
   background-color:#EFEFEF;
   background-color:#EFEFEF;
 +
  line-height:1.3;
 +
  font-size:90%;
}
}
#cssmenu {
#cssmenu {
-
   position: relative;
+
   width:100%;
   height: 44px;
   height: 44px;
   background: #222222;
   background: #222222;
-
   width: auto;
+
   position:relative;
 +
  text-align:center;
 +
  margin:auto;
}
}
#cssmenu ul {
#cssmenu ul {
Line 121: Line 154:
}
}
#cssmenu > ul > li:hover > a {
#cssmenu > ul > li:hover > a {
-
   color: #f2a76d;
+
   color: #E6B800;
}
}
#cssmenu li.has-sub::after {
#cssmenu li.has-sub::after {
Line 137: Line 170:
}
}
#cssmenu > ul > li:hover::after {
#cssmenu > ul > li:hover::after {
-
   border-top-color: #f2a76d;
+
   border-top-color: #E6B800;
}
}
#indicatorContainer {
#indicatorContainer {
Line 228: Line 261:
}
}
#cssmenu ul ul li:hover > a {
#cssmenu ul ul li:hover > a {
-
   background: #e2e2e2;
+
   background: white;
-
   color: #FF8533;
+
   color: #E6B800;
}
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li:last-child > a,
Line 287: Line 320:
@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: auto;
+
     width: 100%;
   }
   }
   #cssmenu.align-center ul {
   #cssmenu.align-center ul {
Line 305: Line 338:
     height: auto;
     height: auto;
     display: block;
     display: block;
 +
    color:#EFEFEF;
   }
   }
   #cssmenu > ul > li {
   #cssmenu > ul > li {
Line 312: Line 346:
   #cssmenu > ul > li {
   #cssmenu > ul > li {
     display: none;
     display: none;
 +
    color:white;
   }
   }
   #cssmenu ul ul,
   #cssmenu ul ul,
Line 340: Line 375:
     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 345: Line 381:
   }
   }
   #cssmenu ul ul li:hover > a {
   #cssmenu ul ul li:hover > a {
-
     background: none;
+
     background:none;
     color: #ec9359;
     color: #ec9359;
   }
   }
Line 404: Line 440:
   }
   }
}
}
-
.wrapper {
+
.icon{
-
    width: 95%;
+
  width:30px;
-
    max-width: 1140px;
+
-
    margin: auto;
+
}
}
-
.pic{
+
.wrapper2{
-
   width:200px;
+
   width:20%;
-
   border-radius:100%;
+
   padding:20px 0px 20px 20px;
-
   margin-bottom:10px;
+
  display:inline-block;
 +
   margin:auto;
 +
  vertical-align:top;
}
}
-
.firstHeading{
+
.wrapper{
-
    display:none;
+
  width:90%;
 +
  padding:20px 0px 20px 20px;
 +
  padding-left:0;
 +
  margin:auto;
 +
  vertical-align: top;
 +
border-bottom:1px solid #222222;
 +
color:#222222;
}
}
-
.logo:hover{
+
.wrapper a{
-
    opacity:0.3;
+
text-decoration:1px dotted #222222;
}
}
-
h1,h2,h3,h4,h5,h6{
+
 
-
    font-family:'Bitter', serif;
+
.page, .container{
-
    text-decoration:none;
+
  width:50%;
-
    font-weight:700;
+
  min-width:600px;
-
    color:#222222;
+
  max-width:800px;
-
    border:none;
+
  padding:30px;
 +
  margin:auto;
 +
  text-align:left;
 +
  font-family:'Muli',sans-serif;
 +
  display:inline-block;
}
}
-
.logo{
+
.page a, .container a{
-
    font-family:'Bitter', serif;
+
  color:#222222;
-
    font-size:16px;
+
-
    text-align: center;
+
-
    margin:auto;
+
-
    height:3em;
+
-
    display:none;
+
}
}
-
.bio{
+
.page a:hover, .container a:hover{
-
    text-align:left;
+
  color:#E6B800;
-
    margin: 0px 1.6666666666666666666%;
+
  text-decoration:none;
-
    display:none;
+
-
    font-family:'Muli',sans-serif;
+
-
    font-weight:300;
+
-
    color:#222222;
+
-
    width:30%;
+
}
}
-
#adriana-collings, #josiah-racchini, #olivia-smith, #sun-jiayi{
+
 
-
   float:left;
+
h1{
-
   clear:both;
+
   color:#222222;
 +
   font-family:'Bitter',serif;
 +
  border-bottom:none;
}
}
-
#chauncy-hinshaw, #matt-sabel, #savannah-roemer, #christie-peebles{
+
h2,h3,.toc,.show,.hide,.content{
-
   float:right;
+
   color:#E6B800;
-
   clear:both;
+
   font-family:'Bitter',serif;
}
}
-
.icon{
+
h4,h5,h6, .page{
-
    width:30px;
+
  color:#222222;
-
    margin:auto;
+
  font-family:'Muli',sans-serif;
-
    padding:5px;
+
}
-
    margin-bottom:15px;
+
.toc{
 +
  text-decoration:none;
 +
  display:none;
 +
  width:100%;
 +
  margin:auto;
 +
}
 +
.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:#E6B800;
 +
}
 +
.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:#E6B800 !important;
 +
  cursor:pointer;
 +
}
 +
.toc a, #ftoc, .container a, #navi{
 +
  border-bottom:2px dotted;
 +
}
 +
#navi{
 +
  text-decoration:none;
 +
  font-family:'Bitter',serif;
 +
}
 +
#logo{
 +
  width:120px;
 +
  margin:auto;
 +
  padding:40px;
 +
  border-radius:100%;
 +
}
 +
#banner{
 +
  width:auto;
 +
  height:250px;
 +
  vertical-align:top;
 +
  background-color:#E6B800;
 +
  overflow: hidden;
 +
}
 +
#banner a:hover{
 +
  opacity:0.7;
 +
}
 +
.fixed {
 +
  position:fixed !important;
 +
  top:0;
 +
}
 +
.disp{
 +
  display:none;
}
}
.col {
.col {
-
     width: 30%;
+
     width: 20%;
     float: left;
     float: left;
     clear: right;
     clear: right;
Line 465: Line 563:
     font-family:'Muli',sans-serif;
     font-family:'Muli',sans-serif;
     font-weight:300;
     font-weight:300;
-
     font-size:20px;
+
     font-size:14px;
     color:#222222;
     color:#222222;
 +
    text-align:left;
}
}
.clear{
.clear{
Line 472: Line 571:
   clear:both;
   clear:both;
}
}
-
body{
+
.container{
 +
  line-height:1.9;
 +
}
 +
.index{
 +
  margin-right:20px;
 +
}
 +
.toc2{
 +
  display:block;
 +
}
 +
.footer{
 +
    background-color:#222222;
     width:100%;
     width:100%;
-
     background-color:#EFEFEF;
+
     margin:auto;
 +
    padding:15px;
 +
    color:#efefef;
 +
    font-size:14px;
 +
}
 +
.footer table{
 +
    background-color:#222222;
 +
    color:#efefef;
 +
    margin:auto;
 +
    text-align:left;
 +
  width:100%;
 +
}
 +
.footer a{
 +
    color:#efefef;
 +
}
 +
.button{
 +
background-color:#E6B800;
 +
color:#222222;
 +
border-radius:10px;
 +
font-family:'Muli',sans-serif;
 +
width:300px;
 +
text-align:center;
 +
vertical-align:center;
 +
padding:15px;
 +
margin:30px;
 +
}
 +
 
 +
wrapper table{
 +
width:60%;
 +
background-color:#efefef;
 +
}
 +
table{
 +
background-color:#efefef;
 +
margin:auto;
 +
}
 +
table td{
 +
text-align:center;
 +
margin:auto;
 +
width:400px;
 +
}
 +
 
 +
wrapper table td{
 +
width:300px;
 +
padding:10px;
 +
overflow:hidden;
 +
}
 +
#photo{
 +
width:300px;
 +
margin:auto;
 +
padding:10px;
}
}
</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='http://oi57.tinypic.com/1498eg5.jpg' style='width:100%'/><a href='https://2014.igem.org'><img src='https://static.igem.org/mediawiki/2014/d/d7/Sysuchina_igemdeLogo.png' style="width:80px; position:absolute; top: 10px; right: 20px; opacity:0.95;"/></a>
 +
</center></div>
<div id='cssmenu'>
<div id='cssmenu'>
<ul>
<ul>
-
   <li class='active'><a href='/Team:CSU_Fort_Collins'><span>Home</span></a></li>
+
   <li><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 504: Line 656:
       </ul>
       </ul>
   </li>
   </li>
-
   <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Team/'><span>Team</span></a>
+
   <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Members/'><span>Team</span></a>
       <ul>
       <ul>
         <li><a href='/Team:CSU_Fort_Collins/Members/'><span>Members</span></a></li>
         <li><a href='/Team:CSU_Fort_Collins/Members/'><span>Members</span></a></li>
-
         <li class='last'><a href='/Team:CSU_Fort_Collins/Sponsors/'><span>Sponsors</span></a></li>
+
        <li><a href='/Team:CSU_Fort_Collins/Sponsors/'><span>Sponsors</span></a></li>
 +
         <li class='last'><a href='/Team:CSU_Fort_Collins/Acknowledgements/'><span>Acknowledgements</span></a></li>
       </ul>
       </ul>
   </li>
   </li>
-
   <li class='has-sub'><a href='Team:CSU_Fort_Collins/Notebook/'><span>Notebook</span></a>
+
   <li class='has-sub' class='active'><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 class='last'><a href="#"><span>Protocol 1</span></a></li>
+
          <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Gibson"><span>Gibson Assembly</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>
       <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/DailyNotes'><span>Daily Notes</span></a>
       <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/DailyNotes'><span>Daily Notes</span></a>
         <ul>
         <ul>
-
         <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/Biosensor/'><span>Biosensor</span></a>
+
         <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/Biosensor/Jun'><span>Biosensor</span></a>
             <ul>
             <ul>
-
               <li><a href="#"><span>June</span></a></li>
+
               <li><a href="/Team:CSU_Fort_Collins/Notebook/Biosensor/Jun"><span>June</span></a></li>
-
               <li><a href="#"><span>July</span></a></li>
+
               <li><a href="/Team:CSU_Fort_Collins/Notebook/Biosensor/Jul"><span>July</span></a></li>
-
              <li><a href='#'><span>August</span></a></li>
+
               <li class='last'><a href='/Team:CSU_Fort_Collins/Notebook/Biosensor/Aug'><span>August</span></a></li>
-
               <li class='last'><a href="#"><span>September</span></a></li>
+
             </ul>
             </ul>
         </li>
         </li>
-
         <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/Jul'><span>Breakdown</span></a>
             <ul>
             <ul>
-
               <li><a href="#"><span>June</span></a></li>
+
               <li><a href="/Team:CSU_Fort_Collins/Notebook/Breakdown/Jul"><span>July</span></a></li>
-
              <li><a href="#"><span>July</span></a></li>
+
               <li><a href='/Team:CSU_Fort_Collins/Notebook/Breakdown/Aug'><span>August</span></a></li>
-
               <li><a href='#'><span>August</span></a></li>
+
               <li class='last'><a href="/Team:CSU_Fort_Collins/Notebook/Breakdown/Sep"><span>September</span></a></li>
-
               <li class='last'><a href="#"><span>September</span></a></li>
+
             </ul>
             </ul>
         </li>
         </li>
-
         <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/HVP/'><span>High-Value Product</span></a>
+
         <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/HVP/Jun'><span>High-Value Product</span></a>
             <ul>
             <ul>
-
               <li><a href="#"><span>June</span></a></li>
+
               <li><a href="/Team:CSU_Fort_Collins/Notebook/HVP/Jun"><span>June</span></a></li>
-
              <li><a href="#"><span>July</span></a></li>
+
               <li class='last'><a href="/Team:CSU_Fort_Collins/Notebook/HVP/Jul"><span>July</span></a></li>
-
              <li><a href='#'><span>August</span></a></li>
+
-
               <li class='last'><a href="#"><span>September</span></a></li>
+
             </ul>
             </ul>
         </li>
         </li>
-
         <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/Jul'><span>Kill Switch</span></a>
             <ul>
             <ul>
-
               <li><a href="#"><span>June</span></a></li>
+
               <li><a href="/Team:CSU_Fort_Collins/Notebook/KillSwitch/Jul"><span>July</span></a></li>
-
              <li><a href="#"><span>July</span></a></li>
+
               <li class='last'><a href="/Team:CSU_Fort_Collins/Notebook/KillSwitch/Sep"><span>September</span></a></li>
-
              <li><a href='#'><span>August</span></a></li>
+
-
               <li class='last'><a href="#"><span>September</span></a></li>
+
             </ul>
             </ul>
         </li>
         </li>
Line 555: Line 707:
   </ul>
   </ul>
   </li>
   </li>
-
   <li class='has-sub'><a href='/Team:CSU_Fort_Collins/HumPrac/'><span>Human Practices</span></a>
+
   <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Collab/'><span>Human Practices</span></a>
       <ul>
       <ul>
         <li><a href='/Team:CSU_Fort_Collins/Collab/'><span>Collaboration</span></a></li>
         <li><a href='/Team:CSU_Fort_Collins/Collab/'><span>Collaboration</span></a></li>
-
        <li><a href='/Team:CSU_Fort_Collins/Outreach/'><span>Outreach</span></a></li>
+
         <li class='last'><a href='/Team:CSU_Fort_Collins/Outreach/'><span>Outreach</span></a></li>
-
         <li class='last'><a href='/Team:CSU_Fort_Collins/Ethics'><span>Ethics Miniseries</span></a></li>
+
       </ul>
       </ul>
   </li>
   </li>
-
   <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Achievements/'><span>Achievements</span></a>
+
   <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Parts/'><span>Achievements</span></a>
       <ul>
       <ul>
         <li><a href='/Team:CSU_Fort_Collins/Parts/'><span>Parts</span></a></li>
         <li><a href='/Team:CSU_Fort_Collins/Parts/'><span>Parts</span></a></li>
Line 568: Line 719:
       </ul>
       </ul>
   </li>
   </li>
-
   <li><a href='/Team:CSU_Fort_Collins/Safety/'><span>Safety</span></a></li>
+
   <li class='last'><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'>
-
    <br><br><br>
+
<div class="container">
-
     <!--Team Members-->
+
    <h1>We are CSU iGEM <br> an undergraduate synthetic biology team</h1>
-
     <center>
+
We are a group of young researchers from Colorado State University working to build a pathway which breaks down spent frying oil in order to manufacture a value-added terpenoid.
 +
      
 +
     </div>
-
    <h1>Our Team</h1>
+
<div class='button'>
 +
<a href='/Team:CSU_Fort_Collins/Project/' style='font-weight:bold; color:#222222'>
 +
  Read more about our Project
 +
</a>
 +
</div>
 +
 
 +
  </center>
 +
</div>
<div class='wrapper'>
<div class='wrapper'>
-
    <div class='clear'></div>
+
<table>
-
   
+
<tr>
-
    <div class="col" data-name="adriana-collings">
+
    <td><img src='https://static.igem.org/mediawiki/2014/c/c1/Team-CSU_Team2.jpg' id='photo'/><br>  
-
          <img src="https://static.igem.org/mediawiki/2014/thumb/6/6d/CSU_tm1.jpg/600px-CSU_tm1.jpg" class="pic"/><br>
+
        <div class='button'>
-
          Adriana Collings<br>
+
        <a href='/Team:CSU_Fort_Collins/Members/' style='font-weight:bold; color:#222222'>
-
          <a href="mailto:adriana.collings@rams.colostate.edu"><img src="https://static.igem.org/mediawiki/2014/thumb/1/13/CSU_EmailC.png/600px-CSU_EmailC.png" class="icon"/></a>
+
            Meet Our Team
-
          <a href="http://www.linkedin.com/pub/adriana-collings/9a/b1b/5a2"><img src="https://static.igem.org/mediawiki/2014/thumb/e/e2/CSU_LinkC.png/600px-CSU_LinkC.png" class="icon"/></a>
+
        </a>
-
    </div>
+
        </div>
-
    <div class="col" data-name="anthony-roulier">
+
    </td>
-
          <img src="https://static.igem.org/mediawiki/2014/0/0b/CSU_tm3.jpg" class="pic"/><br>
+
    <td ><img src='https://static.igem.org/mediawiki/2014/8/80/Team-CSU_Ntbk2.jpg' id='photo'/><br>
-
          Anthony Roulier<br>
+
        <div class='button'>
-
          <a href="mailto:aroulier@rams.colostate.edu"><img src="https://static.igem.org/mediawiki/2014/thumb/1/13/CSU_EmailC.png/600px-CSU_EmailC.png" class="icon"/></a>
+
        <a href='/Team:CSU_Fort_Collins/Notebook/' style='font-weight:bold; color:#222222'>
-
    </div>
+
            Read Our Notebook
-
    <div class="col" data-name="chauncy-hinshaw">
+
        </a>
-
          <img src="https://static.igem.org/mediawiki/2014/thumb/9/9b/CSU_tm2.jpg/600px-CSU_tm2.jpg" class="pic"/><br>
+
        </div>
-
          Chauncy Hinshaw<br>
+
</span>
-
          <a href="mailto:chauncyh@rams.colostate.edu"><img src="https://static.igem.org/mediawiki/2014/thumb/1/13/CSU_EmailC.png/600px-CSU_EmailC.png" class="icon"/></a>
+
    </td>
-
    </div>
+
    <td><img src='https://static.igem.org/mediawiki/2014/2/24/Team_CSU-Handshake2.jpg' id='photo'/><br>
 +
        <div class='button'>
 +
        <a href='/Team:CSU_Fort_Collins/Collab/' style='font-weight:bold; color:#222222'>
 +
            See How We Work With Others
 +
        </a>
 +
        </div>
 +
    </td>
 +
</tr>
 +
</table>
 +
</div>
-
    <div class="clear"></div>
+
<center>
 +
<div class='container'>
 +
<center>Special thanks to <a href='/Team:CSU_Fort_Collins/Sponsors/'>our sponsors</a> who made this team possible</center>
 +
</div>
 +
</center>
-
    <div class="bio" id="adriana-collings">
+
</div>
-
          <b>Major:</b> Microbiology<br>
+
<br><br>
-
          <b>Semester:</b> 4<br>
+
-
          <b>iGEM Topic:</b> High-Value Product<br>
+
-
          <b>Other Positions:</b> Lab Assistant (Tuberculosis research), President, Synthetic Biology Club<br>
+
-
          <b>Interests:</b> Molecular Biology, Immunology, Bacteriology<br>
+
-
    </div>
+
-
    <div class="bio" id="anthony-roulier">
+
-
          <b>Major:</b> Chemical/Biological Engineering<br>
+
-
          <b>Semester:</b> 4<br>
+
-
          <b>iGEM Topic:</b> Breakdown<br>
+
-
          <b>Other Positions:</b> Member, AICHE<br>
+
-
          <b>Interests:</b> Fermentation, Food Microbiology<br>
+
-
    </div>
+
-
    <div class="bio" id="chauncy-hinshaw">
+
-
          <b>Major:</b> Microbiology<br>
+
-
          <b>Semester:</b> 4<br>
+
-
          <b>iGEM Topic:</b> Breakdown<br>
+
-
          <b>Other Positions:</b> Lab Assistant (Tuberculosis research); President, Microbiology Student Association; Treasurer, College of Veterinary
+
-
          Medicine and Biosciences College Council<br>
+
-
          <b>Interests:</b> Epidemiology, Public Health Education, Gene Therapy<br>
+
-
    </div>
+
-
    <div class="clear"></div>
 
-
    <div class="col" data-name="josiah-racchini">
+
<div class="footer">
-
        <img src="https://static.igem.org/mediawiki/2014/thumb/0/06/CSU_tm6.jpg/600px-CSU_tm6.jpg" class="pic"/><br>
+
    <center><table><center><td><p>© Colorado State University iGEM 2014 | Colorado State University, Campus Delivery 1370, Fort Collins, CO 80523-1370 | <a href="/Team:CSU_Fort_Collins/Contact/" > Contact Us </a>| <a href="/Team:CSU_Fort_Collins/Sponsors/"> Become a Sponsor </a> | <a href="http://www.facebook.com/csu.igem.2014" >Facebook</a> | <a href="http://twitter.com/CSU_iGEM" >Twitter</a></td></center></p>
-
        Josiah Racchini<br>
+
 
-
        <a href="mailto:racchini@rams.colostate.edu"><img src="https://static.igem.org/mediawiki/2014/thumb/1/13/CSU_EmailC.png/600px-CSU_EmailC.png" class="icon"/></a>
+
</table></center>
-
        <a href="http://www.linkedin.com/pub/josiah-racchini/72/1bb/698"><img src="https://static.igem.org/mediawiki/2014/thumb/e/e2/CSU_LinkC.png/600px-CSU_LinkC.png" class="icon"/></a>
+
</div>
-
    </div>
+
-
    <div class="col" data-name="krista-henderson">
+
-
          <img src="https://static.igem.org/mediawiki/2014/thumb/0/04/CSU_tm4.jpg/600px-CSU_tm4.jpg" class="pic"/><br>
+
-
          Krista Henderson<br>
+
-
          <a href="mailto:kristalh@rams.colostate.edu"><img src="https://static.igem.org/mediawiki/2014/thumb/1/13/CSU_EmailC.png/600px-CSU_EmailC.png" class="icon"/></a>
+
-
          <a href="http://www.linkedin.com/in/hendersonkrista"><img src='https://static.igem.org/mediawiki/2014/thumb/e/e2/CSU_LinkC.png/600px-CSU_LinkC.png' class='icon'/></a>
+
-
    </div>
+
-
    <div class="col" data-name="matt-sabel">
+
-
          <img src="https://static.igem.org/mediawiki/2014/thumb/5/59/CSU_tm8.jpg/600px-CSU_tm8.jpg" class="pic"/><br>
+
-
          Matt Sabel<br>
+
-
          <a href="mailto:mesabel@rams.colostate.edu"><img src="https://static.igem.org/mediawiki/2014/thumb/1/13/CSU_EmailC.png/600px-CSU_EmailC.png" class="icon"/></a>  
+
-
    </div>
+
-
    <div class="clear"></div>
 
-
    <div class="bio" id="josiah-racchini">
 
-
          <b>Major:</b> Biochemistry<br>
 
-
          <b>Semester:</b> 6<br>
 
-
          <b>iGEM Topic:</b> Biosensor<br>
 
-
          <b>Other Positions:</b> Lab Assistant (Tomato mosaic virus research)<br>
 
-
          <b>Interests:</b> Epigenetics, Manufacturing<br>
 
-
    </div>
 
-
    <div class="bio" id="krista-henderson">
 
-
          <b>Major:</b> Chemical/Biological Engineering<br>
 
-
          <b>Semester:</b> 4<br>
 
-
          <b>iGEM Topic:</b> Breakdown<br>
 
-
          <b>Other Positions:</b> Member, CSU Marching Band<br>
 
-
          <b>Interests:</b> Scientific Literacy, Gene Therapy<br>   
 
-
    </div>
 
-
    <div class="bio" id="matt-sabel">
 
-
          <b>Major:</b> Microbiology<br>
 
-
          <b>Semester:</b> 2<br>
 
-
          <b>iGEM Topic:</b> Kill Switch<br>
 
-
          <b>Other Positions:</b> IT (CSU Veterinary Teaching Hospital)<br>
 
-
          <b>Interests:</b> Virology, Pathology<br></td>
 
-
    </div>
 
-
    <div class="clear"></div>
 
-
   
 
-
    <div class="col" data-name="olivia-smith">
 
-
          <img src="https://static.igem.org/mediawiki/2014/thumb/a/a0/CSU_tm9.jpg/600px-CSU_tm9.jpg" class="pic"/><br>
 
-
          Olivia Smith<br>
 
-
          <a href="mailto:ossmith@rams.colostate.edu"><img src="https://static.igem.org/mediawiki/2014/thumb/1/13/CSU_EmailC.png/600px-CSU_EmailC.png" class="icon"/></a>
 
-
          <a href="http://www.linkedin.com/pub/olivia-smith/77/608/911"><img src="https://static.igem.org/mediawiki/2014/thumb/e/e2/CSU_LinkC.png/600px-CSU_LinkC.png" class="icon"/></a>
 
-
          <a href="http://twitter.com/LunaKCSU"><img src="https://static.igem.org/mediawiki/2014/thumb/6/67/CSU_TwitterC.png/600px-CSU_TwitterC.png" class="icon"></a>
 
-
    </div>
 
-
    <div class="col" data-name="renee-plomondon">
 
-
        <img src="https://static.igem.org/mediawiki/2014/thumb/b/b3/CSU_tm7.jpg/600px-CSU_tm7.jpg" class="pic"/><br>
 
-
        Renee Plomondon<br>
 
-
        <a href="mailto:reneeplomondon@gmail.com"><img src="https://static.igem.org/mediawiki/2014/thumb/1/13/CSU_EmailC.png/600px-CSU_EmailC.png" class="icon"/></a>
 
-
    </div>
 
-
    <div class="col" data-name="savannah-roemer">
 
-
          <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSRxz0Msy361i7dv4XDmzpMIsxifRk-iZSgXmynC0cgZB9mlpqqVFXeJh4" class="pic"/><br>
 
-
          Savannah Roemer<br>
 
-
          <a href="mailto:sroemer@rams.colostate.edu"><img src="https://static.igem.org/mediawiki/2014/thumb/1/13/CSU_EmailC.png/600px-CSU_EmailC.png" class="icon"/></a>
 
-
    </div>
 
-
    <div class="clear"></div>
+
<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');
-
    <div class="bio" id="olivia-smith">
+
      $('#cssmenu>ul>li').each(function() {
-
          <b>Major:</b> Chemical/Biological Engineering, Biomedical Engineering<br>
+
           if ($(this).hasClass('active')) {
-
          <b>Semester:</b> 4<br>
+
              activeElement = $(this);
-
          <b>iGEM Topic:</b> High-Value Product<br>
+
           }
-
          <b>Other Positions:</b> Lab Assistant (Hepatocyte research); Underwriting Director, DJ (KCSU 90.5 FM)<br>
+
      });
-
          <b>Interests:</b> Tissue Engineering, Web/Graphic Design, Programming<br>
+
-
    </div>
+
-
    <div class="bio" id="renee-plomondon">
+
-
          <b>Major:</b> Biochemistry<br>
+
-
          <b>Semester:</b> 2<br>
+
-
          <b>iGEM Topic:</b> Kill Switch<br>
+
-
          <b>Other Positions:</b> Lab Assistant (Musculoskeletal Biomechanics research)<br>
+
-
           <b>Interests:</b> Bionics, Biomedicine<br>
+
-
    </div>
+
-
    <div class="bio" id="savannah-roemer">
+
-
          <b>Major:</b> Chemical/Biological Engineering<br>
+
-
          <b>Semester:</b> 4<br>
+
-
          <b>Other Positions:</b> Lab Assistant (Tuberculosis research), International Field Biology Research Assistant (Euglossine bees, entomology research)<br>
+
-
          <b>Interests:</b> Biochemistry, Genetics, Horticulture<br>
+
-
    </div>     
+
-
   
+
-
    <div class="clear"></div>
+
-
   
+
-
    <h1>Our Advisers</h1>
+
-
    <div class='col' data-name='sun-jiayi'>
+
-
          <img src='https://static.igem.org/mediawiki/2014/thumb/2/2c/CSU_tm10.jpg/600px-CSU_tm10.jpg' class='pic'/><br>
+
-
          Sun Jiayi<br>
+
-
          <a href='mailto:jiayisun@engr.colostate.edu'><img src='https://static.igem.org/mediawiki/2014/thumb/1/13/CSU_EmailC.png/600px-CSU_EmailC.png' class='icon'/></a>
+
-
    </div>
+
-
    <div class="col" data-name="ashok-prasad">
+
-
           <img src="https://static.igem.org/mediawiki/2014/thumb/1/10/Ashok.jpg/600px-Ashok.jpg" class="pic"/><br>
+
-
          Ashok Prasad, Ph.D.<br>
+
-
          <a href="mailto:ashokp@engr.colostate.edu"><img src="https://static.igem.org/mediawiki/2014/thumb/1/13/CSU_EmailC.png/600px-CSU_EmailC.png" class="icon"/></a>
+
-
    </div>
+
-
    <div class="col" data-name="christie-peebles">
+
-
          <img src="https://static.igem.org/mediawiki/2014/a/a1/Christie.jpg" class="pic"/><br>
+
-
          Christie Peebles, Ph.D.<br>
+
-
          <a href="mailto:cpeebles@engr.colostate.edu"><img src="https://static.igem.org/mediawiki/2014/thumb/1/13/CSU_EmailC.png/600px-CSU_EmailC.png" class="icon"/></a>
+
-
          <a href='www.linkedin.com/pub/christie-peebles/80/459/b0'><img src="https://static.igem.org/mediawiki/2014/thumb/e/e2/CSU_LinkC.png/600px-CSU_LinkC.png" class="icon"/></a>
+
-
    </div>
+
-
    <div class="clear"></div>
+
    var posLeft = activeElement.position().left;
 +
    var elementWidth = activeElement.width();
 +
    posLeft = posLeft + elementWidth/2 -6;
 +
    if (activeElement.hasClass('has-sub')) {
 +
      posLeft -= 6;
 +
    }
-
    <div class='bio' id='sun-jiayi'>
+
    $('#cssmenu #pIndicator').css('left', posLeft);
-
           <b>Department:</b> Chemical/Biological Engineering<br>
+
    var element, leftPos, indicator = $('#cssmenu pIndicator');
-
           <b>Research Interests:</b> 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.<br><br>
+
   
-
    </div>
+
    $("#cssmenu>ul>li").hover(function() {
-
    <div class="bio" id="ashok-prasad">
+
          element = $(this);
-
          <b>Department:</b> Chemical/Biological Engineering<br>
+
          var w = element.width();
-
           <b>Research Interests:</b> 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.<br><br>
+
          if ($(this).hasClass('has-sub'))
-
    </div>
+
           {
-
    <div class="bio" id="christie-peebles">
+
            leftPos = element.position().left + w/2 - 12;
-
           <b>Department:</b> Chemical/Biological Engineering<br>
+
           }
-
          <b>Research Interests:</b> 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.<br><br>
+
          else {
-
    </div>
+
            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');
 +
            }
 +
        });
 +
    });
 +
 
 +
</script>
-
</div>
 
-
       
 
</body>
</body>
-
<br>
+
 
</html>
</html>

Latest revision as of 22:49, 17 October 2014

CSU iGEM 2014

We are CSU iGEM
an undergraduate synthetic biology team

We are a group of young researchers from Colorado State University working to build a pathway which breaks down spent frying oil in order to manufacture a value-added terpenoid.
Special thanks to our sponsors who made this team possible