Jingyi Lyu (Talk | contribs) |
Luanhaixin (Talk | contribs) |
||
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> | ||
+ | <style> | ||
+ | .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; | ||
+ | } | ||
− | + | #HQ_page .np5{ | |
− | + | font-size: 19px; | |
− | + | line-height: 31px; | |
− | + | margin-bottom: 13px; | |
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | .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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 08:59, 9 October 2019
Team
Project
Lab
Model
Parts
HP
Judging