Difference between revisions of "Team:Nottingham/Public Engagement"

Line 1: Line 1:
{{Nottingham}}
+
{{Template:Nottingham/include}}
 +
{{Template:Nottingham/menu}}
 
<html>
 
<html>
  
 +
<section class="sidebar-content">
 +
<div class="main appear" style="opacity: 1; transform: none; width: 70%;">
 +
<div class="ui breadcrumb" style="padding-bottom:23px;">
 +
<a class="section">Home</a>
 +
<i class="right angle icon divider"></i>
 +
<div class="active section">Public Engagement</div>
 +
</div>
 +
<a class="anchor" id="overview"></a>
 +
<div class="ui segment">
 +
<h2>Overview</h2>
 +
<p>
 +
Welcome to the Nottingham iGEM 2018 Outreach page. Outreach is fundamentally the communication between fellow scientists and non-scientists.<br>
 +
Nottingham iGEM 2018 participated in the University of Nottingham Discovery Day an open day for young children and parents. This was our first outreach event and it helped the team establish a dialogue with members of the public.
 +
<br><br>
 +
We also held workshops at 3 schools with students ages 15-18. They engaged strongly and positively with the activities and showed ample curiosity towards synthetic biology. Not only did this open a new avenue but it helped us understand just how much students knew about synthetic biology and different components of our project, we hope this can be developed further for future curriculums that will be taught in schools.
 +
<br><br>
 +
Finally, we published articles for local newspapers describing what possibilities our project could bring, as well as encouraging readers to engage with us.
 +
</p>
 +
</div>
 +
<a class="anchor" id="discovery"></a>
 +
<div class="ui segment">
 +
<h2>Discovery day</h2>
 +
<h3>16th June 2018</h3>
 +
<p>
 +
Nottingham iGEM took part in Discovery Day 2018 at the University of Nottingham! We put on a range of fun activities for kids aged 4-10 to learn more about synthetic biology and bacteria microbes!
 +
</p>
 +
<p>
 +
First, the children got the opportunity to make their own plasticine microbes and put them in petri dishes! They used inspiration from our fun cuddly toy bacterium friends and produced some amazing results.
 +
</p>
 +
<p>
 +
After that, both kids and adults had a go at guessing which mode of transport had the most bacteria- bus, train or plane. The answer- bus surprised a lot of people- including the adults!
 +
</p>
 +
<p>
 +
Finally, everyone had a go at seeing how much bacteria was on their hands by using a special gel, then showing their hands under UV light to see how dirty their hands were. It seems that the kids had cleaner hands than most of us university students!
 +
</p>
 +
<p>
 +
Overall it was an amazing day where we educated kids all about synthetic biology! The parents feedback to our team was incredibly posititve and the kids loved the activites. This was our first outreach activity and we think it was a massive success at engaging kids with iGEM and synthetic biology at such a young age!
 +
</p>
  
<div class="clear"></div>
+
</div>
 +
<a class="anchor" id="human-practices-guide"></a>
 +
<div class="ui segment">
 +
<h2>School workshops</h2>
 +
<div class="ui label">Content coming soon!</div>
 +
</div>
 +
<a class="anchor" id="focus-groups"></a>
 +
<div class="ui segment">
 +
<h3>Media</h3>
 +
<h2>Our published articles</h2>
 +
<div class="ui two cards">
 +
 +
<div class="ui fluid card">
 +
<div class="image">
 +
    <img src="https://static.igem.org/mediawiki/2018/3/34/T--Nottingham--possibilities-thumbnail.jpg">
 +
    </div>
 +
    <div class="content">
 +
    <a class="header" href="https://plosibilities.wordpress.com/2018/08/09/in-an-age-of-epidemic-antibiotic-resistance-could-bacteria-eaters-be-the-answer/">In an age of epidemic antibiotic resistance, could “bacteria eaters” be the answer?</a>
 +
    <div class="meta">
 +
<span class="date">Think of the Possibilities</span>
 +
    </div>
 +
   
 +
    </div>
 +
    <a href="https://plosibilities.wordpress.com/2018/08/09/in-an-age-of-epidemic-antibiotic-resistance-could-bacteria-eaters-be-the-answer/" class="ui bottom attached button">
 +
View Article
 +
</a>
 +
</div>
  
 +
  
 +
<div class="ui fluid card">
 +
<div class="image">
 +
    <img src="https://static.igem.org/mediawiki/2018/2/29/T--Nottingham--west-bridgeford-article-thumbnail.jpg">
 +
    </div>
 +
    <div class="content">
 +
    <a href="https://static.igem.org/mediawiki/2018/6/66/T--Nottingham--west-bridgeford-article.jpg" class="header">What is iGEM?</a>
 +
    <div class="meta">
 +
<span class="date">Nottingham Local News</span>
 +
    </div>
 +
   
 +
    </div>
 +
    <a href="https://static.igem.org/mediawiki/2018/6/66/T--Nottingham--west-bridgeford-article.jpg" class="ui bottom attached button">
 +
View Article
 +
</a>
 +
</div>
 +
<div class="ui fluid card">
 +
<div class="image">
 +
    <img src="https://static.igem.org/mediawiki/2018/6/6a/T--Nottingham--impact-thumbnail.jpg">
 +
    </div>
 +
    <div class="content">
 +
    <a class="header" href="https://impactnottingham.com/2018/08/igem-nottingham/">iGEM Nottingham article</a>
 +
    <div class="meta">
 +
<span class="date">IMPACT magazine</span>
 +
    </div>
 +
   
 +
    </div>
 +
    <a href="https://impactnottingham.com/2018/08/igem-nottingham/" class="ui bottom attached button">
 +
View Article
 +
</a>
 +
</div>
 +
<div class="ui fluid card">
 +
<div class="image">
 +
    <img src="https://static.wixstatic.com/media/280fc1_881d2ab72e8d4969a79d4a552155aa39~mv2.png/v1/fill/w_511,h_121,al_c,q_80,usm_0.66_1.00_0.01/280fc1_881d2ab72e8d4969a79d4a552155aa39~mv2.webp">
 +
    </div>
 +
    <div class="content">
 +
    <a class="header" href="https://docs.wixstatic.com/ugd/280fc1_fb1f3730596a4eefad3cb3167eddee22.pdf">What is iGEM?</a>
 +
    <div class="meta">
 +
<span class="date">Nottingham in Focus</span>
 +
    </div>
 +
   
 +
    </div>
 +
    <a href="https://docs.wixstatic.com/ugd/280fc1_fb1f3730596a4eefad3cb3167eddee22.pdf#page=14" class="ui bottom attached button">
 +
View Article
 +
</a>
 +
</div>
 +
</div>
 +
<div class="ui divider"></div>
 +
<p>Our project was also mentioned in these articles</p>
 +
<div class="ui two fluid cards">
 +
<div class="ui fluid card">
 +
<div class="image">
 +
    <img src="http://www.dwscientific.co.uk/blog/wp-content/uploads/square-logo-without-website-1.jpg">
 +
    </div>
 +
    <div class="content">
 +
    <a href="https://www.dwscientific.co.uk/blog/dws-supports-nottingham-igem-team/" class="header">Don Whitley Supports Nottingham iGEM Team</a>
 +
    <div class="meta">
 +
<span class="date">Don Whitley</span>
 +
    </div>
 +
   
 +
    </div>
 +
    <a href="https://www.dwscientific.co.uk/blog/dws-supports-nottingham-igem-team/" class="ui bottom attached button">
 +
View Article
 +
</a>
 +
</div>
 +
<div class="ui fluid card">
 +
<div class="image">
 +
    <img src="https://static.igem.org/mediawiki/2018/a/a7/T--Nottingham--blog-thumbnail.jpg">
 +
    </div>
 +
    <div class="content">
 +
    <a class="header">Phage and Fiction</a>
 +
    <div class="meta">
 +
<span class="date">University of Nottingham blog by Prof. Brigitte Nerlich</span>
 +
    </div>
 +
   
 +
    </div>
 +
    <a href="http://blogs.nottingham.ac.uk/makingsciencepublic/2018/08/23/phage-and-fiction/" class="ui bottom attached button">
 +
View Article
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="ui sticky rail sidebar-list" style="left: 905.5px;">
 +
<div class="menu-collapse-expand appear" style="opacity: 1; transform: none;">
 +
<div class="ui circular icon button minimize-button" style=""><i class="ui chevron up icon"></i></div>
 +
<div class="ui circular icon button maximize-button" style="display: none !important;"><i class="ui bars icon"></i></div>
 +
</div>
 +
 +
<div class="ui vertical fluid inverted green menu appear" style="opacity: 1; transform: none;">
 +
  <a class="item active" id="discovery-button" href="#discovery">
 +
    Discovery day
 +
  </a>
 +
  <a class="item active" id="human-practices-guide-button" href="#human-practices-guide">
 +
    Human Practices guide
 +
  </a>
 +
  <a class="item" id="focus-groups-button" href="#focus-groups">
 +
    Focus groups
 +
  </a>
 +
</div>
 +
</div>
 +
</section>
  
<div class="column full_size">
+
</html>
 
+
{{Template:Nottingham/sponsers}}
<h1>Human Practices: Education and Public Engagement Special Prize</h1>
+
<html>
 
+
<script>
<p>Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices and views outside the lab. </p>
+
$("#top_title").remove()
 
+
$("#content").attr("id", null)
<p>On this page, your team should document your Education and Public Engagement work and activities. Describe your team’s efforts to include more people in shaping synthetic biology (such as creating or building upon innovative educational tools and/or public engagement activities to establish two-way dialogue with new communities, and/or engaging new groups in discussions about synthetic biology and public values). Describe your approach, why you chose it, and what was learned by everyone involved (including yourselves!).</p>
+
$(document).ready(() => {
 
+
$(".appear").css("opacity", "1")
<p>This work may relate to or overlap with the work you document on your Human Practices page. Whereas Integrated Human Practices relates to the process of refining your project purpose and design, this page may highlight significant efforts that go beyond your particular project focus and/or address a significant broader concern in iGEM.
+
$(".appear").css("transform", "none")
</p>
+
})
 +
</script>
 +
<style>
 +
section.sidebar-content {
 +
display:flex;
 +
justify-content: space-between;
 +
padding-bottom:50px;
 +
}
 +
section.sidebar-content .main {
 +
width: 70%;
 +
}
 +
section.sidebar-content .sidebar-list {
 +
width: 27.5%;
 +
}
 +
.ui.vertical.menu {
 +
text-align: center;
 +
}
 +
.ui.segment {
 +
border:none;
 +
color: #4a4a4a;
 +
}
 +
.menu-collapse-expand {
 +
display:flex;
 +
justify-content: flex-end;
 +
}
 +
a.anchor {
 +
    display: block;
 +
    position: relative;
 +
    top: -100px;
 +
    visibility: hidden;
 +
}
 +
</style>
 +
<script>
 +
$(".ui.sticky")
 +
  .sticky({
 +
    context: ".main",
 +
    offset: 30,
 +
  })
 +
;
 +
var firstSegmentPassed = false;
 +
var maximized = true;
 +
var anchors = ["#overview", "#gold", "#silver"];
 +
anchors.forEach(anchor => {
 +
$(anchor).visibility({
 +
onOnScreen: calculations => {
 +
$(anchor + "-button").addClass("active");
 +
},
 +
onOffScreen: calculations => {
 +
$(anchor + "-button").removeClass("active");
 +
},
 +
continuous: true
 +
})
 +
})
 +
$(".maximize-button").css("cssText", "display: none !important")
 +
$(".minimize-button").on("click", () => {
 +
$(".ui.menu").hide();
 +
$(".main").css("width", "calc(100% - 60px)");
 +
 +
$(".minimize-button").css("cssText", "display: none !important");
 +
$(".maximize-button").show();
 +
$(".ui.sticky").sticky("refresh");
 +
if(!firstSegmentPassed) setTimeout( () => $(".sidebar-list").css("width", "60px"), 1)
 +
maximized = false;
 +
})
 +
$(".maximize-button").on("click", () => {
 +
$(".ui.menu").show();
 +
$(".main").css("width", "70%");
 +
$(".sidebar-list").css("width", "27.5%");
 +
$(".maximize-button").css("cssText", "display: none !important");
 +
$(".minimize-button").show();
 +
$(".ui.sticky").sticky("refresh");
 +
maximized = true;
 +
})
  
 +
$($(".ui.segment")[0]).visibility({
 +
onTopPassed: function(calculations) {
 +
      firstSegmentPassed = true;
 +
     
 +
    },
 +
    onTopPassedReverse: function(calculations) {
 +
      firstSegmentPassed = false;
 +
      if(!maximized) $(".sidebar-list").css("width", "60px")
 +
    },
 +
    continuous: true
 +
})
 +
</script>
  
<p>For more information, please see the <a href="https://2018.igem.org/Human_Practices">Human Practices Hub</a>. There you will find:</p>
 
 
<ul>
 
<li> an <a href="https://2018.igem.org/Human_Practices/Introduction">introduction</a> to Human Practices at iGEM </li>
 
<li>tips on <a href="https://2018.igem.org/Human_Practices/How_to_Succeed">how to succeed</a> including explanations of judging criteria and advice about how to conduct and document your Human Practices work</li>
 
<li>descriptions of <a href="https://2018.igem.org/Human_Practices/Examples">exemplary work</a> to inspire you</li>
 
<li>links to helpful <a href="https://2018.igem.org/Human_Practices/Resources">resources</a></li>
 
<li>And more! </li>
 
</ul>
 
 
 
<div class="clear extra_space"></div>
 
 
<p>If you nominate your team for the <a href="https://2018.igem.org/Judging/Awards"></a>Best Education and Public Engagement Special Prize</a> by filling out the corresponding field in the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>, the judges will review this page to consider your team for that prize. The criteria are listed below. </p>
 
  
<div class="highlight decoration_background">
+
<script>
<p>How have you developed new opportunities to include more people in shaping synthetic biology? Innovative educational tools and public engagement activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology. Document your approach and what was learned by everyone involved to compete for this award.
+
</script>
</p>
+
</html>
</div>
+
</div>
+

Revision as of 19:59, 16 October 2018

Clostridium dTox Project Human Practices Public Engagement Lab Modelling Collaborations Achievements Team Attributions