Difference between revisions of "Team:SCAU-China/Notebook"
| (33 intermediate revisions by 3 users not shown) | |||
| Line 5: | Line 5: | ||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/> | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/> | ||
<title>SCAU</title> | <title>SCAU</title> | ||
| + | <link href="https://2016.igem.org/Team:SCAU-China/css/shake?action=raw&ctype=text/css" rel="stylesheet"> | ||
<link href="https://2016.igem.org/Team:SCAU-China/css2file?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2016.igem.org/Team:SCAU-China/css2file?action=raw&ctype=text/css" rel="stylesheet"> | ||
| − | |||
<link href="https://2016.igem.org/Team:SCAU-China/CSS/team-style?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | <link href="https://2016.igem.org/Team:SCAU-China/CSS/team-style?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
<link href="https://2016.igem.org/Team:SCAU-China/CSS/team?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | <link href="https://2016.igem.org/Team:SCAU-China/CSS/team?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<style> | <style> | ||
#sideMenu, #top_title {display:none;} | #sideMenu, #top_title {display:none;} | ||
#content { padding:0px; width:100%; margin-top:0px; margin-left:0px;} | #content { padding:0px; width:100%; margin-top:0px; margin-left:0px;} | ||
| + | .p_font_size{ | ||
| + | font-size:20px; | ||
| + | text-indent:1em; | ||
| + | line-height:130%; | ||
| + | } | ||
| + | .h1_font_size{ | ||
| + | font-size:36px; | ||
| + | text-align:center; | ||
| + | line-height:200%; | ||
| + | } | ||
| + | .h2_font_size{ | ||
| + | font-size:28px; | ||
| + | line-height:200%; | ||
| + | } | ||
| + | .photo_center{ | ||
| + | align-content:center; | ||
| + | } | ||
| + | .h3_font_size{ | ||
| + | font-size:24px; | ||
| + | line-height:180%; | ||
| + | } | ||
| + | #next_page{opacity:0.6;} | ||
| + | #next_page:hover {opacity:1;} | ||
</style> | </style> | ||
| + | |||
| + | |||
</head> | </head> | ||
<body> | <body> | ||
| Line 45: | Line 65: | ||
<ul id="dropdown5" class="dropdown-content"> | <ul id="dropdown5" class="dropdown-content"> | ||
<li><a href=" https://2016.igem.org/Team:SCAU-China/Notebook">Notebook</a></li> | <li><a href=" https://2016.igem.org/Team:SCAU-China/Notebook">Notebook</a></li> | ||
| − | <li><a href="https://2016.igem.org/Team: SCAU-China/Gallery">Gallery</a></li> | + | <li><a href="https://2016.igem.org/Team:SCAU-China/Gallery">Gallery</a></li> |
| − | <li><a href="https://2016.igem.org/Team: SCAU-China/Protocol">Protocol</a></li> | + | <li><a href="https://2016.igem.org/Team:SCAU-China/Protocol">Protocol</a></li> |
</ul> | </ul> | ||
<ul id="dropdown6" class="dropdown-content"> | <ul id="dropdown6" class="dropdown-content"> | ||
| Line 85: | Line 105: | ||
</nav> | </nav> | ||
</div> | </div> | ||
| − | + | ||
| − | <div class="container | + | <div class="container"> |
| − | <div class="col | + | <div class="row col"> |
| − | <div | + | <div class="h1_font_size">Notebook</div> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | </div> | + | </div> |
| + | |||
| + | <div class="row" style="margin-top:20px"> | ||
| + | <div class="col s12" align="center"> | ||
| + | <img alt="image" class="img-responsive" align="center" src="https://static.igem.org/mediawiki/2016/e/e5/T--SCAU-China--notebook_top.png" width="1000px"> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col s12"> | ||
| + | <div class="carousel"> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/3/38/T--SCAU-China--Notebook_time_shaft49.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/a/a9/T--SCAU-China--Notebook_time_shaft1.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/9/91/T--SCAU-China--Notebook_time_shaft2.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/f/f7/T--SCAU-China--Notebook_time_shaft3.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/b/bd/T--SCAU-China--Notebook_time_shaft4.jpg"> </div> | ||
| + | |||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/4/4d/T--SCAU-China--Notebook_time_shaft5.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/c/c9/T--SCAU-China--Notebook_time_shaft6.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/9/9c/T--SCAU-China--Notebook_time_shaft7.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/3/31/T--SCAU-China--Notebook_time_shaft8.jpg"> </div> | ||
| + | |||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/4/46/T--SCAU-China--Notebook_time_shaft9.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/f/f4/T--SCAU-China--Notebook_time_shaft10.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/d/d8/T--SCAU-China--Notebook_time_shaft11.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/a/ac/T--SCAU-China--Notebook_time_shaft12.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/9/99/T--SCAU-China--Notebook_time_shaft13.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/c/c8/T--SCAU-China--Notebook_time_shaft14.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/f/f7/T--SCAU-China--Notebook_time_shaft50.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/9/9d/T--SCAU-China--Notebook_time_shaft16.jpg"> </div> | ||
| + | |||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/5/5e/T--SCAU-China--Notebook_time_shaft17.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/9/93/T--SCAU-China--Notebook_time_shaft18.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/b/b8/T--SCAU-China--Notebook_time_shaft19.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/e/ec/T--SCAU-China--Notebook_time_shaft20.jpg"> </div> | ||
| + | |||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/c/cf/T--SCAU-China--Notebook_time_shaft21.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/2/25/T--SCAU-China--Notebook_time_shaft22.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/8/8a/T--SCAU-China--Notebook_time_shaft23.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/e/e6/T--SCAU-China--Notebook_time_shaft24.jpg"> </div> | ||
| + | |||
| + | |||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/d/d2/T--SCAU-China--Notebook_time_shaft25.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/d/d1/T--SCAU-China--Notebook_time_shaft26.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/b/b8/T--SCAU-China--Notebook_time_shaft27.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/0/01/T--SCAU-China--Notebook_time_shaft28.jpg"> </div> | ||
| + | |||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/4/4b/T--SCAU-China--Notebook_time_shaft29.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/b/bd/T--SCAU-China--Notebook_time_shaft30.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/0/07/T--SCAU-China--Notebook_time_shaft31.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/9/96/T--SCAU-China--Notebook_time_shaft33.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/5/5c/T--SCAU-China--Notebook_time_shaft35.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/8/80/T--SCAU-China--Notebook_time_shaft36.jpg"> </div> | ||
| + | |||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/d/d1/T--SCAU-China--Notebook_time_shaft52.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/9/96/T--SCAU-China--Notebook_time_shaft38.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/4/49/T--SCAU-China--Notebook_time_shaft51.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/f/f4/T--SCAU-China--Notebook_time_shaft40.jpg"> </div> | ||
| + | |||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/e/e2/T--SCAU-China--Notebook_time_shaft41.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/d/d0/T--SCAU-China--Notebook_time_shaft42.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/0/06/T--SCAU-China--Notebook_time_shaft43.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/0/07/T--SCAU-China--Notebook_time_shaft44.jpg"> </div> | ||
| + | |||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/0/06/T--SCAU-China--Notebook_time_shaft45.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/c/c3/T--SCAU-China--Notebook_time_shaft46.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/7/79/T--SCAU-China--Notebook_time_shaft47.jpg"> </div> | ||
| + | <div class="carousel-item"> <img src="https://static.igem.org/mediawiki/2016/9/98/T--SCAU-China--Notebook_time_shaft48.jpg"> </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col s12" style=" margin-top:-150px"> | ||
| + | <div class="col s3"> </div> | ||
| + | <div class="col s3" align="center"><img id="pp" src="" width="400px"/></div> | ||
| + | <div class="col s3"></div> | ||
| + | </div> | ||
| + | |||
</body> | </body> | ||
| − | <script> | + | <div class="shake-slow" style=" cursor:pointer;position:fixed; right:20px; bottom:20px;"> |
| − | + | <img src="https://static.igem.org/mediawiki/2016/f/fa/T--SCAU-China--Home5.png" onClick="abc()" width="100px" /> | |
| − | + | </div> | |
| − | + | <div id="next_page" style=" cursor:pointer;position:fixed; right:20px; top:50%;"> | |
| − | + | <a href="https://2016.igem.org/Team:SCAU-China/Gallery"><img src="https://static.igem.org/mediawiki/2016/6/61/T--SCAU-China--Home11.png" width="100px" /></a> | |
| − | + | </div> | |
| − | + | <script> | |
| − | + | window.onload=function(){ | |
| − | + | ||
| − | + | var p=document.getElementsByClassName('carousel-item'); | |
| − | + | var pp=document.getElementById('pp'); | |
| − | + | for(var i=0;i<p.length;i++) | |
| − | + | { | |
| − | + | p[i].onclick=function () | |
| − | + | { | |
| − | + | var a=this.firstElementChild; | |
| − | + | pp.src=a.src; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| + | |||
| + | var s=document.getElementsByClassName('slider'); | ||
| + | $('.carousel').carousel({dist: -50}); | ||
| + | $('.carousel').carousel({shift: 100}); | ||
| + | $('.carousel').carousel({indicators: true}); | ||
| + | |||
| + | $('.carousel').slider({full_width: true}); | ||
| + | |||
| + | $('.materialboxed').materialbox(); | ||
| + | } | ||
| + | </script> | ||
| + | |||
| + | <script> | ||
| + | var timer = null; | ||
| + | function abc(){ | ||
| + | cancelAnimationFrame(timer); | ||
| + | timer = requestAnimationFrame(function fn(){ | ||
| + | var oTop = document.body.scrollTop || document.documentElement.scrollTop; | ||
| + | if(oTop > 0){ | ||
| + | document.body.scrollTop = document.documentElement.scrollTop = oTop - 50; | ||
| + | timer = requestAnimationFrame(fn); | ||
| + | }else{ | ||
| + | cancelAnimationFrame(timer); | ||
| + | } | ||
| + | }); | ||
| + | } | ||
</script> | </script> | ||
| − | |||
| − | |||
| − | |||
<script src="https://2016.igem.org/Team:SCAU-China/jsfile?action=raw&ctype=text/javascript"></script> <!--mater--> | <script src="https://2016.igem.org/Team:SCAU-China/jsfile?action=raw&ctype=text/javascript"></script> <!--mater--> | ||
Latest revision as of 05:40, 18 October 2016
Notebook
