Difference between revisions of "Team:Tsinghua"

 
(113 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<html>
+
{{Tsinghua}}
<head>
+
<html lang="en">
<title>HOME</title>
+
<body align="center">
<!--bootstrap-css-->
+
        <style type="text/css">
<link href="/Template:Tsinghua/css/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" />
+
                /* Contact info*/
<!--/bootstarp-css -->
+
                        #contactInfo{
<!--css-->
+
                              background-color: #CCCCFF;
<link rel="stylesheet" href="/Template:Tsinghua/css/style.css?action=raw&ctype=text/css" type="text/css" media="all" />
+
                              font-family: Helvetica, Arial, Tahoma;
<!--/css-->
+
}
<meta name="viewport" content="width=device-width, initial-scale=1">
+
        </style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<h2> Welcome to Tsinghua iGEM 2015! </h2>
<meta name="keywords" content="Petcare Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
+
<p></p>
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
+
<div class="highlightBox" align="center">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
+
<p>WE AIM TO PROBE THE SECRET OF LIFE AND INFORMATION</p>
<link href="/Template:Tsinghua/css/hover.css?action=raw&ctype=text/css" rel="stylesheet" media="all">
+
<p>THEN WE HAVE EMAGE</p>
<!--fonts-->
+
<p>IMAGE OF LIFE AND WORLD</p>
<link href='http://fonts.useso.com/css?family=Arimo:400,700' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.useso.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
+
<!--/fonts-->
+
<script type="text/javascript" src="/Template:Tsinghua/js/jquery.min.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="/Template:Tsinghua/js/modernizr.custom.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="/Template:Tsinghua/js/responsiveslides.min.js?action=raw&ctype=text/javascript"></script>
+
<script>
+
    // You can also use "$(window).load(function() {"
+
    $(function () {
+
      $("#slider2").responsiveSlides({
+
        auto: true,
+
        pager: true,
+
        speed: 300,
+
        namespace: "callbacks",
+
      });
+
    });
+
  </script>
+
</head>
+
<body>
+
<!--header-->
+
<div class="header">
+
<div class="header-info">
+
  <div class="container">
+
<div class="logo">
+
<a href="index.html"><img src="images/logo.png" alt="" /></a>
+
</div>
+
  </div>
+
</div>
+
 
</div>
 
</div>
  <div class="container">
+
<div align="center">
      <div class="header-bottom">
+
<img src = "https://static.igem.org/mediawiki/2015/6/6d/Tsinghua_home.jpeg" height = "400px;" align="center">
<div class="menu">
+
<div align="center">  
+
      <ul class="cl-effect-21">
+
    <li><samp><a href="index.html" class="active">HOME</a></samp></li>
+
    <li><samp><a href="about.html">ABOUT</a></samp></li>
+
    <li><samp><a href="projects.html">PROJECTS</a></samp></li>
+
    <li><samp><a href="support.html">SUPPORT</a></samp></li>
+
    <li><samp><a href="404.html">CAREPLUS</a></samp></li>
+
    <li><samp><a href="contact.html">CONTACT</a></samp></li>
+
</ul>
+
  </div>
+
</div>
+
        <div align="center">
+
            <samp>
+
            <!--script-nav -->
+
            <script>
+
$("span.menu-info").click(function(){
+
$("ul.cl-effect-21").slideToggle("slow" , function(){
+
});
+
});
+
          </script>
+
            <!-- /script-nav -->
+
            </samp></div>
+
        <div class="clearfix"> </div>
+
  </div>
+
  </div>
+
<div class="header-banner">
+
  <div class="slider">
+
    <ul class="rslides" id="slider2">
+
      <li><a href="#"><img src="images/4.jpg" class="img-responsive" alt=""/></a></li>
+
      <li><a href="#"><img src="images/2.jpg" class="img-responsive" alt=""/></a></li>
+
      <li><a href="#"><img src="images/3.jpg" class="img-responsive" alt=""/></a></li>
+
    </ul>
+
  </div>
+
 
</div>
 
</div>
<!--/header-->
+
<div align="left">
<!--doctor-self-->
+
<h2>Perspective from an iGEM veteran (Yue Liu): </h2>
<div class="doctor-self">
+
 
<div class="container">
+
<p>Information storage using  biological systems has been considered as a development trend with great potential, based on the amazing fact that simple nucleotides like ATCG could encode exquisite living organisms that are far more delicate than any of the machines in this world. I was very impressed when first hearing about iGEM 2015 Tsinghua’s idea of E-mage, which smartly applied visible lights as information input and modified DNA sequences as read out. I think this concept  is innovative, and along with the great advances in photobiology, the precise, low-cost and noninvasive nature of light will render it to be powerful tools in bio-info storage. </p>
<div class="doctor-self-info">
+
 
<h3>WHAT WOULD OUR DEAN SAYS</h3>
+
<p>I noticed that the team has put great efforts into preliminary work that set up parameters and adjusted the models, which required much  engineering principles. And the E-hardware and software parts are what distinguished their project from traditional biology projects. Their wiki website provides details about their work and it will be better if more figures and schemas could be shown.</p>
<div class="doctor-self-info-bottom">
+
 
<div class="col-md-4 doctor-self-left">
+
<p>As a previous member of iGEM 2014 Tsinghua team, I can understand the difficult moments they have went through and I’m very glad to see they are such a warm team that can think together, work together and grow together. Good Luck, Tsinghua Team!<br></p>
<img src="images/5.jpg" class="img-responsive" alt=""/>
+
 
<h4>DR.JIMMY</h4>
+
<h5>lorem lipsum doolr in groem horntim</h5>
+
</div>
+
<div class="col-md-8 doctor-self-right">
+
<p>"Lorem Ipsum is simply dummy text of the printing and typesetting i
+
ndustry. Lorem Ipsum has been the industry's standard dummy text
+
ever since the 1500s<br /><br /> reproduced below for those interested. Sections 1.10.32
+
  and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero
+
  are also reproduced in their exact original form, accompanied
+
    by English versions from the 1914 translation by H. Rackham
+
Lorem Ipsum is simply dummy text of the printing and typesetting i
+
ndustry. Lorem Ipsum has been the industry's standard dummy text
+
ever since the 1500s"</p>
+
</div>
+
<div class="clearfix"> </div>
+
  </div>
+
</div>
+
</div>
+
 
</div>
 
</div>
<!--/doctor-self-->
+
<div id="contactInfo" align="left">
<!--dogs-food-->
+
<h6>ACKNOWLEDGEMENT<br></h6>
<div class="dogs-food">
+
<a href="https://2015.igem.org/"><img src="https://static.igem.org/mediawiki/2015/e/e4/IGEM_2015logo.jpg" height="50px;"></a>
<div class="container">
+
<a href="https://2015.igem.org/Team:Tsinghua"><img src="https://static.igem.org/mediawiki/2015/c/cf/Tsinghua_TeamLogo.jpg" height="50px;"></a>
<div class="dogs-food-top-info">
+
<a href="http://www.tsinghua.edu.cn/en"><img src="https://static.igem.org/mediawiki/2015/5/5c/Tsinghua_thu.jpg" height="50px;"></a>
<div class="dogs-food-top">
+
<a href="http://life.tsinghua.edu.cn/english/"><img src="https://static.igem.org/mediawiki/2015/4/4c/Tsinghua_SLS.jpg" height="50px;"></a>
<div class="col-md-4 dogs-food-info">
+
<a href="http://xuetangban.life.tsinghua.edu.cn/"><img src="https://static.igem.org/mediawiki/2015/b/b5/Tsinghua_xuetangban.jpg" height="50px;"></a>
<img src="images/dg-1.png">
+
<h6>FOLLOW US<br></h6>
<h4>CARE</h4>
+
<h6>CONTACT INFO<br></h6>
<p>when an unknown printer took a galley of
+
<p><strong>Email</strong> igem2015_tsinghua@126.com, igem2016_tsinghua@126.com</p>
type and scrambled it to make a type speci
+
<p><strong>Address</strong> School of Life Sciences, Tsinghua University, Haidian District, Beijing, China, 100084
men book</p>
+
<a class="dogs-top-food" href="#">More</a>
+
</div>
+
<div class="col-md-4 dogs-food-info">
+
<img src="images/dg-2.png">
+
<h4>CARE-+</h4>
+
<p>when an unknown printer took a galley of
+
type and scrambled it to make a type speci
+
men book</p>
+
<a class="dogs-top-food" href="#">More</a>
+
</div>
+
<div class="col-md-4 dogs-food-info">
+
<img src="images/dg-3.png">
+
<h4>TRAVEL</h4>
+
<p>when an unknown printer took a galley of
+
type and scrambled it to make a type speci
+
men book</p>
+
<a class="dogs-top-food" href="#">More</a>
+
</div>
+
<div class="col-md-4 dogs-food-info">
+
<img src="images/dg-4.png">
+
<h4>FRIEND-SHIP</h4>
+
<p>when an unknown printer took a galley of
+
type and scrambled it to make a type speci
+
men book</p>
+
<a class="dogs-top-food" href="#">More</a>
+
</div>
+
<div class="col-md-4 dogs-food-info">
+
<img src="images/dg-5.png">
+
<h4>DOG-HOME</h4>
+
<p>when an unknown printer took a galley of
+
type and scrambled it to make a type speci
+
men book</p>
+
<a class="dogs-top-food" href="#">More</a>
+
</div>
+
<div class="col-md-4 dogs-food-info">
+
<img src="images/dg-6.png">
+
<h4>DOG-FOOD</h4>
+
<p>when an unknown printer took a galley of
+
type and scrambled it to make a type speci
+
men book</p>
+
<a class="dogs-top-food" href="#">More</a>
+
</div>
+
<div class="clearfix"> </div>
+
  </div>
+
<div class="clearfix"> </div>
+
</div>
+
</div>
+
 
</div>
 
</div>
<!--/dogs-food-->
 
<!--daily-updates-->
 
<div class="daily-updates">
 
<div class="container">
 
<div class="daily-updates-info">
 
<h4>SUBSCRIBE FOR DAILY UPDATES</h4>
 
<form>
 
 
<input type="text" class="text" value="EMAIL" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'EMAIL';}">
 
<input type="submit"value="SUBMIT">
 
  </form>
 
<p>FOR HELP<span><a href="mailto:example@mail.com">pets-care@mail.com</a></span></p>
 
  </div>
 
</div>
 
</div>
 
<!--/daily-updates-->
 
<!--support-->
 
<div class="support">
 
<div class="container">
 
<div class="support-info">
 
<h4>OUR TEAM FOR SUPPORT</h4>
 
<div class="support-info-left">
 
<div class="col-md-10 support-info-left-bottom">
 
<p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
 
the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of ty
 
pe and scrambled</p>
 
</div>
 
<div class="col-md-2 support-info-left-top">
 
<img src="images/support.png" class="img-responsive" alt=""/>
 
</div>
 
<div class="clearfix"> </div>
 
</div>
 
<div class="support-info-right">
 
<div class="col-md-2 support-info-right-bottom">
 
<img src="images/support.png" class="img-responsive" alt=""/>
 
</div>
 
<div class="col-md-10 support-info-right-top">
 
<p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
 
the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of ty
 
pe and scrambled</p>
 
</div>
 
<div class="clearfix"> </div>
 
</div>
 
<div class="clearfix"> </div>
 
</div>
 
</div>
 
</div>
 
<!--/support-->
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 05:26, 26 October 2015

Welcome to Tsinghua iGEM 2015!

WE AIM TO PROBE THE SECRET OF LIFE AND INFORMATION

THEN WE HAVE EMAGE

IMAGE OF LIFE AND WORLD

Perspective from an iGEM veteran (Yue Liu):

Information storage using biological systems has been considered as a development trend with great potential, based on the amazing fact that simple nucleotides like ATCG could encode exquisite living organisms that are far more delicate than any of the machines in this world. I was very impressed when first hearing about iGEM 2015 Tsinghua’s idea of E-mage, which smartly applied visible lights as information input and modified DNA sequences as read out. I think this concept is innovative, and along with the great advances in photobiology, the precise, low-cost and noninvasive nature of light will render it to be powerful tools in bio-info storage.

I noticed that the team has put great efforts into preliminary work that set up parameters and adjusted the models, which required much engineering principles. And the E-hardware and software parts are what distinguished their project from traditional biology projects. Their wiki website provides details about their work and it will be better if more figures and schemas could be shown.

As a previous member of iGEM 2014 Tsinghua team, I can understand the difficult moments they have went through and I’m very glad to see they are such a warm team that can think together, work together and grow together. Good Luck, Tsinghua Team!

ACKNOWLEDGEMENT
FOLLOW US
CONTACT INFO

Email igem2015_tsinghua@126.com, igem2016_tsinghua@126.com

Address School of Life Sciences, Tsinghua University, Haidian District, Beijing, China, 100084