Difference between revisions of "Team:British Columbia/Practices/Booth"

 
(18 intermediate revisions by 4 users not shown)
Line 10: Line 10:
 
<div id="UBCtitle">
 
<div id="UBCtitle">
 
<div id="one" style="width:400px;">&nbsp;</div>
 
<div id="one" style="width:400px;">&nbsp;</div>
<div id="three" style="width:400px;"><h3>Activity</h3></div>
+
<div id="three" style="width:400px;"><h3>Science World Booth</h3></div>
 
     <div id="two" style="width:400px;">&nbsp;</div>
 
     <div id="two" style="width:400px;">&nbsp;</div>
 
</div></div></div>
 
</div></div></div>
Line 17: Line 17:
  
 
<div id="UBCbody">
 
<div id="UBCbody">
<h4>Booth description</h4>
+
<p>Through our interviews, we realized there was a large deficiency in the public's awareness of CCD and worked to remedy this through large-scale public events.</p>
<hr style="height:1px;"/>
+
 
<h4 style="text-align: center; font-size:30px;">Bee Trivia</h4>
+
<p>Telus World of Science is a charitable organization that engages British Columbians in science and inspires future science and technology leadership throughout our province. We co-hosted an event along with Hives for Humanity at Telus World of Science, attracting constant traffic through the three hour event. It was an excellent opportunity to engage with a lot of the public in partnership with a popular, well-established hub. The demographic of our visitors were mostly children and teenagers along with parents, and we had several different activities including: </p>
<div style="clear:both;"></div>
+
<ol style="list-style:none;"><li>- Trivia board with topical, relatively difficult questions to engage both children and adults. Click <a href="https://2015.igem.org/Team:British_Columbia/Practices/Booth/Trivia">here</a> to play Bee Trivia!
 +
</li>
 +
<li>- Input poster for visitors to write their thoughts on bees and draw pictures </li>
 +
<li>- DNA extraction station for introducing basic laboratory concepts to children</li>
 +
<br />
 +
<div id="cf7" class="shadow">
 +
<img class='opaque' src="https://static.igem.org/mediawiki/2015/e/ec/SW-1.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/e/ec/SW-2.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/1/1a/SW-3.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/b/bd/SW-4.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/7/78/SW-5.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/a/a6/SW-6.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/6/62/SW-7.jpeg" height="333px"  style="padding-left:100px;"/>
 +
  <img  src="https://static.igem.org/mediawiki/2015/5/5f/SW-8.jpeg"  height="333px"  style="padding-left:20px;"/>
 +
  <img  src="https://static.igem.org/mediawiki/2015/a/a3/SW-9.jpeg"  height="333px"  style="padding-left:100px;"/>
 +
  <img  src="https://static.igem.org/mediawiki/2015/2/2e/SW-10.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/6/64/SW-11.jpeg" height="333px"  style="padding-left:100px;" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/5/50/SW-12.jpeg" height="333px"  style="padding-left:100px;" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/7/71/SW-13.jpeg" height="333px"  style="padding-left:100px;" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/c/c0/SW-14.jpeg" height="333px"  style="padding-left:100px;" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/6/65/SW-15.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/1/10/SW-16.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/a/a4/SW-17.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/8/81/SW-18.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/f/fc/SW-19.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/1/1c/SW-20.jpeg" height="333px"  style="padding-left:100px;" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/a/a2/SW-21.jpeg" height="333px"  style="padding-left:100px;" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/d/dc/SW-22.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/d/d1/SW-23.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/8/88/SW-24.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/4/4c/SW-25.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/2/27/SW-26.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/1/1f/SW-27.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/c/c2/SW-28.jpeg" height="333px"  style="padding-left:100px;" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/e/ef/SW-29.jpeg" width="500" />
 +
  <img  src="https://static.igem.org/mediawiki/2015/6/64/SW-30.jpeg" width="500" />
  
<div class="section">
+
 
        <div class="section__content clearfix">
+
</div>
          <div class="card effect__click">
+
<p id="cf7_controls">
            <div class="card__front">
+
  <span class="selected"><img src="https://static.igem.org/mediawiki/2015/e/ec/SW-1.jpeg" width="100" /></span>
              <span class="card__text"><h5>How many teaspoons of honey does a single honeybee collect in her lifetime?</h5>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/e/ec/SW-2.jpeg" width="100" /></span>
<ol>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/1/1a/SW-3.jpeg" width="100" /></span>
<li>A. 1/24 teaspoon</li>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/b/bd/SW-4.jpeg" width="100" /></span>
<li>B. 1/12 teaspoon</li>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/7/78/SW-5.jpeg" width="100" /></span>
<li>C. ⅙ teaspoon</li>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/a/a6/SW-6.jpeg" width="100" /></span>
<li>D. ½ teaspoon </li>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/6/62/SW-7.jpeg" width="100" /></span>
</ol>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/5/5f/SW-8.jpeg" width="100" /></span>
</span>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/a/a3/SW-9.jpeg" width="100" /></span>
            </div>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/2/2e/SW-10.jpeg" width="100" /></span>
            <div class="card__back">
+
  <span><img  src="https://static.igem.org/mediawiki/2015/6/64/SW-11.jpeg" width="100" /></span>
              <span class="card__text"><h5>C. 1-4 years<br />It takes 12 bees their entire lives to make a teaspoon of honey for the beekeeper to harvest. The rest of the honey they produce is used to maintain the hive.</h5></span>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/5/50/SW-12.jpeg" width="100" /></span>
            </div>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/7/71/SW-13.jpeg" width="100" /></span>
          </div><!-- /card -->
+
  <span><img  src="https://static.igem.org/mediawiki/2015/c/c0/SW-14.jpeg" width="100" /></span>
          <div class="card effect__click">
+
  <span><img  src="https://static.igem.org/mediawiki/2015/6/65/SW-15.jpeg" width="100" /></span>
            <div class="card__front">
+
  <span><img  src="https://static.igem.org/mediawiki/2015/1/10/SW-16.jpeg" width="100" /></span>
              <span class="card__text"><h5>How long does a queen bee live for?</h5><ol><li>A. 1-2 months</li><li>B. 2-11 months</li><li>C. 1-4 years</li><li>D. 5+ years</li></ol></span>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/a/a4/SW-17.jpeg" width="100" /></span>
            </div>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/8/81/SW-18.jpeg" width="100" /></span>
            <div class="card__back">
+
  <span><img  src="https://static.igem.org/mediawiki/2015/f/fc/SW-19.jpeg" width="100" /></span>
              <span class="card__text"><h5>B. 1/12 teaspoon<br />A queen bee lives the longest of all the bees.</h5> </span>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/1/1c/SW-20.jpeg" width="100" /></span>
            </div>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/a/a2/SW-21.jpeg" width="100" /></span>
          </div><!-- /card -->
+
  <span><img  src="https://static.igem.org/mediawiki/2015/d/dc/SW-22.jpeg" width="100" /></span>
          <div class="card effect__click">
+
  <span><img  src="https://static.igem.org/mediawiki/2015/d/d1/SW-23.jpeg" width="100" /></span>
            <div class="card__front">
+
  <span><img  src="https://static.igem.org/mediawiki/2015/8/88/SW-24.jpeg" width="100" /></span>
              <span class="card__text"><h5>What percentage of fruit and vegetable flowers are directly pollinated by bees? </h5><ol><li>A. approximately 10%</li><li>B. approximately 20%</li><li>C. approximately 30%</li><li>D. approximately 50%</li></ol>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/4/4c/SW-25.jpeg" width="100" /></span>
</span>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/2/27/SW-26.jpeg" width="100" /></span>
            </div>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/1/1f/SW-27.jpeg" width="100" /></span>
            <div class="card__back">
+
  <span><img  src="https://static.igem.org/mediawiki/2015/c/c2/SW-28.jpeg" width="100" /></span>
              <span class="card__text"><h5>C. approximately 30%<br />Some of these plants include cocoa, coffee, cotton, mangoes, and avacados.</h5></span>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/e/ef/SW-29.jpeg" width="100" /></span>
            </div>
+
  <span><img  src="https://static.igem.org/mediawiki/2015/6/64/SW-30.jpeg" width="100" /></span>
          </div><!-- /card -->
+
</p>
          <div class="card effect__click">
+
<div style="clear:both;"></div>
            <div class="card__front">
+
<h4 style="text-align:center;">Click <a href="https://2015.igem.org/Team:British_Columbia/Practices">here</a> to return to the Policy and Practices Timeline</h4>
              <span class="card__text"><h5>What percentage of beekeepers are commercial beekeepers (fulltime beekeepers)?</h5><ol><li>A. 50%</li><li>B. 20%</li><li>C. 10%</li><li>D. 1%</li></ol>
+
</span>
+
            </div>
+
            <div class="card__back">
+
              <span class="card__text"><h5>D. 1%<br />Most beekeeper are hobby beekeepers and only own or work on a few hives. </h5>
+
</span>
+
            </div>
+
          </div>
+
        </div><!-- /card -->
+
<div class="card effect__click">
+
            <div class="card__front">
+
              <span class="card__text"><h5>How many eggs does the queen bee lay per day?</h5><ol><li>A. 50-100</li><li>B. 200-500</li><li>C. 1000-3000</li><li>D. 4000-7000</li></ol></span>
+
            </div>
+
            <div class="card__back">
+
              <span class="card__text"><h5>C. 1000-3000<br />Fertilized eggs will hatch into female worker bees, while unfertilized eggs will become drones or honey bee males. </h5></span>
+
            </div>
+
          </div><!-- /card -->
+
          <div class="card effect__click">
+
            <div class="card__front">
+
              <span class="card__text"><h5>What is the agricultural value of honeybee pollination in the US? </h5><ol><li>A. 15 million dollars</li><li>B. 50 million dollars</li><li>C. 15 billion dollars</li><li>D. 50 billion dollars</li></ol></span>
+
            </div>
+
            <div class="card__back">
+
              <span class="card__text"><h5>C. 15 billion dollars<br />Pollination by honey bees is as vital to the production of many crops as water and sunlight. There is no substitute! The greatest value of honey bee pollination is associated with the production of seeds that will have worldwide distribution.</h5></span>
+
            </div>
+
          </div><!-- /card -->
+
       
+
<div class="card effect__click">
+
            <div class="card__front">
+
              <span class="card__text"><h5> Which species of bees are used for commercial pollinating purposes?
+
</h5><ol><li>A.Honey Bees</li><li>B. Carpenter Bees</li><li>C. Bumble Bees</li><li>D. All the bees!</li></ol></span>
+
            </div>
+
            <div class="card__back">
+
              <span class="card__text"><h5>A. Honey Bees<br/>Honey bees are good pollinators for many reasons. Their hairy bodies trap pollen and carry it between flowers. Their body size enables them to pollinate flowers of many different shapes and sizes. The pollination potential of the bees is increased because they can be managed to develop high populations
+
</h5></span>
+
            </div>
+
          </div><!-- /card -->
+
          <div class="card effect__click">
+
            <div class="card__front">
+
              <span class="card__text"><h5>According to CAPA, What Percent Wintering Loss has Canada experienced in 2013/2014?</h5><ol><li>A. 15%</li><li>B. 25%</li><li>C.  35%</li><li>D. 5%</li></ol></span>
+
            </div>
+
            <div class="card__back">
+
              <span class="card__text"><h5>B. 25%<br />The level of winter loss varied among provinces, regions within each province and from beekeeper to beekeeper within each region. Responses from provincial surveys indicated that weather, poor queens, weak colonies in fall, Nosema, Varroa and pesticides were possible causes of reported wintering losses.
+
</h5></span>
+
            </div>
+
          </div><!-- /card -->
+
          <div class="card effect__click">
+
            <div class="card__front">
+
              <span class="card__text"><h5>When did CCD arise in USA?</h5><ol><li>A. 1997</li><li>B. 2001</li><li>C. 2006</li><li>D.2002</li></ol></span>
+
            </div>
+
            <div class="card__back">
+
              <span class="card__text"><h5>D. 2002<br />The losses of colonies since 2002 have left the continent with fewer managed pollinators than at any time in the past 50 years.
+
</h5></span>
+
            </div>
+
        </div><!-- /card -->
+
      <div class="card effect__click">
+
            <div class="card__front" style="padding-top:20px;">
+
              <span class="card__text"><h5>Which causes contribute to CCD?
+
</h5><ol style="padding-left:30px;"><li>A. Changing environment</li><li>B. Mite activity (Varroa destructor) and parasites  (Nosema)</li><li>C. Use of neonicotinoids, a class of insecticides</li><li>D. All of the above and potentially others</li></ol></span>
+
            </div>
+
            <div class="card__back">
+
              <span class="card__text"><h5>D. All of the above and potentially others<br/>It has been found that there is no single cause to CCD. </h5></span>
+
            </div>
+
          </div><!-- /card -->
+
      </div><!-- /section -->
+
 
<div style="clear:both;"></div>
 
<div style="clear:both;"></div>
<h4>Click <a href="https://2015.igem.org/Team:British_Columbia/Practices">here</a> to return to the Policy and Practices Timeline</h4>
 
 
</div>
 
</div>
 
</div>
 
</div>
  
 
</div>
 
</div>
<style>
 
.section{
 
margin:0 auto;
 
width:900px;
 
height:1100px;
 
}
 
.card {
 
  position: relative;
 
  float: left;
 
width:400px;
 
height:200px;
 
  text-align: center;
 
margin:10px;
 
}
 
 
.card__front,
 
.card__back {
 
  position: absolute;
 
  top: 0;
 
  left: 0;
 
  width: 100%;
 
  height: 100%;
 
padding:15px;
 
}
 
 
.card__front,
 
.card__back {
 
  -webkit-backface-visibility: hidden;
 
          backface-visibility: hidden;
 
  -webkit-transition: -webkit-transform 0.3s;
 
          transition: transform 0.3s;
 
padding-top:50px;
 
}
 
 
.card__front {
 
  background-color: beige;
 
color:black;
 
}
 
 
.card__back {
 
  background-color: black;
 
  -webkit-transform: rotateY(-180deg);
 
          transform: rotateY(-180deg);
 
color:white;
 
}
 
 
.card.effect__click.flipped .card__front {
 
  -webkit-transform: rotateY(-180deg);
 
          transform: rotateY(-180deg);
 
}
 
 
.card.effect__click.flipped .card__back {
 
  -webkit-transform: rotateY(0);
 
          transform: rotateY(0);
 
}
 
 
ol{
 
width:350px;
 
float:left;
 
margin:0;
 
padding:0;
 
list-style-type:none;
 
}
 
 
ol li{
 
width:150px;
 
float:left;
 
margin:0;
 
padding:0;
 
font-size:12px;
 
}
 
 
 
</style>
 
<script>
 
 
(function() {
 
  var cards = document.querySelectorAll(".card.effect__click");
 
  for ( var i  = 0, len = cards.length; i < len; i++ ) {
 
    var card = cards[i];
 
    clickListener( card );
 
  }
 
  
  function clickListener(card) {
 
    card.addEventListener( "click", function() {
 
      var c = this.classList;
 
      c.contains("flipped") === true ? c.remove("flipped") : c.add("flipped");
 
    });
 
  }
 
})();
 
</script>
 
 
</html>
 
</html>
  
 
{{:Team:British Columbia/Template/Fixedfooter}}
 
{{:Team:British Columbia/Template/Fixedfooter}}

Latest revision as of 23:13, 18 September 2015

UBC iGEM 2015

 

Science World Booth

 

Through our interviews, we realized there was a large deficiency in the public's awareness of CCD and worked to remedy this through large-scale public events.

Telus World of Science is a charitable organization that engages British Columbians in science and inspires future science and technology leadership throughout our province. We co-hosted an event along with Hives for Humanity at Telus World of Science, attracting constant traffic through the three hour event. It was an excellent opportunity to engage with a lot of the public in partnership with a popular, well-established hub. The demographic of our visitors were mostly children and teenagers along with parents, and we had several different activities including:

  1. - Trivia board with topical, relatively difficult questions to engage both children and adults. Click here to play Bee Trivia!
  2. - Input poster for visitors to write their thoughts on bees and draw pictures
  3. - DNA extraction station for introducing basic laboratory concepts to children

  4. Click here to return to the Policy and Practices Timeline