Team:BCCS-Bristol/Human Practices/Public Engagement/School Visit

From 2010.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:BCCS-Bristol/Header}}
{{:Team:BCCS-Bristol/Header}}
-
<html>
+
=School Visit=
-
<style type="text/css">
+
-
div.img
+
-
  {
+
-
  margin:2px;
+
-
  border:1px solid #0000ff;
+
-
  height:239px;
+
-
  width:207px;
+
-
  float:left;
+
-
  text-align:center;
+
-
  }
+
-
div.img img
+
-
  {
+
-
  display:inline-block;
+
-
  height:auto;
+
-
  width:auto;
+
-
  max-height:150px;
+
-
  max-width:200px;
+
-
  margin:3px;
+
-
  border:1px solid #ffffff;
+
-
  }
+
-
div.img a:hover img
+
-
  {
+
-
  border:1px solid #0000ff;
+
-
  }
+
-
div.desc
+
-
  {
+
-
  text-align:center;
+
-
  font-weight:normal;
+
-
  width:200px;
+
-
  height:auto;
+
-
  margin:2px;
+
-
  }
+
-
</style>
+
 +
We gave a presentation to each of the classes about iGEM, us and our project, and then did a practical demonstration where the students made their own beads (...without the ''E. coli'').
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+
==Image Gallery==
-
<script type="text/javascript" src="http://dl.dropbox.com/u/1944619/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
+
<gallery perrow=5>
-
 
+
Image:BCCS-Bristol-ClevedonVisit-03.jpg|Distributing supplies after the presentation
-
<link rel="stylesheet" href="http://dl.dropbox.com/u/1944619/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
+
Image:BCCS-Bristol-ClevedonVisit-04.jpg|Students pipetting liquid gellan mix into an ionic solution (salt water)
-
 
+
Image:BCCS-Bristol-ClevedonVisit-05.jpg|We tried to find the best technique to make a perfecty spherical bead
-
 
+
Image:BCCS-Bristol-ClevedonVisit-06.jpg|Testing for consistency
-
 
+
Image:BCCS-Bristol-ClevedonVisit-07.jpg|We asked the students what they would do if they were starting an iGEM project
-
<script>
+
Image:BCCS-Bristol-ClevedonVisit-08.jpg|Roz discussing studying engineering at university
-
$(document).ready(function() {
+
Image:BCCS-Bristol-ClevedonVisit-09.jpg|Tom explaining what synthetic biology is all about
-
 
+
Image:BCCS-Bristol-ClevedonVisit-10.jpg|The students were interested in hearing where a degree in biology can take you
-
/* This is basic - uses default settings */
+
Image:BCCS-Bristol-ClevedonVisit-11.jpg
-
 
+
Image:BCCS-Bristol-ClevedonVisit-12.jpg|Student experiences problems as stock gellan solution cools and solidifies
-
$("a#single_image").fancybox({
+
Image:BCCS-Bristol-ClevedonVisit-13.jpg|Student showing some of the best beads
-
            'titlePosition'  : 'inside'
+
Image:BCCS-Bristol-ClevedonVisit-14.jpg
-
        });
+
Image:BCCS-Bristol-ClevedonVisit-15.jpg|Kat and Tom explaining that synthetic biology is not all about making jello
-
});
+
Image:BCCS-Bristol-ClevedonVisit-02.jpg|Neeraj reclining after a hard days work
-
</script>
+
</gallery>
-
 
+
-
</html>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
==School Visit==
+
-
 
+
-
engagement, photos etc
+
-
 
+
-
==test==
+
-
 
+
-
{{Special:FilePath/BCCS-Bristol-ClevedonVisit-02.jpg}}
+
-
 
+
-
{{:Team:BCCS-Bristol/Templates/galleryImage
+
-
|imBig=images/a/a4/BCCS-Bristol-ClevedonVisit-02.jpg
+
-
|imThumb=images/thumb/a/a4/BCCS-Bristol-ClevedonVisit-02.jpg/200px-BCCS-Bristol-ClevedonVisit-02.jpg
+
-
|short=caption etc
+
-
|desc=long description
+
-
}}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
==working==
+
-
 
+
-
TODO
+
-
- gallery container with auto-centering and title
+
-
- proper colours etc
+
-
 
+
-
<html>
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/a/a4/BCCS-Bristol-ClevedonVisit-02.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/a/a4/BCCS-Bristol-ClevedonVisit-02.jpg/200px-BCCS-Bristol-ClevedonVisit-02.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/3/3b/BCCS-Bristol-ClevedonVisit-03.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/3/3b/BCCS-Bristol-ClevedonVisit-03.jpg/200px-BCCS-Bristol-ClevedonVisit-03.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/e/e3/BCCS-Bristol-ClevedonVisit-04.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/e/e3/BCCS-Bristol-ClevedonVisit-04.jpg/200px-BCCS-Bristol-ClevedonVisit-04.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/2/24/BCCS-Bristol-ClevedonVisit-05.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/2/24/BCCS-Bristol-ClevedonVisit-05.jpg/200px-BCCS-Bristol-ClevedonVisit-05.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/b/bb/BCCS-Bristol-ClevedonVisit-06.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/b/bb/BCCS-Bristol-ClevedonVisit-06.jpg/200px-BCCS-Bristol-ClevedonVisit-06.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/c/c5/BCCS-Bristol-ClevedonVisit-07.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/c/c5/BCCS-Bristol-ClevedonVisit-07.jpg/200px-BCCS-Bristol-ClevedonVisit-07.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/5/5d/BCCS-Bristol-ClevedonVisit-08.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/5/5d/BCCS-Bristol-ClevedonVisit-08.jpg/200px-BCCS-Bristol-ClevedonVisit-08.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/d/de/BCCS-Bristol-ClevedonVisit-09.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/d/de/BCCS-Bristol-ClevedonVisit-09.jpg/200px-BCCS-Bristol-ClevedonVisit-09.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/8/8f/BCCS-Bristol-ClevedonVisit-10.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/8/8f/BCCS-Bristol-ClevedonVisit-10.jpg/200px-BCCS-Bristol-ClevedonVisit-10.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/4/46/BCCS-Bristol-ClevedonVisit-11.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/4/46/BCCS-Bristol-ClevedonVisit-11.jpg/200px-BCCS-Bristol-ClevedonVisit-11.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/9/91/BCCS-Bristol-ClevedonVisit-14.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/9/91/BCCS-Bristol-ClevedonVisit-14.jpg/200px-BCCS-Bristol-ClevedonVisit-14.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/d/d6/BCCS-Bristol-ClevedonVisit-15.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/d/d6/BCCS-Bristol-ClevedonVisit-15.jpg/200px-BCCS-Bristol-ClevedonVisit-15.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/7/74/BCCS-Bristol-ClevedonVisit-12.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/7/74/BCCS-Bristol-ClevedonVisit-12.jpg/200px-BCCS-Bristol-ClevedonVisit-12.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
<div class="img">
+
-
  <a id="single_image" href="https://static.igem.org/mediawiki/2010/d/d7/BCCS-Bristol-ClevedonVisit-13.jpg"
+
-
    title="This is a long description that will appear in the popup box. Lorem Ipsum etcetera">
+
-
  <img src="https://static.igem.org/mediawiki/2010/thumb/d/d7/BCCS-Bristol-ClevedonVisit-13.jpg/200px-BCCS-Bristol-ClevedonVisit-13.jpg"
+
-
  alt="This is a long description that will appear in the popup box. Lorem Ipsum etcetera"/></a>
+
-
  <div class="desc">This is a short description that will appear in the gallery.</div>
+
-
</div>
+
-
 
+
-
</html>
+

Latest revision as of 19:30, 27 October 2010

School Visit

We gave a presentation to each of the classes about iGEM, us and our project, and then did a practical demonstration where the students made their own beads (...without the E. coli).

Image Gallery

Distributing supplies after the presentation

Students pipetting liquid gellan mix into an ionic solution (salt water)

We tried to find the best technique to make a perfecty spherical bead

Testing for consistency

We asked the students what they would do if they were starting an iGEM project

Roz discussing studying engineering at university

Tom explaining what synthetic biology is all about

The students were interested in hearing where a degree in biology can take you

BCCS-Bristol-ClevedonVisit-11.jpg

Student experiences problems as stock gellan solution cools and solidifies

Student showing some of the best beads

BCCS-Bristol-ClevedonVisit-14.jpg

Kat and Tom explaining that synthetic biology is not all about making jello

Neeraj reclining after a hard days work

Retrieved from "http://2010.igem.org/Team:BCCS-Bristol/Human_Practices/Public_Engagement/School_Visit"