Difference between revisions of "Template:CIEI-BJ"
| Line 5: | Line 5: | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<title>`Template</title> | <title>`Template</title> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<style> | <style> | ||
/*! | /*! | ||
| Line 9,705: | Line 9,264: | ||
} | } | ||
</script> | </script> | ||
| + | |||
| + | |||
| + | |||
| + | </head> | ||
| + | <style> | ||
| + | #top_title{ | ||
| + | display:none; | ||
| + | } | ||
| + | </style> | ||
| + | |||
| + | <!-- | ||
| + | <style id="type"> | ||
| + | *{margin:0;padding:0;} | ||
| + | @keyframes typing { from { width: 0; } } | ||
| + | @keyframes blink-caret { 50% { border-color: transparent; } } | ||
| + | h1 { | ||
| + | font: bold 200% Consolas, Monaco, monospace; | ||
| + | border-right: .1em solid; | ||
| + | width: 16.5em; /* fallback */ | ||
| + | width: 12.5ch; /* # of chars */ | ||
| + | margin: 2em 1em; | ||
| + | white-space: nowrap; | ||
| + | overflow: hidden; | ||
| + | animation: typing 15s steps(30, end), /* # of steps = # of chars */ | ||
| + | blink-caret .5s step-end infinite alternate; | ||
| + | } | ||
| + | </style> | ||
| + | --> | ||
| + | |||
| + | <script> | ||
| + | function centers(){ | ||
| + | var divs = document.getElementById("aa"); | ||
| + | document.getElementById("aa").style.marginLeft = (screen.width -divs.offsetWidth)/2+"px"; | ||
| + | } | ||
| + | </script> | ||
| + | <body> | ||
| + | <div id="aa" style="position:absolute;width:100;height:100;z-index:-1;"> | ||
| + | <canvas id="Mycanvas" style="position:absolute;top:0px;left:0px;z-index:1;"></canvas> | ||
| + | </div> | ||
| + | <!-- | ||
| + | Draw the background | ||
| + | --> | ||
| + | <script> | ||
| + | //Define the number of dots | ||
| + | var WIDTH = window.innerWidth, HEIGHT = window.innerHeight, POINT = 35; | ||
| + | |||
| + | var canvas = document.getElementById('Mycanvas'); | ||
| + | canvas.width = WIDTH, | ||
| + | canvas.height = HEIGHT; | ||
| + | var context = canvas.getContext('2d'); | ||
| + | context.strokeStyle = 'rgba(0,0,0,0.2)', | ||
| + | context.strokeWidth = 1, | ||
| + | context.fillStyle = 'rgba(0,0,0,0.1)'; | ||
| + | var circleArr = []; | ||
| + | |||
| + | //Line, starting of x,y axis | ||
| + | function Line (x, y, _x, _y, o) { | ||
| + | this.beginX = x, | ||
| + | this.beginY = y, | ||
| + | this.closeX = _x, | ||
| + | this.closeY = _y, | ||
| + | this.o = o; | ||
| + | } | ||
| + | //点：圆心xy坐标，半径，每帧移动xy的距离 | ||
| + | function Circle (x, y, r, moveX, moveY) { | ||
| + | this.x = x, | ||
| + | this.y = y, | ||
| + | this.r = r, | ||
| + | this.moveX = moveX, | ||
| + | this.moveY = moveY; | ||
| + | } | ||
| + | //生成max和min之间的随机数 | ||
| + | function num (max, _min) { | ||
| + | var min = arguments[1] || 0; | ||
| + | return Math.floor(Math.random()*(max-min+1)+min); | ||
| + | } | ||
| + | // 绘制原点 | ||
| + | function drawCricle (cxt, x, y, r, moveX, moveY) { | ||
| + | var circle = new Circle(x, y, r, moveX, moveY) | ||
| + | cxt.beginPath() | ||
| + | cxt.arc(circle.x, circle.y, circle.r, 0, 2*Math.PI) | ||
| + | cxt.closePath() | ||
| + | cxt.fill(); | ||
| + | return circle; | ||
| + | } | ||
| + | //绘制线条 | ||
| + | function drawLine (cxt, x, y, _x, _y, o) { | ||
| + | var line = new Line(x, y, _x, _y, o) | ||
| + | cxt.beginPath() | ||
| + | cxt.strokeStyle = 'rgba(0,0,0,'+ o +')' | ||
| + | cxt.moveTo(line.beginX, line.beginY) | ||
| + | cxt.lineTo(line.closeX, line.closeY) | ||
| + | cxt.closePath() | ||
| + | cxt.stroke(); | ||
| + | |||
| + | } | ||
| + | //初始化生成原点 | ||
| + | function init () { | ||
| + | circleArr = []; | ||
| + | for (var i = 0; i < POINT; i++) { | ||
| + | circleArr.push(drawCricle(context, num(WIDTH), num(HEIGHT), num(15, 2), num(10, -10)/40, num(10, -10)/40)); | ||
| + | } | ||
| + | draw(); | ||
| + | } | ||
| + | |||
| + | //每帧绘制 | ||
| + | function draw () { | ||
| + | context.clearRect(0,0,canvas.width, canvas.height); | ||
| + | for (var i = 0; i < POINT; i++) { | ||
| + | drawCricle(context, circleArr[i].x, circleArr[i].y, circleArr[i].r); | ||
| + | } | ||
| + | for (var i = 0; i < POINT; i++) { | ||
| + | for (var j = 0; j < POINT; j++) { | ||
| + | if (i + j < POINT) { | ||
| + | var A = Math.abs(circleArr[i+j].x - circleArr[i].x), | ||
| + | B = Math.abs(circleArr[i+j].y - circleArr[i].y); | ||
| + | var lineLength = Math.sqrt(A*A + B*B); | ||
| + | var C = 1/lineLength*7-0.009; | ||
| + | var lineOpacity = C > 0.03 ? 0.03 : C; | ||
| + | if (lineOpacity > 0) { | ||
| + | drawLine(context, circleArr[i].x, circleArr[i].y, circleArr[i+j].x, circleArr[i+j].y, lineOpacity); | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | |||
| + | //调用执行 | ||
| + | window.onload = function () { | ||
| + | init(); | ||
| + | setInterval(function () { | ||
| + | for (var i = 0; i < POINT; i++) { | ||
| + | var cir = circleArr[i]; | ||
| + | cir.x += cir.moveX; | ||
| + | cir.y += cir.moveY; | ||
| + | if (cir.x > WIDTH) cir.x = 0; | ||
| + | else if (cir.x < 0) cir.x = WIDTH; | ||
| + | if (cir.y > HEIGHT) cir.y = 0; | ||
| + | else if (cir.y < 0) cir.y = HEIGHT; | ||
| + | |||
| + | } | ||
| + | draw(); | ||
| + | }, 16); | ||
| + | } | ||
| + | |||
| + | </script> | ||
| + | <ul id="type"> | ||
| + | <h1>Team CIEI_BJ</h1> | ||
| + | </ul> | ||
| + | |||
| + | <nav class="navbar navbar-default navbar-inverse"> | ||
| + | <div class="container-fluid"> | ||
| + | <!-- Brand and toggle get grouped for better mobile display --> | ||
| + | <div class="navbar-header"> | ||
| + | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> | ||
| + | <img src="https://static.igem.org/mediawiki/2016/f/f4/T--CIEI-BJ--NewIcon.png" width="67" height="54" alt=""/></div> | ||
| + | |||
| + | |||
| + | |||
| + | <!-- Collect the nav links, forms, and other content for toggling --> | ||
| + | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
| + | <ul class="nav navbar-nav"> | ||
| + | <li><a href="https://2016.igem.org/Team:CIEI-BJ">Home Page</a> </li> | ||
| + | <li><a id="t1" onMouseOver="javascript:showsecond(this,'mydiv2');" onMouseOut="dalayedHide1(this,'mydiv1')">Team</a></li> | ||
| + | <li><a id="t2" onMouseOver="javascript:showfirst(this,'mydiv1');" onMouseOut="dalayedHide2(this,'mydiv2')">Project</a></li> | ||
| + | <!-- | ||
| + | <a id="t1" onMouseOver="javascript:show(this,'mydiv1');" onMouseOut="hide(this,'mydiv1')">鼠标放上去1</a> | ||
| + | --> | ||
| + | <li><a id="t3" onMouseOver="javascript:showthird(this,'mydiv3');" onMouseOut="dalayedHide3(this,'mydiv3')">Parts</a></li> | ||
| + | <li><a id="t4" onMouseOver="javascript:showforth(this,'mydiv4');" onMouseOut="dalayedHide4(this,'mydiv4')">Safety</a></li> | ||
| + | <li><a id="t6" onMouseOver="javascript:showsixth(this,'mydiv6');" onMouseOut="dalayedHide6(this,'mydiv6')">Human Practices</a></li> | ||
| + | <!-- | ||
| + | https://2016.igem.org/Team:CIEI-BJ/Model | ||
| + | --> | ||
| + | <li><a id="t6" onMouseOver="javascript:showseventh(this,'mydiv7');" onMouseOut="dalayedHide7(this,'mydiv7')">Model</a></li> | ||
| + | </ul> | ||
| + | <ul class="nav navbar-nav navbar-right"> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <!-- /.navbar-collapse --> | ||
| + | </div> | ||
| + | <!-- /.container-fluid --> | ||
| + | </nav> | ||
| + | |||
| + | <p> | ||
| + | |||
| + | </p> | ||
| + | <p> | ||
| + | |||
| + | </p> | ||
| + | <div class="container well" id="mydiv1" style="border:1px solid silver;display:none;"> | ||
| + | <!-- | ||
| + | display:none;"> | ||
| + | --> | ||
| + | <div class="row"> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/1/1c/T--CIEI-BJ--website001.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Description#description">Description</a></h2> | ||
| + | What is out project? What we did and how we finally did it.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/2/25/T--CIEI-BJ--website002.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Design">Design</a></h2> | ||
| + | Here's all the things about the design of our experiment. How we make it works? And how we prefect it?</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/4/42/T--CIEI-BJ--website003.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Experiments">Experiments</a></h2> | ||
| + | The most exciting part is usually the experiments.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/2/25/T--CIEI-BJ--website004.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Proof">Proof of Concept</a></h2> | ||
| + | Here's how we prove our project can work.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/d/d8/T--CIEI-BJ--website005.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Demonstrate">Demonstrate</a></h2> | ||
| + | <ul> | ||
| + | <li>Clearly and objectively describe the results of your work/ Future plans for the project/ Considerations for replicating the experiments</li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/d/d5/T--CIEI-BJ--website006.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Results">Results</a></h2> | ||
| + | Here're the results we got.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/0/08/T--CIEI-BJ--website008.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Notebook">Notebook</a></h2> | ||
| + | A reflection of our work.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="container well" id="mydiv2" style="border:1px solid silver;display:none;"> | ||
| + | |||
| + | |||
| + | <div class="row"> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/6/65/T--CIEI-BJ--SinglePeopleWork.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Team">Meet the Team</a></h2> | ||
| + | <p>Meet that passionate team!!</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/5/50/T--CIEI-BJ--WorkPic.png" alt="..." width="138" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Collaborations">Collaboration</a></h2> | ||
| + | <p>See how we work together.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/9/94/T--CIEI-BJ--GoTeam.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | |||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Attributions">Attributions</a></h2> | ||
| + | <h2 class="media-heading"> </h2> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="container well" id="mydiv4" style="border:1px solid silver;display:none;"> | ||
| + | <!-- | ||
| + | <div class="container well" id="mydiv2" style="border:1px solid silver;display:none;"> | ||
| + | --> | ||
| + | <div class="row"> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/d/d2/T--CIEI-BJ--website009.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Safety">Safety First!</a></h2> | ||
| + | Safety is always our first priority.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="container well" id="mydiv3" style="border:1px solid silver;display:none;"> | ||
| + | <div class="row"> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/0/04/T--CIEI-BJ--website010.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Parts">Parts</a></h2> | ||
| + | All of our parts.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Basic_Part">Basic Parts</a></h2> | ||
| + | A <strong>basic part</strong> is a functional unit of DNA that cannot be subdivided into smaller component parts.</div> | ||
| + | </div> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Composite_Part">Composite Parts</a></h2> | ||
| + | A composite part is a functional unit of DNA consisting of two or more basic parts assembled together. </div> | ||
| + | </div> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> </a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Part_Collection">Part Collection</a></h2> | ||
| + | The whole collection of our parts. </div> | ||
| + | </div> | ||
| + | <p> </p> | ||
| + | </div> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="container well" id="mydiv5" style="border:1px solid silver;display:none;"> | ||
| + | <!-- | ||
| + | <div class="container well" id="mydiv2" style="border:1px solid silver;display:none;"> | ||
| + | --> | ||
| + | <div class="row"> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/c/c0/T--CIEI-BJ--website011.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Attributions">Attributions</a></h2> | ||
| + | The Attribution requirement tells what we did ourselves and what we had help with. </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="container well" id="mydiv6" style="border:1px solid silver;display:none;"> | ||
| + | <!-- | ||
| + | <div class="container well" id="mydiv2" style="border:1px solid silver;display:none;"> | ||
| + | --> | ||
| + | <div class="row"> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/5/53/T--CIEI-BJ--website012.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Human_Practices">Human Practices</a></h2> | ||
| + | This part is our social and environmental context, in order to help us better understand issues that might influence the design and use of our technologies. </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="container well" id="mydiv7" style="border:1px solid silver;display:none;"> | ||
| + | <!-- | ||
| + | <div class="container well" id="mydiv2" style="border:1px solid silver;display:none;"> | ||
| + | --> | ||
| + | <div class="row"> | ||
| + | <div class="col-lg-4 col-md-4 col-sm-6"> | ||
| + | <div class="media"> | ||
| + | <div class="media-left"> <a href="#"> <img class="media-object" src="https://static.igem.org/mediawiki/2016/4/48/T--CIEI-BJ--Model.png" alt="..." width="70" height="70"></a></div> | ||
| + | <div class="media-body"> | ||
| + | <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Model">Model</a></h2> | ||
| + | Here's our model to prove our results and help us finish the experiment.</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | <p> </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <script> | ||
| + | setTimeout(function() { $("#sideMenu").hide();}, 1000); | ||
| + | setTimeout(function() { $("#mydiv1").hide();}, 1000); | ||
| + | setTimeout(function() { $("#sideMenu").hide();}, 2000); | ||
| + | setTimeout(function() { $("#sideMenu").hide();}, 5000); | ||
| + | </script> | ||
| + | |||
| + | <!-- | ||
| + | Tool Bar Zone | ||
| + | --> | ||
| + | <div id="eu-cookie-law" class="hide-on-button" data-hide-timeout="30"> | ||
| + | <form method="post"> | ||
| + | <h4><img src="https://static.igem.org/mediawiki/2016/c/ca/T--CIEI-BJ--InfoPic.png" width="70" height="70" alt=""/> Sorry, but our website is still under construction. If there is any display errors, we are definitely gonna fix them in the end!!! :) </h4> | ||
| + | </form> | ||
| + | </div> | ||
| + | |||
| + | <style> | ||
| + | #eu-cookie-law { | ||
| + | position: fixed; | ||
| + | bottom: 1em; | ||
| + | left: 1em; | ||
| + | right: 1em; | ||
| + | z-index: 50001; | ||
| + | font-size: 12px; | ||
| + | color: #2e4467; | ||
| + | line-height: 1.5; | ||
| + | border: 1px solid #dedede; | ||
| + | padding: 6px 6px 6px 15px; | ||
| + | background-color: #fff; | ||
| + | } | ||
| + | </style> | ||
| + | |||
| + | <!-- | ||
| + | Here is all the zone for outside files including css and js | ||
| + | --> | ||
| + | |||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 16:48, 6 October 2016
Team CIEI_BJ
