Team:KULeuven/Zandbak/Home
From 2008.igem.org
Result:
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>
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.
...
BioScenter
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. ...
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
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
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
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]
Notebook (December)
December | ||||||
M | T | W | T | F | S | S |
[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/1_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 1] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/2_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 2] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/3_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 3] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/4_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 4] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/5_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 5] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/6_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 6] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/7_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 7] |
[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/8_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 8] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/9_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 9] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/10_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 10] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/11_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 11] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/12_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 12] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/13_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 13] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/14_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 14] |
[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/15_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 15] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/16_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 16] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/17_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 17] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/18_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 18] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/19_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 19] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/20_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 20] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/21_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 21] |
[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/22_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 22] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/23_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 23] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/24_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 24] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/25_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 25] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/26_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 26] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/27_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 27] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/28_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 28] |
[http://2008.igem.org/wiki/index.php?title=Team:KULeuven/29_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 29] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/30_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 30] | [http://2008.igem.org/wiki/index.php?title=Team:KULeuven/31_December_2008&preload=:Team:KULeuven/Tools/New_Day&action=edit 31] |