Team:Fudan Lux/labcloud

From 2012.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 209: Line 209:
<div id="header">  
<div id="header">  
   <!-- wrapper-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>  
+
   <div class="wrapper"> <a href="https://2012.igem.org/Team:Fudan_Lux"><img id="logo" src="https://static.igem.org/mediawiki/2012/5/5d/Logo_64px.png" alt="Nova"></a>  
-
    <!-- search -->
+
      <!-- search -->
     <div class="top-search">
     <div class="top-search">
-
       <form method="get" id="searchform" action="#">
+
       <form method="get" id="searchform" action="https://2012.igem.org/Special:Search">
         <div>
         <div>
-
           <input type="text" value="Search..." name="s" id="s" onFocus="defaultInput(this)" onBlur="clearInput(this)">
+
           <input type="text" value="Search..." name="search" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)">
           <input type="submit" id="searchsubmit" value=" ">
           <input type="submit" id="searchsubmit" value=" ">
         </div>
         </div>
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 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">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><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">Overview</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/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/nanotube">nanotubling</a></li>
Line 247: Line 247:
         <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/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/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>
+
         <li class="current-menu-item"><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="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/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="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>
+
             <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 279: Line 279:
   <div> </div>
   <div> </div>
   <!-- Posts -->
   <!-- Posts -->
-
   <div id="posts" class="single" style="margin-left:30px;width:900px">
+
   <div id="posts" class="single" style="margin-left:30px;margin-bottom:100px;width:900px">
     <div style="height:360px">
     <div style="height:360px">
       <div class="one-half">
       <div class="one-half">
         <h1> Group in a mess? </h1>
         <h1> Group in a mess? </h1>
-
         <p>When we are in a iGEM Team,you may find it difficult to manage the group.
+
         <p>When we are in an iGEM Team,you may find it difficult to manage the group.
          
          
         <div class="lists-check" style="margin-top:60px">
         <div class="lists-check" style="margin-top:60px">
           <ul>
           <ul>
             <li>
             <li>
-
               <h6>Unable to get updated in project？</h6>
+
               <h6>Unable to get updated in project?</h6>
             </li>
             </li>
             <p></p>
             <p></p>
             <p></p>
             <p></p>
             <li>
             <li>
-
               <h6>Cannot share ideas to everyone？</h6>
+
               <h6>Cannot share ideas to everyone?</h6>
             </li>
             </li>
             <p></p>
             <p></p>
Line 315: Line 315:
   -webkit-border-bottom-right-radius: 15px">  </div>
   -webkit-border-bottom-right-radius: 15px">  </div>
     <div align="center" style="margin-top:10px">
     <div align="center" style="margin-top:10px">
-
       <div style="margin-top:50px"><p style="font-size:56px;font-color:#000000;" >LabCloud</p></div>
+
       <div style="margin-top:50px"><p style="font-size:72px;-webkit-box-reflect: below -30px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.5, transparent), to(rgba(3,3,3,.2)));background: -webkit-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;" >LabCloud</p></div>
-
       <div style="margin-top:50px"><img src="https://static.igem.org/mediawiki/2012/2/2a/Cloud_reflect.png" alt="labcloud"> </div>
+
       <div style="margin-top:50px"><img src="https://static.igem.org/mediawiki/2012/2/2a/Cloud_reflect.png" alt="labcloud" style="width:512px"> </div>
       <div id="page-title"> <span class="title"></span> </div>
       <div id="page-title"> <span class="title"></span> </div>
     <div style="width:880px;height:330px;margin-top:50px" align="center" >
     <div style="width:880px;height:330px;margin-top:50px" align="center" >
Line 323: Line 323:
         <h2>iGEM Team in Cloud</h2>
         <h2>iGEM Team in Cloud</h2>
         <div align="left" style="width:320px"><p> With Labcloud,iGEMers can communicate in mobile way!</p>
         <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>
+
         <p><b>Cloud Notes</b> provides an 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 horizon 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>
Line 333: Line 333:
   <h1>Cloud Reminders</h1>
   <h1>Cloud Reminders</h1>
   <div align="left">
   <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>Email and SMS will not be used to arrange work anymore!Cloud reminders can do these things more effciently and it is really easy to use. Team menbers share a list of memos in Cloud reminders. It will provide basic info about each reminder and fire a notification in time no matter whether Labcloud is running or not.  
   </P>
   </P>
   </div>
   </div>
Line 367: Line 367:
   <div><h1>More Features</h1></div>
   <div><h1>More Features</h1></div>
   <div align="center">
   <div align="center">
-
   <div><img src="https://static.igem.org/mediawiki/2012/c/c3/Notiicon.png" alt="icon"></div><div><span>Enable push notification</span></div>
+
   <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>
       </div>
-
       <!-- ENDS Posts -->  
+
      <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>
+
      -->  
 +
       <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><br><br><br><br>
 +
    <div id="page-title" style="width:950px;top: 800px;margin-top:100px" align="center"> <span class="title"><a name="bbviewer"></a>BioBrick Viewer</span> </div>
 +
    <div  style="width:900px;margin:50px">
 +
    <br>
 +
    <p>
 +
    In order to help our team members with Biobrick assembly,we also build a opensource IOS APP "BioBrick Viewer".</p>
 +
    <p>Biobrick 1.0 contains a offline database of all the 7000+ biobricks in partsregistry until 9.16.2012.</p>
 +
    <p>BioBrick Viewer will be contributed to partsregistry and github in few days. Or you can download the sourcecode <a href="https://static.igem.org/mediawiki/2012/6/67/BioBrick_Viewer.zip">here</a>,and download the <a href="https://static.igem.org/mediawiki/2012/3/3a/Biobrickxmldumper.zip"><b>Parts registry xml dumper and index builder</b> </a>.
 +
   
 +
   
 +
    </p>
 +
    </div>
 +
   
 +
      <div style="margin-top:80px;margin-left:50px"><hr style="-webkit-box-shadow: 0px 0px 7px #999;
 +
  -webkit-border-bottom-right-radius: 15px">  </div>
 +
    <div style="height:700px">
 +
    <div class="one-third" align="center" style="margin:30px">
 +
    <img src="https://static.igem.org/mediawiki/2012/0/0c/Bbviewer-search.png" alt="" style="width:240px"><br><br>
 +
    <h2>Ultra Search</h2>
 +
    <div align="left">
 +
    <br>
 +
    <p>Fast and simple search tool. Search any keywords as you wish. For example, search "lux" will find 401 results and it will be done in about 1.5 seconds (test on iPad 3rd generation).</p>
 +
    </div>
 +
    </div>
 +
   
 +
    <div class="one-third" align="center" style="margin-top:30px">
 +
    <img src="https://static.igem.org/mediawiki/2012/9/99/Bbviewer-bbinfo.png" alt="" style="width:240px"><br><br>
 +
    <h2>BioBrick Info View</h2>
 +
   
 +
    <div align="left">
 +
    <br>
 +
    <p>View all the basic info of a Biobrick in a single scroll view. Even navigate to the subparts of it.If you like it, just add to your favorites</p>
 +
    </div>
 +
    </div>
 +
   
 +
   
 +
    <div class="one-third last" align="center" style="margin-top:30px">
 +
    <img src="https://static.igem.org/mediawiki/2012/1/11/Bbsequenceview.png" alt="" style="width:240px"><br><br>
 +
    <h2>Sequence View</h2>
 +
   
 +
    <div align="left">
 +
    <br>
 +
    <p>Have a galance of the sequence.Then start working on it.You can search  sequence fragments,one-click copy select sequence or even browser all the features of this Biobrick!</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
    <div class="one-third" align="center" style="margin:30px">
 +
    <img src="https://static.igem.org/mediawiki/2012/3/31/Bbview-category.png" alt="" style="width:240px"><br><br>
 +
    <h2>Category</h2>
 +
    <div align="left">
 +
    <br>
 +
    <p>Browse all the 7000+ Biobricks in 17 categorys.</p>
 +
    </div>
 +
    </div>
 +
    <div>
 +
    <div class="one-third" align="center" style="margin-top:30px">
 +
    <img src="https://static.igem.org/mediawiki/2012/c/c8/Bbviewer-favoraites.png" alt="" style="width:240px"><br><br>
 +
    <h2>Favorites</h2>
 +
   
 +
    <div align="left">
 +
    <br>
 +
    <p>View and manage your collections here.</p>
 +
    </div>
 +
    </div>
 +
   
 +
   
 +
    <div class="one-third last" align="center" style="margin-top:30px">
 +
    <a href="http://itunes.apple.com/app/biobrick-viewer/id564482110?ls=1&mt=8"><img src="https://static.igem.org/mediawiki/2012/f/f8/Appstore.png" alt="" style="width:240px;margin-top:50px"></a><br><br>
 +
   
 +
   
 +
    <img src="https://static.igem.org/mediawiki/2012/9/9f/Bbviewer-qr.png" slt="" style="width:200px">
 +
    </div>
 +
    </div>
 +
   
 +
    </div>
 +
 
     <!-- ENDS content -->  
     <!-- ENDS content -->  
      
      
Line 381: Line 458:
<!-- ENDS MAIN -->  
<!-- ENDS MAIN -->  
-
<!-- Twitter -->
+
<!-- Twitter -->
-
<div id="twitter">
+
<div id="twitter">
-
  <div class="wrapper"> <a href="#" id="prev-tweet"></a> <a href="#" id="next-tweet"></a> <img id="bird" src="img/bird.png" alt="Tweets" />
+
-
    <div id="tweets">
+
</div>
-
      <ul class="tweet_list">
+
<!-- ENDS Twitter -->
-
      </ul>
+
-
    </div>
+
-
  </div>
+
-
</div>
+
-
<!-- ENDS Twitter -->
+
-
 
+
-
<!-- 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>
+
<!-- FOOTER -->
 +
<div id="footer">
 +
<!-- wrapper-footer -->
 +
<div class="wrapper">
 +
<!-- footer-cols -->
 +
<ul id="footer-cols">
 +
 +
 +
 +
<li class="col">
 +
<h6>About the Team</h6>
 +
He he he he!
 +
</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">All rights reserved. Tempalate Edit by Fudan-lux team <a href="http://www.luiszuno.com">Powered By Luiszuno.com</a> </div>
 +
<!-- Social -->
 +
 +
<!-- ENDS Social -->
 +
<div id="to-top" class="poshytip" title="To top"></div>
 +
</div>
 +
<!-- ENDS wrapper-bottom -->
 +
</div>
 +
<!-- ENDS Bottom -->

Latest revision as of 22:54, 26 September 2012

NOVA

Project Labcloud

Group in a mess?

When we are in an 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 an 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 horizon 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 easy to use. Team menbers share a list of memos in Cloud reminders. It will provide basic info about each reminder and fire a notification in time no matter whether 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.





BioBrick Viewer

In order to help our team members with Biobrick assembly,we also build a opensource IOS APP "BioBrick Viewer".

Biobrick 1.0 contains a offline database of all the 7000+ biobricks in partsregistry until 9.16.2012.

BioBrick Viewer will be contributed to partsregistry and github in few days. Or you can download the sourcecode here,and download the Parts registry xml dumper and index builder .



Ultra Search


Fast and simple search tool. Search any keywords as you wish. For example, search "lux" will find 401 results and it will be done in about 1.5 seconds (test on iPad 3rd generation).



BioBrick Info View


View all the basic info of a Biobrick in a single scroll view. Even navigate to the subparts of it.If you like it, just add to your favorites



Sequence View


Have a galance of the sequence.Then start working on it.You can search sequence fragments,one-click copy select sequence or even browser all the features of this Biobrick!



Category


Browse all the 7000+ Biobricks in 17 categorys.



Favorites


View and manage your collections here.



All rights reserved. Tempalate Edit by Fudan-lux team Powered By Luiszuno.com

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