Team:Fudan Lux/biowave

From 2012.igem.org

(Difference between revisions)
Line 38: Line 38:
}
}
  border-left: 0px;
  border-left: 0px;
-
border-right: 0px;
+
border-right: 0px;
}
}
-->
-->
Line 50: Line 50:
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/social-icons.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]>
<!--[if IE 8]>
-
<link rel="stylesheet" type="text/css" media="screen" href="http://luiszuno.com/themes/nova/css/ie8-hacks.css" />
+
            <link rel="stylesheet" type="text/css" media="screen" href="http://luiszuno.com/themes/nova/css/ie8-hacks.css" />
-
<![endif]-->
+
        <![endif]-->
<!-- ENDS CSS -->
<!-- ENDS CSS -->
<!-- GOOGLE FONTS  
<!-- GOOGLE FONTS  
-
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
+
        <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
<!-- JS -->
<!-- JS -->
Line 69: Line 69:
<!--[if IE]>
<!--[if IE]>
-
<script src="http://luiszuno.com/themes/nova/http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+
            <script src="http://luiszuno.com/themes/nova/http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-
<![endif]-->
+
        <![endif]-->
<!--[if IE 6]>
<!--[if IE 6]>
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/DD_belatedPNG.js"></script>
+
            <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/DD_belatedPNG.js"></script>
-
<script>
+
            <script>
-
      /* EXAMPLE */
+
                /* EXAMPLE */
-
      //DD_belatedPNG.fix('*');
+
                //DD_belatedPNG.fix('*');
-
    </script>
+
            </script>
-
<![endif]-->
+
        <![endif]-->
<!-- ENDS JS -->
<!-- ENDS JS -->
Line 205: Line 205:
<body class="home">
<body class="home">
-
<div style="position:fixed;width:70px;height:20px;right:50px;bottom:50px"><a href="#">back to top</a></div>
+
 
<!-- HEADER -->
<!-- HEADER -->
<div id="header">  
<div id="header">  
Line 234: Line 234:
       <!-- Navigation -->
       <!-- Navigation -->
       <ul id="nav" class="sf-menu sf-js-enabled sf-shadow">
       <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 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/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>
+
         <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; ">
           <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/project_introduction">Introduction</a></li>
Line 249: Line 249:
         <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/practice">Practice<span class="subheader">Get in touch</span></a>
         <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; ">
           <ul style="display: none; visibility: hidden; ">
-
             <li><a 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/labcloud">Project Labcloud</a></li>
-
             <li><a 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/Associations">Associations</a></li>
-
             <li><a 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/tianmu">Tianmu mountain</a></li>
-
             <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
+
             <li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 267: Line 267:
<!-- MAIN -->
<!-- MAIN -->
-
<div id="main">  
+
<div id="main">
-
  <!-- wrapper-main -->
+
<!-- wrapper-main -->
-
  <div class="wrapper">  
+
<div class="wrapper">
-
   
+
 
-
    <!-- content -->
+
<!-- content -->
-
    <div id="content">  
+
<div id="content">  
-
     
+
 
-
      <!-- title -->
+
  <!-- title -->
-
      <div id="page-title"> <span class="title">Project Biowave</span> <span class="subtitle">You have never seen something like this.</span> </div>
+
  <div id="page-title"> <span class="title">Project Labcloud</span> </div>
-
      <!-- ENDS title -->  
+
  <!-- ENDS title -->
-
     
+
  <div> </div>
-
      <!-- Posts -->
+
  <!-- Posts -->
-
      <div id="posts" class="single">  
+
  <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.
          
          
-
        <!-- post -->
+
         <div class="lists-check" style="margin-top:60px">
-
         <div class="post">
+
          <ul>
-
          <h1><a name="Background">Background</a></h1>
+
            <li>
-
         
+
               <h6>Unable to get updated in project？</h6>
-
          <!-- shadow -->
+
             </li>
-
          <div class="thumb-shadow">
+
             <p></p>
-
            <div class="post-thumbnail">  
+
             <p></p>
-
              <!-- meta -->
+
             <li>
-
              <ul class="meta">
+
              <h6>Cannot share ideas to everyone？</h6>
-
                <li><strong>Posted on</strong> Dec 27th 2011 </li>
+
             </li>
-
                <li><strong>By</strong> <a href="#">Ansimuz</a></li>
+
             <p></p>
-
                <li> <strong>Posted in</strong>
+
             <p></p>
-
                  <div class="meta-tags"> <a href="#">Webdesign</a> <a href="#">Code</a> <a href="#">Photo</a> </div>
+
             <li>
-
                </li>
+
              <h6>Busy with sending arrangements?</h6>
-
               </ul>
+
             </li>
-
              <!-- ENDS meta -->
+
           </ul>
-
              <a href="single.html" class="cover" style="left: 0px; "><img src="img/dummies/596x270.gif" alt="Feature image"></a> </div>
+
-
            <!-- ENDS post-thumb -->
+
-
          </div>
+
-
          <div>
+
-
            <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="Intruction">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>
         </div>
-
         <!-- ENDS post -->  
+
         </p>
-
       
+
       </div>
       </div>
-
      <!-- ENDS Posts -->
 
        
        
-
       <!-- sidebar -->
+
       <div class="one-half last" style="width:400px;margin-top:30px">
-
      <ul id="sidebar">
+
        <div class="thumb-shadow">
-
        <!-- init sidebar -->
+
          <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>
-
         <li>
+
         </div>
-
          <h6>Biowave</h6>
+
      </div>
-
          <ul>
+
    </div>
-
            <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>
+
    <div style="margin-top:80px"><hr style="-webkit-box-shadow: 0px 0px 7px #999;
-
            <li class="cat-item"><a href="#model" title="View all posts">Model Design</a></li>
+
  -webkit-border-bottom-right-radius: 15px">  </div>
-
            <li class="cat-item"><a href="#lightsensor" title="View all posts">Light Sensor</a></li>
+
    <div align="center" style="margin-top:10px">
-
            <li class="cat-item"><a href="#application" title="View all posts">Application</a></li>
+
      <div style="margin-top:50px"><p style="font-size:56px;font-color:#000000;" >LabCloud</p></div>
-
          </ul>
+
      <div style="margin-top:50px"><img src="https://static.igem.org/mediawiki/2012/2/2a/Cloud_reflect.png" alt="labcloud"> </div>
-
        </li>
+
      <div id="page-title"> <span class="title"></span> </div>
 +
    <div style="width:880px;height:330px;margin-top:50px" align="center" >
 +
      <div style="width:400px;border-width:2px" class="one-half"> <img src="https://static.igem.org/mediawiki/igem.org/6/69/Cloudnote.png" alt="Cloud note" style="width:256px"></img></div>
 +
      <div class="one-half last" align="left">
 +
        <h2>iGEM Team in Cloud</h2>
 +
        <div align="left" style="width:320px"><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>
          
          
-
         <!-- ENDS init sidebar -->
+
      </div>
-
       </ul>
+
      </div>
-
       <!-- ENDS sidebar -->  
+
         <div style="margin-top:21px"><hr style="-webkit-box-shadow: 0px 0px 7px #999;
-
        
+
  -webkit-border-bottom-right-radius: 15px">  </div><br>
 +
  <div style="height:600px">
 +
  <div class="one-half" style="width:320px;margin-top:150px" >
 +
  <h1>Cloud Reminders</h1>
 +
  <div align="left">
 +
  <p>Email and SMS will not be used to arrange work anymore!Cloud reminders can do these things more effciently and it is really esay to use.Team menbers share a list of reminders in Cloud reminders.It will provide basic info about each reminder and fire a notification in time whatever Labcloud is running or not.
 +
  </P>
 +
  </div>
 +
  </div>
 +
  <div class="one-half last"style="width:380px;float:right">
 +
  <img src="https://static.igem.org/mediawiki/igem.org/2/2e/Cloudreminders.png" alt="Cloud Reminders" style="width:380px">
 +
 
 +
  </div>
 +
  </div>
 +
   
 +
  <div style="color:#FFF;height:700px">
 +
  <div style="height:600px;background:#000;width:1000px;position:absolute;left:0px;margin-top:-7px;-webkit-box-shadow: 0px 0px 20px #999;
 +
  -webkit-border-bottom-right-radius: 25px" align="center">
 +
  <div style="float:right;margin-top:75px;margin-right:150px">
 +
 
 +
  <h1 style="color:#FFF">BioBrick?</h1><h1 style="color:#FFF">BioBrick!</h1>
 +
  </div>
 +
  <div align="center"><img src="https://static.igem.org/mediawiki/2012/e/ed/Int_biobrickviewer.png" alt="bbviewer" style="width:50%">
 +
  </div>
 +
 
 +
  <div>
 +
  <p style="color:#FFF;font-size:40px">Integrated Biobrick Viewer</p></div>
 +
 
 +
  <div><p>A simple Biobrick browser which is integrated in notebook editor</p>
 +
  <p>Easily search and display a Biocrick online.</p>
 +
  <p>Direct insert into Cloudnotes.</p>
 +
  </div>
 +
 
 +
  </div>
 +
 
 +
 
 +
  </div>
 +
  <div><h1>More Features</h1></div>
 +
  <div align="center">
 +
  <div class="one-half"><img src="https://static.igem.org/mediawiki/2012/c/c3/Notiicon.png" alt="icon" style="float:right"></div><div class="one-half last" style="width:320px"><br><br><br><span style="float:left">Enable push notification</span></div>
 +
  </div>
 +
       </div>
 +
      <div class="one-half"><img src="https://static.igem.org/mediawiki/2012/4/42/People-icon.png" alt="icon" style="float:right"></div><div class="one-half last"style="width:320px"><br><br><span>Team member control</span><p>You can join in more than one group.</p></div>
 +
       <!-- ENDS Posts
 +
      -->  
 +
       <div class="one-half"><img src="https://static.igem.org/mediawiki/2012/b/be/Free_icon.png" alt="icon" style="float:right"></div><div class="one-half last"style="width:320px"><br><span>It's free and opensource!</span><p>Current being reviewed by Appstore.</p></div>
     </div>
     </div>
 +
    <div id="page-title"> <span class="title"></span> </div>
 +
 
     <!-- ENDS content -->  
     <!-- ENDS content -->  
      
      
   </div>
   </div>
   <!-- ENDS wrapper-main -->  
   <!-- ENDS wrapper-main -->  
 +
</div>
</div>
</div>
<!-- ENDS MAIN -->  
<!-- ENDS MAIN -->  

Revision as of 13:47, 25 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
Cloud note

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.


Cloud Reminders

Email and SMS will not be used to arrange work anymore!Cloud reminders can do these things more effciently and it is really esay to use.Team menbers share a list of reminders in Cloud reminders.It will provide basic info about each reminder and fire a notification in time whatever Labcloud is running or not.

Cloud Reminders

BioBrick?

BioBrick!

bbviewer

Integrated Biobrick Viewer

A simple Biobrick browser which is integrated in notebook editor

Easily search and display a Biocrick online.

Direct insert into Cloudnotes.

More Features

icon



Enable push notification
icon


Team member control

You can join in more than one group.

icon

It's free and opensource!

Current being reviewed by Appstore.

Tweets
2011 Nova all rights reserved. Luiszuno.com

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