Difference between revisions of "Team:TAS Taipei/human practice/overview"

(Blanked the page)
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
 
  
<head>
 
<title>Human Practice - TAS Taipei iGEM Wiki</title>
 
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2014hs/2/2f/Tas_igemlogo.png">
 
<link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/compiled.css?action=raw&ctype=text/css">
 
<!--<link rel="stylesheet/less" type='css/less' href="./igem_server_reset.less">
 
<!--<link rel="stylesheet/less" type='css/less' href="https://2015.igem.org/Template:TAS_Taipei/css/igem_server_reset.less?action=raw&ctype=text/css">-->
 
 
<link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/bootstrap.min.css?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/todc-bootstrap.min.css?action=raw&ctype=text/css">
 
 
 
<!--<link rel="stylesheet/less" type='css/less' href="./style.less">
 
<link rel="stylesheet/less" type='css/less' href="./homepage.less"> <!--
 
<link rel="stylesheet/less" type='css/less' href="https://2015.igem.org/Team:TAS_Taipei/css/style.less?action=raw&ctype=text/css">
 
<link rel="stylesheet/less" type='css/less' href="https://2015.igem.org/Team:TAS_Taipei/css/homepage.less?action=raw&ctype=text/css">-->
 
<script>localStorage.clear();</script>
 
<script src="https://2015.igem.org/Template:TAS_Taipei/js/jquery.min.js?action=raw&ctype=text/javascript"></script>
 
<script src='https://2015.igem.org/Template:TAS_Taipei/js/bootstrap.min.js?action=raw&ctype=text/css'></script>
 
<script src="https://2015.igem.org/Template:TAS_Taipei/js/jquery.slides.min.js?action=raw&ctype=text/css"></script>
 
<script src='https://2015.igem.org/Template:TAS_Taipei/js/libs.min.js?action=raw&ctype=text/css'></script>
 
 
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
 
 
<script>
 
$(document).ready(function() {
 
//if(document.domain === "2014hs.igem.org")
 
// setTimeout(function() {
 
$("style:eq(0)").remove();
 
// }, 500);
 
});
 
</script>
 
<link href='http://fonts.googleapis.com/css?family=Sansita+One' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 
</head>
 
 
 
<body  data-spy="scroll" data-target="#category_navbar" style = "text-align:center">
 
 
<div class="container" style='z-index:10;position:relative;'>
 
<div class="row center-block" style = "text-align: left;">
 
<nav style='backgroundColor:#2196f3;-webkit-transform: translateZ(0);z-index: 100;position: fixed;box-shadow: 0px 0px 10px black;'>
 
<ul>
 
<li class="dropdown">
 
<a href="https://2015.igem.org/Team:TAS_Taipei/project/overview"><h4 class="dropdown-toggle disabled" data-toggle="dropdown">PROJECT</h4></a>
 
<div class="dropdown-menu">
 
<div style='height:100px;'>
 
<img src="https://static.igem.org/mediawiki/2015/5/5b/Tas_icon_project.png">
 
<h4>Granzyme B - a blessing and a curse. We want to make it better with careful and selective inhibition.</h4>
 
</div>
 
<div class='subcategories_container'>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/abstract">Background</a></h5>
 
</div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/telomere_extension">Telomere Extension</a></h5></div>
 
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/circuit_regulation">Circuit Regulation</a></h5>
 
</div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/safety_switch">Safety Switch</a></h5>
 
</div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/project/parts_submissions">Parts Submissions</a></h5>
 
</div>
 
</div>
 
</div>
 
</li>
 
<li class="dropdown">
 
<a href="https://2015.igem.org/Team:TAS_Taipei/modeling/overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">MODELING</h4></a>
 
<div class="dropdown-menu">
 
<div style='height:100px;'>
 
<img src="https://static.igem.org/mediawiki/2015/b/b5/Icon_modeling.png">
 
<h4>Computational biology is becoming more reliable as a predictor of experimental data.  Click to see how modeling helped us decide what experimental steps to take.</h4>
 
</div>
 
<div class='subcategories_container'>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/modeling#telomere_extension">Telomere Extension</a></h5>
 
</div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/modeling#circuit_regulation">Circuit Regulation</a></h5>
 
</div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/modeling#safety_switch">Safety Switch</a></h5>
 
</div>
 
</div>
 
</div>
 
</li>
 
<li class="dropdown">
 
<a href="https://2015.igem.org/Team:TAS_Taipei/human_practice/overview"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">HUMAN PRACTICE</h4></a>
 
<div class="dropdown-menu">
 
<div style='height:100px;'>
 
<img src="https://static.igem.org/mediawiki/2015/0/0f/Tas_icon_hp.png">
 
<h4>Take a look at the research and outreach that shaped our entire E.Mortality project.</h4>
 
</div>
 
<div class='subcategories_container'>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/human_practice#research">Research</a></h5>
 
</div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/human_practice#entertainment">Entertainment</a></h5>
 
</div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/human_practice#outreach">Outreach</a></h5>
 
</div>
 
</div>
 
</div>
 
</li>
 
<li class="dropdown">
 
<a href="https://2015.igem.org/Team:TAS_Taipei/safety"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">SAFETY</h4></a>
 
<div class="dropdown-menu">
 
<div style='height:100px;'>
 
<img src="https://static.igem.org/mediawiki/2015/9/91/Tas_icon_safety.png">
 
<h4>Lab safety is of utmost importance.  Here are the precautions we've taken to maximize our lab safety.</h4>
 
</div>
 
</div>
 
</li>
 
<li class="dropdown">
 
<a href="https://2015.igem.org/Team:TAS_Taipei/team"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">TEAM</h4></a>
 
<div class="dropdown-menu">
 
<div style='height:100px;'>
 
<img src="https://static.igem.org/mediawiki/2015/3/34/Tas_icon_team.png">
 
<h4>Want to know more about us?  Sneak-a-peek and read about our interests and learn about where we are from.</h4>
 
</div>
 
<div class='subcategories_container'>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/team#members">Members</a></h5>
 
</div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/team#about">About</a></h5>
 
</div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/attributions">Attributions</a></h5>
 
</div>
 
</div>
 
</div>
 
</li>
 
<li class="dropdown">
 
<a href="https://2015.igem.org/Team:TAS_Taipei/notebook"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">NOTEBOOK</h4></a>
 
<div class="dropdown-menu">
 
<div style='height:100px;'>
 
<img src="https://static.igem.org/mediawiki/2015/f/fe/Tas_icon_notebook.png">
 
<h4>Organization is key.  Our calendar and wet-lab notebook are located here.</h4>
 
</div>
 
<div class='subcategories_container'>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/notebook#experiments">Experiments</a></h5>
 
</div>
 
<div>
 
<h5><a href="https://2015.igem.org/Team:TAS_Taipei/notebook#calendar">Calendar</a></h5>
 
</div>
 
</div>
 
</div>
 
</li>
 
</ul>
 
</nav>
 
</div>
 
<br>
 
<br>
 
<br>
 
<br>
 
<div class="row center-block" style = "padding:10px;width:960px;background-color:#FFC107;box-shadow:0px 0px 5px black">
 
<div class="row" style = "text-align:center;">
 
<div class="col-lg-3">
 
<a href="https://2015.igem.org/Team:TAS_Taipei" style='text-decoration: none'><img src="https://static.igem.org/mediawiki/2015/2/2f/Tas_igemlogo.png
 
" alt="" style="width: 100px;"></a>
 
</div>
 
<div class="col-lg-6" style='text-align:center;'>
 
<a href="https://2015.igem.org/Team:TAS_Taipei" style='text-decoration: none;'>
 
<h2 style="font-family:'Lato';letter-spacing:10px;color: white; font-size: 60px;  margin-top: 0;  margin-bottom: 0;"><b>
 
<img style = "height:70px;vertical-align:top" src = "https://static.igem.org/mediawiki/2015/5/5b/Tas_icon_project.png">ranzyme B</b></h2>
 
</a>
 
</div>
 
<div class="col-lg-3">
 
<a href="https://igem.org/HS"><img src="https://static.igem.org/mediawiki/2015/e/eb/Tas_igemlogo2.png" alt="" style="width: 100px;"></a>
 
</div>
 
</div>
 
</div><br>
 
<div id='bodycontainer' class='row card'>
 
<div class="col-lg-2" style='padding-right:0;'>
 
<div id="category_navbar">
 
<ul class="nav nav-list" data-spy="affix" data-offset-top="150" style='-webkit-transform: translateZ(0);' >
 
<li><a href="#research">[TEMP]</a></li>
 
<ul>
 
<li><a href="#senior_interviews">Sample</a></li>
 
<li><a href="#yolo_survey">Sample</a></li>
 
<li><a href="#guest_lectures">Sample</a></li>
 
<li><a href="#collaborations">Sample</a></li>
 
<li><a href="#cancer_specialist_interview">Sample</a></li>
 
<li><a href="#ethics_panel">Sample</a></li>
 
</ul>    
 
<li><a href="#outreach">Outreach</a></li>
 
<ul>
 
<li><a href="#public_awareness">Public Awareness</a></li>
 
<li><a href="#syn_bio_education">Syn Bio Education</a></li>
 
<li><a href="#research_symposium">Research Symposium</a></li>
 
<li><a href="#school_fairs">School Fairs</a></li>
 
<li><a href="#media">Media Outlets</a></li>
 
<li><a href="#igem_hs_meetup">iGEM HS Meetup</a></li>
 
</ul>    
 
<li><a href="#entertainment">Entertainment</a></li>
 
<ul>
 
<li><a href="#music_video">Music Video</a></li>
 
<li><a href="#2048_igem">iGEM</a></li>
 
<li><a href="#montage_video">Montage</a></li>
 
<li><a href="#igem_poem">Poem</a></li>
 
</ul>
 
</ul>
 
</div>
 
 
 
</div>
 
 
<div class="col-lg-9">
 
<div class="row">
 
<div class="col-lg-12">
 
<h1>Human Practice</h1>
 
<p>Science is not complete without considering its ethical and social ramifications, as well as relaying its intricacies and promoting it to the general public.</p>
 
</div>
 
</div>
 
<div class="row" id='research'>
 
<div class="col-lg-12">
 
<h1>Research</h1>
 
<p>This first component of human practice focuses on collecting opinions from experts in the field and from all age groups in the public on the topics surrounding our project such as immortality, science, synthetic biology, and life. Whether it is through collaboration with other iGEM teams, surveys, interviews, or panel debates, we reached out to a wide variety of people from all walks of life.</p>
 
</div>
 
</div>
 
<span style="display:block; height: 25px;"></span>
 
<span style="display:block; height: 25px;"></span>
 
<div class="row" id='collaborations'>
 
<div class="col-lg-7">
 
<h4>Collaboration</h4>
 
<p>Science is foremost and should be a collaborative and communicative affair. We formed a friendship with the National Taiwan University and National Yang Ming University iGEM teams through presenting our projects to one another, receiving constructive feedback, and inspiring one another.</p>
 
</div>
 
</div>
 
 
<span style="display:block; height: 25px;"></span>
 
<div class="row" id='cancer_specialist_interview'>
 
<div class="col-lg-7">
 
<h4>Interviewing A Cancer Specialist</h4>
 
<p>We reached out to a professional radiation oncologist, Dr. Yen, who is working at Cathay General Hospital, to discuss the impact and practicality of our project in her field. Through a thoughtful conversation, we learned about the process of how cancer drugs get approved and implemented, and what our project means for society in the future.</p>
 
</div>
 
</div>
 
<span style="display:block; height: 25px;"></span>
 
<div class="row" id='ethics_panel'>
 
<div class="col-lg-7">
 
<h4>Ethics Panel</h4>
 
<p>In order to collect opinions from multiple angles in a collaborative environment on the ethical issues, we invited professionals from varying fields in Science, History, Math, and English. It was an hour-long, heated, debate and discussion on topics such as the impact of immortality on society, the state of modern science, and whether or not longevity is desired. It was an open event attended by many students, teachers, and administrators, who also had the opportunity to ask questions of their own.</p>
 
</div>
 
</div>
 
<span style="border-bottom:solid #000000; display:block; height: 50px;"></span>
 
<span style="display:block; height: 25px;"></span>
 
<p>&ldquo;Do I want to die from natural causes... or do I want to witness the heat death of the universe and watch my cells fall apart as entropy just takes over everything?&rdquo;</p>
 
<div class="text-center">
 
<p>&#151; Dr. Allan Bayntun</p>
 
</div>
 
<span style="border-top:solid #000000; display:block; height: 50px;"></span>
 
<div class="row" id='outreach'>
 
<div class="col-lg-12">
 
<h1>Outreach</h1>
 
<p>Overview: A crucial aspect of human practice is reaching out to the community, at school, in the local neighborhood, throughout the country, and beyond. This section deals with our efforts in promoting synthetic biology, iGEM, our project, both in and outside of school. This was achieved through teaching kids of various ages, handing out fliers during an exploration of the city, fun activities, and a plethora of media outlets for publicity.</p>
 
</div>
 
</div>
 
<span style="display:block; height: 25px;"></span>
 
<div class="row" id='public_awareness'>
 
<div class="col-lg-4">
 
<h4>Public Awareness</h4>
 
<p>To promote our project to the Taipei city public and to showcase our cultural heritage to the world through the introduction of famous destinations in Taipei, we travelled throughout the city, passing out fliers to people and explaining our project to them. It turned out to be a great success, and a lot of fun. Check out our video!</p>
 
</div>
 
</div>
 
<span style="display:block; height: 25px;"></span>
 
<div class="row" id='syn_bio_education'>
 
<div class="col-lg-7">
 
<h4>Synthetic Biology Education</h4>
 
<p>We organized classes for kids from 8th Grade, 5th grade, and Kindergarten to spark their interest in science. We introduced them to topics such as DNA, synthetic biology, and our project. Also, we showed them around our lab and taught them lab skills such as pipetting and loading gels. To spice things up, there was a competition to see who could make the coolest design with colored water using pipettes. For kindergarteners, we performed various skits and taught them basic knowledge on bacteria and the importance of washing hands.</p>
 
</div>
 
</div>
 
<div class="row">
 
<div class="col-lg-6">
 
<img src="https://static.igem.org/mediawiki/2014hs/9/97/Teach3.JPG" width="428" height="230" alt="">
 
</div>
 
 
<div class="col-lg-6">
 
<img src="https://static.igem.org/mediawiki/2014hs/c/c2/Teach4.JPG" width="428" height="230" alt="">
 
</div>
 
</div>
 
 
<span style="display:block; height: 50px;"></span>
 
<div class="row" id='research_symposium'>
 
<div class="col-lg-7">
 
<h4>Research Symposium</h4>
 
<p>We hosted a science symposium and fair every semester of school to showcase our research results and findings to the TAS community and to gain experience in presenting to audiences. These presentations spread excitement and knowledge of iGEM and our project. It was a fun and interesting experience to have all sorts of different booths filled with passionate discoveries.</p>
 
</div>
 
<div class="col-lg-5">
 
<img src="https://static.igem.org/mediawiki/2014hs/1/1a/Clapper-Awesome.jpg" width="255" height="170" alt="">
 
</div>
 
</div>
 
<span style="display:block; height: 25px;"></span>
 
<div class="row" id='school_fairs'>
 
<div class="col-lg-12">
 
<h4>School Fairs</h4>
 
<p>During an annual spring fair hosted by our school, we set up a fair booth that people from all over Taipei could visit. By doing this, we hoped to spread awareness about synthetic biology throughout the community. We taught children and adults alike about DNA and telomeres through our &ldquo;Pin the Telomeres on the Chromosome&rdquo; game. We also gained helpful data from the public regarding their opinions towards synthetic biology and our project.</p>
 
</div>
 
</div>
 
<span style="display:block; height: 25px;"></span>
 
<div class="row">
 
<div class="row">
 
<div class="col-lg-4">
 
<img src="https://static.igem.org/mediawiki/2014hs/5/53/Fair1.JPG" width="255" height="170" alt="">
 
</div>
 
<div class="col-lg-4">
 
<img src="https://static.igem.org/mediawiki/2014hs/1/13/Fair3.JPG" width="255" height="170" alt="">
 
</div>
 
</div>
 
<span style="display:block; height: 25px;"></span>
 
<div class="row" margin-top="-200px">
 
<div class="col-lg-4">
 
<img src="https://static.igem.org/mediawiki/2014hs/9/9f/Fair4.JPG" width="255" height="170" alt="">
 
</div>
 
<div class="col-lg-4">
 
<img src="https://static.igem.org/mediawiki/2014hs/0/02/Fair5.JPG" width="255" height="170" alt="">
 
</div>
 
<div class="col-lg-4">
 
<img src="https://static.igem.org/mediawiki/2014hs/d/d5/Fair6.JPG" width="255" height="170" alt="">
 
</div>
 
</div>
 
</div>
 
<span style="display:block; height: 50px;"></span>
 
<div class="row" id='media'>
 
<div class="col-lg-7">
 
<h4>Media Outlets</h4>
 
<p>We utilized different mediums, generating excitement throughout the school and the larger Taiwan community. Some ways we accomplished this were through publishing articles in several widely&#45;circulated newspapers and magazines, featuring on a Facebook page, and participating in an exclusive interview on Taiwan Television.</p>
 
</div>
 
<div class="col-lg-5">
 
<img src="https://static.igem.org/mediawiki/2014hs/c/c5/FB.jpg" width="326" height="217" alt="">
 
</div>
 
</div>
 
<span style="display:block; height: 25px;"></span>
 
<span style="display:block; height: 25px;"></span>
 
<div class="row" id='igem_hs_meetup'>
 
<div class="col-lg-12">
 
<h4>iGEM High School Meet&#45;Up</h4>
 
<p>In order to learn more about different iGEM team projects and to prepare for the June Jamboree, we invited the Taipei Mingdao team to our school. We presented our project and tried to gain perspective on the other team&#39;s topic. It was a great pleasure to host Taiwan&#39;s first iGEM high school meet&#45;up.</p>
 
</div>
 
</div>
 
<span style="display:block; height: 25px;"></span>
 
<div class="row" id='igem_club'>
 
<div class="col-lg-12">
 
<h4>iGEM Club</h4>
 
<p>We founded a new iGEM club to gather interest for this competition and to ensure that there is a continuous stream of incoming students who are interested in joining us in the future.</p>
 
</div>
 
</div>
 
<div class="row" id='entertainment'>
 
<div class="col-lg-12">
 
<h1>Entertainment</h1>
 
<p>Overview: Science doesn&#39;t have to be too serious all the time. This facet of human practice deals with spreading the word through mainstream media, games and art, and ultimately having some fun!</p>
 
</div>
 
</div>
 
<span style="display:block; height: 50px;"></span>
 
</div>
 
</div>
 
<footer class='row'>
 
<div class='footer_right'>
 
<a href="#">Taipei American School</a>
 
<span>/</span>
 
<a href="#">iGEM</a>
 
</div>
 
</footer>
 
</div>
 
 
 
 
 
<script src='https://2014hs.igem.org/Team:TAS_Taipei/js/field.js?action=raw&ctype=text/javascript'></script>
 
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
 
<script type="text/javascript">
 
  google.load("visualization", "1", {packages:["corechart"]});
 
  google.setOnLoadCallback(drawChart);
 
  function drawChart() {
 
var data = google.visualization.arrayToDataTable([
 
  ['Task', 'Hours per Day'],
 
  ['Yes! I want to live forever! There are too much things I want to do!',    32],
 
  ['Hmmm....Sounds good...but only if my quality of life is good.',      66],
 
  ['I\'\m not sure if immortality will be such a great thing.',  51],
 
  ['No. I want to live a normal mortal life.', 40],
 
]);
 
 
var options = {
 
  title: 'Immortality?'
 
};
 
 
var chart = new google.visualization.PieChart(document.getElementById('piechart1'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script type="text/javascript">
 
  google.load("visualization", "1", {packages:["corechart"]});
 
  google.setOnLoadCallback(drawChart);
 
  function drawChart() {
 
var data = google.visualization.arrayToDataTable([
 
  ['Task', 'Hours per Day'],
 
  ['Thank all that had made your life more interesting',    47],
 
  ['Volunteer for an altruistic cause',      9],
 
  ['Do something juvenile',  6],
 
  ['Spend all you money', 13],
 
  ['Do something reckless', 29],
 
  ['Tell the love of your life you love them', 41],
 
  ['Eat all you want', 16],
 
  ['Other', 25],
 
]);
 
 
var options = {
 
  title: '24 Hours to Live'
 
};
 
 
var chart = new google.visualization.PieChart(document.getElementById('piechart2'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script type="text/javascript">
 
  google.load("visualization", "1", {packages:["corechart"]});
 
  google.setOnLoadCallback(drawChart);
 
  function drawChart() {
 
var data = google.visualization.arrayToDataTable([
 
  ['Task', 'Hours per Day'],
 
  ['0-10',    4],
 
  ['11-20',      96],
 
  ['21-30',  21],
 
  ['31-40', 27],
 
  ['41-50', 28],
 
  ['61-70', 10],
 
]);
 
 
var options = {
 
  title: 'Age Group'
 
};
 
 
var chart = new google.visualization.PieChart(document.getElementById('piechart3'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script type="text/javascript">
 
  google.load("visualization", "1", {packages:["corechart"]});
 
  google.setOnLoadCallback(drawChart);
 
  function drawChart() {
 
var data = google.visualization.arrayToDataTable([
 
  ['Task', 'Hours per Day'],
 
  ['A',    84],
 
  ['B',      87],
 
  ['C',  13],
 
  ['D', 2],
 
  ['F', 1],
 
]);
 
 
var options = {
 
  title: 'Life Grade'
 
};
 
 
var chart = new google.visualization.PieChart(document.getElementById('piechart4'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script type="text/javascript">
 
  google.load("visualization", "1", {packages:["corechart"]});
 
  google.setOnLoadCallback(drawChart);
 
  function drawChart() {
 
var data = google.visualization.arrayToDataTable([
 
  ['Task', 'Hours per Day'],
 
  ['I can definitely do better.',    71],
 
  ['I don\'\t think I will do as well. ',      42],
 
  ['I think nothing will change',  76],
 
]);
 
 
var options = {
 
  title: 'Immortality Grade Changer'
 
};
 
 
var chart = new google.visualization.PieChart(document.getElementById('piechart5'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script type="text/javascript">
 
  google.load("visualization", "1", {packages:["corechart"]});
 
  google.setOnLoadCallback(drawChart);
 
  function drawChart() {
 
var data = google.visualization.arrayToDataTable([
 
  ['Task', 'Hours per Day'],
 
  ['I\'\m an expert.',    5],
 
  ['I probably know more about synthetic biology than the general population. ',      41],
 
  ['I guess I have some idea what it\'\s about.',  77],
 
  ['Say what?', 66],
 
]);
 
 
var options = {
 
  title: 'Synthetic Biology Knowledge'
 
};
 
 
var chart = new google.visualization.PieChart(document.getElementById('piechart6'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script type="text/javascript">
 
  google.load("visualization", "1", {packages:["corechart"]});
 
  google.setOnLoadCallback(drawChart);
 
  function drawChart() {
 
var data = google.visualization.arrayToDataTable([
 
  ['Task', 'Hours per Day'],
 
  ['Definitely!',    25],
 
  ['Meh. Maybe?',      120],
 
  ['Immortality is not possible.',  43],
 
]);
 
 
var options = {
 
  title: 'Can Synthetic Biology Solve Death?'
 
};
 
 
var chart = new google.visualization.PieChart(document.getElementById('piechart7'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script type="text/javascript">
 
  google.load("visualization", "1", {packages:["corechart"]});
 
  google.setOnLoadCallback(drawChart);
 
  function drawChart() {
 
var data = google.visualization.arrayToDataTable([
 
  ['Task', 'Hours per Day'],
 
  ['Physical appearance',    28],
 
  ['Personality',      19],
 
  ['Health',  68],
 
  ['Intelligence', 49],
 
  ['Other', 16],
 
]);
 
 
var options = {
 
  title: 'Changing Genes'
 
};
 
 
var chart = new google.visualization.PieChart(document.getElementById('piechart8'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script type="text/javascript">
 
  google.load("visualization", "1", {packages:["corechart"]});
 
  google.setOnLoadCallback(drawChart);
 
  function drawChart() {
 
var data = google.visualization.arrayToDataTable([
 
  ['Task', 'Hours per Day'],
 
  ['NOPE',    119],
 
  ['Yes!',      65],
 
]);
 
 
var options = {
 
  title: 'Telomeres?'
 
};
 
 
var chart = new google.visualization.PieChart(document.getElementById('piechart9'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script type="text/javascript">
 
  google.load("visualization", "1", {packages:["corechart"]});
 
  google.setOnLoadCallback(drawChart);
 
  function drawChart() {
 
var data = google.visualization.arrayToDataTable([
 
  ['Task', 'Hours per Day'],
 
  ['Okay... I have no clue whatsoever',    128],
 
  ['Yep!',      55],
 
]);
 
 
var options = {
 
  title: 'Telomeres and Immortality'
 
};
 
 
var chart = new google.visualization.PieChart(document.getElementById('piechart10'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script type="text/javascript">
 
  google.load("visualization", "1", {packages:["corechart"]});
 
  google.setOnLoadCallback(drawChart);
 
  function drawChart() {
 
var data = google.visualization.arrayToDataTable([
 
  ['Task', 'Hours per Day'],
 
  ['Yes!',    39],
 
  ['Maybe?',      88],
 
  ['No',  58],
 
]);
 
 
var options = {
 
  title: 'Is Longevity Beneficial?'
 
};
 
 
var chart = new google.visualization.PieChart(document.getElementById('piechart11'));
 
chart.draw(data, options);
 
  }
 
</script>
 
<script>
 
$(function () {
 
$("#slides").slidesjs({
 
width: 940,
 
height: 500,
 
play: {
 
active: false,
 
effect: "slide",
 
interval: 5000,
 
auto: true,
 
swap: false,
 
pauseOnHover: false,
 
restartDelay: 2500
 
},
 
navigation: false
 
})
 
});
 
</script>
 
<script>
 
$(function(){
 
 
function setHeight(){
 
$(".response").each(function(index,element){
 
var target = $(element);
 
target.removeClass("fixed-height");
 
var height = target.innerHeight();
 
target.attr("data-height", height)
 
  .addClass("fixed-height");
 
});
 
};
 
 
$("input[name=question]").on("change", function(){
 
$("p.response").removeAttr("style");
 
 
var target = $(this).next().next();
 
target.height(target.attr("data-height"));
 
})
 
 
setHeight();
 
});
 
</script>
 
</body>
 
 
<canvas id="canvas-container"></canvas>
 
<script src='static\field.js'></script>
 
 
</html>
 

Latest revision as of 03:50, 17 June 2015