Difference between revisions of "Team:Jilin China/Demonstrate"

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">
 
−
<h1>Demonstrate</h1>
 
−
<h3>Gold Medal Criterion #4</h3>
 
  
−
<p>
+
<style>
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your engineered system works.
+
−
<br><br>
+
−
Your engineered system has to work under realistic conditions. Your system must comply with all <a href="https://2019.igem.org/Safety/Rules">rules</a> and <a href="https://2019.igem.org/Safety/Policies">policies</a> approved by the iGEM Safety Committee. Your system can derive from or make functional a previous iGEM project by your team or by another team. For multi-component projects, the judges may consider the function of individual components.
+
  
−
</p>
 
  
−
<p>
+
.word {
−
To be eligible for this award, you must add clear documentation to this page and delete the alert box at the top of this page.
+
color: rgba(0,0,0,1.00);
−
</p>
+
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
 +
}
 +
  p{
 +
width: 90%;
 +
height: auto;
 +
margin: 0 auto;
 +
position: relative;
 +
  }
  
−
<p>
+
tbody{
−
Please see the <a href="https://2019.igem.org/Judging/Medals">2019 Medals Page</a> for more information.
+
width:50%;
−
</p>
+
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;
 +
}
  
 +
#HQ_page .np5{
 +
font-size: 19px;
 +
line-height: 31px;
 +
margin-bottom: 13px;
 +
  }
  
  
−
</div>
+
 
 +
 
 +
.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);
 +
});
 +
}
 +
 +
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;
 +
 
 +
      // Render PDF page into canvas context.
 +
      let renderContext = {
 +
        canvasContext: context,
 +
        viewport: viewport
 +
      };
 +
      page.render(renderContext);
 +
}
 +
}
 +
 
 +
   
 +
    </script>
 +
 
 +
 
 +
</html>
 +
 
 +
<html>
 +
 
  
  

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