Team:Clemson/Notebook

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" />
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<!-- Website title -->
-
!align="center"|[[Team:Clemson|Home]]
+
<title>CU iGEM</title>
-
!align="center"|[[Team:Clemson/Team|Team]]
+
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Clemson Official Team Profile]
+
-
!align="center"|[[Team:Clemson/Project|Project]]
+
-
!align="center"|[[Team:Clemson/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Clemson/Modeling|Modeling]]
+
-
!align="center"|[[Team:Clemson/Notebook|Notebook]]
+
-
!align="center"|[[Team:Clemson/Safety|Safety]]
+
-
!align="center"|[[Team:Clemson/Attributions|Attributions]]
+
-
|}
+
 +
<!-- Favicon -->
 +
<link rel="shortcut icon" href="http://f.cl.ly/items/1A0A3b2i211m3O011y0B/favicon1.ico" />
 +
<!-- 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 -->
-
You should make use of the calendar feature on the wiki and start a lab notebook.  This may be looked at by the judges to see how your work progressed throughout the summer.  It is a very useful organizational tool as well.
+
<style type = "text/css">
 +
#tab table {
 +
border-collapse:collapse;
 +
width:100%;
 +
background: transparent;
 +
}
 +
 
 +
#tab td {
 +
padding:20px;
 +
}
 +
</style>
 +
 
 +
<!-- 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
 +
 
 +
$(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);
 +
});
 +
 
 +
});
 +
 +
</script>
 +
 +
<!-- End JavaScript -->
 +
   
 +
 +
</head>
 +
<body>
 +
 
 +
<!-- 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 -->
 +
 
 +
<!-- BEGIN CONTAINER -->
 +
<div class="container_12">
 +
 
 +
<!-- 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><a href="/Team:Clemson/Team"><img src="http://f.cl.ly/items/3d3i0k1f1R3x1P3r1t0w/team.png" alt="" width="100" /></a><br />Team</li>
 +
            <li><a href=""><img src="http://f.cl.ly/items/0K223h2k2y0n0H2S0V0u/pp.png" alt="" width="100" /></a><br />Project</li>
 +
            <li><img src="http://f.cl.ly/items/1J0k0j2d0s1v2f0z1O3e/Draft.png" alt="" width="100" /><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 = "weeklylog">
 +
<br>
 +
<font size = "5"><div align = "center"><u><a name="top">Weekly Log<hr></u></a></div></font>
 +
<br>
 +
 
 +
<font size ="5">
 +
<div id ="tab" align = "center">
 +
<table>
 +
<td>
 +
<img src="http://f.cl.ly/items/2b3W2f0R3p3l0w2b1c1z/dna2.jpg" width=50px height=50px/>
 +
<a href="#week1">Week 1</a><br><br>
 +
 
 +
 
 +
<img src="http://f.cl.ly/items/2b3W2f0R3p3l0w2b1c1z/dna2.jpg" width=50px height=50px/>
 +
<a href="#week2">Week 2</a><br><br>
 +
 
 +
<img src="http://f.cl.ly/items/2b3W2f0R3p3l0w2b1c1z/dna2.jpg" width=50px height=50px/>
 +
<a href="#week3">Week 3</a><br><br>
 +
 
 +
<img src="http://f.cl.ly/items/2b3W2f0R3p3l0w2b1c1z/dna2.jpg"  width=50px height=50px/>
 +
<a href="#week4">Week 4</a><br><br>
 +
</td>
 +
<td>
 +
<img src ="http://f.cl.ly/items/2b3W2f0R3p3l0w2b1c1z/dna2.jpg" height=50px width=50px>
 +
<a href="#week5">Week 5</a><br><br>
 +
 
 +
<img src="http://f.cl.ly/items/2b3W2f0R3p3l0w2b1c1z/dna2.jpg" height=50px width=50px>
 +
<a href="#week6">Week 6</a><br><br>
 +
 
 +
<img src="http://f.cl.ly/items/2b3W2f0R3p3l0w2b1c1z/dna2.jpg" height=50px width=50px>
 +
<a href="#week7">Week 7</a><br><br>
 +
 
 +
<img src="http://f.cl.ly/items/2b3W2f0R3p3l0w2b1c1z/dna2.jpg" height=50px width=50px>
 +
<a href="#week8">Week 8</a><br><br>
 +
</td>
 +
<td>
 +
<img src="http://f.cl.ly/items/2b3W2f0R3p3l0w2b1c1z/dna2.jpg" height=50px width=50px>
 +
<a href="#week9">Week 9</a><br><br>
 +
 
 +
<img src="http://f.cl.ly/items/2b3W2f0R3p3l0w2b1c1z/dna2.jpg" height=50px width=50px>
 +
<a href="#week10">Week 10</a><br><br>
 +
 
 +
<img src="http://f.cl.ly/items/2b3W2f0R3p3l0w2b1c1z/dna2.jpg" height=50px width=50px>
 +
<a href="#week11">Week 11</a><br><br>
 +
 
 +
<img src="http://f.cl.ly/items/2b3W2f0R3p3l0w2b1c1z/dna2.jpg" height=50px width=50px>
 +
<a href="#week12">Week 12</a><br><br>
 +
</td>
 +
</table>
 +
</font>
 +
</div>
 +
 
 +
<hr>
 +
<a name="week1">This Is Week One</a><br><br><br><br><a href="#top"><p align="center"><img src="http://f.cl.ly/items/3j2S3D0q3l3j1a2f143m/ua.png" height="20px" width="20px" ><font size="2">top</a></font></img></p><hr>
 +
<a name="week2">This Is Week Two</a><br><br><br><br><a href="#top"><p align="center"><img src="http://f.cl.ly/items/3j2S3D0q3l3j1a2f143m/ua.png" height="20px" width="20px" ><font size="2">top</a></font></img></p><hr>
 +
<a name="week3">This Is Week Three</a><br><br><br><br><a href="#top"><p align="center"><img src="http://f.cl.ly/items/3j2S3D0q3l3j1a2f143m/ua.png" height="20px" width="20px" ><font size="2">top</a></font></img></p><hr>
 +
<a name="week4">This Is Week Four</a><br><br><br><br><a href="#top"><p align="center"><img src="http://f.cl.ly/items/3j2S3D0q3l3j1a2f143m/ua.png" height="20px" width="20px" ><font size="2">top</a></font></img></p><hr>
 +
<a name="week5">This Is Week Five</a><br><br><br><br><a href="#top"><p align="center"><img src="http://f.cl.ly/items/3j2S3D0q3l3j1a2f143m/ua.png" height="20px" width="20px" ><font size="2">top</a></font></img></p><hr>
 +
<a name="week6">This Is Week Six</a><br><br><br><br><a href="#top"><p align="center"><img src="http://f.cl.ly/items/3j2S3D0q3l3j1a2f143m/ua.png" height="20px" width="20px" ><font size="2">top</a></font></img></p><hr>
 +
<a name="week7">This Is Week Seven</a><br><br><br><br><a href="#top"><p align="center"><img src="http://f.cl.ly/items/3j2S3D0q3l3j1a2f143m/ua.png" height="20px" width="20px" ><font size="2">top</a></font></img></p><hr>
 +
<a name="week8">This Is Week Eight</a><br><br><br><br><a href="#top"><p align="center"><img src="http://f.cl.ly/items/3j2S3D0q3l3j1a2f143m/ua.png" height="20px" width="20px" ><font size="2">top</a></font></img></p><hr>
 +
<a name="week9">This Is Week Nine</a><br><br><br><br><a href="#top"><p align="center"><img src="http://f.cl.ly/items/3j2S3D0q3l3j1a2f143m/ua.png" height="20px" width="20px" ><font size="2">top</a></font></img></p><hr>
 +
<a name="week10">This Is Week Ten</a><br><br><br><br><a href="#top"><p align="center"><img src="http://f.cl.ly/items/3j2S3D0q3l3j1a2f143m/ua.png" height="20px" width="20px" ><font size="2">top</a></font></img></p><hr>
 +
<a name="week11">This Is Week Eleven</a><br><br><br><br><a href="#top"><p align="center"><img src="http://f.cl.ly/items/3j2S3D0q3l3j1a2f143m/ua.png" height="20px" width="20px" ><font size="2">top</a></font></img></p><hr>
 +
<a name="week12">This Is Week Twelve</a><br><br><br><br><a href="#top"><p align="center"><img src="http://f.cl.ly/items/3j2S3D0q3l3j1a2f143m/ua.png" height="20px" width="20px" ><font size="2">top</a></font></img></p><hr>
 +
 
 +
 
 +
 
 +
<!-- 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:59, 21 September 2012

CU iGEM