Team:SDU-Denmark/labwork/Notebook/week3

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- //////////// Site Name //////////// -->
<title>iGEM TEAM ::: SDU-DENMARK</title>

<!-- //////////// Website Icon //////////// -->
<link rel="shortcut icon" href="favicon.ico" />

<!-- //////////// STYLESSHEETS //////////// -->

<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:SDU-Denmark/style?action=raw&amp;ctype=text/css">

<link rel="stylesheet" href="https://2012.igem.org/Team:SDU-Denmark/nivo-slider.css?action=raw&amp;ctype=text/css" type="text/css" media="screen" />


<!-- //////////// SCRIPTS //////////// -->
<!-- :......:jquery [DEACTIVATED].....: -->
<!--<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.min.js?action=raw&amp;ctype=text/javascript"></script> -->

<!-- :......:NIVO.....: -->
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.nivo.slider.pack.js?action=raw&amp;ctype=text/javascript" ></script>

<!-- :......:JS EASING.....: -->
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.easing.1.3.js?action=raw&amp;ctype=text/javascript"></script> 


<!-- Need these two for gallery -->

<!-- :......:PIROBOX.....: -->
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/pirobox.min.js?action=raw&amp;ctype=text/javascript">
</script>

<!-- :......:SLIDING LABS.....: -->
<script src="https://2012.igem.org/Team:SDU-Denmark/jquery.slidinglabels.js?action=raw&amp;ctype=text/javascript" type="text/javascript">
</script>

<!-- //gallery scripts-->


<script type="text/javascript">
$(document).ready(function() {
	$().piroBox({
			my_speed: 400, //animation speed
			bg_alpha: 0.6, //background opacity
			slideShow : true, // true == slideshow on, false == slideshow off
			slideSpeed : 4, //slideshow duration in seconds(3 to 6 Recommended)
			close_all : '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox

	});
});
</script>

<!-- //////////// Settings for fixed sidebar layout //////////// -->

<script>

$(function() {

    var $sidebar   = $("#sidenav"), 
        $window1    = $(window),
        offset     = $sidebar.offset(),
        topPadding = 15;

    $window1.scroll(function() {
        if ($window1.scrollTop() > offset.top + 250 ) {
            $sidebar.stop().animate({
                marginTop: $window1.scrollTop() - (offset.top + topPadding + 230	)
            });
        } else {
            $sidebar.stop().animate({
                marginTop: 0
            });
        }
    });
    
});
</script>

<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&amp;ctype=text/javascript"></script>

<!-- //////////// Settings for Nivo Slider //////////// -->
<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider({
		effect:'random',
		slices:15,
		animSpeed:500,
		pauseTime:6000,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:true, //Next &amp; Prev
		directionNavHide:true, //Only show on hover
		controlNav:true, //1,2,3...
		controlNavThumbs:false, //Use thumbnails for Control Nav
		controlNavThumbsSearch: '.jpg', //Replace this with...
		controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
		keyboardNav:true, //Use left &amp; right arrows
		pauseOnHover:true, //Stop animation while hovering
		manualAdvance:false, //Force manual transitions
		captionOpacity:0.8, //Universal caption opacity
		beforeChange: function(){},
		afterChange: function(){},
		slideshowEnd: function(){} //Triggers after all slides have been shown
	});
});
</script>

<script type="text/javascript">
    $(document).ready(function () {

            // transition effect
            style = 'easeOutBounce';

            // if the mouse hover the image
            $('.photo').hover(
                    function() {
                            //display heading and caption
                            $(this).children('div:first').stop(false,true).animate({top:0},{duration:600, easing: style});
                            $(this).children('div:last').stop(false,true).animate({bottom:0},{duration:600, easing: style});
                    },

                    function() {
                            //hide heading and caption
                            $(this).children('div:first').stop(false,true).animate({top:-50},{duration:600, easing: style});
                            $(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:600, easing: style});
                    }
            );

    });
</script>

<script type="text/javascript">
$(function(){

	$('#contactform').slidinglabels({
	
		/* these are all optional */
		topPosition  : '8px',  // how far down you want each label to start
		leftPosition : '8px',  // how far left you want each label to start
		axis         : 'x',    // can take 'x' or 'y' for slide direction
		speed        : 'fast'  // can take 'fast', 'slow', or a numeric value

	});

});
</script>

<!-- script for fixed background-->
<script>
$(window).load(function() {    

	var theWindow        = $(window),
	    $bg              = $("#bg"),
	    aspectRatio      = $bg.width() / $bg.height();
	    			    		
	function resizeBg() {
		
		if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
		    $bg
		    	.removeClass()
		    	.addClass('bgheight');
		} else {
		    $bg
		    	.removeClass()
		    	.addClass('bgwidth');
		}
					
	}
	                   			
	theWindow.resize(function() {
		resizeBg();
	}).trigger("resize");

});
</script>


</head>

<body>

<!-- //////////background image/////////// -->
<img src="https://static.igem.org/mediawiki/2012/6/6c/Body_bg13.jpg" id="bg" alt="">

<!-- //////////// Container *Holds Left and Right Colums Together* //////////// -->
<div class="container">

<!-- ////////////HEADER\\\\\\\\\\ -->
<div class="header" id="TopHeader">
<!-- //////////// NIVO SLIDER //////////// -->
            <div id="slider">
                    <img src="https://static.igem.org/mediawiki/2012/4/4f/SDU2012slide01.jpg" alt="" />
			
					<img src="https://static.igem.org/mediawiki/2012/4/4f/SDU2012slide01.jpg" alt="" />
					<img src="https://static.igem.org/mediawiki/2012/9/9a/SDU2012slide02.jpg" alt="" />
					<img src="https://static.igem.org/mediawiki/2012/6/6e/SDU2012slide03.jpg" alt="" />
					<img src="https://static.igem.org/mediawiki/2012/9/91/SDU2012slide04.jpg" alt="" />
					<img src="https://static.igem.org/mediawiki/2012/6/67/SDU2012slide05.jpg" alt="" />
					<img src="https://static.igem.org/mediawiki/2012/c/c7/SDU2012slide06.jpg" alt="" />
					<img src="https://static.igem.org/mediawiki/2012/9/91/SDU2012slide07.jpg" alt="" />
					<img src="https://static.igem.org/mediawiki/2012/2/27/SDU2012slide08.jpg" alt="" />
					<img src="https://static.igem.org/mediawiki/2012/f/ff/SDU2012slide09.jpg" alt="" />
					<img src="https://static.igem.org/mediawiki/2012/7/7f/SDU2012slide10.jpg" alt="" />
					<img src="https://static.igem.org/mediawiki/2012/b/bf/SDU2012slide11.jpg" alt="" />
					<img src="https://static.igem.org/mediawiki/2012/3/35/SDU2012slide12.jpg" alt="" />
					<img src="https://static.igem.org/mediawiki/2012/e/ed/SDU2012slide13.jpg" alt=""
title="see more in our gallery" />
                                 
            </div>
			</div>
    
    <!-- //////////// SideNavbar *Everything in Left-Hand Column* //////////// -->
    <div id="sidenav" >
    	<!--<img src="images/logo.gif" alt="" class="logo" />/ -->
        
        <!-- //////////// MAIN NAVIGATION //////////// -->
			
				<!--\\\\ ACCORDION MENU ////-->

		<iframe src="https://2012.igem.org/Team:SDU-Denmark/menu" frameborder="0" height="500" width="200" scrolling="no"  ALLOWTRANSPARENCY="true">
  <p>Your browser does not support iframes.</p>
</iframe>

	<!--\\\\ACCORDION MENU////-->

    </div><!-- //sidenav -->
	
<!-- //////////// Sidenav Footer //////////// -->
        <div id="footer">
            The iGEM Team of University of Southern Denmark 2012
<font color="FF6600" ><b>igem.sdu.2012@gmail.com</b></font>
        </div><!-- //footer -->
		
		
    <!-- //////////// Anchor used to scroll to HOME //////////// -->
    <a name="home"></a>
    
    <!-- //////////// Contenta *Everything in Right-Hand Column* //////////// -->
    <div id="contenta">
	

	<!-- //////////// Pictogrammer \\\\\\\\\\ -->
	


	<!-- /////////   /Pictogrammer \\\\\\\\\\ -->
	
	<!-- /// velkomst ////-->

	<h2>Laboratory Notebook</h2>
	 <p> 
	Here you find the log book for the procedures carried out in the laboratory, starting from week 27.   
</p>

<table border="1" bordercolor="#FE1919" style="background-color:#EDEDED" width="100%" cellpadding="3" cellspacing="3">
	<tr>
		<td><regulartext>
     <span class="classred"><a href="https://2012.igem.org/Team:SDU-Denmark/labwork/Notebook">1st week      </a></span>     </regulartext></td>

		<td><regulartext>
     <span><a href="https://2012.igem.org/Team:SDU-Denmark/labwork/Notebook/week2">2nd week      </a></span>     </regulartext></td>

		<td><regulartext>
     <span class="classred"><a href="https://2012.igem.org/Team:SDU-Denmark/labwork/Notebook/week3"><b>3th week</b>      </a></span>     </regulartext></td>

		<td><regulartext>
     <span class="classred"><a href="https://2012.igem.org/Team:SDU-Denmark/labwork/Notebook/week4">4th week     </a></span>     </regulartext></td>
	</tr>
	<tr>
		<td><regulartext>
     <span class="classred"><a href="https://2012.igem.org/Team:SDU-Denmark/labwork/Notebook/week5">5th week      </a></span>     </regulartext></td>

		<td><regulartext>
     <span class="classred"><a href="https://2012.igem.org/Team:SDU-Denmark/labwork/Notebook/week6">6th week      </a></span>     </regulartext></td>

		<td><regulartext>
     <span class="classred"><a href="https://2012.igem.org/Team:SDU-Denmark/labwork/Notebook/week7">7th week      </a></span>     </regulartext></td>

		<td><regulartext>
     <span class="classred"><a href="https://2012.igem.org/Team:SDU-Denmark/labwork/Notebook/week8">8th week      </a></span>     </regulartext></td>
	</tr>
</table>

                                            <!----------3rd WEEK---------->


<p> <b>19-07-2012:</b> </p>
<h2>Another digestion, plated SST cultures and Miniprep on FFT </h2> <br/> 
<p>
The plated SST from yesterday didn’t give any colonies. We tried a different procedure where we use the PCR purification from SST and the pJET plasmid digested with EcoRV in a gel. </br>
We then made a gel purification on both bands at the same time. </br>
The purification was eluted in 30μl elution buffer, and then we used 7μl of the elution with 0,5μl ligase and 2,5μl ligase buffer in order to ligate the gene into the vector. 
This was plated on amp-agar plates and incubated O.N. </br>
</br>
We also made <a href="https://2012.igem.org/Team:SDU-Denmark/labwork/Protocols/Miniprep">Miniprep</a> on the 10 liquid colonies with FFT, then digested it with EcoRI and PstI. </br>
The digest was ran on a gel and proved results from FFT coloni 3 and 9 which had two bands corrosponding to our vector and gene. </br>
We measured the concentration on the two tubes using the nano-dropper  and got the following concentrations: </br>
<b>Tube#3:</b> 138,2ng/µl </br>
<b>Tube#9:</b> 71,8ng/µl </br>
This was enough reason to send them off for sequencing.  </br>
Seeing as we needed to send of four tubes per sample with 15µl per tube, we didn’t have enough volume in tube#9, so we only prepared four tubes to be send off for sequencing of tube#3, as it had a slightly higher concentration than the 100ng/µL maximum, so we just added another 20µl of elution buffer for a total volume of 67µL in tube #3, which was then split into four tubes of 15µL and labelled with barcodes.
</br>
Furthermore we made 8 new coloni PCR’s  from the original FFT amp. agar plate. 
But we only got very small parts shown on the gel so it wasn't a success. </br>
For the sequencing, we need four primers, a pJET1.2_for and _rev and then 2 primers that would anneal on the FFT gene. We used the MWG sites primer design tool (http://www.eurofinsdna.com/)  to design primers that anneal to the FFT gene. </br>
Seeing as the FFT gene is approximately 1800bp long the primers were designed to anneal somewhere between positions 450-500 and 950-1000 both in the forward direction, to be sure that the entire gene is sequenced. </br>
Of the 10 random cultures that were put into liquid LB and left in incubator O.N. on 18/7 only tubes 3 and 9 were viable. We decided to make some more liquid culture of these bacteria and let them incubator at 37°C O.N. </br>
</br>
This is to be sure that tomorrow we have enough sample/volume of tube#9 in order to send it off for sequencing. 

<br/>
<br/>

<p> <b>20-07-2012:</b> </p>
<h2>DNA extraction from O.N. liquid cultures </h2> <br/> 
<p>
Overnight cultures incubated at 37°C in Ampicilin containing medium:<br/>
- 10 FFT liquid cultures <br/>
- 6 SST liquid cultures <br/> <br/>
The 16 cultures was extracted and a Nanodrop measured the concentrations: <br/>
Run 3: 116,1 ng/µl <br/>
Run 9: 10,8 ng/µl (discarded, useless for sequencing at this low concentration)<br/> <br/>
For the preparation of liquid culture for overnight incubation we marked and transferred single-unit colonies from FFT plates(10) and SST plates(6) to 3mL ampicilin containing liquid medium. 

<br/>
<br/>

<p> <b>21-07-2012:</b> </p>
<h2>Gel electrophoresis on extracted cuktures of FFT and SST </h2> <br/> 
<p>
We did a cryo “backup” of the liquid cultures from yesterday, containing the FFT and SST genes.


The bacteria cultures was lysed and the plasmids was extracted using GeneJET Plasmid Miniprep Kit. 
A Nanodrop analysis was made from our extracted plasmids which should contain our FFT- and SST-gene.  
A gel was constructed and our plasmids was ran through an electrical current at 100V.  

<b>INSERT PICTURE HERE!!!!!!!!</b>


There were no usable results from the gel electrophoresis. 
For future studies we should try to digest the plasmids with the restriction enzymes for a longer period. 



		<!--
		<div id="contentcolumleft">
            
            
            
            <h2>Welcome to My Online Portfolio, Have a Look Around.</h2>
            <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
            <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
            
            <h2>Opto tego, distineo luptatum</h2>
            <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
            <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
		</div>
	
		<div id="contentcolumleft">
			<h2>This is a test</h2>
			<p> and now to put some text in </p>
				<p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
				<p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
				
				<h2>Opto tego, distineo luptatum</h2>
				<p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
				<p>Opto tego, distineo lupt
		
	
		</div>
	-->
	
    <!-- //////////// Anchor used to scroll to PORTFOLIO //////////// -->
	
    <!-- //////////// Anchor used to scroll to SERVICES //////////// -->
    
    <!-- //////////// Anchor used to scroll to CONTACT //////////// -->        
    
            <div class="clearall"></div><!-- //clearall -->
            
            <div id="footfiller">
            </div><!-- //footfiller -->
            
    </div><!-- //contenta -->
    
</div><!-- //container -->
</body>
</html>