Team:Clemson/Team

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" -->
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 +
<!-- Website title -->
 +
<title>CU iGEM</title>
-
{|align="justify"
+
<!-- Favicon -->
-
|You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
+
<link rel="shortcut icon" href="http://f.cl.ly/items/1A0A3b2i211m3O011y0B/favicon1.ico" />
-
|[[Image:Clemson_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
|[[Image:Clemson_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Clemson | Team Clemson]]
+
-
|}
+
 +
<!-- Begin Stylesheets -->
 +
 +
<style type="text/css">
 +
/*hide default igem banner and reformat style into blank slate*/
 +
#globalWrapper {width: 100%;}
 +
#top-section {width: 100%; height:30px; border:none;}
 +
#p-logo {display:none;}
 +
#search-controls {display:none;}
 +
#menubar a {color:#000000; background-color:transparent; font-size: small;}
 +
#menubar a:hover{text-decoration:none; color:black; background-color:transparent;}
 +
.left-menu a:hover{background-color:transparent; margin:5px 0px 0px 0px; padding:0; background: transparent; font-size: small;}
 +
.left-menu li a:hover{background-color:transparent; margin:0; padding:0; background: transparent; font-size: small;}
 +
.right-menu ul li a {background-color:transparent; background: transparent; font-size: small;}
 +
.printfooter {display:none; background-color:transparent;}
 +
#footer-box {border:none; background-color:transparent;}
 +
#catlinks {display:none; background-color:transparent;}
 +
.firstHeading {display:none; background-color:transparent;}
 +
#content {width: 100%; border:none; background-color:transparent;}
 +
#bodyContent {border:none;}
 +
</style>
 +
<link rel="stylesheet" href="http://f.cl.ly/items/030R3f0w1a1M390o2p2i/reset.css" type="text/css" media="screen" />
 +
        <link rel="stylesheet" href="http://f.cl.ly/items/0x0j3Q1u140d1s0a0o0p/960_12_col.css" type="text/css" media="screen" />
 +
        <link rel="stylesheet" href="http://f.cl.ly/items/1n471P2K3q0J2V3Y392g/layout.css" type="text/css" media="screen" />
 +
        <link rel="stylesheet" href="http://f.cl.ly/items/1d0x1o3I170N0s0b3g10/tipTip.css" type="text/css" media="screen" />
 +
        <link rel="stylesheet" href="stylesheets/colorbox.css" type="text/css" media="screen" />
 +
        <link rel="stylesheet" href="http://f.cl.ly/items/3q0x0n2k3F1H0q0D2A3S/nivo-slider.css" type="text/css" media="screen" />
 +
        <link rel="stylesheet" href="http://f.cl.ly/items/2V1H080W1B2N0a1u0D3N/default.css" type="text/css" media="screen" />
 +
        <link rel="stylesheet" href="http://f.cl.ly/items/0n0D211C0O0c393f1i2R/bx_styles.css" type="text/css" media="screen" />
 +
        <link rel="stylesheet" href="http://f.cl.ly/items/2Q1M3H0F3S1V0W47253q/top_panel.css" type="text/css" media="screen" />
 +
        <link rel="stylesheet" href="http://f.cl.ly/items/2g1p3a200M3Q1g11391j/team.css" type="text/css" media="screen" /> 
 +
        <!-- End Stylesheets -->
 +
       
 +
        <!-- End Stylesheets -->
 +
   
 +
    <!-- Begin Google Web Fonts -->
 +
    <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css' />
 +
<!-- End Google Web Fonts -->
 +
   
 +
<!-- Begin JavaScript -->
 +
   
 +
    <!-- jQuery -->
 +
<script type="text/javascript" src="http://f.cl.ly/items/1G3F2G200f261O30360Y/jquery-1.6.4.min.js"></script>
 +
       
 +
        <!-- jQuery plugins -->
 +
        <script type="text/javascript" src="http://f.cl.ly/items/1J1Z331E0A0F3i2f0h3s/jquery.tipTip.minified.js"></script>
 +
        <script type="text/javascript" src="http://f.cl.ly/items/0h0p2y1G0o250E0o1E04/jquery.colorbox-min.js"></script>
 +
        <script type="text/javascript" src="http://f.cl.ly/items/3U212N2R2R0p0F3p2p2N/jquery.nivo.slider.pack.js"></script>
 +
        <script type="text/javascript" src="http://f.cl.ly/items/2Q3f0c1W1E0P1d1m3H21/jquery.bxSlider.min.js"></script>
 +
        <script type="text/javascript" src="http://f.cl.ly/items/2t3t3I2E2g2u3w262T1O/jquery.ticker.js"></script>
 +
       
 +
        <!-- jQuery plugin init -->
 +
        <script type="text/javascript">
 +
       
 +
//team toggle       
 +
$(document).ready(function(){
 +
    $("#maxpane p.buckhead").click(function(){
 +
    $(this).css({backgroundImage:"url(http://f.cl.ly/items/422K0S2N1e1d1Z191w3U/arrowd.png)"}).next("div.dropbody").slideToggle(300).siblings("div.dropbody").slideUp("slow");
 +
    $(this).siblings().css({backgroundImage:"url(http://f.cl.ly/items/1o222C0t2w3q1L1o2v36/arrow.png)"});
 +
});
 +
});
 +
//end team toggle
-
<!--- The Mission, Experiments --->
+
$(document).ready(function(){
 +
 +
// IMAGE CAROUSEL
 +
$('#carousel').bxSlider({
 +
displaySlideQty: 4,
 +
moveSlideQty: 1
 +
});
 +
$('#carousel li').mouseover( function() { $(this).css("color","#000000"); });
 +
$('#carousel li').mouseout( function() { $(this).css("color","#FFFFFF"); });
 +
 +
// IMAGE SLIDER
 +
$('#slider').nivoSlider();
 +
 +
// TICKER
 +
$('#comments').list_ticker({
 +
speed:4000,
 +
effect:'fade'
 +
});
 +
 +
// IMAGES LIGHTBOX
 +
$('.colorbox').colorbox();
 +
 +
// WATCH THE VIDEO
 +
$('.watch').colorbox({iframe:true, innerWidth:425, innerHeight:344});
 +
 +
// TIPS
 +
$(".tip").tipTip({maxWidth: "auto", edgeOffset: 18, delay:0}); 
 +
$(".tiptop").tipTip({maxWidth: "auto", edgeOffset: 0, delay:0, defaultPosition: "top" }); 
 +
 +
// ROLLOVER EFFECT
 +
$('#carousel li,.watch,.boxImage').mouseover( function() { $(this).fadeTo(0,0.8); });
 +
$('#carousel li,.watch,.boxImage').mouseout( function() { $(this).fadeTo(0,1); });
 +
 +
// TOP PANEL
 +
$("div.panel_button").click(function(){
 +
$("div#panel").animate({
 +
height: "500px"
 +
})
 +
.animate({
 +
height: "400px"
 +
}, "fast");
 +
$("div.panel_button").toggle();
 +
 +
});
 +
 +
    $("div#hide_button").click(function(){
 +
$("div#panel").animate({
 +
height: "0px"
 +
}, "fast");
 +
  });
 +
 +
// NEWSLETTER INPUT
 +
// global vars
 +
var searchBox = $("#newsletterInput");
 +
var searchBoxDefault = "your mail address";
 +
 +
//Searchbox show/hide default text if needed
 +
searchBox.focus(function(){
 +
if($(this).attr("value") == searchBoxDefault) $(this).attr("value", "");
 +
});
 +
searchBox.blur(function(){
 +
if($(this).attr("value") == "") $(this).attr("value", searchBoxDefault);
 +
});
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
});
-
!align="center"|[[Team:Clemson|Home]]
+
-
!align="center"|[[Team:Clemson/Team|Team]]
+
</script>
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Clemson Official Team Profile]
+
-
!align="center"|[[Team:Clemson/Project|Project]]
+
<!-- End JavaScript -->
-
!align="center"|[[Team:Clemson/Parts|Parts Submitted to the Registry]]
+
   
-
!align="center"|[[Team:Clemson/Modeling|Modeling]]
+
-
!align="center"|[[Team:Clemson/Notebook|Notebook]]
+
</head>
-
!align="center"|[[Team:Clemson/Safety|Safety]]
+
<body>
-
!align="center"|[[Team:Clemson/Attributions|Attributions]]
+
-
|}
+
 +
<!-- Begin top panel
 +
<div id="toppanel">
 +
    <div id="panel">
 +
    <div id="panel_contents">
 +
            <ul>
 +
                <li><a href="../../blue/nivo-slider/index.html">Page</a></li>
 +
                <li><a href="../../green/nivo-slider/index.html">Discussion</a></li>
 +
                <li><a href="../../red/nivo-slider/index.html">Edit</a></li>
 +
                <li><a href="../../red/nivo-slider/index.html">History</a></li>
 +
                <li><a href="../../red/nivo-slider/index.html">Team</a></li>
 +
            </ul>
 +
           
 +
        </div>
 +
    </div>
 +
    <div class="panel_button" id="expand_button"><img src="images/expand.png"  alt="expand"/></div>
 +
    <div class="panel_button" id="hide_button"><img src="images/collapse.png" alt="collapse" /></div>
 +
</div><!-- End top panel -->
-
== '''Who we are''' ==
+
<!-- BEGIN CONTAINER -->
-
{|border = "0"
+
<div class="container_12">
-
|-
+
-
|rowspan="3"|
+
 +
<!-- BEGIN HEADER -->
 +
<div id="header">
 +
 +
    <!-- begin .grid_3 - LOGO -->
 +
    <div id="logo" class="grid_3">
 +
    <img src="http://f.cl.ly/items/0W0N2X1M1S052R37011n/logo.png"width="100" height="100" alt=""/>
 +
    <img src="http://f.cl.ly/items/2m320D0Z412m1X0F3x37/logo2.png" width="800" height="400" alt=""/>
 +
    </div><!-- end .grid_3 -->
 +
    <!-- begin .grid_9 - LINKS -->
 +
  <!-- <div id="navigation" class="grid_9">
 +
        <ul>
 +
        <li><a href="#">Link #1</a></li>
 +
            <li><a href="#">Link #2</a></li>
 +
            <li><a href="#">Link #3</a></li>
 +
        </ul>
 +
    </div><!-- end .grid_9 -->
 +
   
 +
    <div class="clear"></div>
 +
   
 +
</div><!-- END HEADER -->
 +
 +
    <!-- begin image slider -->
 +
    <div id="sliderWrapper">
 +
   
 +
    <!-- begin .grid_4 - SLIDER TEXT -->
 +
        <div id="sliderText" class="grid_4">
 +
        </div><!-- end .grid_4 -->
 +
<!-- begin .grid_8 - IMAGE SLIDER -->
 +
        <div class="grid_8">
 +
            <!-- NIVO SLIDER -->
 +
            <div class="slider-wrapper theme-default">
 +
                <div class="ribbon"></div>
 +
                <div id="slider" class="nivoSlider">
 +
                    <img src="http://f.cl.ly/items/452M391X0n1f14393G1I/1.jpg" alt="" title="1# This is an example of a caption" />
 +
                    <img src="http://f.cl.ly/items/3E262T053F0x291F3w1G/2.jpg" alt="" title="2# This is an example of a caption" />
 +
                    <img src="http://f.cl.ly/items/452M391X0n1f14393G1I/1.jpg" alt="" title="3# This is an example of a caption"/>
 +
                    <img src="http://f.cl.ly/items/3E262T053F0x291F3w1G/2.jpg" alt="" title="4# This is an example of a caption"/>
 +
                    <img src="http://f.cl.ly/items/452M391X0n1f14393G1I/1.jpg" alt="" title="5# This is an example of a caption"/>
 +
                    <img src="http://f.cl.ly/items/3E262T053F0x291F3w1G/2.jpg" alt="" title="6# This is an example of a caption"/>
 +
                </div>
 +
            </div>
 +
        </div><!-- end .grid_8 -->
 +
       
 +
        <div class="clear"></div>
 +
       
 +
    </div><!-- end image slider -->
 +
   
 +
    <!-- begin .grid_12 - CAROUSEL -->
 +
    <div id="carouselWrapper" class="grid_12" >
 +
        <ul id="carousel">
 +
            <li><a href="/Team:Clemson"><img src="http://f.cl.ly/items/1U3g202r2L1n3v1w3x0u/home.png" alt="" width="100" /></a><br />Home</li>
 +
            <li><img src="http://f.cl.ly/items/3d3i0k1f1R3x1P3r1t0w/team.png" alt="" width="100" /><br />Team</li>
 +
            <li><a href=""><img src="http://f.cl.ly/items/0K223h2k2y0n0H2S0V0u/pp.png" alt="" width="100" /></a><br />Project</li>
 +
            <li><a href="Team:Clemson/Notebook"><img src="http://f.cl.ly/items/1J0k0j2d0s1v2f0z1O3e/Draft.png" alt="" width="100" /></a><br />Notebook</li>
 +
           
 +
        </ul>
 +
    </div><!-- end .grid_12 -->
 +
   
 +
    <div class="clear"></div>
 +
 +
    <!-- begin boxes -->
 +
 
 +
    <!-- begin buttons -->
 +
   
 +
    <!-- begin video & features -->
 +
    <div id="video_features">
 +
   
 +
        <!-- begin .grid_7 - FEATURES -->
 +
        <div class="grid_7">
 +
                       
 +
        </div><!-- end .grid_7 -->
 +
       
 +
        <!-- begin .grid_5 - VIDEO -->
 +
               
 +
        <div class="clear"></div>
 +
       
 +
    </div>
 +
 +
 +
<div id="thislbx">
 +
<div id="thislbx"  class="nbx"> <!-- team starts right below -->
-
'''Advisors:'''
+
<p><font size="5"><strong> Undergraduate Student </strong></font></p><br>
-
*'''Advisor 1''':    Tzuen-Rong Jeremy Tzeng
+
<div id="maxpane" class="menu_list">
-
*'''Advisor 2''':    Min Cao
+
-
*'''Grad Student 1''':    Aaron Brown 
+
 +
  <p class="buckhead">Matthew Bickford: <span style="font-weight:normal">  Microbiology </span>  </p>
 +
    <div class="dropbody">
 +
      <article>
 +
<!--<img src=""  width="300" height="160" align="left" style="margin-right:15px">-->Content
-
'''Undergrads:'''
+
</article>
 +
    </div>
-
*'''Student 1''':    Matthew Bickford
+
  <p class="buckhead">Whitney Crain: <span style="font-weight:normal"> Microbiology </span></p>
-
*'''Student 2''':    Whitney Crain
+
    <div class="dropbody">
-
*'''Student 3''':   Ryan Kane
+
    <article>
-
*'''Student 4''':   Rachel Louie
+
<!--<img src=""  width="300" height="160" align="left" style="margin-right:15px">-->Content
-
*'''Student 5''':    Kelly Merchant
+
-
*'''Student 6''':    Andreea Nicolaica
+
-
*'''Student 7''':    Aaron Scanlan
+
-
*'''Student 8''':    William Smith
+
-
*'''Student 9''':   Ariel Whatley
+
 +
</article>
 +
    </div>
-
|
+
  <p class="buckhead">Ryan Kane: <span style="font-weight:normal"> Biological Sciences    </span>  </p>
-
<gallery>
+
    <div class="dropbody">
-
Image:Clemson_Team_member_1.png|Team member 1
+
      <article>
-
Image:Clemson_Team_member_2.png|Team member 2
+
            <!--  <img src=""  width="300" height="160" align="left" style="margin-right:15px">-->Content
-
Image:Clemson_Team_member_3.png|Team member 3
+
-
Image:Clemson_Team_member_4.png|Team member 4
+
-
Image:Clemson_Team_member_5.png|Team member 5
+
-
Image:Clemson_Team_member_6.png|Team member 6
+
-
Image:Clemson_Team_member_7.png|Team member 7
+
-
Image:Clemson_Team_member_8.png|Team member 8
+
-
Image:Clemson_Team_member_9.png|Team member 9
+
-
</gallery>
+
-
|}
+
-
== '''What we did''' ==
+
        </article>
 +
  </div>
-
(Provide proper attribution for all work)
+
  <p class="buckhead">Rachel Louie: <span style="font-weight:normal"> Microbiology  </span>  </p>
 +
    <div class="dropbody">
 +
<article>
 +
<!--<img src=""  width="300" height="160" align="left" style="margin-right:15px">  -->Content
 +
</article>   
 +
    </div>
-
== '''Where we're from''' ==
+
  <p class="buckhead">Kelly Merchant: <span style="font-weight:normal"> Microbiology      </span>  </p>
 +
    <div class="dropbody">
 +
        <article>
 +
<!--                <img src=""  width="300" height="160" align="left" style="margin-right:15px">-->Content
 +
 +
        </article>
 +
  </div>
 +
 
 +
  <p class="buckhead">Andreea Nicolaica: <span style="font-weight:normal"> Microbiology    </span>  </p>
 +
    <div class="dropbody">
 +
        <article>
 +
              <!-- <img src=""  width="300" height="160" align="left" style="margin-right:15px"> --> Content
 +
 
 +
        </article>       
 +
    </div>
 +
 
 +
  <p class="buckhead">Aaron Scanlan: <span style="font-weight:normal"> Microbiology    </span>  </p>
 +
    <div class="dropbody">
 +
        <article>
 +
                <!--<img src=""  width="300" height="160" align="left" style="margin-right:15px"> -->Content
 +
 +
        </article>           
 +
    </div>
 +
 
 +
  <p class="buckhead">William Smith: <span style="font-weight:normal"> Microbiology    </span>  </p>
 +
    <div class="dropbody">
 +
        <article>
 +
                <!--<img src="./" width="300" height="160" align="left" style="margin-right:15px"> -->Content
 +
<br><br>
 +
 
 +
        </article>           
 +
  </div>
 +
 
 +
  <p class="buckhead">Ariel Whatley: <span style="font-weight:normal"> Microbiology    </span>  </p>
 +
    <div class="dropbody">
 +
        <article>
 +
              <!-- <img src="" width="300" height="160" align="left" style="margin-right:15px"> -->Content
 +
        </article>           
 +
    </div>
 +
</div>
 +
<br>
 +
 
 +
 
 +
<p><font size="5"><strong> Graduate Student </strong></font></p><br>
 +
<div id="maxpane" class="menu_list">
 +
<p class="buckhead">Aaron Brown <span style="font-weight:normal">    </span>  </p>
 +
    <div class="dropbody">
 +
        <article>
 +
<!--      <img src="./" width="300" height="160" align="left" style="margin-right:15px"> -->
 +
content
 +
<br><br>
 +
        </article>
 +
    </div>
 +
</div>
 +
<br>
 +
 
 +
<p><font size="5"><strong> Advisors </strong></font></p><br>
 +
<div id="maxpane" class="menu_list">
 +
 
 +
  <p class="buckhead">Dr. Tzuen-Rong Jeremy Tzeng <span style="font-weight:normal">    </span>  </p>
 +
    <div class="dropbody">
 +
        <article>
 +
              <!--  <img src="./"  width="300" height="160" align="left" style="margin-right:15px">-->
 +
              content
 +
<br><br><br><br>
 +
 +
        </article>
 +
    </div>
 +
 
 +
  <p class="buckhead">Dr. Min Cao <span style="font-weight:normal">    </span>  </p>
 +
    <div class="dropbody">
 +
        <article>
 +
              <!-- <img src="./" width="300" height="160" align="left" style="margin-right:15px"> -->
 +
              content
 +
<br><br><br>
 +
               
 +
                        </article>
 +
    </div>
 +
 
 +
  </div>
 +
</div>
 +
 
 +
 
 +
 
 +
<!-- BEGIN FOOTER -->
 +
<div id="footer">
 +
    <div class="container_121" >
 +
<table width="500" border="1">
 +
    <tr><td>
 +
    <p><font size="3"> SPONSORS: </font></p>
 +
    </td><tr>
 +
  <tr><td>&nbsp;</td></tr> 
 +
  <tr>
 +
    <td><a href="http://www.clemson.edu/academics/programs/creative-inquiry/"><img src="http://f.cl.ly/items/2m140z071u1g3L0d3q25/cuci.png" width="130" height="70"/></a></td>
 +
    <td></td>
 +
    <td>&nbsp;</td>
 +
  </tr>
 +
  <tr>
 +
<td>&nbsp;</td>  
 +
  </tr>
 +
  <tr>
 +
    <td></td>
 +
    <td>&nbsp;</td>
 +
    <td>&nbsp;</td>
 +
  </tr>
 +
</table>
 +
    <!-- begin .grid_6 - SOCIAL -->
 +
      </div><!-- END FOOTER -->
 +
</div><!-- END CONTAINER -->
 +
</body>
 +
</html>

Revision as of 04:55, 21 September 2012

CU iGEM

Undergraduate Student



Graduate Student



Advisors


Retrieved from "http://2012.igem.org/Team:Clemson/Team"