Team:Tongji/human-practice-zh

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <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> <script> $(...")
 
(7 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<!-- <!DOCTYPE html> -->
-
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<html lang="en">
-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+
<!--Important:clear page-->
-
<script>
+
<script>    $('head').empty(); </script>
 +
<!--End clear page-->
 +
<head>
 +
    <meta charset="utf-8">
 +
    <title>iGEM Tongji 2014</title>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <style>
 +
  /*Clear existing style*/
 +
 
 +
 
 +
  #contentSub, #menubar, #footer-box, #siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
 +
    display:none;
 +
  }
 +
 
 +
  html, body {
 +
    width: auto !important;
 +
/*    overflow-x: hidden !important;*/
 +
    height: 100% !important;
 +
 
 +
  }
 +
  /*End claer*/
 +
  /*Responsive SideBar Hidden*/
 +
  @media (max-width: 979px) {
 +
#NelsonSideBar{display: none;}
 +
  }
 +
  /*End Responsive SideBar Hidden*/
 +
</style>
 +
    <!-- Le styles -->
 +
  <link href="https://2014.igem.org/Team:Tongji/bootstrap_min_css?action=raw&ctype=text/css" rel="stylesheet">
 +
  <link href="https://2014.igem.org/Team:Tongji/bootstrap-responsive_min_css?action=raw&ctype=text/css" rel="stylesheet">
 +
  <link href="https://2014.igem.org/Team:Tongji/docs_css?action=raw&ctype=text/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="https://2014.igem.org/Team:Tongji/prettify_css?action=raw&ctype=text/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]-->
 +
 
 +
 
 +
    </head>
 +
 
 +
    <body data-spy="scroll" data-target=".bs-docs-sidebar">
 +
 
 +
    <!-- Navbar
 +
    ================================================== -->
 +
    <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>
 +
 
 +
 
 +
 
 +
          <div class="nav-collapse collapse role="navigation>
 +
            <ul class="nav navbar-nav">
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji-zh">iGEM 同济 2014</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/project-zh">项目介绍</a>
 +
              </li>
 +
              <li class="active">
 +
                <a  href="https://2014.igem.org/Team:Tongji/human-practice-zh">对外事务所</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/lab-archives-zh">实验室档案馆</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/safety-zh">安全保障</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/honors-room-zh">荣誉室</a>
 +
              </li>
 +
 
 +
 
 +
 
 +
 
 +
              <li class="dropdown">
 +
                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" >语言 <b class="caret"></b></a>
 +
                <ul  class="dropdown-menu" >
 +
                  <li ><a  href="https://2014.igem.org/Team:Tongji/human-practice"  >English</a></li>
 +
                  <li role="presentation"><a href="https://2014.igem.org/Team:Tongji/human-practice-zh">中文</a></li>
 +
                </ul>
 +
              </li>
 +
 
 +
                 
 +
 
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
<!-- Subhead
 +
  ================================================== -->
 +
  <header class="jumbotron subhead" id="overview">
 +
    <div class="container">
 +
      <h1>对外事务所</h1>
 +
      <p class="lead"></p>
 +
    </div>
 +
  </header>
 +
 
 +
 
 +
  <div class="container">
 +
 
 +
    <!-- Docs nav
 +
    ================================================== -->
 +
    <div class="row">
 +
      <div class="span3 bs-docs-sidebar" id="NelsonSideBar">
 +
        <ul class="nav nav-list bs-docs-sidenav">
 +
          <li><a href="#download-bootstrap"><i class="icon-chevron-right"></i> 迷你宣传摊</a></li>
 +
          <li><a href="#file-structure"><i class="icon-chevron-right"></i> 对外交流</a></li>
 +
          <li><a href="#html-template"><i class="icon-chevron-right"></i> 视频</a></li>
 +
          <li><a href="#html-template2"><i class="icon-chevron-right"></i> 帮助另一支队伍</a></li>
 +
        </ul>
 +
      </div>
 +
      <div class="span9">
 +
 
 +
 
 +
 
 +
        <!-- Download
 +
        ================================================== -->
 +
        <section id="download-bootstrap">
 +
          <div class="page-header">
 +
            <h1>迷你宣传摊</h1>
 +
          </div>
 +
          <p class="lead">将在iGEM大会上揭晓。</p>
 +
 
 +
         
 +
        </section>
 +
 
 +
 
 +
 
 +
        <!-- File structure
 +
        ================================================== -->
 +
        <section id="file-structure">
 +
          <div class="page-header">
 +
            <h1>对外交流</h1>
 +
          </div>
 +
          <p class="lead">我们紧密地和几支上海地区地iGEM队伍进行交流，改进我们的想法，也欣赏他们的成果。</p>
 +
 
 +
          <h3>与上海交通大学</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="https://static.igem.org/mediawiki/2014/8/82/SJTU1.jpg" alt="">
 +
                <div class="carousel-caption">
 +
 
 +
                  <p>4月19日，我们邀请交大的同学跟我们搞个迷你交流会。</p>
 +
                </div>
 +
              </div>
 +
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/2/2a/SJTU2.JPG" alt="">
 +
                <div class="carousel-caption">
 +
                  <p>交大同学帮忙思考项目方向。</p>
 +
                </div>
 +
              </div>
 +
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/f/f5/SJTU3.JPG" alt="">
 +
                <div class="carousel-caption">
 +
                  <p>同济同学点评去年获奖项目。</p>
 +
                </div>
 +
              </div>
 +
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/b/b5/SJTU4.JPG" alt="">
 +
                <div class="carousel-caption">
 +
                  <p>他带给我们关于iGEM的思考。</p>
 +
                </div>
 +
              </div>
 +
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/a/ae/SJTU5.JPG" alt="">
 +
                <div class="carousel-caption">
 +
                  <p>合成生物学的现状和展望。</p>
 +
                </div>
 +
              </div>
 +
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/9/9c/SJTU6.JPG" alt="">
 +
                <div class="carousel-caption">
 +
                  <p>同济同学点评去年获奖项目。</p>
 +
                </div>
 +
              </div>
 +
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/5/5b/SJTU7.JPG" alt="">
 +
                <div class="carousel-caption">
 +
                  <p>如何带好一个队伍？如获至宝啊！</p>
 +
                </div>
 +
              </div>
 +
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/0/03/SJTU8.JPG" alt="">
 +
                <div class="carousel-caption">
 +
                  <p>同济同学点评去年获奖项目。</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">4月19日，我们邀请交大的同学跟我们一起举办一个迷你交流会。</p>
 +
          <p class="lead">会议中，交大同学介绍了iGEM比赛与合成生物学，分享了他们管理队伍的经验，并和我们一起讨论了去年的iGEM项目。</p>
 +
          <p class="lead">非常感谢交大同学给我们一个迷你又精致的iGEM交流会，非常希望我们能有机会合作！</p>
 +
 
 +
         
 +
 
 +
 
 +
 
 +
          <h3>与复旦大学</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="https://static.igem.org/mediawiki/2014/d/d2/FDU2.JPG" alt="">
 +
                <div class="carousel-caption">
 +
                  <p>7月8日，我们与复旦大学同学搞了另一场交流会。</p>
 +
                </div>
 +
              </div>
 +
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/0/0c/FDU3.jpg" alt="">
 +
                <div class="carousel-caption">
 +
                  <p>复旦今年的想法真是屌爆了！</p>
 +
                </div>
 +
              </div>
 +
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/5/5f/FDU5.JPG" alt="">
 +
                <div class="carousel-caption">
 +
                  <p>他说他们项目中需要一个载体。</p>
 +
                </div>
 +
              </div>
 +
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/f/fc/FDU6.JPG" alt="">
 +
                <div class="carousel-caption">
 +
                  <p>正好我们帮得上忙！</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">7月8日，我们与复旦大学同学搞了另一场交流会。会议中，我们介绍了各自的项目，并互相提出建议。</p>
 +
          <p class="lead">最后复旦向我们寻求<a href="./practice.html-zh#html-template2">帮助</a>，我们很高兴能帮得上忙！</p>
 +
 
 +
 
 +
 
 +
 
 +
        </section>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
         
 +
         
 +
 
 +
 
 +
 
 +
 
 +
        <!-- HTML template
 +
        ================================================== -->
 +
        <section id="html-template">
 +
          <div class="page-header">
 +
            <h1>视频</h1>
 +
          </div>
 +
          <p class="lead">您可以从Youtube或是优酷网在线观看我们的视频，或者从<a  onclick=window.parent.location.href="https://vimeo.com/108265800"><strong>vimeo</strong></a>下载。希望您能喜欢！</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="https://static.igem.org/mediawiki/2014/1/17/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="https://static.igem.org/mediawiki/2014/c/c2/Youtube-Tongji.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>帮助另一支队伍</h1>
 +
          </div>
 +
          <p class="lead">这个暑假，我们为<a  onclick=window.parent.location.href="https://2014.igem.org/Team:Fudan">复旦大学队</a>提供了帮助。复旦大学队也为我们提供了<a id="Jin" href="#" rel="tooltip" data-placement="top" data-original-title="①复旦的刘铸学长向我推荐了Bootstrap框架来写网页，而我用了Bootstrap后觉得确实是好东西 
 +
            ②复旦的队员告诉我们如何使用iGEM官方寄来的试剂 
 +
            ③复旦在会议中否定了我们原来的项目，所以我们后来继续寻找想法，才有今天这个项目 
 +
            ④他们听说我们需要在蛋白的热稳定性上做文章，于是给了我们两个复旦大学研究热稳定的教授的联系方式"><strong>帮助</strong></a>。</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="https://static.igem.org/mediawiki/2014/8/82/HelpFDU1.JPG" >
 +
                <div class="carousel-caption">
 +
                  <p>我们的教授给予复旦同学一些建议以及资源。</p>
 +
                </div>
 +
              </div>
 +
 
 +
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/5/5b/HelpFDU2.jpg" >
 +
                <div class="carousel-caption">
 +
                  <p>我们为他们提供了重要的材料。</p>
 +
                </div>
 +
              </div>
 +
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/4/4a/HelpFDU3.jpg" >
 +
                <div class="carousel-caption">
 +
                  <p>为他们提供了载体。</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">我们为复旦大学提供的帮助包括：</p>
 +
 
 +
          <table class="table table-hover">
 +
            <thead>
 +
              <tr>
 +
                <th class="text span2">帮助程度</th>
 +
                <th class="text span4">条目</th>
 +
                <th class="text">细节信息</th>
 +
 
 +
              </tr>
 +
            </thead>
 +
            <tbody>
 +
              <tr>
 +
                <td><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"></td>
 +
                <td><div >我们提供了一个名为‘fvw-tet-oskm’的载体质粒</div></td>
 +
                <td><div >这是一个包含Yamanaka四因子(Oct4, Sox2, Klf4 and c-Myc)的质粒，而且因子与T2A linker相连。它能被用来又到iPSCs。</div></td>
 +
              </tr>
 +
              <tr>
 +
                <td><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"></td>
 +
                <td><div >我们提供了一个名为‘fvw-tet-sox2’的载体质粒</div></td>
 +
                <td><div >I这是一个含有Sox2基因的质粒，能被用来诱导神经元干细胞。</div></td>
 +
              </tr>
 +
              <tr>
 +
                <td><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"></td>
 +
                <td><div >提供了重要的细胞培养资料</div></td>
 +
                <td><div >我们提供了神经元细胞、iPSCs和神经元干细胞的培养基配方以及培养方法。</div></td>
 +
                </tr>
 +
              <tr>
 +
                  <td><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"></td>
 +
                  <td><div >帮助解决了一些细节问题</div></td>
 +
                  <td><div >我们帮助他们解决了一些细节问题，比如选择iPSC的筛选marker，推荐实验的试剂等。</div></td>
 +
              </tr>
 +
            </tbody>       
 +
 
 +
          </table>
 +
 
 +
 
 +
 
 +
 
 +
        </section>
 +
 
 +
 
 +
 
 +
      </div>
 +
    </div>
 +
 
 +
  </div>
 +
 
 +
 
 +
 
 +
    <!-- Footer
 +
    ================================================== -->
 +
    <footer class="footer">
 +
      <div class="container">
 +
        <p>同济大学, 2014</p>
 +
       
 +
      </div>
 +
    </footer>
 +
 
 +
 
 +
 
 +
    <!-- Le javascript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
      
      
-
  $('head').empty();
+
    <script src="https://2014.igem.org/Team:Tongji/jquery_min_js?action=raw"></script>
-
  $('body').empty().removeClass().css('margin','0');
+
    <script src="https://2014.igem.org/Team:Tongji/bootstrap_min_js?action=raw"></script>
-
 
+
 
-
  var iframe = $('<iframe src="http://yuiuiuiuiui.cloud66-162.78host.com/scaffolding-zh.html" style="border: 0; width: 100%;"></iframe>').css('height',$(window).height());
+
    <script src="https://2014.igem.org/Team:Tongji/holder_min_js?action=raw"></script>
-
  $('body').html(iframe);
+
    <script src="https://2014.igem.org/Team:Tongji/prettify_js?action=raw"></script>
 +
 
 +
    <script src="https://2014.igem.org/Team:Tongji/application_js?action=raw"></script>
-
  $(window).resize(function () {
+
    <script>
-
     iframe.css('height',$(window).height());
+
    $(function ()
-
  });
+
      { $("#myCarousel").carousel();
 +
     });
 +
    $(function ()
 +
{ $("#Jin").tooltip();
 +
});
 +
    </script>
-
</script>
+
  </body>
-
</html>
+
  </html>

Latest revision as of 05:47, 17 October 2014

iGEM Tongji 2014

对外事务所

迷你宣传摊

将在iGEM大会上揭晓。

对外交流

我们紧密地和几支上海地区地iGEM队伍进行交流，改进我们的想法，也欣赏他们的成果。

与上海交通大学



4月19日，我们邀请交大的同学跟我们一起举办一个迷你交流会。

会议中，交大同学介绍了iGEM比赛与合成生物学，分享了他们管理队伍的经验，并和我们一起讨论了去年的iGEM项目。

非常感谢交大同学给我们一个迷你又精致的iGEM交流会，非常希望我们能有机会合作！

与复旦大学



7月8日，我们与复旦大学同学搞了另一场交流会。会议中，我们介绍了各自的项目，并互相提出建议。

最后复旦向我们寻求帮助，我们很高兴能帮得上忙！

视频

您可以从Youtube或是优酷网在线观看我们的视频，或者从vimeo下载。希望您能喜欢！

260x120 260x120







帮助另一支队伍

这个暑假，我们为复旦大学队提供了帮助。复旦大学队也为我们提供了帮助。



我们为复旦大学提供的帮助包括：

帮助程度 条目 细节信息
我们提供了一个名为‘fvw-tet-oskm’的载体质粒
这是一个包含Yamanaka四因子(Oct4, Sox2, Klf4 and c-Myc)的质粒，而且因子与T2A linker相连。它能被用来又到iPSCs。
我们提供了一个名为‘fvw-tet-sox2’的载体质粒
I这是一个含有Sox2基因的质粒，能被用来诱导神经元干细胞。
提供了重要的细胞培养资料
我们提供了神经元细胞、iPSCs和神经元干细胞的培养基配方以及培养方法。
帮助解决了一些细节问题
我们帮助他们解决了一些细节问题，比如选择iPSC的筛选marker，推荐实验的试剂等。

同济大学, 2014

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