Team:KULeuven/Zandbak/Home

From 2008.igem.org

(Difference between revisions)

Revision as of 10:23, 22 August 2008

dock/undock dropdown

Result:

Home
The Team
Research Labs and Groups Students Instructors Advisors Pictures
The Project
Summary Components
Input Output Filter Invertimer Reset Cell Death Memory
End Evaluation Literature Brainstorm
Ethics
Submitted Parts
Listing Sandbox
Modeling
Overview Kinetic Constants Components
Output Filter Invertimer Reset Cell Death Memory
Full Model Sensitivity Analysis Multi-cell Model Diffusion
Data Analysis
Overview New Parts
GFP (LVA-tag) T7 (UmuD-tag) Antisense LuxI Celldeath (ccdB) Hybrid Promotor
Components
Input Output Filter Invertimer Reset Cell Death Memory
Full Model
Software
Multi-cell Toolbox Simbiology2LaTeX Toolbox
Notebook
Calendar Summer Holidays Reports
Daily Weekly
Lab Data
Freezer Primers Ligation
Tools Press Guestbook

To have a dropdown for your own team copy over all of the content below. It might be needed to adjust a thing or two. Comments have been added throughout the code what must be changed.

Inspirational websites:

[http://javascript-array.com/scripts/simple_drop_down_menu/ Most basic dropdown menu, with no submenu's]
[http://jquery.com/ The javascript library used to add effects and optimise the dropdown]
[http://www.tyssendesign.com.au/articles/css/centering-a-dropdown-menu/ How to center a ul list effectively]

The dropdown has been created and developed by the KULeuven team.

<html>

<style type="text/css">
#content {z-index:4;}
#ddwrapper * {z-index:8 !important;}

div#ddwrapper {
	margin:0;
	padding:0;
	height:28px;
	width:945px;				/* change to adjust imperfections in width */
}
div#ddnav {
	margin:0 auto;				/* needed to center the dropdown */
	padding:0;
	top:5px;
	/* width: 965px */
	visibility:hidden;			/* dropdown is hidden until properly initalised by javascript */
}
div#ddtoggle {
	margin:0;
	position:fixed;
	right:2px;
	top:15px;
	height:10px;
	width:10px;
	z-index:100;
}

#ddnav ul {
	display:table-row;			/* works only for firefox, later adjusted by javascript for IE */
	margin:0 auto;
	padding:0;
}
#ddnav ul li {
	display:table-cell;			/* works only for firefox, later adjusted by javascript for IE */
	list-style:none;
	margin:0;
	padding:0 !important;
	border-right:1px solid #FFF;		/* creates illusion of spacing between tabs */
}
#ddnav ul li:last-child{border-right:none;}
#ddnav a{
	display:block;
	margin:0;
	padding:4px 14px;			/* play with dimensions for size of tabs */
	background-color:#075A90;		/* background color for tabs */
	color:#FFF !important;			/* font color for text in tabs */
	text-align:center;			/* aligning for text in tabs */
	text-decoration:none !important;
	font:bold 10pt Trebuchet MS;		/* font properties for text in tabs */
	outline:0;
}
#ddnav ul li a:hover {background-color:#99CCFF;}/* background color for tabs on mouseover */
#ddnav li a:active {outline:none;}		/* remove standard dotted border for links when clicked (IE) */
#ddnav li a:focus {-moz-outline-style:none;}	/* remove standard dotted border for links when clicked (FF) */
#ddnav div {
	display:none;
	position:absolute;
	width:9em;
	background-color:#000;			/* bug solution, do not change ! */
	border:1px solid #5970B2;		/* border color for dropdown menus */
	opacity:0.9;				/* transparancy of the dropdown menus (FF) */
	filter:alpha(opacity=90);		/* transparancy of the dropdown menus (IE) */
}
#ddnav div a {
	display:block;
	padding:5px 10px;			/* play with dimensions of block element in dropdown menus */
	position:relative;
	font:normal 8pt arial;			/* font properties for text in dropdown menus */
	text-align:left;			/* aligning of text in dropdown menus */
	cursor:pointer;
}
#ddnav div a:hover, #ddnav span a:hover {color:#000 !important;}	/* text color on mouseover */
#ddnav span div {
	position:relative;
	border:none;
	border-bottom:2px groove #5970B2;	/* separator for submenus, groove does not work in FF */
	opacity:1.0;				/* avoid stacking transparancy for submenus (FF) */
	filter:alpha(opacity=100);		/* avoid stacking transparancy for submenus (IE) */
}

/* may want to upload the following pictures to a new location */
.expand {background: url('https://static.igem.org/mediawiki/2008/e/ef/Icon-expand.png') no-repeat 95% 50%;}
.collapse {background: url('https://static.igem.org/mediawiki/2008/c/cd/Icon-collapse.png') no-repeat 95% 50%;}

.docked {background: #99ccff url("https://static.igem.org/mediawiki/2008/6/62/Ddnavundock.png") no-repeat 50% 50%;}
.undocked {background: #99ccff url("https://static.igem.org/mediawiki/2008/e/e4/Ddnavdock.png") no-repeat 50% 50%;}
</style>

<!-- IMPORTANT: save following script under a personalized webspace or download the library at www.jquery.com -->
<script type="text/javascript" src="http://student.kuleuven.be/~s0173901/wiki/js/jquery.js"></script>
<script type="text/javascript">
	function ddnav() {
		$('#ddnav ul li').hover(
			function () {
				$(this).find('div:first').css('display','block');},
			function () {
				$(this).find('div:first').css('display','none');}
		);
	}
			
	function ddnavsub() {
		$('#ddnav span > a').toggle(
			function () {
				$(this).removeClass("#ddnav expand").addClass("#ddnav collapse");
				$(this).parent().find('div:first').slideDown('fast');
				$(this).hover(
					function (){$(this).css('background-color','#99AAFF');},
					function (){$(this).css('background-color','#99AAFF');});},
			function () {
				$(this).removeClass("#ddnav collapse").addClass("#ddnav expand");
				$(this).parent().find('div:first').css('display','none');
				$(this).hover(
					function (){$(this).css('background-color','#99CCFF');},
					function (){$(this).css('background-color','#075A90');});}
		).addClass("#ddnav expand");
	}
	
	/* If you wish to omit the docking feature, remove following function ddtoggle() */	
	function ddtoggle() {
		$('#ddtoggle').toggle(
			function () {
				$(this).removeClass('undocked').addClass('docked');
				$('#ddnav').css('position','fixed');},
			function () {
				$(this).removeClass('docked').addClass('undocked');
				$('#ddnav').css('position','static');}
		);
	}

	function ddalign() {
		var _windowWidth = $(window).width();
		var _leftOffset = (_windowWidth - 965)/2;

		$('div#ddnav').css('left',_leftOffset);
	}
			
	function ddmsie() {
		$('#ddnav a').hover(
			function () {$(this).css('background-color','#99ccff');},
			function () {$(this).css('background-color','#075a90');}
		);
				
		/* toggle doesn't work yet */
		$('#ddtoggle').css('display','none');
				
		$('#ddnav ul').css('display','inline-block');
		$('#ddnav ul li').css('display','inline');
		$('#ddnav ul li').css('position','relative');
		$('#ddnav ul li>a').css('display','inline-block');
		$('#ddnav ul li>a').css('margin-right','-4px');
				
		$('#ddnav div').css('left','0');
		$('#ddnav div').css('top','100%');
		$('#ddnav span div').css('top','0');
	}
			
	function ddmozilla() {
		ddtoggle();
		$(window).bind('resize', function() {ddalign();});
	}

	$(function () {
		ddnav();
		ddnavsub();

		if(jQuery.browser.msie) ddmsie();
		if(jQuery.browser.mozilla) ddmozilla();

		$('#ddnav').css('visibility','visible');
	});
</script>

<!-- If you wish to omit the docking feature omit following line (div with id ddtoggle) -->
<div id="ddtoggle" class="undocked"></div>
<div id="ddwrapper">
<!-- Here the actual links are defined, simply replace with your own links in the appropriate sections -->
<div id="ddnav" align="center">
<ul>
	<li>
		<a href="https://2008.igem.org/Team:KULeuven">Home</a>
	</li>
	<li>
		<a>The Team</a>
		<div>
			<a href="https://2008.igem.org/Team:KULeuven/Team/LabsandGroups">Research Labs and Groups</a>
			<a href="https://2008.igem.org/Team:KULeuven/Team/Students">Students</a>
			<a href="https://2008.igem.org/Team:KULeuven/Team/Instructors">Instructors</a>
			<a href="https://2008.igem.org/Team:KULeuven/Team/Advisors">Advisors</a>
                        <a href="https://2008.igem.org/Team:KULeuven/Team/Pictures">Pictures</a>
		</div>
	</li>
	<li>
		<a>The Project</a>
		<div>
			<a href="https://2008.igem.org/Team:KULeuven/Project">Summary</a>
			<span>
				<a>Components</a>
				<div>
					<a href="https://2008.igem.org/Team:KULeuven/Project/Input">Input</a>
					<a href="https://2008.igem.org/Team:KULeuven/Project/Output">Output</a>
					<a href="https://2008.igem.org/Team:KULeuven/Project/Filter">Filter</a>
					<a href="https://2008.igem.org/Team:KULeuven/Project/Inverter">Invertimer</a>
					<a href="https://2008.igem.org/Team:KULeuven/Project/Reset">Reset</a>
					<a href="https://2008.igem.org/Team:KULeuven/Project/CellDeath">Cell Death</a>
					<a href="https://2008.igem.org/Team:KULeuven/Project/Memory">Memory</a>
				</div>
			</span>
                        <a href="https://2008.igem.org/Team:KULeuven/Evaluation">End Evaluation</a>
			<a href="https://2008.igem.org/Team:KULeuven/Literature">Literature</a>
                        <a href="https://2008.igem.org/Team:KULeuven/Brainstorm">Brainstorm</a>
		</div>
	</li>
        <li>
		<a>Ethics</a>
		<div>

		</div>
	</li>
	<li>
		<a>Submitted Parts</a>
		<div>
			<a href="https://2008.igem.org/Team:KULeuven/Parts">Listing</a>
			<a href="http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2008&group=KULeuven">Sandbox</a>
		</div>
	</li>
	<li>
		<a>Modeling</a>
		<div>
			<a href="https://2008.igem.org/Team:KULeuven/Model/Overview">Overview</a>
			<a href="https://2008.igem.org/Team:KULeuven/Model/KineticConstants">Kinetic Constants</a>
			<span>
				<a>Components</a>
				<div>
					<a href="https://2008.igem.org/Team:KULeuven/Model/Output">Output</a>
					<a href="https://2008.igem.org/Team:KULeuven/Model/Filter">Filter</a>
					<a href="https://2008.igem.org/Team:KULeuven/Model/Inverter">Invertimer</a>
					<a href="https://2008.igem.org/Team:KULeuven/Model/Reset">Reset</a>
					<a href="https://2008.igem.org/Team:KULeuven/Model/CellDeath">Cell Death</a>
					<a href="https://2008.igem.org/Team:KULeuven/Model/Memory">Memory</a>
				</div>
			</span>
			<a href="https://2008.igem.org/Team:KULeuven/Model/FullModel">Full Model</a>
                        <a href="https://2008.igem.org/Team:KULeuven/Model/Sensitivity">Sensitivity Analysis</a>
			<a href="https://2008.igem.org/Team:KULeuven/Model/MultiCell">Multi-cell Model</a>
			<a href="https://2008.igem.org/Team:KULeuven/Model/Diffusion">Diffusion</a>
		</div>
	</li>
	<li>
		<a>Data Analysis</a>
		<div>
			<a href="https://2008.igem.org/Team:KULeuven/Data/Overview">Overview</a>
			<span>
				<a>New Parts</a>
				<div>
					<a href="https://2008.igem.org/Team:KULeuven/Data/GFP">GFP (LVA-tag)</a>
					<a href="https://2008.igem.org/Team:KULeuven/Data/T7">T7 (UmuD-tag)</a>
					<a href="https://2008.igem.org/Team:KULeuven/Data/Antisense">Antisense LuxI</a>
					<a href="https://2008.igem.org/Team:KULeuven/Data/ccdB">Celldeath (ccdB)</a>
					<a href="https://2008.igem.org/Team:KULeuven/Data/HybridProm">Hybrid Promotor</a>
				</div>
			</span>
                        <span>
				<a>Components</a>
				<div>
					<a href="https://2008.igem.org/Team:KULeuven/Data/Input">Input</a>
					<a href="https://2008.igem.org/Team:KULeuven/Data/Output">Output</a>
					<a href="https://2008.igem.org/Team:KULeuven/Data/Filter">Filter</a>
					<a href="https://2008.igem.org/Team:KULeuven/Data/Inverter">Invertimer</a>
					<a href="https://2008.igem.org/Team:KULeuven/Data/Reset">Reset</a>
					<a href="https://2008.igem.org/Team:KULeuven/Data/CellDeath">Cell Death</a>
					<a href="https://2008.igem.org/Team:KULeuven/Data/Memory">Memory</a>
				</div>
			</span>
			<a href="https://2008.igem.org/Team:KULeuven/Data/FullModel">Full Model</a>
		</div>
	</li>
        <li>
		<a>Software</a>
		<div>
			<a href="https://2008.igem.org/Team:KULeuven/Software/MultiCell">Multi-cell Toolbox</a>
			<a href="https://2008.igem.org/Team:KULeuven/Software/Simbiology2LaTeX">Simbiology2LaTeX Toolbox</a>
		</div>
	</li>
	<li>
		<a>Notebook</a>
		<div>
			<a href="https://2008.igem.org/Team:KULeuven/Meeting_Calendar">Calendar</a>
                        <a href="https://2008.igem.org/Team:KULeuven/SummerHolidays">Summer Holidays</a>
			<span>
				<a>Reports</a>
				<div>
					<a href="https://2008.igem.org/Team:KULeuven/Meeting Reports">Daily</a>
					<a href="https://2008.igem.org/Team:KULeuven/Weekly Meetings">Weekly</a>
				</div>
			</span>
			<span>
				<a>Lab Data</a>
				<div>
					<a href="https://2008.igem.org/Team:KULeuven/Freezer">Freezer</a>
					<a href="https://2008.igem.org/Team:KULeuven/Primers">Primers</a>
					<a href="https://2008.igem.org/Team:KULeuven/Ligation">Ligation</a>
				</div>
			</span>
			<a href="https://2008.igem.org/Team:KULeuven/Tools">Tools</a>
			<a href="https://2008.igem.org/Team:KULeuven/Press">Press</a>
			<a href="https://2008.igem.org/Team:KULeuven/Guestbook">Guestbook</a>
                        
		</div>
	</li>
        
</ul>
</div>
</div>
</html>

This page is experimental, don't use or modify it!

Work to be done:

Fill up the boxes with text and content!!
Fun stuff
Dilbert
Countdown/Number Visitors/...
Move css files internal
...

Global:

http://www.webdeveloper.com/forum/showthread.php?t=32317
http://ajaxian.com/archives/favicon-access-via-javascript
Breadcrumb navigation?
- [http://www.eastonmass.net/tullis/WebsiteNavigation/WebsiteNavigationPaper.htm A study of website navigation =P]
- [http://www.efuse.com/Design/navigation.html Navigation Basics]
- [http://www.smashingmagazine.com/2008/02/26/navigation-menus-trends-and-examples/]
Wiki faq, tips and tricks for other teams?
Global css file (h1, h2, ... p, ...): visit Team:KULeuven/Zandbak/Global
- p needs 1em more padding-left
- unknown error in project: input, yet not occuring in zandbak/global
- tables need css -> class="wikitable"
- constantlactonasepictogram
...

Wellcome to the KULeuven 2008 iGEM team page!

The ''2008 iGEM team of the Katholieke Universiteit Leuven'' works on '''a bacterial drug delivery system''', for instance for the production of a peptide such as vasoactive intestinal peptide as a potential treatment for Crohn's disease. The bacterial drug delivery system will have ''several advantages over classical drugs''. These are (a) the bacterium will produce the exact amount of drug necessary for each individual by means of a feedback control mechanism, (b) the bacterium will die upon a long symptomless period and (c) a possible development towards drugs being taken up in the bloodstream.

...

Synthetic biology is a new challenge in biosciences. It combines biology and engineering principles to design and build new biological functions and systems. Examples are abound: cancer cell invading bacteria, microbes that take pictures, antimalarial drug producers,... The advantage of using living systems for these purposes is that, once they are designed and built, they are self-reproducible. The challenge, however lies exactly within the design and construction: making biological circuits and devices as robust and predictive as their electrical counterparts. ...

Read the whole page

The international Genetically Engineered Machine competition (iGEM) or iGEM competition is a synthetic biology competition for multidisciplinary teams of undergraduate students. It was first organized in 2004 by Drew Endy, Randy Rettberg and Tom Knight of MIT with two goals in mind: to yield new ideas in synthetic biology and to form the future researchers in this new scientific community. Whereas 5 US teams competed in 2004, the 2007 edition already had 750 students and advisors grouped in 54 teams from 19 countries. This year, the competition already counts 83 teams!

The core of the iGEM competition is to design and build a “new genetic machine” with BioBricks. BioBricks are standardized, off the shelf biological parts that are used by genetic network designers. All BioBricks that were made during previous iGEM competitions are registered and documented in the Registry of Standard Biological Parts. Each iGEM competition thus starts from the efforts of the previous years.

Leuven

KULeuven

The University of Leuven was founded almost six hundred years ago. Throughout the centuries people have always occupied centre stage at the Catholic University of Leuven. The University's academic fame has attracted scholars and scientists as Justus Lipsius, Gerard Mercator and Andreas Vesalius who have all made valuable contribution to the European intellectual life. The University of Leuven can look back on a glorious past, but it also moves with the times. The Universit's educational concept is modern, with research activities focused on the needs and aspirations of contemporary people and society. The University of Leuven is famous not just within the borders of Belgium, but far beyond as well. Being a very lively city of and for students, Leuven aspires to maintain that reputation. In contrast to most university cities, Leuven does not have a closed campus. The University buildings are spread troughout the city and were originally built for completely different purposes.

The Team

Meet the team

The KULeuven team consists of 12 enthusiastic students selected out of three faculties, 4 civil engineers, 4 bio-engineers and 4 biochemists.

Maarten Breckpot: Maarten Breckpot

Studies:
1st Master of Applied Sciences and Engineering – Mathematical Engineering
Country:
Belgium
Nick Van Damme: Nick Van Damme

Studies:
1st Master of Applied Sciences and Engineering – Mathematical Engineering
Country:
Belgium
Benjamien Moeyaert: Benjamien Moeyaert

Studies:
3rd Bachelor of Biochemistry and Biotechnology
Country:
Belgium
Stefanie Roberfroid: Stefanie Roberfroid

Studies:
3rd Bachelor of Bioscience Engineering – Biomolecular Engineering
Country:
Belgium
Dries Vercruysse: Dries Vercruysse

Studies:
1st Master of Applied Sciences and Engineering - Nanoscience and Nanotechnology
Country:
Belgium
Andim Doldurucu: Andim Doldurucu

Studies:
1st Master of Bioscience Engineering – Nanoscience and Nanotechnology
Country:
Turkey
Hanne Tytgat: Hanne Tytgat

Studies:
3rd Bachelor of Biochemistry and Biotechnology
Country:
Belgium
Elke Van Assche: Elke Van Assche

Studies:
3rd Bachelor of Bioscience Engineering – Biomolecular Engineering
Country:
Belgium
Jan Mertens: Jan Mertens

Studies:
1st Master of Bioscience Engineering – Biomolecular Engineering
Country:
Belgium
Nathalie Busschaert: Nathalie Busschaert

Studies:
3rd Bachelor of Chemistry
Country:
Belgium
Jonas Demeulemeester: Jonas Demeulemeester

Studies:
1st Master of Biochemistry and Biotechnology
Country:
Belgium
Antoine Vandermeersch: Antoine Vandermeersch

Studies:
2nd and 3rd Bachelor of Applied Sciences and Engineering – Electrical and Materials Engineering
Country:
Belgium

The Project

Project

Project info comes here...
... Our project consists of several subsystems. A detailed description about every subsystem can be found by clicking on one of the following pictograms

scroll over the pictograms to get a short description or click on them to go to the corresponding page

Modeling

Introducing engineering
Quest for parameters
Building the model

Interesting Links

[http://www.nature.com/nature/comics/syntheticbiologycomic/index.html Synthetic Biology comic]
[http://partsregistry.org/Main_Page Registry of Standard Biological Parts]
[http://www.kuleuven.be/bioscenter BIOScenter]

Fun Stuff

Bacteria Pairs

Bacteria Solitaire

Double Helix

Notebook (May)

May
M	T	W	T	F	S	S
			[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/1_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 1]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/2_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 2]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/3_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 3]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/4_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 4]
[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/5_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 5]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/6_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 6]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/7_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 7]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/8_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 8]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/9_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 9]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/10_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 10]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/11_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 11]
[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/12_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 12]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/13_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 13]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/14_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 14]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/15_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 15]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/16_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 16]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/17_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 17]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/18_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 18]
[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/19_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 19]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/20_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 20]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/21_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 21]	[http://2008.igem.org/Team:KULeuven/22_May_2008 22]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/23_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 23]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/24_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 24]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/25_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 25]
[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/26_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 26]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/27_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 27]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/28_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 28]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/29_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 29]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/30_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 30]	[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/31_May_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 31]

Search in our wiki pages:

Custom Search

@@ Line 10: / Line 10: @@
 -->
+{{:Team:KULeuven/Tools/Navigation_Bar}}
 <html lang="en">
@@ Line 18: / Line 19: @@
 <!-- CSS -->
 <style type="text/css" media="screen, projection">
+	@import url(http://www.student.kuleuven.be/~s0173901/wiki/css/global.css);
 	@import url(http://www.student.kuleuven.be/~s0173901/wiki/css/home.css);
 	@import url(http://www.student.kuleuven.be/~s0173901/wiki/css/ui.tabs.css);
+        @import url(http://www.student.kuleuven.be/~s0160104/iGEM/teammap.css);
 	@import url(http://www.google.com/cse/api/branding.css);
@@ Line 43: / Line 46: @@
 });
 </script>
 <script language="JavaScript" type="text/javascript">
 function CngTxt(id,txt){
@@ Line 50: / Line 54: @@
 }
 </script>
 <script type="text/javascript">
 Image1= new Image(665,499)
 Image1.src = "https://static.igem.org/mediawiki/2008/1/17/StudentsKULBlackWhite.JPG"
+</script>
+<script type="text/javascript">
+function popup(mylink, windowname)
+{
+if (! window.focus)return true;
+var href;
+if (typeof(mylink) == 'string')
+   href=mylink;
+else
+   href=mylink.href;
+window.open(href, windowname, 'width=640,height=480,scrollbars=yes');
+return false;
+}
 </script>
 </html>
+==This page is experimental, don't use or modify it!==
 __NOTOC__
@@ Line 82: / Line 103: @@
 * ...
-<div id="kul">
+<div id="homeArea">
-<!-- MAIN -->
-<div id="kul-main">
-<!-- MAIN HEADER -->
+<html>
-<div id="kul-main-header">
+<div id="homeMain">
-<h3>Welcome to the KULeuven 2008 iGEM team page!</h3>
+<!-- 1. HEADER -->
+<div id="homeHeader">
+<h3>Wellcome to the KULeuven 2008 iGEM team page!</h3>
 <p>
 The ''2008 iGEM team of the Katholieke Universiteit Leuven'' works on '''a bacterial drug delivery system''', for instance for the production of a peptide such as vasoactive intestinal peptide as a potential treatment for Crohn's disease. The bacterial drug delivery system will have ''several advantages over classical drugs''. These are (a) the bacterium will produce the exact amount of drug necessary for each individual by means of a feedback control mechanism, (b) the bacterium will die upon a long symptomless period and (c) a possible development towards drugs being taken up in the bloodstream.
@@ Line 95: / Line 117: @@
 ...
 </p>
-</div>
+</div><!-- END HEADER -->
-<!-- END MAIN HEADER -->
-<html>
-<!-- MAIN CONTAINER -->
-<div id="kul-main-container">
-<!-- MAIN CONTENT -->
-<div id="kul-main-content">
-<!-- BIOSCENTER BOX -->
+<!-- 2. CONTENT -->
+<div id="homeContent">
+<!-- 2.1. BIOSCENTER -->
 <div id="bioscenter-box">
 	<h4>BioScenter</h4>
@@ Line 112: / Line 132: @@
 	</ul>
+<!-- 2.1.1. BIOSCENTER: SYNTHETIC BIOLOGY -->
 <div id="bioscenter-1">
 <p>
 <a href="http://syntheticbiology.org">Synthetic biology</a> is a new challenge in biosciences. It combines biology and engineering principles to design and build new biological functions and systems. Examples are abound: cancer cell invading bacteria, microbes that take pictures, antimalarial drug producers,... The advantage of using living systems for these purposes is that, once they are designed and built, they are self-reproducible. The challenge, however lies exactly within the design and construction: making biological circuits and devices as robust and predictive as their electrical counterparts. ...
 </p>
-<ul class="bioscenter" style="float: right; margin-right: 20px;">
+<ul class="content-links">
 <li><a href="http://www.kuleuven.be/bioscenter/igem/?go=syntheticbiology">Read the whole page</a></li>
 </ul>
 </div>
+<!-- 2.1.2. BIOSCENTER: IGEM -->
 <div id="bioscenter-2">
-<img style="float: right; margin-right: 20px; margin-left: 10px; margin-bottom: 0; margin-top: 15px" src="https://static.igem.org/mediawiki/2008/1/1e/IGEM_logo_1.png" />
+<img class="floatright" src="https://static.igem.org/mediawiki/2008/1/1e/IGEM_logo_1.png" />
 <p>
 The <a href="https://2008.igem.org">international Genetically Engineered Machine competition (iGEM) or iGEM competition</a> is a synthetic biology competition for multidisciplinary teams of undergraduate students. It was first organized in 2004 by Drew Endy, Randy Rettberg and Tom Knight of MIT with two goals in mind: to yield new ideas in synthetic biology and to form the future researchers in this new scientific community. Whereas 5 US teams competed in 2004, the 2007 edition already had 750 students and advisors grouped in 54 teams from 19 countries. This year, the competition already counts 83 teams!
@@ Line 128: / Line 150: @@
 The core of the iGEM competition is to design and build a “new genetic machine” with <a href="http://partsregistry.org">BioBricks</a>. BioBricks are standardized, off the shelf biological parts that are used by genetic network designers. All BioBricks that were made during previous iGEM competitions are registered and documented in the Registry of Standard Biological Parts. Each iGEM competition thus starts from the efforts of the previous years.
 </p>
-<ul class="bioscenter" style="float: right; margin-right: 20px;">
+<ul class="content-links" style="float: right; margin-right: 20px;">
 <li><a href="http://www.kuleuven.be/bioscenter/igem/?go=competition">Read the whole page</a></li>
 <li><a href="http://www.kuleuven.be/bioscenter/igem/?go=people2008">More on our team</a></li>
@@ Line 135: / Line 157: @@
 </div>
-<!-- END BIOSCENTER BOX -->
-<!-- KULEUVEN BOX  -->
+<!-- 2.2. KULEUVEN -->
 <div id="kuleuven-box">
 	<h4>Leuven</h4>
 	<ul>
-	<li><a href="#kuleuven-1"><span>Leuven 1</span></a></li>
+	<li><a href="#kuleuven-1"><span>KULeuven</span></a></li>
 	</ul>
+<!-- 2.1.2. KULEUVEN -->
 <div id="kuleuven-1">
-<img style="float: right; margin-right: 20px; margin-left: 10px; margin-bottom: 0; margin-top: 15px" width="300" heigth="300" src="https://static.igem.org/mediawiki/2008/5/59/Leuven_by_night.jpg" />
+<img class="floatright" width="300" heigth="300" src="https://static.igem.org/mediawiki/2008/5/59/Leuven_by_night.jpg" />
 <p>
-The Katholieke Universiteit Leuven (KULeuven) was founded almost six hundred years ago.
+The University of Leuven was founded almost six hundred years ago. Throughout the centuries people have always occupied centre stage at the Catholic University of Leuven.
-The university's academic fame has attracted scholars and scientists as Justus Lipsius, Gerard Mercator and Andreas Vesalius who have all made valuable contribution to the European intellectual life.
+The University's academic fame has attracted scholars and scientists as Justus Lipsius, Gerard Mercator and Andreas Vesalius who have all made valuable contribution to the European intellectual life.
-The KULeuven can look back on a glorious past, but it also moves with the times.
+The University of Leuven can look back on a glorious past, but it also moves with the times.
-The university's educational concept is modern, with research activities focused on the needs and aspirations of contemporary people and society.
+The Universit's educational concept is modern, with research activities focused on the needs and aspirations of contemporary people and society.
-The KULeuven is famous not just within the borders of Belgium, but far beyond as well. Being a very lively city of and for students, Leuven aspires to maintain that reputation. In contrast to most university cities, Leuven does not have a closed campus. The university buildings are spread troughout the city and were originally built for completely different purposes.
+The University of Leuven is famous not just within the borders of Belgium, but far beyond as well. Being a very lively city of and for students, Leuven aspires to maintain that reputation. In contrast to most university cities, Leuven does not have a closed campus. The University buildings are spread troughout the city and were originally built for completely different purposes.
 </p>
 </div>
 </div>
-<!-- END KULEUVEN BOX -->
-<!-- TEAM BOX -->
+<!-- 2.3. TEAM -->
 <div id="team-box">
 	<h4>The Team</h4>
@@ Line 165: / Line 185: @@
 	</ul>
+<!-- 2.3.1. TEAM: IMAGE MAP -->
 <div id="team-1">
 <p>
 The KULeuven team consists of 12 enthusiastic students selected out of three faculties, 4 civil engineers, 4 bio-engineers and 4 biochemists.
 </p>
 <script>
 function haxbackground(){
@@ Line 178: / Line 198: @@
 }
 </script>
-<style>
-dl#cartoonmap{
-	background:url('https://static.igem.org/mediawiki/2008/5/57/StudentsKUL.JPG') transparent top left no-repeat;
-	display:block;
-	position:relative;
-	width:665px;
-	height:499px;
-	margin:0px;
-	border:none;
-        z-index: 200;
-}
-dl#cartoonmap dt{
-	display:none;
-}
-/* Common stuff between links */
-dl#cartoonmap dd a{
-	position:absolute;
-	border: 1px dashed silver;
-	text-decoration: none;
-}
-dl#cartoonmap dd a span{
-	display:none;
-}
-/* link positions (x,y,w,h) */
-dl#cartoonmap dd#maarten a{ left:112px; bottom:312px; width:45px; height:45px; }
-dl#cartoonmap dd#nick a{ left:178px; bottom:300px; width:45px; height:45px; }
-dl#cartoonmap dd#benjamien a{ left:240px; bottom:300px; width:45px; height:45px; }
-dl#cartoonmap dd#stefanie a{ left:275px; bottom:262px; width:45px; height:45px; }
-dl#cartoonmap dd#dries a{ left:302px; bottom:295px; width:45px; height:45px; }
-dl#cartoonmap dd#andim a{ left:333px; bottom:275px; width:45px; height:45px; }
-dl#cartoonmap dd#hanne a{ left:357px; bottom:294px; width:45px; height:45px; }
-dl#cartoonmap dd#elke a{ left:382px; bottom:275px; width:45px; height:45px; }
-dl#cartoonmap dd#jan a{ left:412px; bottom:300px; width:45px; height:45px; }
-dl#cartoonmap dd#nathalie a{ left:435px; bottom:275px; width:45px; height:45px; }
-dl#cartoonmap dd#jonas a{ left:470px; bottom:298px; width:45px; height:45px; }
-dl#cartoonmap dd#antoine a{ left:515px; bottom:300px; width:45px; height:45px; }
-/* link hover doings */
-dl#cartoonmap dd a:hover{
-	border-style:solid;
-	border-width:3px;
-	background:url('https://static.igem.org/mediawiki/2008/5/57/StudentsKUL.JPG') transparent top left no-repeat;
-}
-/* colored borders! */
-dl#cartoonmap dd#maarten a:hover, dl#cartoonmap dd#maarten a:hover span, dl#cartoonmap dd#maarten a:hover span div.first{  border-color:darkblue; }
-dl#cartoonmap dd#nick a:hover, dl#cartoonmap dd#nick a:hover span, dl#cartoonmap dd#nick a:hover span div.first{ border-color:darkblue; }
-dl#cartoonmap dd#benjamien a:hover, dl#cartoonmap dd#benjamien a:hover span, dl#cartoonmap dd#benjamien a:hover span div.first{ border-color:darkblue; }
-dl#cartoonmap dd#stefanie a:hover, dl#cartoonmap dd#stefanie a:hover span, dl#cartoonmap dd#stefanie a:hover span div.first{ border-color:darkblue; }
-dl#cartoonmap dd#dries a:hover, dl#cartoonmap dd#dries a:hover span, dl#cartoonmap dd#dries a:hover span div.first{ border-color:darkblue; }
-dl#cartoonmap dd#andim a:hover, dl#cartoonmap dd#andim a:hover span, dl#cartoonmap dd#andim a:hover span div.first{ border-color:darkblue; }
-dl#cartoonmap dd#hanne a:hover, dl#cartoonmap dd#hanne a:hover span, dl#cartoonmap dd#hanne a:hover span div.first{ border-color:darkblue; }
-dl#cartoonmap dd#elke a:hover, dl#cartoonmap dd#elke a:hover span, dl#cartoonmap dd#elke a:hover span div.first{ border-color:darkblue; }
-dl#cartoonmap dd#jan a:hover, dl#cartoonmap dd#jan a:hover span, dl#cartoonmap dd#jan a:hover span div.first{ border-color:darkblue; }
-dl#cartoonmap dd#nathalie a:hover, dl#cartoonmap dd#nathalie a:hover span, dl#cartoonmap dd#nathalie a:hover span div.first{ border-color:darkblue; }
-dl#cartoonmap dd#jonas a:hover, dl#cartoonmap dd#jonas a:hover span, dl#cartoonmap dd#jonas a:hover span div.first{ border-color:darkblue; }
-dl#cartoonmap dd#antoine a:hover, dl#cartoonmap dd#antoine a:hover span, dl#cartoonmap dd#antoine a:hover span div.first{ border-color:darkblue; }
-dl#cartoonmap dd#maarten a:hover span div.first {background:#3366FF; color:#000;}
-dl#cartoonmap dd#nick a:hover span div.first {background:#3366FF; color:#000;}
-dl#cartoonmap dd#benjamien a:hover span div.first {background:#3366FF; color:#000;}
-dl#cartoonmap dd#stefanie a:hover span div.first {background:#3366FF; color:#000;}
-dl#cartoonmap dd#dries a:hover span div.first {background:#3366FF; color:#000;}
-dl#cartoonmap dd#andim a:hover span div.first {background:#3366FF; color:#000;}
-dl#cartoonmap dd#hanne a:hover span div.first {background:#3366FF; color:#000;}
-dl#cartoonmap dd#elke a:hover span div.first {background:#3366FF; color:#000;}
-dl#cartoonmap dd#jan a:hover span div.first {background:#3366FF; color:#000;}
-dl#cartoonmap dd#nathalie a:hover span div.first {background:#3366FF; color:#000;}
-dl#cartoonmap dd#jonas a:hover span div.first {background:#3366FF; color:#000;}
-dl#cartoonmap dd#antoine a:hover span div.first {background:#3366FF; color:#000;}
-/* subsequent hover positions (change when link positions change) (-left,h-imgH) */
-dl#cartoonmap dd#maarten a:hover{ background-position:-114px -140px; }
-dl#cartoonmap dd#nick a:hover{ background-position:-180.5px -152px; }
-dl#cartoonmap dd#benjamien a:hover{ background-position:-242.5px -152px; }
-dl#cartoonmap dd#stefanie a:hover{ background-position:-277px -190px; }
-dl#cartoonmap dd#dries a:hover{ background-position:-304px -157px; }
-dl#cartoonmap dd#andim a:hover{ background-position:-335px -177px; }
-dl#cartoonmap dd#hanne a:hover{ background-position:-359px -158px; }
-dl#cartoonmap dd#elke a:hover{ background-position:-384px -177px; }
-dl#cartoonmap dd#jan a:hover{ background-position:-414px -152px; }
-dl#cartoonmap dd#nathalie a:hover{ background-position:-437px -177px; }
-dl#cartoonmap dd#jonas a:hover{ background-position:-472px -153.5px; }
-dl#cartoonmap dd#antoine a:hover{ background-position:-517px -152px; }
-/*
-	put=new-old puttop=new-(imageheight-(bottom+height))
-*/
-dl#cartoonmap dd a:hover span{
-	display:block;
-	position:absolute;
-	width:200px;
-	height:200px;
-	border-width:&px;
-	border-style:solid;
-	color:black;
-	background-color:white;
-        z-index: 100;
-}
-dl#cartoonmap dd a:hover span div.first{
-	display:block;
-	font-size:120%;
-	font-weight:bold;
-	padding:2px;
-	text-align:left;
-	border-bottom:1px solid;
-}
-dl#cartoonmap dd a:hover span div.rest{
-	font-size:10pt;
-	font-face:Arial;
-	margin-left:0.5em;
-        text-align:left;
-}
-dl#cartoonmap dd#maarten a:hover span{
-	left:330px;
-	top:150px;
-}
-dl#cartoonmap dd#nick a:hover span{
-	left:264px;
-	top:138px;
-}
-dl#cartoonmap dd#benjamien a:hover span{
-	left:202px;
-	top:138px;
-}
-dl#cartoonmap dd#stefanie a:hover span{
-	left:167px;
-	top:100px;
-}
-dl#cartoonmap dd#dries a:hover span{
-	left:140px;
-	top:133px;
-}
-dl#cartoonmap dd#andim a:hover span{
-	left:109px;
-	top:113px;
-}
-dl#cartoonmap dd#hanne a:hover span{
-	left:-345px;
-	top:132px;
-}
-dl#cartoonmap dd#elke a:hover span{
-	left:-370px;
-	top:113px;
-}
-dl#cartoonmap dd#jan a:hover span{
-	left:-400px;
-	top:138px;
-}
-dl#cartoonmap dd#nathalie a:hover span{
-	left:-423px;
-	top:113px;
-}
-dl#cartoonmap dd#jonas a:hover span{
-	left:-458px;
-	top:136px;
-}
-dl#cartoonmap dd#antoine a:hover span{
-	left:-503px;
-	top:138px;
-}
-/* Others that don't fit into a pattern */
-dl#cartoonmap dd#banner span img{
-	position:absolute;
-	left:183px;
-	top:13px;
-	width:600px;
-	height:200px;
-	/* For preloading purposes only */
-	background:url('https://static.igem.org/mediawiki/2008/1/17/StudentsKULBlackWhite.JPG') transparent no-repeat;
-	background-position:-800px -800px;
-}
-</style>
 <dl id="cartoonmap">
@@ Line 408: / Line 243: @@
          <dt>Elke Van Assche</dt>
-	<dd id="elke"><a href="https://2008.igem.org/User:Elkevanassche" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
+	<dd id="elke"><a href="" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 		<span><div class="first">Elke Van Assche</div>
 		<div class="rest"><br> <b><font size="2.5">Studies:</font></b> <br> <font size="2"> 3rd Bachelor of Bioscience Engineering – Biomolecular Engineering</font> <br> <b><font size="2.5">Country:</font></b> <br> <font size="2"> Belgium</font> </div></span>
@@ Line 414: / Line 249: @@
          <dt>Jan Mertens</dt>
-	<dd id="jan"><a href="https://2008.igem.org/User:Jotaro" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
+	<dd id="jan"><a href="" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 		<span><div class="first">Jan Mertens</div>
 		<div class="rest"><br> <b><font size="2.5">Studies:</font></b> <br> <font size="2"> 1st Master of Bioscience Engineering – Biomolecular Engineering</font> <br> <b><font size="2.5">Country:</font></b> <br> <font size="2"> Belgium</font> </div></span>
@@ Line 444: / Line 279: @@
 </div>
-<!-- END TEAM BOX -->
-<!-- PROJECT BOX -->
+<!-- 2.4. PROJECT -->
 <div id="project-box">
 	<h4>The Project</h4>
@@ Line 453: / Line 287: @@
 	</ul>
+<!-- 2.4.1. PROJECT: SUBSYSTEMS -->
 <div id="project-1">
 <p>
-Dr. Coli, the bacterial drug delivery system
+Project info comes here...
-Our team’s project is Dr. Coli, an E. coli bacterium that produces a drug when and where it is needed in the human body. It does this in an intelligent way, such that the drug production meets the individual patient’s needs. And when the patient is cured, Dr. Coli eliminates itself from the body. To achieve this, a molecular timer registers the time since the last disease signal sensed. Then after a certain time, Dr. Coli self-destructs. However, when the disease flares up again – above a certain noise level - the timer is reset and new drug is produced. Finally, the timer will not start counting during the production of Dr. Coli, thanks to its disease-memory.
-Dr. Coli thus has several advantages over classical drugs, and, if proven successful, could have many medical applications. One example could be the delivery of a vasoactive intestinal peptide as a potential treatment for Crohn's disease.
-Within the time frame of the iGEM competition, we aim at delivering a proof of concept of Dr. Coli. For the input and output of the system, i.e. sensing the disease signal and producing the appropriate amount of drug, we use a dummy system. The most important assets of our proof of concept are the different control mechanisms. Since these are very much dependent on kinetic and other constants, Dr. Coli heavily relies on proper modeling.
-</p>
 <br>
-Our project consists of several subsystems. A detailed description about every subsystem can be found by clicking on one of the following pictograms
+... Our project consists of several subsystems. A detailed description about every subsystem can be found by clicking on one of the following pictograms
 <br>
@@ Line 512: / Line 340: @@
 #Txt {color:darkblue;}
 </style>
-<div id="Txt" style="width:300px;height:120px;border:solid darkblue 1px;"><br>scroll over the pictograms to get a short description or click on them to go to the corresponding page</font></div>
+<div id="Txt" style="width:300px;height:120px;border:solid darkblue 1px;margin-left:50px"><br>scroll over the pictograms to get a short description or click on them to go to the corresponding page</font></div>
+</p>
 </div>
 </div>
-<!-- END PROJECT BOX -->
-<!-- MODELING BOX -->
+<!-- 2.5. MODELING -->
 <div id="modeling-box">
 	<h4>Modeling</h4>
@@ Line 527: / Line 356: @@
 	</ul>
+<!-- 2.5.1. MODELING: MODEL -->
 <div id="modeling-1">
 <img align="center" src="http://dilbert.com/dyn/str_strip/000000000/00000000/0000000/000000/10000/1000/100/10797/10797.strip.gif" border="0" />
 </div>
+<!-- 2.5.2. MODELING: PARAMETERS -->
 <div id="modeling-2">
 <img src="http://dilbert.com/dyn/str_strip/000000000/00000000/0000000/000000/00000/5000/500/5652/5652.strip.gif" border="0" />
 </div>
+<!-- 2.5.3. MODELING: ENGINEERING -->
 <div id="modeling-3">
-<img src="http://dilbert.com/dyn/str_strip/000000000/00000000/0000000/000000/00000/8000/800/8718/8718.strip.gif" border="0" />
 </div>
 </div>
-<!-- END MODELING BOX -->
+</div><!-- END CONTENT -->
 </div>
-<!-- END MAIN CONTENT -->
+</html>
+<!-- 3. SIDEBAR -->
+<div id="homeSidebar">
+<!-- 3.1. HEADER(SIDEBAR) -->
+<div id="homeSideHeader">
+<html>
+<div>
+<embed src="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=075A90&date_month=11&date_day=09&date_year=1&un=IGEM JAMBOREE 2008&size=normal&mo=11&da=09&yr=2008" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="246" height="80" wmode="transparent"></embed>
 </div>
-<!-- END MAIN CONTAINER -->
 </html>
+</div><!-- END HEADER(SIDEBAR) -->
-</div>
+<!-- 3.2. CONTENT(SIDEBAR) -->
-<!-- END MAIN -->
+<div id="homeSideContent">
-<!-- SIDEBAR -->
-<div id="kul-sidebar">
-<!-- SIDEBAR HEADER -->
+<!-- 3.2.1. INTERESTING LINKS -->
-<div id="kul-sidebar-header">
+<div class="sidebox">
+<h3>Interesting Links</h3>
+<ul class="external-links">
+<li>[http://www.nature.com/nature/comics/syntheticbiologycomic/index.html Synthetic Biology comic]</li>
+<li>[http://partsregistry.org/Main_Page Registry of Standard Biological Parts]</li>
+<li>[http://www.kuleuven.be/bioscenter BIOScenter]</li>
+</ul>
+</div>
+<!-- 3.2.4. FUN STUFF -->
+<div class="sidebox games">
+<h3>Fun Stuff</h3>
 <html>
-<div>
+<p>
-<object type="application/x-shockwave-flash" data="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=075A90&bgcolor=CCC7DD&date_month=11&date_day=07&date_year=1&un=IGEM JAMBOREE 2008&size=normal&mo=11&da=07&yr=2008" width="256" height="80"><param name="movie" value="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=075A90&bgcolor=CCC7DD&date_month=11&date_day=07&date_year=1&un=IGEM JAMBOREE 2008&size=normal&mo=11&da=07&yr=2008" /><param name="bgcolor" value="#FFF" /></object>
+<a href="http://student.kuleuven.be/~s0160104/iGEM/pairs.html"
+   onClick="return popup(this,'notes')"><img src="https://static.igem.org/mediawiki/2008/e/e5/Bacteria_pairs.PNG">Bacteria Pairs</a>
+</p>
+<p>
+<a href="http://student.kuleuven.be/~s0160104/iGEM/bacteriasolitaire.html"
+   onClick="return popup(this,'notes')"><img src="https://static.igem.org/mediawiki/2008/d/d9/Bacteria_solitaire.PNG">Bacteria Solitaire</a>
+</p>
+<p>
+<a href="http://nobelprize.org/educational_games/medicine/dna_double_helix/dnahelix.html" target="blank"><img src="https://static.igem.org/mediawiki/2008/a/ac/Helix-intro.gif" />Double Helix</a>
+</p>
 </html>
+</div>
+<!-- 3.2.2. NOTEBOOK -->
+<div class="sidebox">
+<h3>Notebook ({{CURRENTMONTHNAME}})</h3>
+<div>
+{{#calendar:query=preload=:Team:KULeuven/Tools/New_Day|title=Team:KULeuven|year=2008|month={{CURRENTMONTH}} }}
 </div>
 </div>
-<!-- END SIDEBAR HEADER -->
-<!-- SIDEBAR CONTENT -->
+<!-- 3.2.3. GOOGLE(CUSTOM SEARCH) -->
-<div id="kul-sidebar-content">
+<html>
+<div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000">
+Search in our wiki pages:
-	<!-- FUN STUFF -->
+<div class="cse-branding-form">
-	<div class="sidebox external">
+<form action="http://www.google.com/cse" id="cse-search-box">
-	<h3>Fun Stuff</h3>
-	<html>
-	<center>
-	<p>
-	<a href="http://nobelprize.org/educational_games/medicine/dna_double_helix/dnahelix.html" target="blank"><img src="https://static.igem.org/mediawiki/2008/a/ac/Helix-intro.gif" /></a>
-	</p>
-	</center>
-	</html>
-	</div>
-	<!-- END FUN STUFF -->
-	<!-- INTERESTING LINKS -->
+<div>
-	<div class="sidebox">
+<input type="hidden" name="cx" value="014084360811440219920:o0ayl5nue-m" />
-	<h3>Interesting Links</h3>
+<input type="hidden" name="ie" value="UTF-8" />
-	<ul class="external">
+<input type="text" name="q" size="25" />
-	<li>[http://www.nature.com/nature/comics/syntheticbiologycomic/index.html Synthetic Biology comic]</li>
+<input type="submit" name="sa" value="Search" />
-	<li>[http://partsregistry.org/Main_Page Registry of Standard Biological Parts]</li>
+</div>
-	<li>[http://www.kuleuven.be/bioscenter BIOScenter]</li>
-	</ul>
-	</div>
-	<!-- END INTERESTING LINKS -->
-	<!-- NOTEBOOK -->
+</form>
-	<div class="sidebox">
+</div>
-	<h3>Notebook ({{CURRENTMONTHNAME}})</h3>
-	{{#calendar:query=preload=:Team:KULeuven/Tools/New_Day|title=Team:KULeuven|year=2008|month={{CURRENTMONTH}} }}
-	</div>
-	<!-- END NOTEBOOK -->
-	<!-- GOOGLE SEARCH BAR -->
+<div class="cse-branding-logo">
-	<html>
+<img src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif" alt="Google" />
-	<div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000">
+</div>
-	Search in our wiki pages:
-	  <div class="cse-branding-form">
-	    <form action="http://www.google.com/cse" id="cse-search-box">
-	      <div>
-	        <input type="hidden" name="cx" value="014084360811440219920:o0ayl5nue-m" />
-	        <input type="hidden" name="ie" value="UTF-8" />
-	        <input type="text" name="q" size="27" />
-	        <input type="submit" name="sa" value="Search" />
-	      </div>
-	    </form>
-	  </div>
-	  <div class="cse-branding-logo">
-	    <img src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif" alt="Google" />
-	  </div>
-	  <div class="cse-branding-text">
-	    Custom Search
-	  </div>
-	</div>
-	</html>
-	<!-- END GOOGLE SEARCH BAR -->
+<div class="cse-branding-text">
+Custom Search
 </div>
-<!-- END SIDEBAR -->
 </div>
-<!-- END ALL -->
+</html>
+</div><!-- END CONTENT(SIDEBAR) -->
+</div><!-- END SIDEBAR -->
+</div><!-- END HOME -->