Difference between revisions of "Team:CHINA CD UESTC/Protocol"

 
(35 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Template:Team:CHINA_CD_UESTC/menu}}
 
{{Template:Team:CHINA_CD_UESTC/menu}}
 +
{{Template:Team:CHINA_CD_UESTC/cssstyle}}
 +
 +
  
 
<!DOCTYPE html>
 
<!DOCTYPE html>
−
<!-- saved from url=(0028)http://www.whitefrontier.ch/ -->
+
<html>
−
<html lang="en" class="js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths wf-brandongrotesque-i4-active wf-brandongrotesque-i7-active wf-brandongrotesque-n4-active wf-brandongrotesque-n7-active wf-dincondensedweb-n4-active wf-freightbigpro-i4-active wf-freightbigpro-i7-active wf-freightbigpro-n4-active wf-freightbigpro-n7-active wf-active">
+
 
<head>
 
<head>
  
−
<link rel="stylesheet" href="https://2015.igem.org/Team:CHINA_CD_UESTC/Template:RightStyle.css?action=raw&ctype=text/css" type="text/css" />
+
 
 
</head>
 
</head>
−
<style type="text/css">
+
  <style>
 +
 
 +
</style>
 +
 
 +
  <style type="text/css">
 
/*************************************************
 
/*************************************************
−
whole right section
+
        whole right section
  
 
***********************************************/
 
***********************************************/
 
#RightSection {
 
#RightSection {
−
position: fixed;
+
  position: fixed;
−
left: 260px;
+
  left: 260px;
−
top: 0;
+
  top: 0;
−
right: 0;
+
  right: 0;
−
height:100%;
+
  height:1200px;
−
background:#F0F0F0;
+
  background:#F0F0F0;
−
background-image:url("https://static.igem.org/mediawiki/2015/7/79/CHINA_CD_UESTC_NBbg.jpg");
+
  background-image:url("https://static.igem.org/mediawiki/2015/7/79/CHINA_CD_UESTC_NBbg.jpg");
−
overflow-y: scroll;
+
  overflow-y: scroll;
−
background-repeat: repeat;
+
  background-repeat: repeat;
−
background-size: 180px;
+
  background-size: 180px;
−
background-position:  
+
  background-position:  
  
−
transition: all 200ms ease-out;
+
  transition: all 200ms ease-out;
−
transform: translate3d(0, 0, 0);
+
  transform: translate3d(0, 0, 0);
−
z-index:1;
+
  z-index:1;
  
 
}
 
}
−
#firstTitle {
 
−
left:600px;
 
  
−
}
 
 
</style>
 
</style>
 +
 
<body id="homeIndexBody">
 
<body id="homeIndexBody">
−
<div id="RightSection"></div>
+
  <div id="RightSection"></div>
 +
 
 +
  <div id="title">
 +
    <div id="firstTitle">
 +
      <p>
 +
        <B>PROTOCOL</B>
 +
      </p>
 +
    </div>
 +
  </div>
 +
 
 +
  <div id="RightContent">
 +
    <div class="transparent_class ">
 +
      <p class="blockWords">
 +
        &nbsp;&nbsp;Here is our entire experimental standard used in the project. If you want to repeat our project, we propose to operate in accordance with these standards. Meanwhile, the application of these specific experiment standards has been presented on the Method page, if necessary, you can go and have a view.
 +
      </p>
 +
    </div>
 +
 
 +
    <div id="RightContentText">
  
−
<div id="title">
+
      <div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
 +
        <div class="container clearfix">
  
−
<div id="firstTitle"><p><B>PROTOCOL</B></p></div>
+
          <div id="content" class="grid_12"> <strong><h2>Protocols</h2></strong>  
−
</div>
+
          </div>
 +
          <div class="clear"></div>
 +
          <div id="content">
 +
            <div class="grid_8">
 +
              <p>
 +
                In order to make our experiment can be repeated, we share our protocols to you responsibility.
 +
                <br>Our protocols are divided into four parts，as follow：</p>
 +
            </div>
  
−
<div id="RightContent">
+
            <div class="clear"></div>
−
<div class="transparent_class ">
+
−
<p class="blockWords">&nbsp;&nbsp;We are a skillful and persistent group of nine Finns. We started as a group of students who didn't really know each other, assuming that we were going to spend our summer studying synthetic biology with strange colleagues. In the end we got a bunch of new friends and (in addition to studying synthetic biology) we just might have spent one of the best summers of our lives.</p>
+
−
</div>
+
  
−
<div id="RightContentText">
+
          </div>
−
<div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
+
−
<div class="container clearfix">
+
−
+
−
<div id="content" class="grid_12">
+
−
<strong><h2>Protocols</h2></strong>
+
−
</div>
+
−
<div class="clear"></div>
+
−
+
−
<div id="content">
+
−
<div class="grid_8">
+
−
<h4>Biography</h4>
+
−
<p>Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus. Integer neque dolor, rhoncus nec euismod eget, pharetra et tortor. Nulla id pulvinar nunc. Vestibulum auctor nisl vel lectus ullamcorper sed pellentesque dolor eleifend. Praesent lobortis magna vel diam mattis sagittis.</p>
+
−
<p>Mauris porta odio eu risus scelerisque id facilisis ipsum dictum vitae volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar neque eu purus sollicitudin et sollicitudin dui ultricies. Maecenas cursus auctor tellus sit amet blandit. Maecenas a erat ac nibh molestie interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lorem enim, ultricies sed sodales id, convallis molestie ipsum. Morbi eget dolor ligula. Vivamus accumsan rutrum nisi nec elementum. Pellentesque at nunc risus. Phasellus ullamcorper bibendum varius.  Quisque quis ligula sit amet felis ornare porta. Aenean viverra lacus et mi elementum mollis. Praesent eu justo elit.</p>
+
−
</div>
+
  
−
<div class="clear"></div>
+
        </div>
−
+
      </div>
−
</div>
+
−
+
−
</div>
+
−
</div>
+
  
 +
      <div id="page">
 +
        <div class="leftside">
 +
          <ul>
 +
            <li>
 +
              <button class="button green larrow" onclick="showprot('#prot1')">Bacterial culture</button>
 +
            </li>
 +
            <li>
 +
              <button class="button green larrow" onclick="showprot('#prot2')">Molecular Biotechnology</button>
 +
            </li>
 +
            <li>
 +
              <button class="button green larrow" onclick="showprot('#prot3')">Analysis method</button>
 +
            </li>
 +
            <li>
 +
              <button class="button green larrow" onclick="showprot('#prot4')">Reagent</button>
 +
            </li>
  
 +
          </ul>
 +
        </div>
 +
        <script type="text/javascript">
 +
    function showprot(pid){
 +
      $(".protocolactive").each(function() {
 +
        $(this).addClass("protocol");
 +
        $(this).removeClass("protocolactive");
 +
      });
 +
      $(pid).addClass("protocolactive");
 +
    }
 +
   
 +
    document.onkeydown = function(evt) {
 +
      evt = evt || window.event;
 +
      switch (evt.keyCode) {
 +
          case 37:
 +
              leftArrowPressed();
 +
              break;
 +
          case 39:
 +
            rightArrowPressed();
 +
            break;
 +
      }
 +
  };
 +
  </script>
 +
        <div class="rightside">
 +
          <div id="prot1" class="protocolactive">
 +
            <object data="https://static.igem.org/mediawiki/2015/5/52/CHINA_CD_UESTC_Protocol01.pdf" type="application/pdf" width="100%" height="580px">
 +
              <p>
 +
                It appears you don't have a PDF plugin for this browser.
 +
        No biggie... you can
 +
                <a href="myfile.pdf">
 +
                  click here to
 +
        download the PDF file.
 +
                </a>
 +
              </p>
 +
            </object>
 +
          </div>
  
 +
          <div id="prot2" class="protocol">
 +
            <object data="https://static.igem.org/mediawiki/2015/2/26/CHINA_CD_UESTC_Protocol02.pdf" width="100%" height="580px">
 +
              <p>
 +
                It appears you don't have a PDF plugin for this browser.
 +
        No biggie... you can
 +
                <a href="myfile.pdf">
 +
                  click here to
 +
      download the PDF file.
 +
                </a>
 +
              </p>
 +
            </object>
 +
          </div>
  
 +
          <div id="prot3" class="protocol">
 +
            <object data="https://static.igem.org/mediawiki/2015/2/2b/CHINA_CD_UESTC_Protocol03.pdf" width="100%" height="580px">
 +
              <p>
 +
                It appears you don't have a PDF plugin for this browser.
 +
        No biggie... you can
 +
                <a href="myfile.pdf">
 +
                  click here to
 +
        download the PDF file.
 +
                </a>
 +
              </p>
 +
            </object>
 +
          </div>
  
 +
          <div id="prot4" class="protocol">
 +
            <object data="https://static.igem.org/mediawiki/2015/1/12/CHINA_CD_UESTC_Protocol04.pdf" width="100%" height="580px">
 +
              <p>
 +
                It appears you don't have a PDF plugin for this browser.
 +
        No biggie... you can
 +
                <a href="myfile.pdf">
 +
                  click here to
 +
        download the PDF file.
 +
                </a>
 +
              </p>
 +
            </object>
 +
          </div>
 +
        </div>
  
−
</div>
+
      </div>
−
</div>
+
      <div style="clear: both;"></div>
−
</div>
+
    </div>
 +
    <!-- ########## Don't edit below ########## --> </div>
  
 
</body>
 
</body>
−
</html>
 

Latest revision as of 16:15, 11 September 2015


<!DOCTYPE html>

PROTOCOL

  Here is our entire experimental standard used in the project. If you want to repeat our project, we propose to operate in accordance with these standards. Meanwhile, the application of these specific experiment standards has been presented on the Method page, if necessary, you can go and have a view.

Protocols

In order to make our experiment can be repeated, we share our protocols to you responsibility.
Our protocols are divided into four parts，as follow：

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.