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=" | + | </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> | ||
− | < | + | </html> |
− | + | {{Template:Nottingham/sponsers}} | |
− | < | + | <html> |
− | + | <script> | |
− | < | + | $("#top_title").remove() |
− | + | $("#content").attr("id", null) | |
− | + | $(document).ready(() => { | |
− | + | $(".appear").css("opacity", "1") | |
− | + | $(".appear").css("transform", "none") | |
− | + | }) | |
+ | </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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <script> |
− | + | </script> | |
− | + | </html> | |
− | </ | + | |
− | </ | + |
Revision as of 19:59, 16 October 2018