Difference between revisions of "Team:Jilin China/Human Practices"

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">
  
  
 +
<script>//coupleColor = [ "#fff","#485"];</script>
  
  
−
<div class="column full_size">
+
<style>
  
−
<h1>Human Practices</h1>
 
−
<p>
 
−
At iGEM we believe societal considerations should be upfront and integrated throughout the design and execution of synthetic biology projects. “Human Practices” refers to iGEM teams’ efforts to actively consider how the world affects their work and the work affects the world. Through your Human Practices activities, your team should demonstrate how you have thought carefully and creatively about whether your project is responsible and good for the world. We invite you to explore issues relating (but not limited) to the ethics, safety, security, and sustainability of your project, and to show how this exploration feeds back into your project purpose, design and execution.
 
−
</p>
 
  
 +
.word {
 +
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>
+
−
+
  
  
  
  
−
<p>On this page, your team should document all of your Human Practices work and activities. You should write about the Human Practices topics you considered in your project, document any activities you conducted to explore these topics (such as engaging with experts and stakeholders), describe why you took a particular approach (including referencing any work you built upon), and explain if and how you integrated takeaways from your Human Practices work back into your project purpose, design and/or execution. </p>
+
.picCont{
−
+
width: 85%;
−
<p>If your team has gone above and beyond in work related to safety, then you should document this work on your Safety wiki page and provide a description and link on this page. If your team has developed education and public engagement efforts that go beyond a focus on your particular project, and for which would like to nominate your team for the Best Education and Public Engagement Special Prize, you should document this work on your <a href="https://2019.igem.org/Team:Jilin_China/Public_Engagement">Education and Education wiki page</a> and provide a description and link here. </p>
+
margin-top: 0;
−
</div>
+
margin-right: auto;
−
+
margin-left: auto;
−
<div class="clear"></div>
+
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);
  
−
+
}
−
<div class="column full_size">
+
.tableCont table tbody tr:nth-child(2n+1)  {
−
<div class="highlight decoration_background">
+
background-color: rgba(220,239,252,1.00);
−
<p>The iGEM judges will review this page to assess whether you have met the Silver and/or Gold medal requirements based on the Integrated Human Practices criteria listed below. If you nominate your team for the <a href="https://2019.igem.org/Judging/Awards">Best Integrated Human Practices 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 also review this page to consider your team for that prize.  
+
−
</p>
+
−
</div>
+
−
</div>
+
  
−
<div class="clear extra_space"></div>
+
}
 +
.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;
 +
}
  
−
<div class="column full_size">
+
 
 +
#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);
 +
});
 
 
−
<h3>Silver Medal Criterion #3</h3>
+
function renderPage(pdf, numPages, current){
−
<p>Convince the judges you have thought carefully and creatively about whether your work is responsible and good for the world. Document how you have investigated these issues, how you engaged with communities relevant to your goals, why you chose this approach, what you have learned, and the potential impact of your project’s success. </p>
+
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);
 +
});
 +
}
 +
 +
async function renderPageAsync(pdf, numPages, current){
 +
console.log("renderPage async");
 +
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;
  
−
<h3>Gold Medal Criterion #1</h3>
+
      // Render PDF page into canvas context.
−
<p>Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the purpose, design, and/or execution of your project. Document your process and describe how your human practices work informed and shaped your project at different stages.
+
      let renderContext = {
−
</p>
+
        canvasContext: context,
−
</div>
+
        viewport: viewport
 +
      };
 +
      page.render(renderContext);
 +
}
 +
}
  
 +
   
 +
    </script>
  
  
−
<div class="clear extra_space"></div>
+
</html>
  
 +
<html>
  
  
−
<div class="column full_size">
 
−
<h3>Best Integrated Human Practices Special Prize</h3>
 
  
−
<p>To compete for the Best Integrated Human Practices prize, please describe your work on this page and also fill out the description on the judging form. </p>
 
  
−
<p>How does your project affect society and how does society influence the direction of your project? How might ethical considerations and stakeholder input guide your project purpose and design and the experiments you conduct in the lab? How does this feedback enter into the process of your work all through the iGEM competition? Document a thoughtful and creative approach to exploring these questions and how your project evolved in the process to compete for this award!</p>
 
  
−
<p>You must also delete the message box on the top of this page to be eligible for this prize.</p>
 
  
−
</div>
+
</html>

Revision as of 09:00, 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