Difference between revisions of "Team:Tsinghua"

 
(102 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Tsinghua}}
 
{{Tsinghua}}
−
<html>
+
<html lang="en">
−
<head>
+
<body align="center">
−
<title>HOME</title>
+
        <style type="text/css">
−
<!--bootstarp-css-->
+
                /* Contact info*/
−
<link href="https://2015.igem.org/Template:Tsinghua/css/bootstrap" rel="stylesheet" type="text/css" media="all" />
+
                        #contactInfo{
−
<!--/bootstarp-css -->
+
                              background-color: #CCCCFF;
−
<!--css-->
+
                              font-family: Helvetica, Arial, Tahoma;
−
<link rel="stylesheet" href="https://2015.igem.org/css/style" type="text/css" media="all" />
+
}
−
<!--/css-->
+
        </style>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<h2> Welcome to Tsinghua iGEM 2015! </h2>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<p></p>
−
<meta name="keywords" content="Petcare Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
+
<div class="highlightBox" align="center">
−
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
+
<p>WE AIM TO PROBE THE SECRET OF LIFE AND INFORMATION</p>
−
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
+
<p>THEN WE HAVE EMAGE</p>
−
<link href="https://2015.igem.org/css/hover" rel="stylesheet" media="all">
+
<p>IMAGE OF LIFE AND WORLD</p>
−
<!--fonts-->
+
−
<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 src="https://2015.igem.org/js/jquery.min"></script>
+
−
<script src="https://2015.igem.org/js/modernizr.custom"></script>
+
−
<script src="https://2015.igem.org/js/responsiveslides.min"></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 class="search-box">
+
−
        <form>
+
−
            <input type="text" name="s" class="textbox" placeholder="Search" required>
+
−
            <input type="submit" value="">
+
−
        </form>
+
−
        </div>
+
−
        <div class="clearfix"> </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">
+
−
<span class="menu-info"> </span>
+
−
<ul class="cl-effect-21">
+
−
<li><a href="index.html" class="active">HOME</a></li>
+
−
<li><a href="about.html">ABOUT</a></li>
+
−
<li><a href="projects.html">PROJECTS</a></li>
+
−
<li><a href="support.html">SUPPORT</a></li>
+
−
<li><a href="404.html">CAREPLUS</a></li>
+
−
<li><a href="contact.html">CONTACT</a></li>
+
−
</ul>
+
−
</div>
+
−
<!--script-nav -->
+
−
        <script>
+
−
$("span.menu-info").click(function(){
+
−
$("ul.cl-effect-21").slideToggle("slow" , function(){
+
−
});
+
−
});
+
−
</script>
+
−
<!-- /script-nav -->
+
−
                    <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">
−
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
+
<h2>Perspective from an iGEM veteran (Yue Liu): </h2>
−
<!--doctor-self-->
+
−
<div class="doctor-self">
+
−
<div class="container">
+
−
<div class="doctor-self-info">
+
−
<h3>WHAT WOULD OUR DEAN SAYS</h3>
+
−
<div class="doctor-self-info-bottom">
+
−
<div class="col-md-4 doctor-self-left">
+
−
<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>
+
−
<!--/doctor-self-->
+
−
<!--dogs-food-->
+
−
<div class="dogs-food">
+
−
<div class="container">
+
−
<div class="dogs-food-top-info">
+
−
<div class="dogs-food-top">
+
−
<div class="col-md-4 dogs-food-info">
+
−
<img src="images/dg-1.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-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>
+
−
<!--/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-->
+
−
<!--contact-->
+
−
<div class="contact">
+
−
<div class="container">
+
−
<div class="contact-info">
+
−
<h4>CONTACT-US</h4>
+
−
<p>Typesetting, remaining essentially unchanged. It was popularised in the 1960s</p>
+
−
</div>
+
−
<form>
+
−
<input type="text" class="text" value="NAME" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'NAME';}">
+
−
<input type="text" class="text" value="EMAIL" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'EMAIL';}">
+
−
<textarea onFocus="if(this.value == 'MESSAGE') this.value='';" onBlur="if(this.value == '') this.value='MESSAGE';" >MESSAGE</textarea>
+
−
<div class="clearfix"> </div>
+
−
<input type="submit"value="SUBMIT">
+
−
</form>
+
  
−
</div>
+
<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>
 +
 
 +
<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>
 +
 
 +
<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>
 +
 
 +
</div>
 +
<div id="contactInfo" align="left">
 +
<h6>ACKNOWLEDGEMENT<br></h6>
 +
<a href="https://2015.igem.org/"><img src="https://static.igem.org/mediawiki/2015/e/e4/IGEM_2015logo.jpg" height="50px;"></a>
 +
<a href="https://2015.igem.org/Team:Tsinghua"><img src="https://static.igem.org/mediawiki/2015/c/cf/Tsinghua_TeamLogo.jpg" height="50px;"></a>
 +
<a href="http://www.tsinghua.edu.cn/en"><img src="https://static.igem.org/mediawiki/2015/5/5c/Tsinghua_thu.jpg" height="50px;"></a>
 +
<a href="http://life.tsinghua.edu.cn/english/"><img src="https://static.igem.org/mediawiki/2015/4/4c/Tsinghua_SLS.jpg" height="50px;"></a>
 +
<a href="http://xuetangban.life.tsinghua.edu.cn/"><img src="https://static.igem.org/mediawiki/2015/b/b5/Tsinghua_xuetangban.jpg" height="50px;"></a>
 +
<h6>FOLLOW US<br></h6>
 +
<h6>CONTACT INFO<br></h6>
 +
<p><strong>Email</strong> igem2015_tsinghua@126.com, igem2016_tsinghua@126.com</p>
 +
<p><strong>Address</strong> School of Life Sciences, Tsinghua University, Haidian District, Beijing, China, 100084
 
</div>
 
</div>
−
<!--/contact-->
 
−
<!--footer-->
 
−
<!--/footer-->
 
 
</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