Team:Heidelberg/Human Practice/Open Day/Impressions

From 2008.igem.org

(Difference between revisions)
(→Impressions)
(→Photo Gallery- Open Day Impressions)
 
(66 intermediate revisions not shown)
Line 1: Line 1:
__NOTOC__
__NOTOC__
<html>
<html>
-
<link rel='stylesheet' href='http://igem-heidelberg.de/fileadmin/Wiki/Heidelberg2.css' type='text/css' />
+
 
-
<link rel="stylesheet" href="http://igem-heidelberg.de/fileadmin/Wiki/Menu.css" type="text/css"/>
+
 
-
<link rel="stylesheet"  href="http://igem-heidelberg.de/fileadmin/Wiki/MenuHD.css" type="text/css"/>
+
<style>
 +
h1.firstHeading { display: none; }
 +
 
 +
p {text-align: justify;}
 +
 
 +
a:link { color: #00b0e6; text-decoration: none}
 +
a:visited { color:#00b0e6; text-decoration: none}
 +
a:hover { color:#f29400; text-decoration: none}
 +
a:active { color:#f29400; text-decoration: none}
 +
 
 +
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
 +
 
 +
table#team_members { text-align: justify; border: 0; }
 +
table#team_members h2, table#team_members h3 { clear: both; }
 +
 
 +
 
 +
/*-----------------------------------------------------------------------------------------------*/
 +
div.MenuBar ul li ul.DropDownMenu {
 +
  display: none; /* Hides all drop-down menus. */
 +
 
 +
}
 +
/*
 +
li:hover works in IE7 and FF2.
 +
a:hover works in IE6 and FF2.
 +
a:hover breaks li:hover in FF2.
 +
*/
 +
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
 +
  display: none; /* Hides all side menus. */
 +
}
 +
/*------------------------------------------------------------------------------------- Menu Bar */
 +
div.MenuBar {
 +
  font: arial, helvetica, sans-serif;
 +
  height: 30px;
 +
  width: 910px;
 +
  /*width: 100%*/
 +
  margin: 0;
 +
  border-top: 0;
 +
  border-right: 0;
 +
  border-left: 0;
 +
  padding: 0;
 +
  background: black;
 +
 
 +
}
 +
div.MenuBar ul {
 +
  font: arial, helvetica, sans-serif;
 +
  text-align: center;
 +
  list-style-type: none;
 +
  margin: 0.5em auto;
 +
  border: 0;
 +
  padding: 0;
 +
  background: black;
 +
}
 +
div.MenuBar ul li {
 +
  font: arial, helvetica, sans-serif;
 +
  display: block;
 +
  padding: 0;
 +
  margin: 0;
 +
  font-size: 1.3em;
 +
  float: left;
 +
  background: black;
 +
  text-align: center;
 +
  width: 107px;
 +
  position: relative; /* Sets the positioning context for each drop-down menu. */
 +
}
 +
 
 +
div.MenuBar ul li a {
 +
  font: arial, helvetica, sans-serif;
 +
  display: block;
 +
  background: black;
 +
  height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
 +
  color: #ffffff;
 +
  padding-top: 4px;
 +
  padding-bottom: 4px;
 +
  padding-left: 1em; /* Sets the left space between top-level items. */
 +
  padding-right: 1em; /* Sets the right space between top-level items. */
 +
  text-decoration: none;
 +
}
 +
 
 +
/*------------------------------------------------------------------------------ Drop-Down Menus */
 +
div.MenuBar ul li:hover ul.DropDownMenu,
 +
div.MenuBar ul li a:hover ul.DropDownMenu {
 +
  display: block;
 +
  width: 10em; /* Drop-down menu width.
 +
                  Use MenuTailor.css to customize. */
 +
  height: 1em;
 +
  padding: 1px; /* Sets the drop-down menu "effective border" width. */
 +
  position: absolute;
 +
  top: 23px; /* Places the drop-down menu under the menu bar.
 +
                Keep it sync with the menu bar height. */
 +
  left: 0; /* Aligns the drop-down menu to its top-level item. */
 +
  background-color: black; /* Selected item. */
 +
  color: #FFFFFF;
 +
 
 +
}
 +
div.MenuBar ul li:hover ul.DropDownMenu li a,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a {
 +
  width: 10em; /* Keep it sync with the drop-down menu width.
 +
                            Use MenuTailor.css to customize. */
 +
  height: 1em;
 +
  padding-left: 0;
 +
  padding-right: 0;
 +
  background-color: black; /* Selected item. */
 +
  color: #FFFFFF;
 +
}
 +
ul.DropDownMenu li a span {
 +
  display: block;
 +
  padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
 +
  padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
 +
  text-align: right; /* Aligns the >> symbol to the right. */
 +
}
 +
ul.DropDownMenu li a span span {
 +
  float: left; /* Aligns the text (back) to the left. */
 +
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
 +
  height: 20px;
 +
  color: #FFFFFF;
 +
}
 +
/*----------------------------------------------------------------------------------- Side Menus */
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
 +
  display: block;
 +
  width: 11em; /* Side menu width.
 +
                  Use MenuTailor.css to customize. */
 +
  padding: 1px; /* Sets the side menu "effective border" width. */
 +
  position: absolute;
 +
  top: -1px; /* Aligns the side menu to its drop-down menu item.
 +
                Keep it sync with the side menu "effective border" width. */
 +
  left: 13em; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width.
 +
                            Use MenuTailor.css to customize. */
 +
}
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
 +
  width: 11em; /* Keep it sync with the side menu width.
 +
                            Use MenuTailor.css to customize. */
 +
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
 +
  left: 13em; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width.
 +
                            Use MenuTailor.css to customize. */
 +
}
 +
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
 +
  padding-left: 1.5em; /* Sets the left space of each side menu item. */
 +
  padding-right: 0.5em; /* Sets the right space of each side menu item. */
 +
  text-align: left;
 +
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
 +
  left: 13em; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width.
 +
                            Use MenuTailor.css to customize. */
 +
}
 +
/*----------------------------------------------------------------------------- Browser Specific */
 +
* html div.MenuBar ul li a {
 +
  float: left; /* Required for IE55 and IE6.
 +
                            Breaks O9.
 +
                            Hidden (* html) from non-IE browsers. */
 +
}
 +
* html ul.DropDownMenu li a:hover {
 +
  cursor: hand; /* Required for IE55.
 +
                  Hidden (* html) from non-IE browsers. */
 +
}
 +
ul.DropDownMenu li a:hover {
 +
  cursor: pointer; /* Required for IE6 and IE7.
 +
                      Hidding it (* html) from non-IE browsers breaks IE7!
 +
}
 +
* html div.MenuBar a:hover {
 +
  text-decoration: none; /* Required for IE55 and IE6.
 +
                            Hidden (* html) from non-IE browsers. */
 +
}
 +
* html div.MenuBar ul li table,
 +
* html div.MenuBar ul li table td {
 +
  border: 0; /* Required for IE55 and IE6.
 +
                Hidden (* html) from non-IE browsers. */
 +
}
 +
/*------------------------------------------------------------------------------- Default Colors */
 +
div.MenuBar {
 +
  background-color: Menu;
 +
  border-bottom: 1px solid ButtonShadow;
 +
}
 +
div.MenuBar a {
 +
  background-color: Menu; /* Top-level unselected items. */
 +
  color: MenuText;
 +
}
 +
div.MenuBar ul li:hover a,
 +
div.MenuBar ul li a:hover {
 +
  color: #ea7f16;
 +
  background-color: Highlight; /* Top-level selected item. */
 +
  color: HighlightText;
 +
}
 +
/*...............................................................................................*/
 +
div.MenuBar ul li:hover ul.DropDownMenu,
 +
div.MenuBar ul li a:hover ul.DropDownMenu {
 +
  background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
 +
}
 +
div.MenuBar ul li:hover ul.DropDownMenu li a,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a {
 +
  background-color: Menu; Drop-down menu unselected items.
 +
                            Sets the drop-down menu "effective background" color. */
 +
  color: MenuText;
 +
}
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
 +
  background-color: Highlight; /* Drop-down menu selected item. */
 +
  color: HighlightText;
 +
}
 +
/*...............................................................................................*/
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
 +
  background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
 +
}
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
 +
  background-color: Menu; /* Side menu unselected items.
 +
                            Sets the side menu "effective background" color. */
 +
  color: MenuText;
 +
}
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
 +
  background-color: Highlight; /* Side menu selected item. */
 +
  color: HighlightText;
 +
}
 +
/*-----------------------------------------------------------------------------------------------*/
 +
/*Script-Free 3-Level Menu 1.2 Tailor
 +
  www.CesarDaniel.info
 +
/*-------------------------------------------------------------------------------------- General */
 +
body {
 +
  background: white;
 +
  color: black;
 +
  margin: 0;
 +
  border: 0;
 +
  padding: 0;
 +
}
 +
 
 +
 
 +
div.MenuBar {
 +
  font: 13px arial, helvetica, sans-serif;
 +
}
 +
div.MenuBar ul {
 +
  font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
 +
}
 +
/*--------------------------------------------------------------------------------------- Colors */
 +
div.MenuBar {
 +
  background-color: black; /* Selected item. */
 +
  color: #FFFFFF;
 +
  border-bottom: 1px solid ButtonShadow;
 +
}
 +
div.MenuBar a,
 +
div.MenuBar ul li:hover ul.DropDownMenu li a,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a,
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
 +
  background-color: black; /* Selected item. */
 +
  color: #FFFFFF;
 +
}
 +
div.MenuBar ul li:hover a,
 +
div.MenuBar ul li a:hover,
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
 +
  background-color: #00b0e6; /* Selected item. */
 +
  color: #FFFFFF;
 +
}
 +
div.MenuBar ul li:hover ul.DropDownMenu,
 +
div.MenuBar ul li a:hover ul.DropDownMenu,
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
 +
  background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
 +
}
 +
/*--------------------------------------------------------------------------------------- Widths */
 +
/*
 +
 
 +
/*
 +
Menu Bar 1
 +
Drop-Down Menu #2
 +
*/
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
 +
  width: 11em; /* Drop-down menu width. */
 +
}
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
 +
  width: 12em; /* Drop-down menu width. */
 +
}
 +
 
 +
/*...............................................................................................*/
 +
/*
 +
Menu Bar 1
 +
Drop-Down Menu #2
 +
Side Menu #1
 +
*/
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
 +
  left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width. */
 +
}
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
 +
  width: 10em; /* Side menu width. */
 +
}
 +
/*...............................................................................................*/
 +
/*
 +
Menu Bar 1
 +
Drop-Down Menu #2
 +
Side Menu #2
 +
*/
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
 +
  left: 15.5em  !important; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width. */
 +
}
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
 +
  width: 10em; /* Side menu width. */
 +
}
 +
/*...............................................................................................*/
 +
/*
 +
Menu Bar 1
 +
Drop-Down Menu #2
 +
Side Menu #3
 +
*/
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
 +
  left: 15.5em  !important; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width. */
 +
}
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
 +
  width: 10em; /* Side menu width. */
 +
}
 +
/*...............................................................................................*/
 +
 
 +
</style>
 +
 
<body>
<body>
Line 91: Line 432:
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</li>
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Visualization"><span><span>Visualization</span></span></a>
+
<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/visualization"><span><span>Visualization</span></span></a>
<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/material"><span><span>Material & Methods</span></span></a>
<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/material"><span><span>Material & Methods</span></span></a>
<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/team_meetings"><span><span>Team Meetings</span></span></a>
<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/team_meetings"><span><span>Team Meetings</span></span></a>
Line 124: Line 465:
-
== '''Impressions''' ==
+
== '''Photo Gallery- Open Day Impressions''' ==
-
Here we have some impressions of our Open Day. It was really a big succes - for us as well as for the pupils. You can see they really had a lot of fun and they also leaned a lot they assured us :)  
+
[ [[Team:Heidelberg/Human_Practice/Open_Day| ''back to previous page'']] ]
 +
 
 +
Here we have some impressions of our Open Day. It was really a big succes - for us as well as for the pupils. You can see they had a lot of fun and they also learned a lot they assured us :)  
So we are sure we succeeded in enthusing again some people for synthetic biology!
So we are sure we succeeded in enthusing again some people for synthetic biology!
-
{|
+
{| align="center"
-
|[[Image:Opd2.jpg|400px]] [[Image:Opd1.jpg|400px]] [[Image:Opd3.jpg|400px]] [[Image:Opd4.jpg|400px]] [[Image:Opd5.jpg|400px]] [[Image:Opd9.jpg|400px]] [[Image:Opd11.jpg|400px]] [[Image:Opd12.jpg|400px]][[Image:Opd13.jpg|400px]] [[Image:Opd14.jpg|400px]]  
+
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd11.jpg|thumb|350 px| seminar room prepared for the open day visitors; of course we wanted them to feel comfortable]]
-
|[[Image:Opd15.jpg|400px]] [[Image:Opd16.jpg|400px]][[Image:Opd17.jpg|400px]] [[Image:Opd18.jpg|400px]] [[Image:Opd10.jpg|400px]] [[Image:Opd19.jpg|400px]] [[Image:Opd20.jpg|400px]][[Image:Opd6.jpg|400px]] [[Image:Opd7.jpg|400px]] [[Image:Opd8.jpg|400px]]
+
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd12.jpg|thumb|350 px| interested: the pupils (and teachers) followed the presentation at the beginning of the open day]]
 +
|}
 +
{| align="center"
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd17.jpg|thumb|350 px| complicate: finding the right setting of the gilson pipet]]
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd18.jpg|thumb|366 px| don't they look nice :)]]
 +
|}
 +
{| align="center"
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd2.jpg|thumb|350 px| Enthousiastic: Explaining the different steps of the Miniprep...]]
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd1.jpg|thumb|361px| ...then following up the protocol and isolating a GFP-plasmid...]]
 +
|}
 +
{| align="center"
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd3.jpg|thumb|350 px| ..and at least visualizing the Plasmid-DNA on a gel...]]
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd4.jpg|thumb|388 px| ...jea, that's fun!!!]]
 +
|}
 +
{| align="center"
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd5.jpg|thumb|340 px| they did their jobs good, cautionly and with much exaltation]]
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd20.jpg|thumb|420 px| into the waste... bacteria smell so well :)]]
 +
|}
 +
{| align="center"
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd13.jpg|thumb|380 px| Wow, that's cool!]]
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd14.jpg|thumb|396 px| "look here- that's you"]]
 +
|}
 +
{| align="center"
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd15.jpg|thumb|370 px| Lyses Blue - Juhuuu!]]
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd16.jpg|thumb|415 px| Microscopy of stained cells out of the mouth]]
 +
|}
 +
{| align="center"
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd10.jpg|thumb|380 px| fascinated by the introcution in plasmid preparation]]
 +
| style="width:120px;" align="right" rowspan="3"| [[Image:Opd19.jpg|thumb|378 px| Pipet training at the beginning of the lab parcours]]
|}
|}
 +
<br>
 +
[ [[Team:Heidelberg/Human_Practice/Open_Day| ''back to previous page'']] ]

Latest revision as of 16:16, 29 October 2008


Photo Gallery- Open Day Impressions

[ back to previous page ]

Here we have some impressions of our Open Day. It was really a big succes - for us as well as for the pupils. You can see they had a lot of fun and they also learned a lot they assured us :) So we are sure we succeeded in enthusing again some people for synthetic biology!

seminar room prepared for the open day visitors; of course we wanted them to feel comfortable
interested: the pupils (and teachers) followed the presentation at the beginning of the open day
complicate: finding the right setting of the gilson pipet
don't they look nice :)
Enthousiastic: Explaining the different steps of the Miniprep...
...then following up the protocol and isolating a GFP-plasmid...
..and at least visualizing the Plasmid-DNA on a gel...
...jea, that's fun!!!
they did their jobs good, cautionly and with much exaltation
into the waste... bacteria smell so well :)
Wow, that's cool!
"look here- that's you"
Lyses Blue - Juhuuu!
Microscopy of stained cells out of the mouth
fascinated by the introcution in plasmid preparation
Pipet training at the beginning of the lab parcours


[ back to previous page ]

Retrieved from "http://2008.igem.org/Team:Heidelberg/Human_Practice/Open_Day/Impressions"