|
|
(23 intermediate revisions not shown) |
Line 4: |
Line 4: |
| <html> | | <html> |
| <head> | | <head> |
- | <script type='text/javascript' src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
| |
- | <script type='text/javascript' src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
| |
| | | |
| <script type='text/javascript' > | | <script type='text/javascript' > |
Line 146: |
Line 144: |
| }); | | }); |
| } | | } |
| + | |
| + | function preview(img) |
| + | { |
| + | var lastImg = 11; //Set initial thumbnail and preview |
| + | document.getElementById(10).src = document.getElementById(lastImg).src; |
| + | document.getElementById(lastImg).className = "thumb select"; |
| + | |
| + | document.getElementById(lastImg).className = "thumb normal"; |
| + | img.className = "thumb select"; |
| + | document.getElementById(10).src = img.src; |
| + | lastImg = img.id |
| + | } |
| + | |
| </script> | | </script> |
| | | |
Line 370: |
Line 381: |
| clear:both; | | clear:both; |
| width:940px; | | width:940px; |
- | height:1700px; | + | height:2100px; |
| top:110px; | | top:110px; |
| left:0; | | left:0; |
Line 381: |
Line 392: |
| } | | } |
| | | |
- | .shading
| |
- | {
| |
- | width:940px;
| |
- | height:1700px;
| |
- | background:#ccc;
| |
| | | |
- | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
- | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
- | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
- | }
| |
| | | |
| .shading .left | | .shading .left |
Line 436: |
Line 438: |
| width:940px; | | width:940px; |
| margin:0; | | margin:0; |
- |
| |
| } | | } |
| | | |
Line 465: |
Line 466: |
| .graph img | | .graph img |
| { | | { |
- | margin-left:150px; | + | margin-left:10px; |
| -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); |
| -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); | | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); |
Line 605: |
Line 606: |
| margin-top:1px; | | margin-top:1px; |
| padding:5px; | | padding:5px; |
| + | } |
| + | |
| + | .gallery |
| + | { |
| + | width:920px; |
| + | margin-left:10px; |
| + | margin-bottom:20px; |
| + | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); |
| + | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); |
| + | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); |
| + | } |
| + | |
| + | .preview { |
| + | width:920px; |
| + | height:360px} |
| + | |
| + | .thumb { |
| + | width:290px; |
| + | margin:5px 0 5px 10px; |
| + | } |
| + | |
| + | .normal { |
| + | } |
| + | |
| + | .select { |
| } | | } |
| | | |
Line 610: |
Line 636: |
| </head> | | </head> |
| | | |
- | <body onLoad="showImage(); hover1(); hover2(); hover3(); hover4(); hover5(); hover6(); hover7();"> | + | <body onLoad="showImage(); hover1(); hover2(); hover3(); hover4(); hover5(); hover6(); hover7(); preview();"> |
| | | |
| <div class="header"> | | <div class="header"> |
| <div class="banner"> | | <div class="banner"> |
| <div class="igem"> | | <div class="igem"> |
- | <a> | + | <a href="https://2013.igem.org/Main_Page"> |
| <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png"> | | <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png"> |
| </a> | | </a> |
Line 639: |
Line 665: |
| <div id="block"> | | <div id="block"> |
| <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/> | | <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/> |
- | <a href="https://2013.igem.org/Team:Manchester/Hometest" id="link1">Home</a> | + | <a href="https://2013.igem.org/Team:Manchester/Hometest3" id="link1">Home</a> |
| </div> | | </div> |
| | | |
Line 661: |
Line 687: |
| <li><a href="https://2013.igem.org/Team:Manchester/Notebooktest2" id="link3">Notebook</a></li> | | <li><a href="https://2013.igem.org/Team:Manchester/Notebooktest2" id="link3">Notebook</a></li> |
| <li><a href="https://2013.igem.org/Team:Manchester/LabBooktest" id="link3">Lab Book</a></li> | | <li><a href="https://2013.igem.org/Team:Manchester/LabBooktest" id="link3">Lab Book</a></li> |
- | <li><a href="https://2013.igem.org/Team:Manchester/contributiontest" id="link3">Contributions</a></li> | + | <li><a href="https://2013.igem.org/Team:Manchester/contributiontest" id="link3">Parts</a></li> |
| <li><a href="https://2013.igem.org/Team:Manchester/Safetytest" id="link3">Safety</a></li> | | <li><a href="https://2013.igem.org/Team:Manchester/Safetytest" id="link3">Safety</a></li> |
| <li><a href="https://2013.igem.org/Team:Manchester/medaltest" id="link3">Judging</a></li> | | <li><a href="https://2013.igem.org/Team:Manchester/medaltest" id="link3">Judging</a></li> |
Line 675: |
Line 701: |
| <li><a href="https://2013.igem.org/Team:Manchester/Modellingtest" id="link6">Modelling</a> | | <li><a href="https://2013.igem.org/Team:Manchester/Modellingtest" id="link6">Modelling</a> |
| <ul class="submenu"> | | <ul class="submenu"> |
- | <li><a href="https://2013.igem.org/Team:Manchester/fattytest" id="link6">Fatty Acid Production</a></li> | + | |
- | <li><a href="https://2013.igem.org/Team:Manchester/parametertest" id="link6">Parameter Estimation</a></li>
| + | <li><a href="https://2013.igem.org/Team:Manchester/parametertest" id="link6">Uncertainty Analysis</a></li> |
| + | <li><a href="https://2013.igem.org/Team:Manchester/fabAmodeltest" id="link6">FabA Dynamics Model</a></li> |
| + | <li><a href="https://2013.igem.org/Team:Manchester/popdynamictest" id="link6">Population Dynamics</a></li> |
| <li><a href="https://2013.igem.org/Team:Manchester/collabtest" id="link6">Modelling Collaboration</a></li> | | <li><a href="https://2013.igem.org/Team:Manchester/collabtest" id="link6">Modelling Collaboration</a></li> |
| </ul> | | </ul> |
| </li> | | </li> |
| </ul> | | </ul> |
- | </div> | + | </div> |
| | | |
| <div id="block4"> | | <div id="block4"> |
Line 697: |
Line 725: |
| <ul class="submenu2"> | | <ul class="submenu2"> |
| <li><a href="https://2013.igem.org/Team:Manchester/environmenttest" id="link4">Environmental Impact</a></li> | | <li><a href="https://2013.igem.org/Team:Manchester/environmenttest" id="link4">Environmental Impact</a></li> |
- | <li><a href="https://2013.igem.org/Team:Manchester/economytest" id="link4">Economical Impact</a></li> | + | <li><a href="https://2013.igem.org/Team:Manchester/economytest" id="link4">Economic Impact</a></li> |
| <li><a href="https://2013.igem.org/Team:Manchester/managementtest" id="link4">Impact Management</a></li> | | <li><a href="https://2013.igem.org/Team:Manchester/managementtest" id="link4">Impact Management</a></li> |
| <li><a href="https://2013.igem.org/Team:Manchester/conclusiontest" id="link4">Conclusion</a></li> | | <li><a href="https://2013.igem.org/Team:Manchester/conclusiontest" id="link4">Conclusion</a></li> |
| </ul> | | </ul> |
| </li> | | </li> |
- | <li><a href="https://2013.igem.org/Team:Manchester/businesstest" id="link4">Business Plan</a></li>
| + | <li><a href="https://2013.igem.org/Team:Manchester/businesstest" id="link4">Business Plan</a></li> |
| + | <li><a href="https://2013.igem.org/Team:Manchester/collabtest" id="link4">Modelling Collaboration</a></li> |
| <li><a href="https://2013.igem.org/Team:Manchester/knoledgetest" id="link4">Knowledge Deficit Assumption</a></li> | | <li><a href="https://2013.igem.org/Team:Manchester/knoledgetest" id="link4">Knowledge Deficit Assumption</a></li> |
| <li><a href="https://2013.igem.org/Team:Manchester/conferencetest" id="link4">Conferences and Discussions</a></li> | | <li><a href="https://2013.igem.org/Team:Manchester/conferencetest" id="link4">Conferences and Discussions</a></li> |
Line 737: |
Line 766: |
| <div class="text"> | | <div class="text"> |
| <p><b>Overview</b><br> | | <p><b>Overview</b><br> |
- | On 2nd & 3rd July, Rob, Elsa, Jess, Lorna and Timmy ran a series of 12 workshops for around 200 11-14 year old schoolchildren as part of the University of Manchester Science Stars day (<a href="http://www.ls.manchester.ac.uk/schoolsandcommunity/schooleventhighlights/sciencestarsday/"> Visit this Event! </a>). This was an activity of two halves. Firstly, Elsa gave a brief and interactive presentation about the structure of DNA, which then lead to our “Sweet DNA” activity (using sweets and cocktail sticks to build a double helix model). This activity introduced the concepts of the double strand, and complementary base pairing of DNA. In some cases, the children had already learned about these topics. However in many cases these ideas were something totally new. Regardless, the children told us they had a lot of fun doing this activity and they felt they had learned a lot.<br></br> | + | On 2nd & 3rd July, Rob, Elsa, Jess, Lorna and Tim ran a series of 12 workshops for around 200 11-14 year old schoolchildren as part of the University of Manchester Science Stars day (<a href="http://www.ls.manchester.ac.uk/schoolsandcommunity/schooleventhighlights/sciencestarsday/"> Visit this Event! </a>). This was an activity of two halves. Firstly, Elsa gave a brief and interactive presentation about the structure of DNA, which then lead to our “Sweet DNA” activity (using sweets and cocktail sticks to build a double helix model). This activity introduced the concepts of the double strand, and complementary base pairing of DNA. In some cases, the children had already learned about these topics. However in many cases these ideas were something totally new. Regardless, the children told us they had a lot of fun doing this activity and they felt they had learned a lot.<br></br> |
| Next, Rob gave another brief presentation, this time describing our project and explaining the current ways that palm oil is obtained. This then led nicely on to group discussions about what the children would like synthetic biology to be used for, and any ethical implications these ideas may raise, with the team making their way around the groups for more in-depth discussions. As expected, some wild ideas were thrown about. However many of the children had a very mature attitude to the subject and came up with some brilliant concepts and well thought-out ethical ideas. We're sure the future of synthetic biology is in safe hands!</p> | | Next, Rob gave another brief presentation, this time describing our project and explaining the current ways that palm oil is obtained. This then led nicely on to group discussions about what the children would like synthetic biology to be used for, and any ethical implications these ideas may raise, with the team making their way around the groups for more in-depth discussions. As expected, some wild ideas were thrown about. However many of the children had a very mature attitude to the subject and came up with some brilliant concepts and well thought-out ethical ideas. We're sure the future of synthetic biology is in safe hands!</p> |
| + | |
| + | <div class="gallery"> |
| + | <img id="10" class="preview normal" src="" alt="preview" /><br /> |
| + | <img id="11" class="thumb normal" src="https://static.igem.org/mediawiki/2013/0/09/Stars4.jpg" alt="mountains" onmouseover="preview(this)"/> |
| + | <img id="12" class="thumb normal" src="https://static.igem.org/mediawiki/2013/6/60/Stars3.jpg" alt="desert" onmouseover="preview(this)"/> |
| + | <img id="13" class="thumb normal" src="https://static.igem.org/mediawiki/2013/a/ad/Stars13.jpg" alt="highway" onmouseover="preview(this)"/> |
| + | </div> |
| | | |
| <center><iframe src="http://prezi.com/embed/85fbcfd8db359af5ee2a5ed90d8f0d013dfadf4e/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&features=undefined&disabled_features=undefined" width="920" height="400" frameBorder="0"></iframe></center> | | <center><iframe src="http://prezi.com/embed/85fbcfd8db359af5ee2a5ed90d8f0d013dfadf4e/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&features=undefined&disabled_features=undefined" width="920" height="400" frameBorder="0"></iframe></center> |
| | | |
| <p><b>Reception</b><br> | | <p><b>Reception</b><br> |
- | Both pupils and teachers alike enjoyed the workshop, with many children commenting on how “<i>this [was] better than science class</i>”, “<i>this was the best workshop so far</i>” and that the Sweet DNA helix “<i>was so cool</i>”! Several of the teachers also sincerely thanked us for the workshop, and said that they were going to use the activity again in their classes to teach about DNA. The second half of the sessions was also productive, with pupils eagerly sharing their ideas on what synthetic biology would best be used for. We had some very interesting suggestions come up, including the re-engineering of plants to make them cold-resistant and using the cancer-resistant genes from the naked mole rat to look into cancer prevention. A feedback form was distributed and we got a great response!<br><br> | + | Both pupils and teachers alike enjoyed the workshop, with many children commenting on how “<i>this [was] better than science class</i>”, “<i>this was the best workshop so far</i>” and that the Sweet DNA helix “<i>was so cool</i>”! Several of the teachers also sincerely thanked us for the workshop, and said that they were going to use the activity again in their classes to teach about DNA. The second half of the sessions was also productive, with pupils eagerly sharing their ideas on what synthetic biology would best be used for. We had some very interesting suggestions come up, including the re-engineering of plants to make them cold-resistant and using the cancer-resistant genes from the naked mole rat to look into cancer prevention. A feedback form was distributed and we got a great response!<br> |
- | <b>[insert pictures of some of the better whiteboard shots (2 or 3 should do)]</b> <br>
| + | |
| The schoolchildren and teachers alike were asked whether they agree or disagree that the Science Stars workshops we delivered were interesting/informative/something/something. Below are the results:</p> | | The schoolchildren and teachers alike were asked whether they agree or disagree that the Science Stars workshops we delivered were interesting/informative/something/something. Below are the results:</p> |
| | | |
| <div class="graph"> | | <div class="graph"> |
- | <img src="https://static.igem.org/mediawiki/2013/9/9a/SciStarsFeedback.png"/> | + | <img src="https://static.igem.org/mediawiki/2013/9/9a/SciStarsFeedback.png" width="920" height="300"/> |
| </div> | | </div> |
| | | |
Line 754: |
Line 789: |
| </div> | | </div> |
| </div> | | </div> |
- | <div class="leftbar">
| + | |
- | <div class="block1">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/Modellingtest">HUMAN PRACTICES</a>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="block2">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/fattytest">PUBLIC OUTREACH</a>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="block3">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/fattytest">SCIENCE STARS</a>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="block4">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/parametertest">OPEN DAY</a>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="block5">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/collabtest">ETHICS</a>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="block6">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/Modellingtest">ENVIRONMENTAL IMPACT</a>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="block7">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/fattytest">ECONOMICAL IMPACT</a>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="block8">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/parametertest">IMPACT MANAGEMENT</a>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="block9">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/collabtest">CONCLUSION</a>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="block10">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/Modellingtest">BUSINESS PLAN</a>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="block11">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/fattytest">KNOWLEDGE DEFICIT ASSUMPTION</a>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="block12">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/parametertest">CONFERENCES AND DISCUSSIONS</a>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="block13">
| + | |
- | <a href="https://2013.igem.org/Team:Manchester/collabtest">SOCIAL MEDIA</a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
| </div> | | </div> |
| | | |
| </body> | | </body> |
| </html> | | </html> |