Difference between revisions of "Team:SCAU-China/Notebook"

(Prototype team page)
 
 
(36 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{SCAU-China}}
 
−
<html>
 
  
 +
<html lang="en">
 +
<head>
 +
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
 +
    <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/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">
 +
 +
<style>
 +
#sideMenu, #top_title {display:none;}
 +
#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>
  
−
<div class="column full_size">
 
  
−
<p> Document the dates you worked on your project.</p>
+
</head>
 +
<body>
 +
<div>
 +
<!-- Moken -->
 +
  <ul id="dropdown1" class="dropdown-content">
 +
    <li><a href="https://2016.igem.org/Team:SCAU-China/Time_shaft">Time shaft</a></li>
 +
    <li><a href="https://2016.igem.org/Team:SCAU-China/Members">Members</a></li>
 +
    <li><a href="https://2016.igem.org/Team:SCAU-China/Advisors">Advisors</a></li>
 +
    <li><a href="  https://2016.igem.org/Team:SCAU-China/Attributions">Attributions  </a></li>
 +
    <li><a href=" https://2016.igem.org/Team:SCAU-China/Collaborations">Collaborations</a></li>
 +
  </ul>
 +
  <ul id="dropdown2" class="dropdown-content">
 +
    <li><a href="https://2016.igem.org/Team:SCAU-China/Description">Description</a></li>
 +
    <li><a href=" https://2016.igem.org/Team:SCAU-China/Design">Design</a></li>
 +
  </ul>
 +
  <ul id="dropdown3" class="dropdown-content">
 +
    <li><a href="https://2016.igem.org/Team:SCAU-China/Basic_Part">Basic parts</a></li>
 +
  </ul>
 +
  <ul id="dropdown4" class="dropdown-content">
 +
    <li><a href=" https://2016.igem.org/Team:SCAU-China/Experiments"> Experiments  </a></li>
 +
    <li><a href="https://2016.igem.org/Team:SCAU-China/Proof">Proof</a></li>
 +
    <li><a href="https://2016.igem.org/Team:SCAU-China/Demonstrate">Demonstrate</a></li>
 +
    <li><a href="https://2016.igem.org/Team:SCAU-China/Model">Model</a></li>
 +
  </ul>
 +
  <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/Gallery">Gallery</a></li>
 +
    <li><a href="https://2016.igem.org/Team:SCAU-China/Protocol">Protocol</a></li>
 +
  </ul>
 +
<ul id="dropdown6" class="dropdown-content">
 +
    <li><a href="https://2016.igem.org/Team:SCAU-China/Safety">Safety</a></li>
 +
  </ul>
 +
  <ul id="dropdown7" class="dropdown-content">
 +
    <li><a href="  https://2016.igem.org/Team:SCAU-China/HP/Silver">Silver</a></li>
 +
    <li><a href=" https://2016.igem.org/Team:SCAU-China/HP/Gold">Gold </a></li>
 +
    <li><a href="https://2016.igem.org/Team:SCAU-China/Integrated_Practices">Integrated</a></li>
 +
    <li><a href=" https://2016.igem.org/Team:SCAU-China/Engagement">Engagement</a></li>
 +
    <li><a href=" https://2016.igem.org/Team:SCAU-China/Entrepreneurship">Entrepreneurship</a></li>
 +
  </ul>
 +
  </div>
 +
  <!-- M -->
 +
  <div class="navbar-fixed">
 +
  <nav>
 +
    <div class="nav-wrapper">
 +
      <a href="https://2016.igem.org/Team:SCAU-China" class="brand-logo" data-beloworigin="true" data-constrainwidth="false" data-activates="dropdown7">&nbsp;HOME</a>
 +
       
 +
       
 +
     
 +
       
 +
       
 +
       
 +
      <a class="right brand-logo dropdown-button" data-beloworigin="true" data-constrainwidth="false" style="cursor:pointer"  data-activates="dropdown7">HUMAN PRACTICES</a>
 +
<a class="right brand-logo dropdown-button" data-beloworigin="true" data-constrainwidth="false" style="cursor:pointer"  data-activates="dropdown6">SAFETY</a>
 +
<a class="right brand-logo dropdown-button" data-beloworigin="true" data-constrainwidth="false" style="cursor:pointer"  data-activates="dropdown5">NOTE</a>
 +
<a class="right brand-logo dropdown-button" data-beloworigin="true" data-constrainwidth="false" style="cursor:pointer"  data-activates="dropdown4">RESULTS</a>
 +
<a class="right brand-logo dropdown-button" data-beloworigin="true" data-constrainwidth="false"  style="cursor:pointer"  data-activates="dropdown3">PARTS</a>
 +
  <a class="right brand-logo dropdown-button" data-beloworigin="true" data-constrainwidth="false" style="cursor:pointer"  data-activates="dropdown2">PROJECT</a>
 +
      <a class="right brand-logo dropdown-button" data-beloworigin="true" data-constrainwidth="false" style="cursor:pointer"  data-activates="dropdown1">TEAM</a>
 +
   
  
−
</div>
 
  
−
<div class="column half_size">
 
−
<h5>What should this page have?</h5>
 
−
<ul>
 
−
<li>Chronological notes of what your team is doing.</li>
 
−
<li> Brief descriptions of daily important events.</li>
 
−
<li>Pictures of your progress. </li>
 
−
<li>Mention who participated in what task.</li>
 
−
</ul>
 
  
 +
      </ul>
 +
    </div>
 +
  </nav>
 +
  </div>
 +
 +
    <div class="container">
 +
<div class="row col">
 +
<div class="h1_font_size">Notebook</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>
 +
 +
<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>
 +
<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});
  
−
<div class="column half_size">
+
      $('.carousel').slider({full_width: true});
−
<h5>Inspiration</h5>
+
 
−
<p>You can see what others teams have done to organize their notes:</p>
+
$('.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 src="https://2016.igem.org/Team:SCAU-China/jsfile?action=raw&ctype=text/javascript"></script>  <!--mater-->
  
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
 
−
</ul>
 
  
−
</div>
 
 
</html>
 
</html>

Latest revision as of 05:40, 18 October 2016

SCAU

Notebook
image