Team:Fudan Lux/biowave

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html class="csstransforms csstransforms3d csstransitions">
<html class="csstransforms csstransforms3d csstransitions">
-
 
-
 
<style type="text/css">
<style type="text/css">
-
<!--
+
<!--
-
#BODY { background-color:white;
+
#BODY {
-
                background-image:none;}
+
background-color: white;
-
#p-logo {height:0px;
+
background-image: none;
-
overflow:hidden;
+
-
display:none;
+
-
}
+
-
+
-
#top-section{height:20px;
+
-
margin-top: 0;
+
-
              margin-left: auto;
+
-
              margin-right: auto;
+
-
              margin-bottom: 0!important;
+
-
              margin-bottom: 10px;
+
-
              padding:0;
+
-
              border:none;
+
-
              background:#CCCCCC;
+
-
}
+
-
#footer-box { display: none;}
+
-
#catlinks { display: none;}
+
-
#search-controls {display: none;}
+
-
#siteSub {display:none;}
+
-
.firstHeading{display: none;}
+
-
+
-
border-left: 0px;
+
-
border-right: 0px;
+
}
}
-
-->
+
#p-logo {
 +
height: 0px;
 +
overflow: hidden;
 +
display: none;
 +
}
 +
#top-section {
 +
height: 20px;
 +
margin-top: 0;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-bottom: 0!important;
 +
margin-bottom: 10px;
 +
padding: 0;
 +
border: none;
 +
background: #CCCCCC;
 +
}
 +
#footer-box {
 +
display: none;
 +
}
 +
#catlinks {
 +
display: none;
 +
}
 +
#search-controls {
 +
display: none;
 +
}
 +
#siteSub {
 +
display: none;
 +
}
 +
.firstHeading {
 +
display: none;
 +
}
 +
border-left: 0px;
 +
border-right: 0px;
 +
}
 +
-->
</style>
</style>
 +
<head>
 +
<meta charset="utf-8">
 +
<title>NOVA</title>
 +
<!-- CSS -->
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/style.css" type="text/css" media="screen">
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/social-icons.css" type="text/css" media="screen">
 +
<!--[if IE 8]>
 +
            <link rel="stylesheet" type="text/css" media="screen" href="http://luiszuno.com/themes/nova/css/ie8-hacks.css" />
 +
        <![endif]-->
 +
<!-- ENDS CSS -->
 +
<!-- GOOGLE FONTS
 +
        <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
 +
<!-- JS -->
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-1.5.1.min.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-ui-1.8.13.custom.min.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/easing.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.scrollTo-1.4.2-min.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.cycle.all.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/custom.js"></script>
 +
<!-- Isotope -->
 +
<script src="http://luiszuno.com/themes/nova/js/jquery.isotope.min.js"></script>
 +
<!--[if IE]>
 +
            <script src="http://luiszuno.com/themes/nova/http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 +
        <![endif]-->
 +
<!--[if IE 6]>
 +
            <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/DD_belatedPNG.js"></script>
 +
            <script>
 +
                /* EXAMPLE */
 +
                //DD_belatedPNG.fix('*');
 +
            </script>
 +
        <![endif]-->
 +
<!-- ENDS JS -->
-
<head>
+
<!-- Nivo slider -->
-
<meta charset="utf-8">
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/nivo-slider.css" type="text/css" media="screen">
-
<title>NOVA</title>
+
<script src="http://luiszuno.com/themes/nova/js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
-
+
<!-- ENDS Nivo slider -->
-
<!-- CSS -->
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/style.css" type="text/css" media="screen">
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/social-icons.css" type="text/css" media="screen">
+
-
<!--[if IE 8]>
+
-
<link rel="stylesheet" type="text/css" media="screen" href="http://luiszuno.com/themes/nova/css/ie8-hacks.css" />
+
-
<![endif]-->
+
-
<!-- ENDS CSS -->
+
-
+
-
<!-- GOOGLE FONTS
+
-
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
+
-
+
-
<!-- JS -->
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-1.5.1.min.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-ui-1.8.13.custom.min.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/easing.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.scrollTo-1.4.2-min.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.cycle.all.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/custom.js"></script>
+
-
+
-
<!-- Isotope -->
+
-
<script src="http://luiszuno.com/themes/nova/js/jquery.isotope.min.js"></script>
+
-
+
-
<!--[if IE]>
+
-
<script src="http://luiszuno.com/themes/nova/http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+
-
<![endif]-->
+
-
+
-
<!--[if IE 6]>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/DD_belatedPNG.js"></script>
+
-
<script>
+
-
      /* EXAMPLE */
+
-
      //DD_belatedPNG.fix('*');
+
-
    </script>
+
-
<![endif]-->
+
-
<!-- ENDS JS -->
+
-
+
-
+
-
<!-- Nivo slider -->
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/nivo-slider.css" type="text/css" media="screen">
+
-
<script src="http://luiszuno.com/themes/nova/js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
+
-
<!-- ENDS Nivo slider -->
+
-
+
-
<!-- tabs -->
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/tabs.css" type="text/css" media="screen">
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/tabs.js"></script>
+
-
  <!-- ENDS tabs -->
+
-
 
+
-
  <!-- prettyPhoto -->
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen">
+
-
<!-- ENDS prettyPhoto -->
+
-
+
-
<!-- superfish -->
+
-
<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish.css">
+
-
<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish-left.css">
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/hoverIntent.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/superfish.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/supersubs.js"></script>
+
-
<!-- ENDS superfish -->
+
-
+
-
<!-- poshytip -->
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css">
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css">
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
+
-
<!-- ENDS poshytip -->
+
-
+
-
<!-- Tweet -->
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/jquery.tweet.css" media="all" type="text/css">
+
-
<script src="http://luiszuno.com/themes/nova/js/tweet/jquery.tweet.js" type="text/javascript"></script>
+
-
<!-- ENDS Tweet -->
+
-
+
-
<!-- Fancybox -->
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
+
-
<!-- ENDS Fancybox -->
+
-
+
-
+
-
<style id="poshytip-css-tip-twitter" type="text/css">div.tip-twitter{visibility:hidden;position:absolute;top:0;left:0;}div.tip-twitter table, div.tip-twitter td{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;}div.tip-twitter td.tip-bg-image span{display:block;font:1px/1px sans-serif;height:10px;width:10px;overflow:hidden;}div.tip-twitter td.tip-right{background-position:100% 0;}div.tip-twitter td.tip-bottom{background-position:100% 100%;}div.tip-twitter td.tip-left{background-position:0 100%;}div.tip-twitter div.tip-inner{background-position:-10px -10px;}div.tip-twitter div.tip-arrow{visibility:hidden;position:absolute;overflow:hidden;font:1px/1px sans-serif;}</style><style id="poshytip-css-tip-yellowsimple" type="text/css">div.tip-yellowsimple{visibility:hidden;position:absolute;top:0;left:0;}div.tip-yellowsimple table, div.tip-yellowsimple td{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;}div.tip-yellowsimple td.tip-bg-image span{display:block;font:1px/1px sans-serif;height:10px;width:10px;overflow:hidden;}div.tip-yellowsimple td.tip-right{background-position:100% 0;}div.tip-yellowsimple td.tip-bottom{background-position:100% 100%;}div.tip-yellowsimple td.tip-left{background-position:0 100%;}div.tip-yellowsimple div.tip-inner{background-position:-10px -10px;}div.tip-yellowsimple div.tip-arrow{visibility:hidden;position:absolute;overflow:hidden;font:1px/1px sans-serif;}</style></head>
+
<!-- tabs -->
-
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/tabs.css" type="text/css" media="screen">
-
<body class="home">
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/tabs.js"></script>
-
<div style="position:fixed;width:70px;height:20px;right:50px;bottom:50px"><a href="#">back to top</a></div>
+
<!-- ENDS tabs -->
-
<!-- HEADER -->
+
-
<div id="header">
+
-
<!-- wrapper-header -->
+
-
<div class="wrapper">
+
-
<a href="http://luiszuno.com/themes/nova/index.html"><img id="logo" src="https://static.igem.org/mediawiki/2012/5/5d/Logo_64px.png" alt="Nova"></a>
+
-
<!-- search -->
+
-
<div class="top-search">
+
-
<form method="get" id="searchform" action="#">
+
-
<div>
+
-
<input type="text" value="Search..." name="s" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)">
+
-
<input type="submit" id="searchsubmit" value=" ">
+
-
</div>
+
-
</form>
+
-
</div>
+
-
<!-- ENDS search -->
+
-
</div>
+
-
<!-- ENDS wrapper-header -->
+
-
</div>
+
-
<!-- ENDS HEADER -->
+
-
+
-
+
-
<!-- Menu -->
+
-
<div id="menu" style="background:#A1DAF7;">
+
-
+
-
+
-
+
-
<!-- ENDS menu-holder -->
+
-
<div id="menu-holder">
+
-
<!-- wrapper-menu -->
+
-
<div class="wrapper">
+
-
<!-- Navigation -->
+
-
<ul id="nav" class="sf-menu sf-js-enabled sf-shadow">
+
-
<li ><a href="https://2012.igem.org/Team:Fudan_Lux">Home<span class="subheader">Welcome</span></a></li>
+
-
<li><a href="https://2012.igem.org/Team:Fudan_Lux/Team">Team<span class="subheader">Awesome</span></a>
+
-
+
-
</li>
+
-
<li class="current-menu-item"><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Project<span class="subheader">Cool</span></a><ul style="display: none; visibility: hidden; ">
+
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Introduction</a></li>
+
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></li>
+
<!-- prettyPhoto -->
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen">
 +
<!-- ENDS prettyPhoto -->
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">nanotubling</a></li>
+
<!-- superfish -->
 +
<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish.css">
 +
<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish-left.css">
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/hoverIntent.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/superfish.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/supersubs.js"></script>
 +
<!-- ENDS superfish -->
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Result</a></li>
+
<!-- poshytip -->
-
</ul>
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css">
-
</li>
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css">
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/parts">Parts  <span class="subheader">Showcase</span></a></li>
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
-
+
<!-- ENDS poshytip -->
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Modeling">Modeling<span class="subheader">In Math</span></a></li>
+
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Notebook">Notebook<span class="subheader">Get in touch</span></a></li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/practice">Practice<span class="subheader">Get in touch</span></a>
+
-
<ul style="display: none; visibility: hidden; ">
+
-
<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud">Project Labcloud</a></li>
+
<!-- Tweet -->
-
<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Associations">Associations</a></li>
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/jquery.tweet.css" media="all" type="text/css">
-
<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/tianmu">Tianmu mountain</a></li>
+
<script src="http://luiszuno.com/themes/nova/js/tweet/jquery.tweet.js" type="text/javascript"></script>
-
<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
+
<!-- ENDS Tweet -->
-
</ul>
+
-
</li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/safety">Safety<span class="subheader">Get in touch</span></a></li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Gallery">Gallery<span class="subheader">Featured work</span></a>
+
-
+
-
</li></ul>
+
-
<!-- Navigation -->
+
-
</div>
+
-
<!-- wrapper-menu -->
+
-
</div>
+
-
<!-- ENDS menu-holder -->
+
-
</div>
+
-
<!-- ENDS Menu -->
+
-
+
-
+
-
+
-
+
-
+
<!-- Fancybox -->
-
<!-- MAIN -->
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">
-
<div id="main">
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
-
<!-- wrapper-main -->
+
<!-- ENDS Fancybox -->
-
<div class="wrapper">
+
 
-
+
<style id="poshytip-css-tip-twitter" type="text/css">
-
<!-- content -->
+
div.tip-twitter {
-
<div id="content">
+
visibility: hidden;
-
+
position: absolute;
-
<!-- title -->
+
top: 0;
-
<div id="page-title">
+
left: 0;
-
<span class="title">Project Biowave</span>
+
}
-
<span class="subtitle">You have never seen something like this.</span>
+
div.tip-twitter table, div.tip-twitter td {
-
</div>
+
margin: 0;
-
<!-- ENDS title -->
+
font-family: inherit;
-
+
font-size: inherit;
-
<!-- Posts -->
+
font-weight: inherit;
-
<div id="posts" class="single">
+
font-style: inherit;
-
+
font-variant: inherit;
-
<!-- post -->
+
}
-
<div class="post">
+
div.tip-twitter td.tip-bg-image span {
-
<h1><a name="Background">Background</a></h1>
+
display: block;
-
+
font: 1px/1px sans-serif;
-
<!-- shadow -->
+
height: 10px;
-
<div class="thumb-shadow">
+
width: 10px;
-
+
overflow: hidden;
-
<div class="post-thumbnail">
+
}
-
<!-- meta -->
+
div.tip-twitter td.tip-right {
-
<ul class="meta">
+
background-position: 100% 0;
-
<li><strong>Posted on</strong> Dec 27th 2011 </li>
+
}
-
<li><strong>By</strong> <a href="#">Ansimuz</a></li>  
+
div.tip-twitter td.tip-bottom {
-
<li> <strong>Posted in</strong>  
+
background-position: 100% 100%;
-
<div class="meta-tags">
+
}
-
<a href="#">Webdesign</a>
+
div.tip-twitter td.tip-left {
-
<a href="#">Code</a>
+
background-position: 0 100%;
-
<a href="#">Photo</a>
+
}
 +
div.tip-twitter div.tip-inner {
 +
background-position: -10px -10px;
 +
}
 +
div.tip-twitter div.tip-arrow {
 +
visibility: hidden;
 +
position: absolute;
 +
overflow: hidden;
 +
font: 1px/1px sans-serif;
 +
}
 +
</style>
 +
<style id="poshytip-css-tip-yellowsimple" type="text/css">
 +
div.tip-yellowsimple {
 +
visibility: hidden;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
}
 +
div.tip-yellowsimple table, div.tip-yellowsimple td {
 +
margin: 0;
 +
font-family: inherit;
 +
font-size: inherit;
 +
font-weight: inherit;
 +
font-style: inherit;
 +
font-variant: inherit;
 +
}
 +
div.tip-yellowsimple td.tip-bg-image span {
 +
display: block;
 +
font: 1px/1px sans-serif;
 +
height: 10px;
 +
width: 10px;
 +
overflow: hidden;
 +
}
 +
div.tip-yellowsimple td.tip-right {
 +
background-position: 100% 0;
 +
}
 +
div.tip-yellowsimple td.tip-bottom {
 +
background-position: 100% 100%;
 +
}
 +
div.tip-yellowsimple td.tip-left {
 +
background-position: 0 100%;
 +
}
 +
div.tip-yellowsimple div.tip-inner {
 +
background-position: -10px -10px;
 +
}
 +
div.tip-yellowsimple div.tip-arrow {
 +
visibility: hidden;
 +
position: absolute;
 +
overflow: hidden;
 +
font: 1px/1px sans-serif;
 +
}
 +
</style>
 +
</head>
 +
 
 +
<body class="home">
 +
 
 +
<!-- HEADER -->
 +
<div id="header">  
 +
  <!-- wrapper-header -->
 +
  <div class="wrapper"> <a href="http://luiszuno.com/themes/nova/index.html"><img id="logo" src="https://static.igem.org/mediawiki/2012/5/5d/Logo_64px.png" alt="Nova"></a>  
 +
    <!-- search -->
 +
    <div class="top-search">
 +
      <form method="get" id="searchform" action="#">
 +
        <div>
 +
          <input type="text" value="Search..." name="s" id="s" onFocus="defaultInput(this)" onBlur="clearInput(this)">
 +
          <input type="submit" id="searchsubmit" value=" ">
 +
        </div>
 +
      </form>
 +
    </div>
 +
    <!-- ENDS search -->  
 +
  </div>
 +
  <!-- ENDS wrapper-header -->  
</div>
</div>
-
</li>
+
<!-- ENDS HEADER -->  
-
</ul>
+
 
-
<!-- ENDS meta -->
+
<!-- Menu -->
-
<a href="single.html" class="cover" style="left: 0px; "><img src="img/dummies/596x270.gif" alt="Feature image"></a>
+
<div id="menu" style="background:#A1DAF7;">
 +
 
 +
  <!-- ENDS menu-holder -->
 +
  <div id="menu-holder">
 +
    <!-- wrapper-menu -->
 +
    <div class="wrapper">
 +
      <!-- Navigation -->
 +
      <ul id="nav" class="sf-menu sf-js-enabled sf-shadow">
 +
        <li class="current-menu-item"><a href="https://2012.igem.org/Team:Fudan_Lux">Home<span class="subheader">Welcome</span></a></li>
 +
        <li><a href="https://2012.igem.org/Team:Fudan_Lux/Team">Team<span class="subheader">Awesome</span></a> </li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Project<span class="subheader">Cool</span></a>
 +
          <ul style="display: none; visibility: hidden; ">
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Introduction</a></li>
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></li>
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">nanotubling</a></li>
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Result</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/parts">Parts <span class="subheader">Showcase</span></a></li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Modeling">Modeling<span class="subheader">In Math</span></a></li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Notebook">Notebook<span class="subheader">Get in touch</span></a></li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/practice">Practice<span class="subheader">Get in touch</span></a>
 +
          <ul style="display: none; visibility: hidden; ">
 +
            <li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud">Project Labcloud</a></li>
 +
            <li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Associations">Associations</a></li>
 +
            <li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/tianmu">Tianmu mountain</a></li>
 +
            <li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/safety">Safety<span class="subheader">Get in touch</span></a></li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Gallery">Gallery<span class="subheader">Featured work</span></a> </li>
 +
      </ul>
 +
      <!-- Navigation -->
 +
    </div>
 +
    <!-- wrapper-menu -->
 +
  </div>
 +
  <!-- ENDS menu-holder -->  
</div>
</div>
-
<!-- ENDS post-thumb -->
+
<!-- ENDS Menu -->
 +
 
 +
<!-- MAIN -->
 +
<div id="main">
 +
<!-- wrapper-main -->
 +
<div class="wrapper">
 +
 
 +
<!-- content -->
 +
<div id="content">
 +
 
 +
  <!-- title -->
 +
  <div id="page-title"> <span class="title">Project Labcloud</span> </div>
 +
  <!-- ENDS title -->
 +
  <div> </div>
 +
  <!-- Posts -->
 +
  <div id="posts" class="single" style="margin-left:30px;width:900px">
 +
    <div style="height:360px">
 +
      <div class="one-half">
 +
        <h1> Group in a mess? </h1>
 +
        <p>When we are in a iGEM Team,you may find it difficult to manage the group.
 +
        <div class="lists-check">
 +
          <ul>
 +
            <li>
 +
              <h6>Unable to get updated in project？</h6>
 +
            </li>
 +
            <p></p>
 +
            <p></p>
 +
            <li>
 +
              <h6>Cannot share ideas to everyone？</h6>
 +
            </li>
 +
            <p></p>
 +
            <p></p>
 +
            <li>
 +
              <h6>Busy with sending arrangements?</h6>
 +
            </li>
 +
          </ul>
 +
        </div>
 +
        </p>
 +
      </div>
 +
      <div class="one-half last" style="width:400px;margin-top:30px">
 +
        <div class="thumb-shadow">
 +
          <div class="post-thumbnail" > <img src="https://static.igem.org/mediawiki/2012/thumb/3/3e/Groupinamess.png/601px-Groupinamess.png" alt="mess" style="width:320px"></img></div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div id="page-title"> <span class="title"></span> </div>
 +
    <div align="center" style="margin-top:10px">
 +
      <p style="font-size:56px;font-color:#000000;" >LabCloud</p>
 +
      <img src="https://static.igem.org/mediawiki/2012/2/2a/Cloud_reflect.png" alt="labcloud"> </div>
 +
    <div style="width:880px;margin-top:50px" align="center" >
 +
      <div style="width:400px;border-width:2px" class="one-half"> This place for picture </div>
 +
      <div class="one-half last">
 +
        <h2>iGEM Team in Cloud</h2>
 +
        <div align="left"><p> With Labcloud,iGEMers can communicate in mobile way!</p>
 +
        <p><b>Cloud Notes</b> provides a effcient way of sharing ideas and experiment logs.It has a html-based editor(Thanks to <a href="http://www.e512.net/tqeditor/index.htm">TQEditor</a> Project) which enables rich-text editor.You can select font size,font color,alignment,or even insert a hroizion line.You can also add pictures,attachments,URLs,dates,records and positions with the "Add button".Each group can have multiple notebooks to write on.</p>
 +
        </div>
 +
        <div> </div>
 +
      </div>
 +
      <!-- ENDS Posts -->
 +
     
 +
    </div>
 +
    <!-- ENDS content -->
 +
   
 +
  </div>
 +
  <!-- ENDS wrapper-main -->  
</div>
</div>
-
<div>
+
<!-- ENDS MAIN -->  
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
+
-
+
-
</div>
+
-
<div>
+
-
<h1><a name="Introduction">Introduction</a></h1>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
+
-
</div>
+
-
<div>
+
-
<h1><a name="model">Model Design</a></h1>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
+
-
</div>
+
-
<div>
+
-
<h1><a name="lightsensor">Light Sensor</a></h1>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
+
-
</div>
+
-
<div>
+
-
<h1><a name="application">Application</a></h1>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
+
-
</div>
+
-
<!-- ENDS shadow -->
+
-
+
-
+
-
+
-
</div>
+
-
<!-- ENDS post -->
+
-
+
-
+
-
+
-
</div>
+
-
<!-- ENDS Posts -->
+
-
+
-
+
-
<!-- sidebar -->
+
-
<ul id="sidebar">
+
-
<!-- init sidebar -->
+
-
<li>
+
-
<h6>Biowave</h6>
+
-
<ul>
+
-
<li class="cat-item"><a href="#Background" title="View all posts">Background</a></li>
+
-
<li class="cat-item"><a href="#Introduction" title="View all posts">Introduction</a></li>
+
-
<li class="cat-item"><a href="#model" title="View all posts">Model Design</a></li>
+
-
<li class="cat-item"><a href="#lightsensor" title="View all posts">Light Sensor</a></li>
+
-
<li class="cat-item"><a href="#application" title="View all posts">Application</a></li>
+
-
</ul>
+
-
</li>
+
-
+
-
+
-
<!-- ENDS init sidebar -->
+
-
</ul>
+
-
<!-- ENDS sidebar -->
+
-
+
-
+
-
</div>
+
-
<!-- ENDS content -->
+
-
</div>
+
<!-- Twitter -->
-
<!-- ENDS wrapper-main -->
+
<div id="twitter">
-
</div>
+
  <div class="wrapper"> <a href="#" id="prev-tweet"></a> <a href="#" id="next-tweet"></a> <img id="bird" src="img/bird.png" alt="Tweets" />
-
<!-- ENDS MAIN -->
+
    <div id="tweets">
-
+
      <ul class="tweet_list">
-
<!-- Twitter -->
+
      </ul>
-
<div id="twitter">
+
    </div>
-
<div class="wrapper">
+
  </div>
-
<a href="#" id="prev-tweet"></a>
+
</div>
-
<a href="#" id="next-tweet"></a>
+
<!-- ENDS Twitter -->
-
<img id="bird" src="img/bird.png" alt="Tweets" />
+
 
-
<div id="tweets">
+
<!-- FOOTER -->
-
<ul class="tweet_list"></ul>
+
<div id="footer">
-
</div>
+
  <!-- wrapper-footer -->
-
</div>
+
  <div class="wrapper">
-
</div>
+
    <!-- footer-cols -->
-
<!-- ENDS Twitter -->
+
    <ul id="footer-cols">
 +
      <li class="col">
 +
        <h6>Pages</h6>
 +
        <ul>
 +
          <li class="page_item"><a href="index.html">Home</a></li>
 +
          <li class="page_item"><a href="features.html">Features</a></li>
 +
          <li class="page_item"><a href="blog.html">Blog</a></li>
 +
          <li class="page_item"><a href="portfolio.html">Portfolio</a></li>
 +
          <li class="page_item"><a href="gallery.html">Gallery</a></li>
 +
          <li class="page_item"><a href="contact.html">Contact</a></li>
 +
        </ul>
 +
      </li>
 +
      <li class="col">
 +
        <h6>Categories</h6>
 +
        <ul>
 +
          <li><a href="#">Webdesign projects senectus</a></li>
 +
          <li><a href="#/">Wordpress projects senectus</a></li>
 +
          <li><a href="#">Vestibulum tortor quam</a></li>
 +
          <li><a href="#">Code projects amet quam egestas</a></li>
 +
          <li><a href="#">Web design projects senectus</a></li>
 +
          <li><a href="#/">Marketplace projects</a></li>
 +
          <li><a href="#">Writting projects senectus</a></li>
 +
          <li><a href="#">Drawings projects fames Aenean</a></li>
 +
          <li><a href="#/">Wordpress projects Aenean ultricies</a></li>
 +
        </ul>
 +
      </li>
 +
      <li class="col">
 +
        <h6>About the theme</h6>
 +
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Cursus faucibus, tortor neque egestas augue, eu vulputate magna eros. </li>
 +
    </ul>
 +
    <!-- ENDS footer-cols -->  
 +
  </div>
 +
  <!-- ENDS wrapper-footer -->  
 +
</div>
 +
<!-- ENDS FOOTER -->
 +
 
 +
<!-- Bottom -->
 +
<div id="bottom">  
 +
  <!-- wrapper-bottom -->
 +
  <div class="wrapper">
 +
    <div id="bottom-text">2011 Nova all rights reserved. <a href="http://www.luiszuno.com"> Luiszuno.com</a> </div>
 +
    <!-- Social -->
 +
    <ul class="social ">
 +
      <li><a href="http://www.facebook.com" class="poshytip  facebook" title="Become a fan"></a></li>
 +
      <li><a href="http://www.twitter.com" class="poshytip twitter" title="Follow our tweets"></a></li>
 +
      <li><a href="http://www.dribbble.com" class="poshytip dribbble" title="View our work"></a></li>
 +
      <li><a href="http://www.addthis.com" class="poshytip addthis" title="Tell everybody"></a></li>
 +
      <li><a href="http://www.vimeo.com" class="poshytip vimeo" title="View our videos"></a></li>
 +
      <li><a href="http://www.youtube.com" class="poshytip youtube" title="View our videos"></a></li>
 +
    </ul>
 +
    <!-- ENDS Social -->
 +
    <div id="to-top" class="poshytip" title="To top"></div>
 +
  </div>
 +
  <!-- ENDS wrapper-bottom -->
 +
</div>
 +
<!-- ENDS Bottom -->
-
+
</body>
-
<!-- FOOTER -->
+
-
<div id="footer">
+
-
<!-- wrapper-footer -->
+
-
<div class="wrapper">
+
-
<!-- footer-cols -->
+
-
<ul id="footer-cols">
+
-
<li class="col">
+
-
<h6>Pages</h6>
+
-
<ul>
+
-
<li class="page_item"><a href="index.html">Home</a></li>
+
-
<li class="page_item"><a href="features.html">Features</a></li>
+
-
<li class="page_item"><a href="blog.html">Blog</a></li>
+
-
<li class="page_item"><a href="portfolio.html">Portfolio</a></li>
+
-
<li class="page_item"><a href="gallery.html">Gallery</a></li>
+
-
<li class="page_item"><a href="contact.html">Contact</a></li>
+
-
</ul>
+
-
</li>
+
-
+
-
<li class="col">
+
-
<h6>Categories</h6>
+
-
<ul>
+
-
<li><a href="#">Webdesign projects senectus</a></li>
+
-
<li><a href="#/">Wordpress projects senectus</a></li>
+
-
<li><a href="#">Vestibulum tortor quam</a></li>
+
-
<li><a href="#">Code projects amet quam egestas</a></li>
+
-
<li><a href="#">Web design projects senectus</a></li>
+
-
<li><a href="#/">Marketplace projects</a></li>
+
-
<li><a href="#">Writting projects senectus</a></li>
+
-
<li><a href="#">Drawings projects fames Aenean</a></li>
+
-
<li><a href="#/">Wordpress projects Aenean ultricies</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="col">
+
-
<h6>About the theme</h6>
+
-
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Cursus faucibus, tortor neque egestas augue, eu vulputate magna eros.
+
-
</li>
+
-
+
-
</ul>
+
-
<!-- ENDS footer-cols -->
+
-
</div>
+
-
<!-- ENDS wrapper-footer -->
+
-
</div>
+
-
<!-- ENDS FOOTER -->
+
-
+
-
+
-
<!-- Bottom -->
+
-
<div id="bottom">
+
-
<!-- wrapper-bottom -->
+
-
<div class="wrapper">
+
-
<div id="bottom-text">2011 Nova all rights reserved. <a href="http://www.luiszuno.com"> Luiszuno.com</a> </div>
+
-
<!-- Social -->
+
-
<ul class="social ">
+
-
<li><a href="http://www.facebook.com" class="poshytip  facebook" title="Become a fan"></a></li>
+
-
<li><a href="http://www.twitter.com" class="poshytip twitter" title="Follow our tweets"></a></li>
+
-
<li><a href="http://www.dribbble.com" class="poshytip dribbble" title="View our work"></a></li>
+
-
<li><a href="http://www.addthis.com" class="poshytip addthis" title="Tell everybody"></a></li>
+
-
<li><a href="http://www.vimeo.com" class="poshytip vimeo" title="View our videos"></a></li>
+
-
<li><a href="http://www.youtube.com" class="poshytip youtube" title="View our videos"></a></li>
+
-
</ul>
+
-
<!-- ENDS Social -->
+
-
<div id="to-top" class="poshytip" title="To top"></div>
+
-
</div>
+
-
<!-- ENDS wrapper-bottom -->
+
-
</div>
+
-
<!-- ENDS Bottom -->
+
-
+
-
</body>
+
</html>
</html>

Revision as of 17:51, 24 September 2012

NOVA

Project Labcloud

Group in a mess?

When we are in a iGEM Team,you may find it difficult to manage the group.

  • Unable to get updated in project？

  • Cannot share ideas to everyone？

  • Busy with sending arrangements?

mess

LabCloud

labcloud
This place for picture

iGEM Team in Cloud

With Labcloud,iGEMers can communicate in mobile way!

Cloud Notes provides a effcient way of sharing ideas and experiment logs.It has a html-based editor(Thanks to TQEditor Project) which enables rich-text editor.You can select font size,font color,alignment,or even insert a hroizion line.You can also add pictures,attachments,URLs,dates,records and positions with the "Add button".Each group can have multiple notebooks to write on.

Tweets
2011 Nova all rights reserved. Luiszuno.com

Retrieved from "http://2012.igem.org/Team:Fudan_Lux/biowave"