Difference between revisions of "Team:Jilin China/Public Engagement"

Line 1: Line 1:
−
{{Jilin_China}}
+
{{:Team:Jilin_China/partofBs_CSS}}
 +
{{:Team:Jilin_China/Nav_Cont}}
 +
 
 
<html>
 
<html>
  
 +
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  
  
−
<div class="column full_size">
+
<script>//coupleColor = [ "#fff","#485"];</script>
  
−
<h1>Human Practices: Education and Public Engagement Special Prize</h1>
 
  
−
<p>Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices and views outside the lab. </p>
+
<style>
  
−
<p>On this page, your team should document your Education and Public Engagement work and activities. Describe your team’s efforts to include more people in shaping synthetic biology (such as creating or building upon innovative educational tools and/or public engagement activities to establish two-way dialogue with new communities, and/or engaging new groups in discussions about synthetic biology and public values). Describe your approach, why you chose it, and what was learned by everyone involved (including yourselves!).</p>
 
  
−
<p>This work may relate to or overlap with the work you document on your Human Practices page. Whereas Integrated Human Practices relates to the process of refining your project purpose and design, this page may highlight significant efforts that go beyond your particular project focus and/or address a significant broader concern in iGEM.
+
.word {
−
</p>
+
color: rgba(0,0,0,1.00);
 +
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
 +
}
 +
  p{
 +
width: 90%;
 +
height: auto;
 +
margin: 0 auto;
 +
position: relative;
 +
  }
  
 +
tbody{
 +
width:50%;
 +
position: relative;
 +
}
 +
 
 +
#HQ_page .np1{
 +
color: rgba(0,0,0,1.00);
 +
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
 +
font-size: 39px;
 +
padding-bottom: 25px;
 +
padding-top: 25px;
 +
  }
 +
#HQ_page .np3 {
 +
font-size: 26px;
 +
margin-bottom: 13px;
 +
}
  
−
<p>For more information, please see the <a href="https://2019.igem.org/Human_Practices">Human Practices Hub</a>. There you will find:</p>
+
#HQ_page .np5{
−
+
font-size: 19px;
−
<ul>
+
line-height: 31px;
−
<li> an <a href="https://2019.igem.org/Human_Practices/Introduction">introduction</a> to Human Practices at iGEM </li>
+
margin-bottom: 13px;
−
<li>tips on <a href="https://2019.igem.org/Human_Practices/How_to_Succeed">how to succeed</a> including explanations of judging criteria and advice about how to conduct and document your Human Practices work</li>
+
  }
−
<li>descriptions of <a href="https://2019.igem.org/Human_Practices/Examples">exemplary work</a> to inspire you</li>
+
 
−
<li>links to helpful <a href="https://2019.igem.org/Human_Practices/Resources">resources</a></li>
+
 
−
<li>and more! </li>
+
 
−
</ul>
+
 
 +
.picCont{
 +
width: 85%;
 +
margin-top: 0;
 +
margin-right: auto;
 +
margin-left: auto;
 +
margin-bottom: 14px;
 +
height: auto;
 +
overflow: hidden;
 +
    }
 +
.picCont .pic{
 +
width: 300px;
 +
height: 500px;
 +
float: left;
 +
margin-bottom: 0px;
 +
background-position: center 0%;
 +
overflow-x: hidden;
 +
overflow-y: hidden;
 +
background-size: 100% auto;
 +
background-repeat: no-repeat;
 +
  }
 +
.picCont .pic .picinner {
 +
height: 10%;
 +
width: 100%;
 +
background-color: rgba(0,227,202,0.79);
 +
position: relative;
 +
top: -10%;
 +
}
 +
.picCont .picword{
 +
position: absolute;
 +
float: left;
 +
width: 100%;
 +
text-align: center;
 +
height: 100%;
 +
  }
 +
.tableCont  {
 +
display: block;
 +
height: auto;
 +
margin: 0 auto;
 +
width: 85%;
 +
overflow-x: hidden;
 +
overflow-y: hidden;
 +
}
 +
.tableCont table {
 +
height: auto;
 +
display: block;
 +
border-collapse: collapse;
 +
position: relative;
 +
float: left;
 +
text-align: center;
 +
margin-top: 30px;
 +
}
 +
.tableCont table tbody {
 +
display: block;
 +
width: auto;
 +
height: auto;
 +
}
 +
.tableCont .table .tableinner {
 +
height: 39px;
 +
width: 100%;
 +
font-size: 18px;
 +
line-height: 31px;
 +
}
 +
.tableCont table tbody tr:nth-child(2n)  {
 +
background-color: rgba(212,234,249,1.00);
 +
 
 +
}
 +
.tableCont table tbody tr:nth-child(2n+1)  {
 +
background-color: rgba(220,239,252,1.00);
 +
 
 +
}
 +
.tableCont table tbody tr:first-child {
 +
background-color: rgba(159,217,255,1.00);
 +
 
 +
}
 +
 
 +
tbody td {
 +
border: 1px solid rgba(64,137,251,1.00);
 +
width: 1000px;
 +
height: 37px;
 +
}
 +
 
 +
 
 +
#top_title{
 +
    display: none;
 +
 
 +
}
 +
#content{
 +
width:100%;
 +
margin: 00;
 +
padding:00;
 +
}
 +
 
 +
 
 +
</style>
 +
<!--屏幕内容第一条 导航栏 -->
 +
 
 +
    <div  id="second_s" class="banner container-fluid">
 +
   
 +
 
 +
    </div>
 +
<div  id="third_s" class="container-fluid">
 +
    <div id="third_1" class="container">
 +
<div id="third_1_1">
 +
 
 +
</div>
 +
</div>
 +
 
 +
    </div>
 +
 
 +
 
 +
<script src="https://2019.igem.org/wiki/index.php?title=Template:Jilin_China/pdf.js&action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/wiki/index.php?title=Template:Jilin_China/pdfworker.js&action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<script>
 +
 
 +
//PDFJS.workerSrc = 'https://2019.igem.org/wiki/index.php?title=Template:Jilin_China/pdfworker.js&action=raw&ctype=text/javascript"'; 
 +
PDFJS.getDocument('https://static.igem.org/mediawiki/2019/3/33/T--Jilin_China--Team--test.pdf').then(pdf=>{
 +
var numPages = pdf.numPages;
 +
var start = 1;
 +
renderPageAsync(pdf, numPages, start);
 +
});
 
 
 +
function renderPage(pdf, numPages, current){
 +
console.log("renderPage");
 +
pdf.getPage(current++).then(page=>{
 +
//console.log('page', page);
 +
//page.getTextContent().then(v=>console.log(v));
 +
      var scale = 1.5;
 +
      var viewport = page.getViewport(scale);
 +
      // Prepare canvas using PDF page dimensions.
 +
      var canvas = document.createElement("canvas");
 +
      var context = canvas.getContext('2d');
 +
      document.body.appendChild(canvas);
 +
     
 +
      canvas.height = viewport.height;
 +
      canvas.width = viewport.width;
 +
 +
      // Render PDF page into canvas context.
 +
      var renderContext = {
 +
        canvasContext: context,
 +
        viewport: viewport
 +
      };
 +
      page.render(renderContext);
 +
     
 +
      //next
 +
      if(current<=numPages)return renderPage(pdf, numPages, current);
 +
});
 +
}
 
 
−
<div class="clear extra_space"></div>
+
async function renderPageAsync(pdf, numPages, current){
−
+
console.log("renderPage async");
−
<p>If you nominate your team for the <a href="https://2019.igem.org/Judging/Awards">Best Education and Public Engagement Special Prize</a> by filling out the corresponding field in the <a href="https://2019.igem.org/Judging/Judging_Form">judging form</a>, the judges will review this page to consider your team for that prize. The criteria are listed below. </p>
+
for(let i=1; i<=numPages; i++){
 +
// page
 +
let page = await pdf.getPage(i);
 +
 +
      let scale = 1.5;
 +
      let viewport = page.getViewport(scale);
 +
      // Prepare canvas using PDF page dimensions.
 +
      let canvas = document.createElement("canvas");
 +
      let context = canvas.getContext('2d');
 +
      document.body.appendChild(canvas);
 +
     
 +
      canvas.height = viewport.height;
 +
      canvas.width = viewport.width;
 +
 
 +
      // Render PDF page into canvas context.
 +
      let renderContext = {
 +
        canvasContext: context,
 +
        viewport: viewport
 +
      };
 +
      page.render(renderContext);
 +
}
 +
}
 +
 
 +
   
 +
    </script>
 +
 
 +
 
 +
</html>
 +
 
 +
<html>
 +
 
 +
 
 +
 
 +
 
 +
 
  
−
<div class="highlight decoration_background">
+
</html>
−
<p>How have you developed new opportunities to include more people in shaping synthetic biology? Innovative educational tools and public engagement activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology. Document your approach and what was learned by everyone involved to compete for this award.
+
−
</p>
+
−
</div>
+
−
</div>
+

Revision as of 09:01, 9 October 2019

Team
Project
Lab
Model
Parts
HP
Judging
Home
Members
Collaborations
Attributtions
Background
Description
Design
Result
Demonstrate
Notebook
Protocols
Safety
Model
Our parts
Improvement
Measurement
Integrated
Engagement
Juding Form
Medals