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