Team:Tongji/human-practice

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html>
 +
<!--iframe is not allowed in iGEM, we are trying to fix it.-->
-
<html lang="zh-CN">
 
-
<head>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
-
 
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-
  <meta charset="utf-8">
+
-
  <title>iGEM Tongji 2014</title>
+
-
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
-
 
+
-
  <!-- Le styles -->
+
-
  <link href="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
+
-
  <link href="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet">
+
-
  <link href="assets/css/docs.css" rel="stylesheet">
+
-
  <style>
+
-
  body{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
+
-
  </style>
+
-
  <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
+
-
 
+
-
  <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+
-
    <!--[if lt IE 9]>
+
-
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
+
-
      <![endif]-->
+
-
 
+
-
      <!-- Le fav and touch icons -->
+
-
      <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
+
-
      <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
+
-
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
+
-
      <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
+
-
      <link rel="shortcut icon" href="assets/ico/favicon.png">
+
<script>
<script>
      
      
Line 33: Line 10:
   $('body').empty().removeClass().css('margin','0');
   $('body').empty().removeClass().css('margin','0');
-
</script>
+
  var iframe = $('<iframe src="http://yuiuiuiuiui.cloud66-162.78host.com/scaffolding.html" style="border: 0; width: 100%;"></iframe>').css('height',$(window).height());
-
    </head>
+
  $('body').html(iframe);
-
     <body data-spy="scroll" data-target=".bs-docs-sidebar">
+
  $(window).resize(function () {
 +
     iframe.css('height',$(window).height());
 +
  });
-
    <!-- Navbar
+
</script>
-
    ================================================== -->
+
</html>
-
    <div class="navbar navbar-inverse navbar-fixed-top">
+
-
      <div class="navbar-inner">
+
-
        <div class="container">
+
-
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
-
            <span class="icon-bar"></span>
+
-
            <span class="icon-bar"></span>
+
-
            <span class="icon-bar"></span>
+
-
          </button>
+
-
          <a class="brand"  onclick=window.parent.location.href="https://igem.org/Main_Page"><img src="assets/img/Igemlogo_officiallogo.png"></a>
+
-
          <a class="brand"  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji">Homepage</a>
+
-
          <div class="nav-collapse collapse">
+
-
            <ul class="nav">
+
-
              <li class="">
+
-
                <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji">iGEM Tongji 2014</a>
+
-
              </li>
+
-
              <li class="">
+
-
                <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji/project">Project</a>
+
-
              </li>
+
-
              <li class="active">
+
-
                <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji/human-practice">Human Practice</a>
+
-
              </li>
+
-
              <li class="">
+
-
                <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji/lab-archives">Lab Archives</a>
+
-
              </li>
+
-
              <li class="">
+
-
                <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji/safety">Safety</a>
+
-
              </li>
+
-
              <li class="">
+
-
                <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji/honors-room">Honors Room</a>
+
-
              </li>
+
-
              </li>
+
-
              <li class="dropdown">
+
-
                <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#">Language <b class="caret"></b></a>
+
-
                <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
+
-
                  <li role="presentation"><a role="menuitem" tabindex="-1" onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji/human-practice">English</a></li>
+
-
                  <li role="presentation"><a role="menuitem" tabindex="-1" onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji/human-practice-zh">中文</a></li>
+
-
                </ul>
+
-
              </li>
+
-
<!--              <li class="">
+
-
                <a href="./customize.html">Special</a>
+
-
              </li> -->
+
-
            </ul>
+
-
          </div>
+
-
        </div>
+
-
      </div>
+
-
    </div>
+
-
 
+
-
<!-- Subhead
+
-
  ================================================== -->
+
-
  <header class="jumbotron subhead" id="overview">
+
-
    <div class="container">
+
-
      <h1>Human Practice</h1>
+
-
      <p class="lead"></p>
+
-
    </div>
+
-
  </header>
+
-
 
+
-
 
+
-
  <div class="container">
+
-
 
+
-
    <!-- Docs nav
+
-
    ================================================== -->
+
-
    <div class="row">
+
-
      <div class="span3 bs-docs-sidebar">
+
-
        <ul class="nav nav-list bs-docs-sidenav">
+
-
          <li><a href="#download-bootstrap"><i class="icon-chevron-right"></i> Mini Showroom</a></li>
+
-
          <li><a href="#file-structure"><i class="icon-chevron-right"></i> Outreach</a></li>
+
-
          <li><a href="#contents"><i class="icon-chevron-right"></i> Prospective</a></li>
+
-
          <li><a href="#html-template"><i class="icon-chevron-right"></i> Video</a></li>
+
-
          <li><a href="#html-template2"><i class="icon-chevron-right"></i> Help another team</a></li>
+
-
        </ul>
+
-
      </div>
+
-
      <div class="span9">
+
-
 
+
-
 
+
-
 
+
-
        <!-- Download
+
-
        ================================================== -->
+
-
        <section id="download-bootstrap">
+
-
          <div class="page-header">
+
-
            <h1>Mini Showroom</h1>
+
-
          </div>
+
-
          <p class="lead">临出发前在学校摆个摊。记录下来</p>
+
-
 
+
-
         
+
-
        </section>
+
-
 
+
-
 
+
-
 
+
-
        <!-- File structure
+
-
        ================================================== -->
+
-
        <section id="file-structure">
+
-
          <div class="page-header">
+
-
            <h1>Outreach</h1>
+
-
          </div>
+
-
          <p class="lead">We tightly communicate with several iGEM teams to improve our idea and appreciate their work.</p>
+
-
 
+
-
          <h3>With Shanghai JiaoTong University</h3>
+
-
          <div id="myCarousel" class="carousel slide">
+
-
            <ol class="carousel-indicators">
+
-
              <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
-
              <li data-target="#myCarousel" data-slide-to="1"></li>
+
-
              <li data-target="#myCarousel" data-slide-to="2"></li>
+
-
              <li data-target="#myCarousel" data-slide-to="3"></li>
+
-
              <li data-target="#myCarousel" data-slide-to="4"></li>
+
-
              <li data-target="#myCarousel" data-slide-to="5"></li>
+
-
              <li data-target="#myCarousel" data-slide-to="6"></li>
+
-
              <li data-target="#myCarousel" data-slide-to="7"></li>
+
-
            </ol>
+
-
 
+
-
            <!-- Carousel items -->
+
-
            <div class="carousel-inner">
+
-
              <div class="active item"><img src="assets/img/SJTU/1.jpg" alt="">
+
-
                <div class="carousel-caption">
+
-
 
+
-
                  <p>On 19th April, we invited SJTU to have a mini iGEM communication meeting with us.</p>
+
-
                </div>
+
-
              </div>
+
-
              <div class="item"><img src="assets/img/SJTU/2.jpg" alt="">
+
-
                <div class="carousel-caption">
+
-
                  <p>Our guests helped analyse which project is significant to the reality and can be achieved.</p>
+
-
                </div>
+
-
              </div>
+
-
              <div class="item"><img src="assets/img/SJTU/3.jpg" alt="">
+
-
                <div class="carousel-caption">
+
-
                  <p>Members from Tongji University shared their opinions upon the last year's iGEM projects.</p>
+
-
                </div>
+
-
              </div>
+
-
              <div class="item"><img src="assets/img/SJTU/4.jpg" alt="">
+
-
                <div class="carousel-caption">
+
-
                  <p>What’s your expectation for iGEM? What should an iGEM team do? What’s the challenge? </p>
+
-
                </div>
+
-
              </div>
+
-
              <div class="item"><img src="assets/img/SJTU/5.jpg" alt="">
+
-
                <div class="carousel-caption">
+
-
                  <p>What’s synthetic biology? How is it developing currently? What's the trend?</p>
+
-
                </div>
+
-
              </div>
+
-
              <div class="item"><img src="assets/img/SJTU/6.jpg" alt="">
+
-
                <div class="carousel-caption">
+
-
                  <p>Members from Tongji University shared their opinions upon the last year's iGEM projects.</p>
+
-
                </div>
+
-
              </div>
+
-
              <div class="item"><img src="assets/img/SJTU/7.jpg" alt="">
+
-
                <div class="carousel-caption">
+
-
                  <p>How to lead a team? How to work efficiently?</p>
+
-
                </div>
+
-
              </div>
+
-
              <div class="item"><img src="assets/img/SJTU/8.jpg" alt="">
+
-
                <div class="carousel-caption">
+
-
                  <p>Members from Tongji University shared their opinions upon the last year's iGEM projects.</p>
+
-
                </div>
+
-
              </div>
+
-
            </div>
+
-
            <!-- Carousel nav -->
+
-
            <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
+
-
            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
+
-
 
+
-
          </div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
          <br><br>
+
-
          <p class="lead">On 19th April, we invited members from Shanghai Jiao Tong University(SJTU) to have a mini iGEM communication meeting with us.</p>
+
-
          <p class="lead">During the meeting, SJTU introduced iGEM competition and synthetic biology, shared their experience in team management, and discussed some last year's iGEM projects .</p>
+
-
          <p class="lead">Thank SJTU for giving us a mini but meaningful iGEM communication meeting. We are looking forward to our further collaboration.</p>
+
-
 
+
-
         
+
-
 
+
-
 
+
-
 
+
-
          <h3>With Fudan University</h3>
+
-
         
+
-
 
+
-
          <div id="myCarousel2" class="carousel slide">
+
-
            <ol class="carousel-indicators">
+
-
              <li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
+
-
              <li data-target="#myCarousel2" data-slide-to="1"></li>
+
-
              <li data-target="#myCarousel2" data-slide-to="2"></li>
+
-
              <li data-target="#myCarousel2" data-slide-to="3"></li>
+
-
 
+
-
 
+
-
            </ol>
+
-
            <!-- Carousel items -->
+
-
            <div class="carousel-inner">
+
-
              <div class="active item"><img src="assets/img/FDU/2.jpg" alt="">
+
-
                <div class="carousel-caption">
+
-
                  <p>On 8th June, We had another communication meeting with team Fudan.</p>
+
-
                </div>
+
-
              </div>
+
-
              <div class="item"><img src="assets/img/FDU/3.jpg" alt="">
+
-
                <div class="carousel-caption">
+
-
                  <p>Team Fudan's project idea was fantastic!</p>
+
-
                </div>
+
-
              </div>
+
-
              <div class="item"><img src="assets/img/FDU/5.jpg" alt="">
+
-
                <div class="carousel-caption">
+
-
                  <p>They said they need certain vector in their project.</p>
+
-
                </div>
+
-
              </div>
+
-
              <div class="item"><img src="assets/img/FDU/6.jpg" alt="">
+
-
                <div class="carousel-caption">
+
-
                  <p>We are happy to help them.</p>
+
-
                </div>
+
-
              </div>
+
-
            </div>
+
-
            <!-- Carousel nav -->
+
-
            <a class="carousel-control left" href="#myCarousel2" data-slide="prev">&lsaquo;</a>
+
-
            <a class="carousel-control right" href="#myCarousel2" data-slide="next">&rsaquo;</a>
+
-
 
+
-
          </div>
+
-
 
+
-
          <br><br>
+
-
          <p class="lead">On 8th June, We had another communication meeting with team Fudan. During our meeting, we introduced each other's project, and raised suggestion to the projects.</p>
+
-
          <p class="lead">At the end, team Fudan seeked <a href="./scaffolding.html#html-template2">help</a> from us, and we did all we can to help them.</p>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
        </section>
+
-
 
+
-
 
+
-
 
+
-
        <!-- Contents
+
-
        ================================================== -->
+
-
        <section id="contents">
+
-
          <div class="page-header">
+
-
            <h1>Prospective</h1>
+
-
          </div>
+
-
          <p class="lead">评估本项目在未来的经济价值、环保价值等。</p>
+
-
 
+
-
         
+
-
         
+
-
        </section>
+
-
 
+
-
 
+
-
 
+
-
        <!-- HTML template
+
-
        ================================================== -->
+
-
        <section id="html-template">
+
-
          <div class="page-header">
+
-
            <h1>Video</h1>
+
-
          </div>
+
-
          <p class="lead">You can watch our video on Youtube or Youku, or download from <a  onclick=window.parent.location.href="https://vimeo.com/108265800"><strong>vimeo</strong></a>. Please enjoy our video! </p>
+
-
          <div class="container span9">
+
-
            <a  class="thumbnail span4" onclick=window.parent.location.href="http://v.youku.com/v_show/id_XNzk4ODE3NDA0.html">
+
-
              <img  alt="260x120" src="assets/img/youku.png" style="width: 260px; height: 120px;">
+
-
            </a>
+
-
            <a  class="thumbnail span4" onclick=window.parent.location.href="http://youtu.be/gCHqclyXfXI">
+
-
              <img  alt="260x120" src="assets/img/youtube.png" style="width: 260px; height: 120px;">
+
-
            </a>
+
-
          </div>
+
-
          <br><br><br><br><br><br><br>
+
-
         
+
-
 
+
-
        </section>
+
-
 
+
-
 
+
-
        <!-- HTML template 2
+
-
        ================================================== -->
+
-
        <section id="html-template2">
+
-
          <div class="page-header">
+
-
            <h1>Help another team</h1>
+
-
          </div>
+
-
          <p class="lead">During this summer, we provided assistance within our capacity to <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Fudan">Fudan</a>, another iGEM team.</p>
+
-
         
+
-
 
+
-
 
+
-
          <div id="myCarousel4" class="carousel slide">
+
-
            <ol class="carousel-indicators">
+
-
              <li data-target="#myCarousel4" data-slide-to="0" class="active"></li>
+
-
              <li data-target="#myCarousel4" data-slide-to="1"></li>
+
-
              <li data-target="#myCarousel4" data-slide-to="2"></li>
+
-
            </ol>
+
-
            <!-- Carousel items -->
+
-
            <div class="carousel-inner">
+
-
              <div class="active item"><img src="assets/img/HelpFDU/1.jpg" >
+
-
                <div class="carousel-caption">
+
-
                  <p>Our professor gave them instruction and resources</p>
+
-
                </div>
+
-
              </div>
+
-
 
+
-
              <div class="item"><img src="assets/img/HelpFDU/2.jpg" >
+
-
                <div class="carousel-caption">
+
-
                  <p>Provide some significant information about cell cultivation</p>
+
-
                </div>
+
-
              </div>
+
-
              <div class="item"><img src="assets/img/HelpFDU/3.jpg" >
+
-
                <div class="carousel-caption">
+
-
                  <p>Provide them with the plasmid vectors</p>
+
-
                </div>
+
-
              </div>
+
-
            </div>
+
-
            <!-- Carousel nav -->
+
-
            <a class="carousel-control left" href="#myCarousel4" data-slide="prev">&lsaquo;</a>
+
-
            <a class="carousel-control right" href="#myCarousel4" data-slide="next">&rsaquo;</a>
+
-
          </div>
+
-
          <br>
+
-
          <br>
+
-
          <p class="lead">We offer help to Fudan University on their iGEM project, including:</p>
+
-
 
+
-
          <table class="table table-hover">
+
-
            <thead>
+
-
              <tr>
+
-
                <th class="text span2">Assistance</th>
+
-
                <th class="text span2">Item</th>
+
-
                <th class="text">Detail</th>
+
-
 
+
-
              </tr>
+
-
            </thead>
+
-
            <tbody>
+
-
              <tr>
+
-
                <td><img src="assets/img/star.png"><img src="assets/img/star.png"><img src="assets/img/star.png"></td>
+
-
                <td><div >Provide a plasmid vector named ‘fvw-tet-oskm’</div></td>
+
-
                <td><div >It is a plasmid containing the four Yamanaka factors(Oct4, Sox2, Klf4 and c-Myc), and the factors are connected with a T2A linker. It can be used to induce iPSCs.</div></td>
+
-
              </tr>
+
-
              <tr>
+
-
                <td><img src="assets/img/star.png"><img src="assets/img/star.png"><img src="assets/img/star.png"></td>
+
-
                <td><div >Provide a plasmid vector named ‘fvw-tet-sox2’</div></td>
+
-
                <td><div >It is a plasmid containing the gene, Sox2. It can be used to induce neuron stem cells.</div></td>
+
-
              </tr>
+
-
              <tr>
+
-
                <td><img src="assets/img/star.png"><img src="assets/img/star.png"></td>
+
-
                <td><div >Provide some significant information about cell cultivation</div></td>
+
-
                <td><div >We provide the recipe of medium and the protocol for cultivating for neuron cells, iPSCs
+
-
                  and neuron stem cells.</div></td>
+
-
                </tr>
+
-
              <tr>
+
-
                  <td><img src="assets/img/star.png"></td>
+
-
                  <td><div >Help to solve some detailed problems</div></td>
+
-
                  <td><div >We also help them to solve some detailed problems, such as helping to choose markers for iPSc screening and recommending kits and reagents for their experiments.</div></td>
+
-
              </tr>
+
-
            </tbody>       
+
-
 
+
-
          </table>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
        </section>
+
-
 
+
-
 
+
-
 
+
-
      </div>
+
-
    </div>
+
-
 
+
-
  </div>
+
-
 
+
-
 
+
-
 
+
-
    <!-- Footer
+
-
    ================================================== -->
+
-
    <footer class="footer">
+
-
      <div class="container">
+
-
        <p>Tongji University, 2014</p>
+
-
       
+
-
      </div>
+
-
    </footer>
+
-
 
+
-
 
+
-
 
+
-
    <!-- Le javascript
+
-
    ================================================== -->
+
-
    <!-- Placed at the end of the document so the pages load faster -->
+
-
   
+
-
    <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
+
-
    <script src="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
+
-
 
+
-
    <script src="http://cdn.bootcss.com/holder/2.0/holder.min.js"></script>
+
-
    <script src="assets/js/google-code-prettify/prettify.js"></script>
+
-
 
+
-
    <script src="assets/js/application.js"></script>
+
-
 
+
-
    <script>
+
-
    $(function ()
+
-
      { $("#myCarousel").carousel();
+
-
    });
+
-
    </script>
+
-
 
+
-
  </body>
+
-
  </html>
+

Revision as of 13:34, 11 October 2014

Retrieved from "http://2014.igem.org/Team:Tongji/human-practice"