Team:KULeuven/Tools

{{:Team:KULeuven/Tools/Navigation_Bar}}

[[Image:kulbanner.jpg|960px]]

Under Construction...
<!-- HTML block specifying CSS and Javascript used throughout the Tools page -->
<html>
<!-- HEAD section -->
<head>
<!-- CSS section -->
<style type="text/css">
.general div{
	background-color:#EEFFFF;
	border:1px solid #003E81;
	padding:3pt;}
.text{
	width:500px;
	height:18px;
	border:1px solid #003E81;}
.textarea{
	width:900px;}
.clip{
	height:22px;
	background-color:#99CCFF;
	border:1px solid #003E81;}
</style>
<!-- End of CSS section -->
<!-- Javascript section -->
<script style="text/javascript">
// copy to clipboard
function clipboard(holdtext)
{
	copied = holdtext.createTextRange();
	copied.execCommand("Copy");
}
</script>
<!-- End of Javascript section -->
</head>
<!-- End of HEAD section -->
</html>

== Templates ==

All the useful templates are collected here, each one has a link to the template page and offers some information on the usage of the template. For convenience a clip button is offered to directly copy corresponding code to the clipboard.

=== General ===
==== [[Team:KULeuven/Tools/Navigation_Bar | Navigation Bar]] ====

<html>
<div class="general"><div>
<center>
<input type="text" class="text" size="50" name="navigation_bar" value="{{:Team:KULeuven/Tools/Navigation_Bar}}">
<input type="button" class="clip" value="Clip" onClick="clipboard(navigation_bar)">
</center>
<hr>
The navigation bar used throughout the wiki. The template contains all the CSS and Javascript code inline, in the <em>head</em> section. The structure itself is given and can be modified in the <em>body</em> section.
<br>
In general one submenu in the bar is coded as:
<br><br>
<center>
<textarea class="textarea" rows="8">
	<!-- PROJECT SECTION -->
	<li><a href="https://2008.igem.org/Team:KULeuven/Project"
	onmouseover="mopen('m4')" onmouseout="mclosetime()">The Project</a>
		<div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
		<a href="https://2008.igem.org/Team:KULeuven/Brainstorm">Brainstorm</a>
		<a href="https://2008.igem.org/Team:KULeuven/Concreties">Concrete Ideas</a>
		<a href="https://2008.igem.org/Team:KULeuven/Literature">Literature</a>
		</div>

	</li>
</textarea>
</center>
<br>
The code of the old navigation bar (no dropdown):
<br><br>
<center>
<textarea class="textarea" rows="10">
{|style="border-spacing:6px; text-align:center; color:white" width="960px"</dd>
|-bgcolor="#003E81" padding="3"
![[Team:KULeuven|Home]]
![[Team:KULeuven/Team|The Team]]
![[Team:KULeuven/Road Map|Road Map]]
![[Team:KULeuven/Project|The Project]]
![[Team:KULeuven/Parts|Parts Submitted to the Registry]]
![[Team:KULeuven/Modeling|Modeling]]
![[Team:KULeuven/Notebook|Notebook]]
|}
</textarea>
</center>
</div></div>
</html>

==== [[Team:KULeuven/Tools/New_Day | New Day]] ====

<html>
<div class="general"><div>
The day template that is preloaded into a notebook day. The result can be seen in the [[Team:KULeuven/Notebook |Notebook]] section, when you click on an unmodified day, you'll get the edit screen, prefilled with the contents of the New_Day template. To create a calendar using this template use the code:
<center>
<input type"text" class="text" name="day_template" value="<nowiki>{{#calendar: query=preload=:Team:Kuleuven/Tools/New_Day}}</nowiki>">
<input type="button" class="clip" value="Clip" onClick="clipboard(day_template)">
</center>
</div></div>
</html>

 <nowiki>{{#calendar: query=preload=:Team:Kuleuven/Tools/New_Day}}</nowiki>
 
 The day template that is preloaded into a notebook day. The result can be seen in the [[Team:KULeuven/Notebook |Notebook]] section, when you
 click on an unmodified day, you'll get the edit screen, prefilled with the contents of the New_Day template.

=== Lab Templates ===
==== [[Team:KULeuven/Tools/PCR | PCR sheet]] ====

'''Example Usage:'''
 <nowiki>
{{:Team:KULeuven/Tools/PCR
|tanneal=55
|telong=2'30"
|ncycles=30
|buffer=5x 10μL
|mgcl=10μM 0μL
|dntp=10μM 1μL
|fwprimername=6 LacZ-Fw
|fwprimerconc=10μM 2.5μL
|rvprimername=7 LacZ-Rv
|rvprimerconc=10μM 2.5μL
|water=34μL
|polymerase=Taq 0.5μL
|dna=0.5μL of E. coli DNA extract
|size=952bp
|success=YES/NO
|image=pcrproducts_GE.jpg
|lane=3+4
}}
 </nowiki>

'''Result:'''

{{:Team:KULeuven/Tools/PCR
|tanneal=55
|telong=2'30"
|ncycles=30
|buffer=5x 10μL
|mgcl=10μM 0μL
|dntp=10μM 1μL
|fwprimername=6 LacZ-Fw
|fwprimerconc=10μM 2.5μL
|rvprimername=7 LacZ-Rv
|rvprimerconc=10μM 2.5μL
|water=34μL
|polymerase=Taq 0.5μL
|dna=0.5μL of E. coli DNA extract
|size=952bp
|success=YES/NO
|image=pcrproducts_GE.jpg
|lane=3+4
}}
----
==== [[Team:KULeuven/Tools/Digestion | Digestion sheet]] ====

'''Example Usage:'''
 <nowiki>
 {{:Team:KULeuven/Tools/Digestion
|nr=D12
|product=Cre ORF
|matrix=pJ61047
|enz1=Pst1
|enz2=Xba1
|size=1063bp
|desc=Cre ORF extracted for further usage
}}
 </nowiki>

'''Result:'''
{{:Team:KULeuven/Tools/Digestion
|nr=D12
|product=Cre ORF
|matrix=pJ61047
|enz1=XbaI
|enz2=PstI
|size=1063bp
|desc=Cre ORF extracted for further usage
}}
----
==== [[Team:KULeuven/Tools/Ligation | Ligation sheet]] ====

'''Example Usage:'''
 <nowiki>
{{:Team:KULeuven/Tools/Ligation
|nr=L21
|insert=D12 Cre ORF
|insert_vol=6µL
|vector=D1 pJ23100
|vector_vol=2µL
|comm=construction of BioBrick: Cre-recombinase under control of strong promotor
|ncol=30
}}
 </nowiki>

'''Result'''
{{:Team:KULeuven/Tools/Ligation
|nr=L21
|insert=D12 Cre ORF
|insert_vol=6µL
|vector=D1 pJ23100
|vector_vol=2µL
|comm=construction of BioBrick: Cre-recombinase under control of strong promotor
|ncol=30
}}
----
==== [[Team:KULeuven/Tools/96-well | 96-Well Plate]] ====

'''Example Usage:'''
 <nowiki>
{{:Team:KULeuven/Tools/96-well
|title=Induced Response
|A1=LB + 0µM IPTG
|A2=LB + 0µM IPTG
|A3=LB + 5µM IPTG
|A4=LB + 5µM IPTG
|A5=LB + 10µM IPTG
|A6=LB + 10µM IPTG
|A7=etc
|B1=LB 2 + 0µM IPTG
|C1=LB 3 + 0µM IPTG
|D1=LB 4 + 0µM IPTG
|E1=LB 5 + 0µM IPTG
|F1=etc
}}
 </nowiki>

'''Result'''
{{:Team:KULeuven/Tools/96-well
|title=Induced Response
|A1=LB + 0µM IPTG
|A2=LB + 0µM IPTG
|A3=LB + 5µM IPTG
|A4=LB + 5µM IPTG
|A5=LB + 10µM IPTG
|A6=LB + 10µM IPTG
|A7=etc
|B1=LB 2 + 0µM IPTG
|C1=LB 3 + 0µM IPTG
|D1=LB 4 + 0µM IPTG
|E1=LB 5 + 0µM IPTG
|F1=etc
}}


=== Collection Templates ===
==== [[Team:KULeuven/Tools/Oligo | Primer Collection]] ====

'''Primer Collection Wiki Page'''
 <nowiki>
To start the primer collection wiki page, simply create a new page and add following lines:

{|width="960" cellspacing="1"
! style="background:#003E81; color: white" colspan="5" | Table of Oligos
|-style="background:#66FFCC" align="center"
| width="40pt" | Number
| width="80pt" | Name
| width="500pt" | Sequence
| width="30pt" | Length
| width="300pt" | Comments
...
|}

Where you see the dots the template codelines will be added to. The dots will be replaced by:

{{:Team:KULeuven/Tools/Oligo ...}}
{{:Team:KULeuven/Tools/Oligo ...}}
 </nowiki>

'''Example Usage'''
 <nowiki>
 </nowiki>

'''Result'''

==CSS==
==== [[User:Avdmeers/SimpleCalendar.css | Calendar CSS file]] ====