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

Line 14: Line 14:
 
<div style="clear: both;"></div>
 
<div style="clear: both;"></div>
 
<div id="UBCbody">
 
<div id="UBCbody">
 
+
<ul id="timeline">
 
+
<li class="event">
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
     <span class="date">Report</span>
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
     <h5>We researched about colony collapse disorder (CCD), the government's response to it, and it's effects on the environment and economy. This report details the motivation behind our project. Click <a>here</a> to read the report.</h5>
<p>For more information, please see the <a href="https://2015.igem.org/Practices_Hub">Practices Hub</a>.</p>
+
   </li>
 
+
<li class="event">
<!--<img src="https://static.igem.org/mediawiki/2015/0/0e/UBCBeeinfograph.png"  width="1000" height="1209" class="infographic" >-->
+
     <span class="date">Stakeholders</span>
 
+
     <h5>To get a better understanding of how our project will affect eventual end-users, stakeholders, and society in general, we mapped out groups of people of interest which included beekeepers, farmers, pesticide companies, academia, etc.</h5>
<section id="gallery">
+
   </li>
    <!-- thumbnail image wrapped in a link -->
+
    
    <section class="item">
+
   <li class="event">
<a href="#img1"><img src="https://static.igem.org/mediawiki/2015/6/69/UBCBeeinfograph1.png" width="450">
+
     <span class="date">Bee Farm</span>
</a> 
+
     <h5>We volunteered at a bee farm to better understand the current methods in researching bee health. Click <a>here</a> for more details on this activity.</h5>
</section>
+
   </li>
     <section class="item">
+
   <li class="event">
<a href="#img2"><img src="https://static.igem.org/mediawiki/2015/a/ae/UBCBeeinfograph2.png" width="450">
+
     <span class="date">Infographic</span>
</a> 
+
     <h5>We created an infographic for the general public about the effects of CCD. Click <a>here</a> to read the infographic.</h5>
</section>
+
   </li>
     <section class="item"><a href="#img3"><img src="https://static.igem.org/mediawiki/2015/9/9e/UBCBeeinfograph3.png" width="450">
+
   <li class="event">
</a>  
+
     <span class="date">Interviews</span>
</section>
+
     <h5>We began conducting interviews with people from each stakeholder group and created our activities according to their responses. Click <a>here</a> to read more on the interviews and some interview excerpts.</h5>
    <section class="item"><a href="#img4"><img src="https://static.igem.org/mediawiki/2015/f/fd/UBCBeeinfograph4.png" width="450">
+
   </li>
</a>  
+
   <li class="event">
</section>
+
     <span class="date">Report on Interviews</span>
    <section class="item"><a href="#img5"><img src="https://static.igem.org/mediawiki/2015/9/9f/UBCBeeinfograph5.png" width="450">
+
     <h5>Based on the interview responses, we created a report describing the views of the different stakeholder groups regarding the importance of bees, the importance of pesticides, and our project as a proposed solution. Click <a>here</a> to read the report.</h5>
</a>    
+
   </li>
</section>
+
     <li class="event">
    <section class="item"><a href="#img6"><img src="https://static.igem.org/mediawiki/2015/7/7a/UBCBeeinfograph6.png" width="450">
+
     <span class="date">Activity at Science World</span>
</a> 
+
     <h5>From our interviews, we identified a knowledge gap within the general public regarding CCD. To address this, we decided to hold a booth at Vancouver's widely popular Telus World of Science, where we were able to conduct outreach and educate younger visitors.</h5>
</section>
+
   </li>
     <section class="item"><a href="#img7"><img src="https://static.igem.org/mediawiki/2015/a/ae/UBCBeeinfograph7.png" width="450">
+
   <li class="event">
</a>
+
     <span class="date">Activity at UBC Farm</span>
</section>
+
     <h5>From our interviews, we identified a knowledge gap within the farming community regarding the importance of bees and the impact of CCD on agriculture. To address this, we decided to hold a booth at UBC Farm's local weekly market, where we were able to conduct outreach and educate visitors of various ages and backgrounds.</h5>
     <section class="item"><a href="#img8"><img src="https://static.igem.org/mediawiki/2015/7/7f/UBCBeeinfograph8.png" width="450">
+
   </li>
</a> 
+
   <li class="event">
</section>
+
     <span class="date">Activity</span>
</section>
+
     <h5>lay description</h5>
 
+
  </li>
<div class="lightbox" id="img1">
+
</ul>
   <div class="box">
+
</div>
    <a class="close" href="https://2015.igem.org/Team:British_Columbia/Practices">Close</a>
+
</div>
    <div class="content">
+
        <img src="https://static.igem.org/mediawiki/2015/6/69/UBCBeeinfograph1.png">
+
    </div>
+
    <a class="next" href="#img2">Next</a>
+
    <div class="clear"></div>
+
   </div>
+
</div>
+
 
+
<div class="lightbox" id="img2">
+
   <div class="box">
+
     <a class="close" href="#">Close</a>
+
     <div class="content">
+
        <img src="https://static.igem.org/mediawiki/2015/a/ae/UBCBeeinfograph2.png">
+
    </div>
+
<a class="prev" href="#img1">Previous</a>
+
    <a class="next" href="#img3">Next</a>
+
    <div class="clear"></div>
+
   </div>
+
</div>
+
 
+
<div class="lightbox" id="img3">
+
   <div class="box">
+
     <a class="close" href="#">Close</a>
+
     <div class="content">
+
        <img src="https://static.igem.org/mediawiki/2015/9/9e/UBCBeeinfograph3.png">
+
    </div>
+
<a class="prev" href="#img2">Previous</a>
+
    <a class="next" href="#img4">Next</a>
+
    <div class="clear"></div>
+
   </div>
+
</div>
+
 
+
<div class="lightbox" id="img4">
+
   <div class="box">
+
     <a class="close" href="#">Close</a>
+
     <div class="content">
+
        <img src="https://static.igem.org/mediawiki/2015/f/fd/UBCBeeinfograph4.png">
+
    </div>
+
<a class="prev" href="#img3">Previous</a>
+
    <a class="next" href="#img5">Next</a>
+
    <div class="clear"></div>
+
   </div>
+
</div>
+
 
+
<div class="lightbox" id="img5">
+
   <div class="box">
+
     <a class="close" href="#">Close</a>
+
     <div class="content">
+
        <img src="https://static.igem.org/mediawiki/2015/9/9f/UBCBeeinfograph5.png">
+
    </div>
+
<a class="prev" href="#img4">Previous</a>
+
    <a class="next" href="#img6">Next</a>
+
    <div class="clear"></div>
+
   </div>
+
</div>
+
 
+
<div class="lightbox" id="img6">
+
  <div class="box">
+
     <a class="close" href="#">Close</a>
+
     <div class="content">
+
        <img src="https://static.igem.org/mediawiki/2015/7/7a/UBCBeeinfograph6.png">
+
     </div>
+
<a class="prev" href="#img5">Previous</a>
+
    <a class="next" href="#img7">Next</a>
+
    <div class="clear"></div>
+
   </div>
+
</div>
+
 
+
<div class="lightbox" id="img7">
+
   <div class="box">
+
     <a class="close" href="#">Close</a>
+
     <div class="content">
+
        <img src="https://static.igem.org/mediawiki/2015/a/ae/UBCBeeinfograph7.png">
+
    </div>
+
<a class="prev" href="#img6">Previous</a>
+
    <a class="next" href="#img8">Next</a>
+
    <div class="clear"></div>
+
   </div>
+
</div>
+
 
+
<div class="lightbox" id="img8">
+
   <div class="box">
+
     <a class="close" href="#">Close</a>
+
     <div class="content">
+
        <img src="https://static.igem.org/mediawiki/2015/7/7f/UBCBeeinfograph8.png">
+
    </div>
+
<a class="prev" href="#img7">Previous</a>
+
    <div class="clear"></div>
+
  </div>
+
</div>
+
<div style="clear:both;"></div>
+
 
+
<style>
+
IMG.infographic {
+
    display: block;
+
    margin-left: auto;
+
    margin-right: auto }
+
</style>
+
 
+
  
 
<!--
 
<!--
Line 207: Line 108:
  
 
</div>-->
 
</div>-->
</div>
+
 
</div>
+
 
</html>
 
</html>
  
 
{{:Team:British Columbia/Template/Fixedfooter}}
 
{{:Team:British Columbia/Template/Fixedfooter}}

Revision as of 22:46, 26 August 2015

UBC iGEM 2015

 

Human Practices

 
  • Report
    We researched about colony collapse disorder (CCD), the government's response to it, and it's effects on the environment and economy. This report details the motivation behind our project. Click here to read the report.
  • Stakeholders
    To get a better understanding of how our project will affect eventual end-users, stakeholders, and society in general, we mapped out groups of people of interest which included beekeepers, farmers, pesticide companies, academia, etc.
  • Bee Farm
    We volunteered at a bee farm to better understand the current methods in researching bee health. Click here for more details on this activity.
  • Infographic
    We created an infographic for the general public about the effects of CCD. Click here to read the infographic.
  • Interviews
    We began conducting interviews with people from each stakeholder group and created our activities according to their responses. Click here to read more on the interviews and some interview excerpts.
  • Report on Interviews
    Based on the interview responses, we created a report describing the views of the different stakeholder groups regarding the importance of bees, the importance of pesticides, and our project as a proposed solution. Click here to read the report.
  • Activity at Science World
    From our interviews, we identified a knowledge gap within the general public regarding CCD. To address this, we decided to hold a booth at Vancouver's widely popular Telus World of Science, where we were able to conduct outreach and educate younger visitors.
  • Activity at UBC Farm
    From our interviews, we identified a knowledge gap within the farming community regarding the importance of bees and the impact of CCD on agriculture. To address this, we decided to hold a booth at UBC Farm's local weekly market, where we were able to conduct outreach and educate visitors of various ages and backgrounds.
  • Activity
    lay description