Team:Tsinghua-A/Notebook

From 2014.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Tsinghua-A/Style}}
 +
{{Team:Tsinghua-A/Killbanner}}
 +
{{Team:Tsinghua-A/Menubar}}
 +
 +
<html>
 +
<body>
<!DOCTYPE html>
<!DOCTYPE html>
Line 35: Line 41:
<body>
<body>
          
          
-
  <div class="navbar navbar-inverse navbar-fixed-top animated fadeInDownBig">
+
-
    <div class="navbar-inner">
+
-
      <div class="container">
+
-
        <a 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>
+
-
        </a>
+
-
        <a class="brand" href="#"><img src="img/logo.png" alt="Title"></a>
+
-
        <div class="nav-collapse collapse">
+
-
          <ul class="nav pull-right">
+
-
            <li><a href="index.html">Home</a></li>
+
-
            <li><a href="services.html">Services</a></li>
+
-
            <li><a href="about.html">About</a></li>
+
-
            <li><a href="portfolio.html">Portfolio</a></li>
+
-
            <li class="dropdown">
+
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Features <b class="caret"></b></a>
+
-
              <ul class="dropdown-menu">
+
-
                <li><a href="blog.html">Blog Loop</a></li>
+
-
                <li><a href="individual-blog.html">Blog Individual</a></li>
+
-
                <li><a href="individual-work.html">Portfolio Individual</a></li>
+
-
                <li><a href="icons.html">Icons</a></li>
+
-
                <li><a href="pricing.html">Pricing Tables</a></li>
+
-
                <li><a href="components.html">Components</a></li>
+
-
              </ul>
+
-
            </li>
+
-
            <li><a href="contact.php">Contact</a></li>
+
-
            <li><a href="login.html"><span class="light-gray"><i class="icon-user"></i> Login</span></a></li>
+
-
            <li><a href="signup.html"><span class="menu-button"> Sign Up</span></a></li>
+
-
          </ul>
+
-
        </div><!--/.nav-collapse -->
+
-
      </div>
+
-
    </div>
+
-
  </div>
+
-
 
+
-
 
+
      
      
    
    
Line 82: Line 53:
           <ul class="breadcrumb">
           <ul class="breadcrumb">
             <li><a href="#">Home</a> <span class="divider">/</span></li>
             <li><a href="#">Home</a> <span class="divider">/</span></li>
-
             <li class="active">Blog</li>
+
             <li class="active">Notebook</li>
           </ul>
           </ul>
         </div>
         </div>
Line 96: Line 67:
    <div class="span2 text-center">
    <div class="span2 text-center">
                 <div class="news-date">
                 <div class="news-date">
-
                 <h2>15</h2>
+
                 <h3>16<br>AUG</h3>
-
                <h3>MAR</h3>
+
                 </div>
                 </div>
               </div>
               </div>
   
   
    <div class="span10">
    <div class="span10">
-
    <img src="img/blog1.png" alt="Title">
+
    <img src="https://static.igem.org/mediawiki/2014/6/6f/Tsinghua-A_Newsletter_issue.png"><br>
-
    <h2>Article Title Here</h2>
+
    <h2><b>Weekly newsletter</b></h2>
-
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
+
    <p>The second issue of Weekly Newsletter has been released. In this issue we summarized former iGEM work of several successful teams, as well as some questions included.</p><br />
   
   
-
    <a class="more" href="individual-blog.html">More</a>
+
    <a class="more" href="https://static.igem.org/mediawiki/2014/9/97/IGEM_Newsletter_Issue_2.pdf">Weekly Newsletter#2</a>
    <hr>
    <hr>
    </div>
    </div>
-
 
+
   
-
     </div><!--End Article-->
+
     </div><!--End Article-->
    
    
    
    
Line 117: Line 87:
    <div class="span2 text-center">
    <div class="span2 text-center">
                 <div class="news-date">
                 <div class="news-date">
-
                 <h2>13</h2>
+
                 <h3>20<br>AUG</h3>
-
                <h3>MAR</h3>
+
                 </div>
                 </div>
               </div>
               </div>
   
   
    <div class="span10">
    <div class="span10">
-
    <img src="img/blog2.png" alt="Title">
+
                                                <img src="https://static.igem.org/mediawiki/2014/b/bf/Tsinghua-A_ortale.jpg"><br>
-
    <h2>Article Title Here</h2>
+
    <h2><b>TALE Assembly</b></h2>
-
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
+
    <p>Experiment Design for reconstruction of pTAL1 in GGA.  
-
   
+
</p><br />
-
    <a class="more" href="individual-blog.html">More</a>
+
    <a class="more" href="https://static.igem.org/mediawiki/2014/5/52/Tsinghua-A-TALE_Assembly.pdf">More</a>
    <hr>
    <hr>
    </div>
    </div>
Line 133: Line 102:
    </div><!--End Article-->   
    </div><!--End Article-->   
    
    
-
    <!--Article Three -->
+
  <!--Article Three -->
     <div class="row-fluid blog-article">
     <div class="row-fluid blog-article">
    <div class="span2 text-center">
    <div class="span2 text-center">
                 <div class="news-date">
                 <div class="news-date">
-
                 <h2>5</h2>
+
                 <h3>12<br>SEPT</h3>
-
                <h3>MAR</h3>
+
                 </div>
                 </div>
               </div>
               </div>
   
   
    <div class="span10">
    <div class="span10">
-
    <img src="img/blog3.png" alt="Title">
+
    <img src="https://static.igem.org/mediawiki/2014/6/6f/Tsinghua-A_Newsletter_issue.png"><br>
-
    <h2>Article Title Here</h2>
+
    <h2><b>Weekly newsletter#3&4</b></h2>
-
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
+
    <p>The third and fourth issue of Weekly Newsletter have been released. </p><br />
   
   
-
    <a class="more" href="individual-blog.html">More</a>
+
    <a class="more" href="https://static.igem.org/mediawiki/2014/b/b5/Tsinghua-A-Newsletter_issue_3_final.pdf">Weekly Newsletter#3</a><br/>
-
    <hr>
+
    <a class="more" href="https://static.igem.org/mediawiki/2014/d/d8/Tsinghua-A-Newsletter_Issue_4.pdf">Weekly Newsletter#4</a>
 +
                                        <hr>
    </div>
    </div>
   
   
-
     </div><!--End Article-->
+
   
 +
     </div><!--End Article-->  
 +
 
 +
<!--Article Four -->
 +
    <div class="row-fluid blog-article">
 +
    <div class="span2 text-center">
 +
                <div class="news-date">
 +
                <h3>26<br>SEPT</h3>
 +
                </div>
 +
              </div>
 +
   
 +
    <div class="span10">
 +
    <h2><b>Optimized TALE sequence</b></h2>
 +
    <p>The sequence of TALE repeats was optimized by Fei Xia. To view the document, please press "More" below.</p><br />
 +
   
 +
    <a class="more" href="https://static.igem.org/mediawiki/2014/c/cb/Tsinghua-A-TALE_repeats_sequence.pdf">More</a>
 +
    <hr>
 +
    </div>    
 +
    </div><!--End Article--> 
 +
<!--Article Five -->
 +
    <div class="row-fluid blog-article">
 +
    <div class="span2 text-center">
 +
                <div class="news-date">
 +
                <h3>15<br>OCT</h3>
 +
                </div>
 +
              </div>
 +
   
 +
    <div class="span10">
 +
    <img src="https://static.igem.org/mediawiki/2014/d/d3/Tale_experiment.png" alt="Title">
 +
    <h2><b>TALE assembly experiment</b></h2>
 +
    <a class="more" href="https://static.igem.org/mediawiki/2014/5/5d/Tsinghua-A-TALE.pdf">Experimental details</a>
 +
    <hr>
 +
    </div>
 +
 
 +
    </div><!--End Article-->
    
    
    
    
-
    <div class="pagination">
+
 
-
    <ul>
+
-
    <li><a href="#">1</a></li>
+
-
    <li><a href="#">2</a></li>
+
-
    <li><a href="#">3</a></li>
+
-
    <li><a href="#">4</a></li>
+
-
    <li><a href="#">5</a></li>
+
-
    </ul>
+
-
    </div>
+
-
 
+
     </div><!--End Blog Article Container-->
     </div><!--End Blog Article Container-->
    
    
    
    
-
    <!--Right Side Bar-->
+
    <!--Right Side Bar-->
-
    <div class="span3 sidebar-container">
+
      <div class="span3 sidebar-container">
-
    <h2>Side Bar</h2>
+
      <h2>Our Team</B></h2>
-
    <p>Lorem <a href="#">ipsum dolor</a> sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
<a href = https://2014.igem.org/Team:Tsinghua-A/Team>
-
    <br />
+
      <p><img src="https://static.igem.org/mediawiki/2014/c/cb/Tsinghua-A-sidebar.jpg"</p>
 +
</a>
 +
      <br />
    
    
-
    <hr>
 
    
    
-
    <h2>Instagram</h2>
 
-
   
 
-
    <!--Visit "Snapwidget.com" - Use Settings: 80px wide for images, 3x2 for the grid, and FadeOut on Hover-->
 
-
  <!-- SnapWidget -->
 
-
  <div style="height:200px;">
 
-
  <iframe src="http://snapwidget.com/in/?u=amVmZmNvcmV5fGlufDgwfDN8Mnx8bm98NXxmYWRlT3V0"></iframe>
 
-
  </div>
 
  
  
-
   <hr>
+
   <h2><b>Links</b></h2>
-
 
+
-
  <h2>Links</h2>
+
   <ul class="unstyled blog-links">
   <ul class="unstyled blog-links">
-
       <li><a href="http://www.themearmada.com"><i class="icon-angle-right"></i> Theme Armada</a></li>
+
       <li><a href="https://2014.igem.org"><i class="icon-angle-right"></i> iGEM 2014</a></li>
-
       <li><a href="http://www.twitter.com/themearmada"><i class="icon-angle-right"></i> Twitter Link</a></li>
+
       <li><a href="http://www.tsinghua.edu.cn/publish/newthuen/index.html"><i class="icon-angle-right"></i> Tsinghua University</a></li>
-
       <li><a href="#"><i class="icon-angle-right"></i> Insert Link Three</a></li>
+
       <li><a href="http://www.au.tsinghua.edu.cn/publish/auen/index.html"><i class="icon-angle-right"></i> Department of Automation,<br>Tsinghua University</a></li>
-
       <li><a href="#"><i class="icon-angle-right"></i> Insert Link Four</a></li>
+
       <li><a href="http://bioinfo.au.tsinghua.edu.cn/CSSB/web/english/index.html"><i class="icon-angle-right"></i> Center for Synthetic and Systems Biology,<br>Tsinghua University</a></li>
   </ul>
   </ul>
  
  
   <hr>
   <hr>
  
  
-
   <div class="boxed">
+
  
-
  <h2>Boxed</h2>
+
-
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc.</p>
+
-
  </div>
+
     </div><!--End Span-->
     </div><!--End Span-->
Line 206: Line 189:
     </section>
     </section>
    
    
-
 
+
-
  <!--Bottom Section-->
+
 
-
  <section id="bottom">
+
-
    <div class="container">
+
-
      <div class="row-fluid">
+
-
       
+
-
        <!--Bottom Section One-->
+
-
        <div class="span4">
+
-
          <h2>About Us</h2>
+
-
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><br />
+
-
            <a class="more" href="#">+ More</a>
+
-
        </div>
+
-
       
+
-
        <!--Bottom Section Two-->
+
-
        <div class="span4">
+
-
          <h2>Latest Tweets</h2>
+
-
          <div class="row-fluid">
+
-
            <div class="span2">
+
-
              <i class="icon-twitter icon-2x blue pull-left" style="padding-top:12px;"></i>
+
-
            </div>
+
-
           
+
-
            <div class="span10">
+
-
              <div class="twitter-feed">
+
-
      <ul id="twitter_update_list" class="rotate"></ul>
+
-
      </div>
+
-
            </div>
+
-
  </div>     
+
-
        </div>
+
-
       
+
-
        <!--Bottom Section Three-->
+
-
        <div class="span4">
+
-
          <h2>Contact Info</h2>
+
-
          <p>1234 Main Street | Suit 300<br />
+
-
          Atlanta, GA 30303</p>
+
-
          <p><i class="icon-phone"></i> <a class="more" href="tel:404.555.5555">404.555.5555</a></p>
+
-
         
+
-
          <!--Social Icons-->         
+
-
          <ul class="social-icons">
+
-
  <li><a class="twitter" href="http://www.twitter.com/themearmada" target="_blank"><i class="icon-twitter icon-large"></i></a></li>
+
-
  <li><a class="facebook" href="http://www.facebook.com" target="_blank"><i class="icon-facebook icon-large"></i></a></li>
+
-
  <li><a class="google" href="http://www.googleplus.com" target="_blank"><i class="icon-google-plus icon-large"></i></a></li>
+
-
  <li><a class="instagram" href="http://www.instagram.com" target="_blank"><i class="icon-camera-retro icon-large"></i></a></li>
+
-
  <li><a class="pinterest" href="http://www.pinterest.com" target="_blank"><i class="icon-pinterest icon-large"></i></a></li>
+
-
  <li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="icon-linkedin icon-large"></i></a></li>
+
-
  <li><a class="Github" href="http://www.github.com" target="_blank"><i class="icon-github-alt icon-large"></i></a></li>
+
-
  </ul>
+
-
        </div>
+
-
       
+
-
      </div>
+
-
    </div>
+
-
  </section>
+
-
 
+
-
  <section id="footer">
+
-
    <div class="container">
+
-
  <div class="row-fluid">
+
-
  <div class="span4 text-left copyright">
+
-
        <p>&copy; Breakroom. All Rights Reserved.<br />
+
-
        Created by <a href="http://www.themearmada.com" target="_blank">Theme Armada</a></p><br />
+
-
  </div>
+
-
 
+
-
  <div class="span8 text-right">
+
-
  <ul class="footer-links">
+
-
  <li><a href="#" target="_blank">Menu 1</a></li>
+
-
  <li><a href="#" target="_blank">Menu 2</a></li>
+
-
  </ul>
+
-
  </div>
+
-
  </div>
+
-
  </div>
+
-
  </section>
+
-
 
+
      
      
-
   
+
 
-
    <!-- Javascript
+
 
-
    ================================================== -->
+
</body>
-
    <!-- Placed at the end of the document so the pages load faster -->
+
-
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+
-
    <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+
-
    <script src="js/bootstrap.min.js"></script>
+
-
    <script src="js/main.js"></script>
+
-
    <script src="js/rotate.js"></script>
+
-
    <script src="js/twitter-feed.js"></script>
+
-
   
+
-
    <!--Twitter Handle - Insert your Twitter username below ex: (screen_name=USERNAME&include) -->
+
-
    <script src="http://api.twitter.com/1/statuses/user_timeline.json?screen_name=themearmada&amp;include_rts=true&amp;count=4&amp;callback=twitterCallback2" type="text/javascript"></script>
+
-
 
+
-
    </body>
+
</html>
</html>
 +
 +
{{Team:Tsinghua-A/Footer}}
 +
{{Team:Tsinghua-A/Script}}

Latest revision as of 03:41, 18 October 2014

Breakroom | Designed By Theme Armada

16
AUG


Weekly newsletter

The second issue of Weekly Newsletter has been released. In this issue we summarized former iGEM work of several successful teams, as well as some questions included.


Weekly Newsletter#2

20
AUG


TALE Assembly

Experiment Design for reconstruction of pTAL1 in GGA.


More

12
SEPT


Weekly newsletter#3&4

The third and fourth issue of Weekly Newsletter have been released.


Weekly Newsletter#3
Weekly Newsletter#4

26
SEPT

Optimized TALE sequence

The sequence of TALE repeats was optimized by Fei Xia. To view the document, please press "More" below.


More

15
OCT

Title

TALE assembly experiment

Experimental details