|
|
Line 862: |
Line 862: |
| | | |
| | | |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
| |
| | | |
- | <link rel="stylesheet" href="
| |
- | http://www.hcs.harvard.edu/~stahr/javascript/style.css" type="text/css" media="screen" />
| |
- |
| |
- | <!-- Extra custom css -->
| |
- | <style type="text/css">
| |
- | .issuedate
| |
- | {
| |
- | color: #021E6B;
| |
- | background: none;
| |
- | font-weight: normal;
| |
- | margin-right: 50px;
| |
- | padding-top: .5em;
| |
- | padding-bottom: .17em;
| |
- | border-bottom: none;
| |
- | font-size:150%;
| |
- | line-height:130%;
| |
- | }
| |
- |
| |
- | #dates .iGEM14 {
| |
- | font-size: 20px;
| |
- | }
| |
- |
| |
- | </style>
| |
- | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
| |
- |
| |
- | <script src="http://www.hcs.harvard.edu/~stahr/javascript/jquery.timelinr-0.9.3.js" type="text/javascript"></script>
| |
- |
| |
- | <script type="text/javascript">
| |
- |
| |
- | $(function(){
| |
- |
| |
- | $().timelinr({
| |
- |
| |
- | datesSpeed: 800,
| |
- | issuesSpeed: 800,
| |
- | issuesTransparency: 1.0,
| |
- | arrowKeys: 'true',
| |
- |
| |
- | })
| |
- |
| |
- | });
| |
- |
| |
- | </script>
| |
- |
| |
- | <!-- End timeline -->
| |
- |
| |
- |
| |
- | <style type="text/css">
| |
- | #ip_quote
| |
- | {
| |
- | margin-top:10px;
| |
- | margin-bottom:10px;
| |
- | margin-left:auto;
| |
- | margin-right:auto;
| |
- | width:auto;
| |
- | color:#021E6B;
| |
- | font-size:120%;
| |
- | line-height:120%;
| |
- | text-align:justify;
| |
- | }
| |
- | </style>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <div name="zfhistory">
| |
- | <div id="timeline">
| |
- |
| |
- | <ul id="dates">
| |
- |
| |
- | <li><a href="#" class="dateobject">- 1 -</a></li>
| |
- |
| |
- | <li><a href="#" class="dateobject">- 2 -</a></li>
| |
- |
| |
- | <li><a href="#" class="dateobject">- 3 -</a></li>
| |
- |
| |
- | <li><a href="#" class="dateobject">- 4 -</a></li>
| |
- |
| |
- | <li><a href="#" class="dateobject">- 5 -</a></li>
| |
- |
| |
- | <li><a href="#" class="dateobject">- 6 -</a></li>
| |
- |
| |
- | </ul>
| |
- |
| |
- | <ul id="issues">
| |
- |
| |
- | <li id="#- 1 -">
| |
- |
| |
- | <img src="https://static.igem.org/mediawiki/2014/5/51/OxiGEMSources_of_Info_Graph.jpg" width="275" height="283" />
| |
- |
| |
- | <div class="issuedate">What is your primary source of information about synthetic biology?</div>
| |
- |
| |
- | <p>As we can see, </p>
| |
- |
| |
- | </li>
| |
- |
| |
- | <li id="#- 2 -">
| |
- |
| |
- | <img src="https://static.igem.org/mediawiki/2014/a/ae/Quality_of_Information_Graph.jpg" width="315" height="315" />
| |
- |
| |
- | <div class="issuedate">How would you rate the quality of this information?</div>
| |
- |
| |
- | <p>The respondents rated information highly for accuracy (although perhaps this is to be expected as it is unlikely one would continue to read information from a source which regularly got the facts wrong). Relevance also scored highly, showing that people feel synthetic biology has a sufficient impact on their lives that they ought to be kept informed about it. The high score for availability is likely due to the heavy reliance on online information, however it is probable that this reliance also contributes to the relatively low scores for independence and accessibility. The sources accessed by the public online may well not be aimed at laymen but intended to be read by students or professionals and so may contain a high level of technical detail not accessible to the lay public.</p>
| |
- |
| |
- | </li>
| |
- |
| |
- | <li id="- 3 -">
| |
- |
| |
- | <img src="https://static.igem.org/mediawiki/2014/7/73/OxiGEMInformed_Levels_Graph.jpg" width="350" height="285" />
| |
- |
| |
- | <div class="issuedate">How informed about synthetic biology do you feel?</div>
| |
- |
| |
- | <p>The graph shows that...</p>
| |
- |
| |
- | </li>
| |
- |
| |
- | <li id="#- 4 -">
| |
- |
| |
- | <img src="https://static.igem.org/mediawiki/2014/8/8e/OxiGEMFeelings_about_Impact.jpg" width="250" height="280" />
| |
- |
| |
- | <div class="issuedate">How do you feel about the social/ethical implications of synthetic biology?</div>
| |
- |
| |
- | <p>This graph shows that the majority of people have strong views about the implications of synthetic biology.</p>
| |
- |
| |
- | </li>
| |
- |
| |
- | <li id="#- 5 -">
| |
- |
| |
- | <img src="https://static.igem.org/mediawiki/2014/4/42/OxiGEMKnowledge_affecting_concerns.jpg" width="250" height="280" />
| |
- |
| |
- | <div class="issuedate">How does your level of understanding about synthetic biology affect your concerns about its implications?</div>
| |
- |
| |
- | <p>This graph shows correlation between .</p>
| |
- |
| |
- | </li>
| |
- |
| |
- | <li id="#- 6 -">
| |
- |
| |
- | <img src="https://static.igem.org/mediawiki/2014/5/55/OxiGEMCorrelation_Graph.jpg" width="285" height="256" />
| |
- |
| |
- | <div class="issuedate">Is there a correlation between attitude and understanding of synthetic biology?</div>
| |
- |
| |
- | <p>The graph shows an interesting correlation between perceived level of understanding and attitude - those at the extremes of understanding, i.e. those with very little or very high understanding, generally have positive attitudes, whereas those with a partial but incomplete understanding tend to be more concerned and have a more suspicious approach. This suggests that it is indeed that 'a little learning is a dangerous thing, drink deep or taste not the Pierian Spring'.</p>
| |
- |
| |
- | </li>
| |
- |
| |
- |
| |
- | </ul>
| |
- |
| |
- | <div id="grad_left"></div>
| |
- |
| |
- | <div id="grad_right"></div>
| |
- |
| |
- | <a href="#" id="next">+</a>
| |
- |
| |
- | <a href="#" id="prev">-</a>
| |
- |
| |
- | </div>
| |
- |
| |
- |
| |
- |
| |
- | </div>
| |
- | </div>
| |
| | | |
| | | |
#list li {
list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); }
}