|
|
Line 5: |
Line 5: |
| <link href="https://2014.igem.org/Team:Sheffield/Template:outreachStyle.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' /> | | <link href="https://2014.igem.org/Team:Sheffield/Template:outreachStyle.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' /> |
| <script src="https://2014.igem.org/Team:Sheffield/Template:outreachjquery.min.js?action=raw&ctype=text/javascript"></script> | | <script src="https://2014.igem.org/Team:Sheffield/Template:outreachjquery.min.js?action=raw&ctype=text/javascript"></script> |
- |
| |
| | | |
| <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> | | <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> |
| <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'> | | <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'> |
| + | |
| + | <style type="text/css"> |
| + | body{ |
| + | width: 100%; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | } |
| | | |
| + | .block{ |
| + | display: block; |
| + | background: #21B8C6; |
| + | border-radius: 10px; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | } |
| | | |
- | </head>
| + | .block a:hover{ |
- | <body>
| + | background: #475965; |
| + | } |
| | | |
- | <div class="Section">
| + | .left{ |
| + | background: red; |
| + | margin-left: 3em; |
| + | float: left; |
| + | width: 17em; |
| + | } |
| | | |
- | <br><br><br><br><br>
| + | .mid{ |
| + | background: orange; |
| + | margin-left: 3em; |
| + | float: left; |
| + | width: 9em; |
| + | } |
| | | |
- | <h1>On October 7th, 2014 we conducted an outreach workshop for the Science
| + | .right{ |
| + | background: green; |
| + | margin-left: 5em; |
| + | float: left; |
| + | width: 21em; |
| + | } |
| | | |
- | Club at St. Thomas More College in Denton, Tameside. We spent an hour
| + | h1{ |
| + | font-family: 'Oswald', sans-serif; |
| + | font-size: 20px; |
| + | line-height: 30px; |
| + | font-weight: bold; |
| + | color: #000; |
| + | margin-right: 2em; |
| + | word-spacing: 5px; |
| + | border-bottom: none; |
| + | } |
| | | |
- | educating pupils in Year 10 and 11 (age 14-16) about synthetic biology, the
| + | p{ |
| + | font-family: 'Lato', sans-serif; |
| + | font-size: 18px; |
| + | color: #ffffff; |
| + | margin-right: 3em; |
| + | } |
| | | |
- | iGEM competition and pursuing careers in science and engineering post-
| + | p1{ |
- | secondary education. The workshop was divided into 3 sections: an introductory
| + | font-family: 'Lato', sans-serif; |
| + | font-size: 18px; |
| + | color: #000000; |
| + | } |
| | | |
- | presentation about synthetic biology and the iGEM competition, a brainstorming
| + | .head{ |
| + | width: 80%; |
| + | height: 10em; |
| + | background:red; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | margin-bottom: 2em; |
| + | } |
| | | |
- | session in which the students considered which problems they would choose
| + | .section{ |
| + | width: 90%; |
| + | height: 50em; |
| + | background: orange; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | } |
| | | |
- | to solve using synthetic biology, and a concluding presentation about our own
| + | a{TEXT-DECORATION:none} |
| + | </style> |
| + | </head> |
| | | |
- | project.</h1>
| + | <body> |
| | | |
| + | <br><br><br><br><br> |
| + | <div class="head"> |
| + | <h1>Another aspect of our policy and practice project entailed outreach within schools to educate the next generation of scientists about synthetic biology. As this is an emerging science, these are the individuals who will be pioneering the technology and so we believed they would be the perfect target audience for our session. We carried out the outreach sessions in Porto, Portugal and Manchester, England.</h1> |
| + | </div> |
| + | |
| + | <div class="section"> |
| + | <a href="#small-dialog1" id="a-alert" class="info thickbox play-icon popup-with-zoom-anim"> |
| + | <div class="block"> |
| + | <div class="left"> |
| + | <p>Introduction</p> |
| + | </div> |
| + | <div class="mid"> |
| + | <p>15:00 - 15:05</p> |
| + | </div> |
| + | <div class="right"> |
| + | <p>We introduced ourselves and what we do to the students.</p> |
| + | </div> |
| + | </div> |
| + | </a> |
| + | <br> |
| + | <a href="#small-dialog2" id="a-alert" class="info thickbox play-icon popup-with-zoom-anim"> |
| + | <div class="block1"> |
| + | <div class="left"> |
| + | <p>Synthetic biology presentation</p> |
| + | </div> |
| + | <div class="mid"> |
| + | <p>15:05 - 15:25</p> |
| + | </div> |
| + | <div class="right"> |
| + | <p>Our presentation consisted of: |
| + | <br> |
| + | • What is synthetic biology? |
| + | <br> |
| + | • How the BioBrick registry works |
| + | <br> |
| + | • Examples of previous iGEM |
| | | |
- | <!--- Portfoliio Starts Here --->
| + | projects</p> |
- | <div id="a-alert1" class="info thickbox play-icon popup-with-zoom-anim"> Activity Time Description </div>
| + | </div> |
- | <br>
| + | </div> |
- |
| + | </a> |
- | <a href="#small-dialog1" id="a-alert" class="info thickbox play-icon popup-with-zoom-anim"> Introduction 15:00 - 15:05 We introduced ourselves and what we <br> do to the students. </a>
| + | <br> |
- | <br>
| + | <a href="#small-dialog3" id="a-alert" class="info thickbox play-icon popup-with-zoom-anim"> |
- |
| + | <div class="block2"> |
- | <a href="#small-dialog2" id="a-alert" class="info thickbox play-icon popup-with-zoom-anim"> Synthetic biology presentation
| + | <div class="left"> |
- | 15:05 - 15:25 Our presentation consisted of: <br>
| + | <p>Group work activity</p> |
| + | </div> |
| + | <div class="mid"> |
| + | <p>15:25 - 15:35</p> |
| + | </div> |
| + | <div class="right"> |
| + | <p>We asked the students to divide into groups of 3/4 to brainstorm about problems they would solve with synthetic biology.</p> |
| + | </div> |
| + | </div> |
| + | </a> |
| + | <br> |
| + | <a href="#small-dialog4" id="a-alert" class="info thickbox play-icon popup-with-zoom-anim"> |
| + | <div class="block3"> |
| + | <div class="left"> |
| + | <p>Feedback</p> |
| + | </div> |
| + | <div class="mid"> |
| + | <p>15:35 - 15:40</p> |
| + | </div> |
| + | <div class="right"> |
| + | <p>One member of each group explained the ideas they had discussed back to the class.</p> |
| + | </div> |
| + | </div> |
| + | </a> |
| + | <br> |
| + | <a href="#small-dialog5" id="a-alert" class="info thickbox play-icon popup-with-zoom-anim"> |
| + | <div class="block4"> |
| + | <div class="left"> |
| + | <p>"Fatberglars" presentation</p> |
| + | </div> |
| + | <div class="mid"> |
| + | <p>15:40 - 15:55</p> |
| + | </div> |
| + | <div class="right"> |
| + | <p>We gave a presentation of our project to the students, consisting of: |
| + | <br> |
| + | • The problems caused by fatbergs |
| + | <br> |
| + | • How we are solving this problem |
| + | <br> |
| + | • The social/ethical ideas we considered in our project</p> |
| + | </div> |
| + | </div> |
| + | </a> |
| + | <br> |
| + | <a href="#small-dialog1" id="a-alert" class="info thickbox play-icon popup-with-zoom-anim"> |
| + | <div class="block"> |
| + | <div class="left"> |
| + | <p>Q&A session</p> |
| + | </div> |
| + | <div class="mid"> |
| + | <p>15:55 - 16:00</p> |
| + | </div> |
| + | <div class="right"> |
| + | <p>We answered questions posed to us by the students.</p> |
| + | </div> |
| + | </div> |
| + | </a> |
| + | <br> |
| + | <!---pop-up-box----> |
| + | <script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:modernizr.custom.min.js?action=raw&ctype=text/javascript"></script> |
| + | <link href="https://2014.igem.org/Team:Sheffield/Template:popuo-box.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/> |
| + | <script src="https://2014.igem.org/Team:Sheffield/Template:outreachmagnific-popup.js?action=raw&ctype=text/javascript" type="text/javascript"></script> |
| | | |
- | What is synthetic biology?<br>
| + | <br><br><br><br><br> |
| | | |
- | How the BioBrick registry works<br>
| |
| | | |
- | Examples of previous iGEM projects </a>
| + | <!---//pop-up-box----> |
- | <br>
| + | |
- |
| + | |
- | <a href="#small-dialog3" id="a-alert" class="info thickbox play-icon popup-with-zoom-anim"> Group work activity 15:25 - 15:35 We asked the students to divide into <br> groups of 3/4 to brainstorm about problems
| + | |
- | <br> they would solve with synthetic biology.
| + | |
- | </a>
| + | |
- | <br>
| + | |
- |
| + | |
- | <a href="#small-dialog4" id="a-alert" class="info thickbox play-icon popup-with-zoom-anim"> Feedback 15:35 - 15:40 One member of each group explained the <br> ideas they had discussed back to the class.
| + | |
- | </a>
| + | |
- | <br>
| + | |
- |
| + | |
- | <a href="#small-dialog5" id="a-alert" class="info thickbox play-icon popup-with-zoom-anim"> "Fatberglars" presentation 15:40 - 15:55 We gave a presentation of our project to <br> the students, consisting of:
| + | |
- | | + | |
- | <br> The problems caused by fatbergs
| + | |
- | <br> How we are solving this problem
| + | |
- | | + | |
- | <br> The social/ethical ideas we considered in our <br> project
| + | |
- | </a>
| + | |
- | <br>
| + | |
- |
| + | |
- | <a href="#small-dialog6" id="a-alert" class="info thickbox play-icon popup-with-zoom-anim"> Q&A session 15:55 - 16:00 We answered questions posed to us by the <br> students.
| + | |
- | </a>
| + | |
- | <!---pop-up-box---->
| + | |
- | <script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:modernizr.custom.min.js?action=raw&ctype=text/javascript"></script>
| + | |
- | <link href="https://2014.igem.org/Team:Sheffield/Template:popuo-box.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
| + | |
- | <script src="https://2014.igem.org/Team:Sheffield/Template:outreachmagnific-popup.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <br><br><br><br><br>
| + | |
- | | + | |
- | | + | |
- | <!---//pop-up-box---->
| + | |
| <div id="small-dialog" class="mfp-hide"> | | <div id="small-dialog" class="mfp-hide"> |
| <div class="image-top"> | | <div class="image-top"> |
Line 136: |
Line 264: |
| </script> | | </script> |
| <!--- POp Up Ends Here ---> | | <!--- POp Up Ends Here ---> |
- | </div> | + | |
- | <!--- Portfoliio Ends Here --->
| + | </div> |
| + | |
| </body> | | </body> |
| </html> | | </html> |