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

From 2010.igem.org

(Difference between revisions)
(School Visit)
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>
+
-
 
+
-
 
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+
-
 
+
-
<script type="text/javascript" src="http://dl.dropbox.com/u/1944619/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
+
-
 
+
-
<link rel="stylesheet" href="http://dl.dropbox.com/u/1944619/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
+
-
 
+
-
 
+
-
 
+
-
<script>
+
-
$(document).ready(function() {
+
-
 
+
-
/* This is basic - uses default settings */
+
-
 
+
-
$("a#single_image").fancybox({
+
-
            'titlePosition'  : 'inside'
+
-
        });
+
-
});
+
-
</script>
+
-
 
+
-
</html>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
==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'').
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'').
-
<!-- OK for some reason this only works in preview mode :(
+
==Image Gallery==
-
{{: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 -->
+
-
 
+
-
=Image Gallery=
+
<gallery perrow=5>
<gallery perrow=5>
Line 95: Line 21:
Image:BCCS-Bristol-ClevedonVisit-14.jpg
Image:BCCS-Bristol-ClevedonVisit-14.jpg
Image:BCCS-Bristol-ClevedonVisit-15.jpg
Image:BCCS-Bristol-ClevedonVisit-15.jpg
-
 
</gallery>
</gallery>
-
 
-
 
-
 
-
<!--
 
-
 
-
 
-
<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>
 
-
-->
 

Revision as of 17:22, 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