SUSTC-SZ-B 2013iGEM

From 2013.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
        <head>
+
  <head>
-
                      <link type="text/css" rel="stylesheet" href="https://2013.igem.org/SUSTC-SZ-B_2013iGEM/CSS/style.css?action=raw&amp;ctype=text/css" />  
+
    <meta charset="utf-8" />
-
                      <link type="text/css" rel="stylesheet" href="https://2013.igem.org/SUSTC-SZ-B_2013iGEM/CSS/bootstrap.min.css?action=raw&amp;ctype=text/css" />
+
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-
        <style>
+
 
-
body {
+
    <meta name="description" content="" />
-
                                height: 100%;
+
    <meta name="author" content="SUSTC-ShenZhen-B" />
-
                                background: black;
+
 
-
}
+
    <title>SUSTC-ShenZhen-B</title>
-
#top_section {
+
 
-
background: black;  
+
    <style type="text/css">
-
height: 100%;  
+
      #globalWrapper {width: 100%;font-size: 100%;}
-
overflow: hidden;
+
      #top-section {width: 100%; height:100%; border:none;}
-
                                color: white;
+
      #p-logo {display:none;}
-
                                margin: 0px;
+
      #search-controls {display:none;}
-
}
+
      .printfooter {display:none;}
-
ul li {
+
      #footer-box {border:none;}
-
display: inline-block;
+
      .firstHeading {display:none;}
-
padding: 15px;
+
      #content { border:none !important; width:1024px !important; background: url('') !important;}
-
}
+
      #bodyContent {border:none;}
-
ul li a {
+
      #catlinks {display:none;}
-
text-decoration: none;
+
      #footer-box {display:none;}
-
color: #eee;
+
      #menubar {display:none;}
-
}
+
      body {
-
                        ul li a:hover {
+
        padding: 0;
-
                                text-decoration: none;
+
      }
-
                                color: white;
+
 
-
                        }
+
      .caret {
-
</style>
+
        display: inline-block;
-
</head>
+
        width: 0;
-
<div id="top_section">
+
        height: 0;
-
<div class="text-center" style="width:50%; line-height: 1; position: relative; left: 25%; top: 3%; padding: 20px;">
+
        margin-left: 2px;
-
<img src="https://static.igem.org/mediawiki/2013/1/17/SUSTC-BLogo.png" style="width: 90%; padding-bottom: 5%;" />
+
        vertical-align: middle;
-
<p>A Registry of Standard Genetic Circuit in Synthetic Biology</p>
+
        border-top: 4px solid #000000;
-
                                        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/project.html" class="btn btn-primary">Enter Wiki</a>
+
        border-right: 4px solid transparent;
-
        <a href="http://www.sustc-genome.org.cn/igem2013/index.html" class="btn btn-success" style="margin-left: 2%;">Enter Biomiao</a>
+
        border-bottom: 0 dotted;
-
</div>
+
        border-left: 4px solid transparent;
-
</div>
+
        content: "";
-
<div id="menu" style="width:100%; background: rgba(0,0,0,1); position: fixed; top: 0px; height:50px; z-index: 1000;";>
+
      }
-
<ul style="list-style-type: none; float: right;">
+
      .icon.caret {
-
<li><a href="#project">Project</a></li>
+
        opacity: 0.75;
-
<li><a href="#team">Team</a></li>
+
      }
-
<li><a href="#human">Human Practice</a></li>
+
      .white.caret {
-
</ul>
+
        border-top-color: #FFFFFF;
-
</div>
+
      }
-
<div id="project" style="background: url(https://static.igem.org/mediawiki/2013/9/95/SUSTC-B2.jpg); height: 800px;">
+
      .main.menu {
-
<div style="position: relative; top: 20%; left: 50%; color: #888; margin: 5%; width: 40%;">
+
        top: 0;
-
<h1>Biomiao</h1>
+
      }
-
<h3>Project Abstract</h3>
+
      .script.image {
-
<p class="indent">Our project, Biomiao.org, is different from all the iGEM software projects in the past. We aim to construct a community of Synthetic Biology to help scientists to do more in the cloud age. We have almost realized this dream. We have set up a registry for gene circuits and projects. Sophisticated researchers can find their circuits needed by retrieve the registry and iGEMers can do brainstorm with the help of our website. Mind Road, Circuit List and Latest Update are the three ways to retrieve. A platform has been built to collect handy tools provided by either the iGEM teams or the company to facilitate users to use the information they find to do more things and study Synthetic Biology more conveniently. Among these handy tools, Mind LGD is developed by us. LGD is a genetic circuit designer which can present the logical relationship of related parts. The comment part has been added to all the information tab of circuits and other community features are on the way. Biomiao will be a community driven by idea, circuits, news, tools and comments. It will be somewhat like the Facebook and Twitter, but the more professional one.</p>
+
        display: none;
-
                                <p class="indent">We also transplanted TTEC and BioSearch, which are both last year iGEM software, on Clotho. We always believe, an open and powerful software framework or platform, can contribute a lot to Synthetic Biology. This is one of the reasons why we come up with the idea of the platform of useful tools.</p>
+
      }
-
<a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/project.html" class="btn btn-primary">See More</a>
+
      .logo img {
-
</div>
+
        width: 100%;
-
</div>
+
      }
-
<div id="team" style="background: url(https://static.igem.org/mediawiki/2013/c/c8/SUSTC-B3.png) #66c000 no-repeat 50% 100%; background-position: right bottom;height: 800px;">
+
.cp-logo {
-
<div style="padding-top: 80px; width: 280px; margin-left: 40px;">
+
      max-width: 100%;
-
<h1>Team</h1>
+
    }
-
<p>We want to establish a user-friendly web2.0 platform which can function as both a handy tool kit and a community. There are mainly 3 reasons that we choose a webpage instead of a native application. First, current software need to users don’t need to download our software. Second, a webpage is not limited with the system, which means users can log in our webpage wherever they can reach the internet. And the last, all the information can be stored by the cloud, so users don’t have to worry about their information being lost.</p>
+
    .cp-logo img.cl {
-
<a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/team.html" class="btn btn-primary">See More</a>
+
      position: absolute;
-
</div>
+
      /* transform: rotate(-90deg); */
-
</div>
+
    }
-
<div id="human" style="background: white url(https://static.igem.org/mediawiki/igem.org/e/eb/SUSTC-BM.jpg) no-repeat 50% 100%; height: 800px;">
+
    .cp-logo img.background {
-
<div style="margin-top: 20%; width: 70%">
+
      width: 1200px;
-
<h1>Project Description</h1>
+
    }
-
<p>We want to establish a user-friendly web2.0 platform which can function as both a handy tool kit and a community. There are mainly 3 reasons that we choose a webpage instead of a native application. First, current software need to users don’t need to download our software. Second, a webpage is not limited with the system, which means users can log in our webpage wherever they can reach the internet. And the last, all the information can be stored by the cloud, so users don’t have to worry about their information being lost.</p>
+
    .cp-logo img.big {
-
<a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/meeting.html" class="btn btn-primary">See More</a>
+
      top: 31px;
-
</div>
+
      left: 46px;
-
</div>
+
      width: 290px;
-
<script>
+
    }
-
$(document).ready(function(){    
+
    .cp-logo img.software {
-
                        $("head style").remove();
+
      top: 225px;
-
                        $("#top-section").remove();
+
      left: 277px;
-
                        $("#top").remove();
+
      width: 164px;
-
                        $("#siteSub").remove();
+
    }
-
                        $("#footer-box").remove();  
+
    .cp-logo img.mindmap {
-
                        $(".printfooter").remove();     
+
      top: 245px;
-
                        $(".firstHeading").remove();      
+
      left: 441px;
-
                        /*var menu = document.getElementById('menu');
+
      width: 142px;
-
var init = menu.offsetTop;
+
    }
-
var docked;
+
    .cp-logo img.lgd {
-
window.onscroll = function () {
+
      top: 276px;
-
                     
+
      left: 571px;
-
                            if (!docked) {
+
      width: 102px;
-
                                  if(menu.offsetTop - scrollTop() < 0) {
+
    }
-
  menu.style.top = 0;
+
    .cp-logo img.labmanager {
-
  menu.style.position = 'fixed';
+
      top: 245px;
-
  menu.className = 'docked';
+
      left: 667px;
-
  docked = true;
+
      width: 121px;
-
                                  }
+
    }
-
                            }
+
    .cp-logo img.technistandard {
-
                            else if (menu.offsetTop - scrollTop() < 0) {
+
      top: 230px;
-
                                  if(!docked) {
+
      left: 781px;
-
  menu.style.top = 0;
+
      width: 164px;
-
  menu.style.position = 'fixed';
+
    }
-
  menu.className = 'docked';
+
    .cp-logo img.clotho {
-
  docked = true;
+
      top: 257px;
-
                                  }
+
      left: 940px;
-
                            }
+
      width: 75px;
-
                            else if (scrollTop() <= init) {
+
    }
-
                                  if(docked) {
+
    .cp-logo img.humanpractice {
-
  menu.style.position = 'absolute';
+
      top: 265px;
-
  menu.style.top = init + 'px';
+
      left: 1010px;
-
  menu.className = menu.className.replace('docked', '');
+
      width: 94px;
-
  docked = false;
+
    }
-
                                  }
+
    </style>
-
                            }
+
    <link rel="stylesheet" type="text/css" href="/SUSTC-SZ-B_2013iGEM/CSS/wiki-all.min.css?action=raw&amp;ctype=text/css" />
-
                            else if (docked) {
+
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Open+Sans:300italic,400,300,700" />
-
                                  if(scrollTop() <= init) {
+
 
-
  menu.style.position = 'absolute';
+
  </head>
-
  menu.style.top = init + 'px';
+
  <body id="example">
-
  menu.className = menu.className.replace('docked', '');
+
    <div class="ui fixed transparent inverted main menu">
-
  docked = false;
+
      <div class="container">
-
                                  }
+
        <a href="#" class="brand">SUSTC-ShenZhen-B</a>
-
                            }
+
        <div class="right menu">
-
}
+
          <a href="http://circuitplus.org" class="item">Visit Circuit+</a>
-
function scrollTop() {
+
        </div>
-
return document.body.scrollTop || document.documentElement.scrollTop;
+
        <div href="/" class="ui dropdown link active item">
-
}*/
+
          iGEM
-
});
+
          <span class="icon white caret"></span>
-
</script>
+
          <div class="menu">
 +
            <a href="https://2013.igem.org/Main_Page" class="item">iGEM homepage</a>
 +
            <a href="/Team:SUSTC-Shenzhen-B" class="item">wiki homepage</a>
 +
            <a href="https://igem.org/User_Information" class="item">My Account</a>
 +
            <a href="https://2013.igem.org/wiki/index.php?title=SUSTC-SZ-B_2013iGEM&action=edit" class="item">Edit</a>
 +
          </div>
 +
        </div>
 +
        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/project.html" class="item">Overview</a>
 +
        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/standard.html" class="item">Standard and database</a>
 +
        <div href="/" class="ui dropdown link item">
 +
          Software
 +
          <span class="white caret"></span>
 +
          <div class="menu">
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/circuitplus.html" class="item">Circuit+</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/tutorial.html" class="item">Tutorial</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/safety.html" class="item">Safety</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/feedback.html" class="item">Feedback</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/future.html" class="item">Future</a>
 +
            <a href="/Team:SUSTC-Shenzhen-B/lab.html" class="item">Lab Manager</a>
 +
            <a href="/Team:SUSTC-Shenzhen-B/clotho.html" class="item">Clotho</a>
 +
          </div>
 +
        </div>
 +
        <div href="/" class="ui dropdown link item">
 +
          Human practice
 +
          <span class="white caret"></span>
 +
          <div class="menu">
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/workshop.html" class="item">Workshop meeting</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/publicity.html" class="item">Publicity</a>
 +
          </div>
 +
        </div>
 +
        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/achievement.html" class="item">Achievement</a>
 +
        <div href="/" class="ui dropdown link item">
 +
          Team
 +
          <span class="white caret"></span>
 +
          <div class="menu">
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/about.html" class="item">About us</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/notebook.html" class="item">Notebook</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/acknowledgement.html" class="item">Acknoledgement</a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="header">
 +
      <div class="segment">
 +
        <div id="overview" class="container">
 +
    <div class="cp-logo">
 +
      <!-- <img class="background" src="/wiki/images/2/26/Background.png" /> -->
 +
      <a href="http://circuitplus.org"><img class="cl odd big" src="/wiki/images/c/c9/Logo.png" /></a>
 +
      <img class="cl even software" src="/wiki/images/f/fd/Software.png" />
 +
      <img class="cl odd mindmap" src="/wiki/images/4/4b/Mind_map.png" />
 +
      <img class="cl even lgd" src="/wiki/images/f/f9/LGD.png" />
 +
      <img class="cl odd labmanager" src="/wiki/images/4/4b/Lab_manager.png" />
 +
      <img class="cl even technistandard" src="/wiki/images/5/53/Technistandard.png" />
 +
      <img class="cl odd clotho" src="/wiki/images/9/94/Clotho.png" />
 +
      <img class="cl even humanpractice" src="/wiki/images/4/4f/Human_practice.png" />
 +
    </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="main container page index">
 +
      <p>Welcome to our wiki! This is SUSTC-Shenzhen-B.</p>
 +
      <p>This year, we have developed Circuit+. Circuit+ is an online registry of standard gene circuits.</p>
 +
      <p>Detail information of software can be found in software part of this wiki.</p>
 +
      <p>We also have developed Circuit List and TTEC on Clotho, and Lab Manager. See <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/clotho.html">Clotho</a> and <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/lab.html">Lab Manager</a> for details.</p>
 +
    </div>
 +
 
 +
    <div class="footer">
 +
      <div class="ui divider">
 +
      </div>
 +
      <div class="ui divided horizontal footer link list">
 +
        <div class="item">
 +
          &copy; SUSTC-ShenZhen-B
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
 +
    <script type="text/javascript" src="https://2013.igem.org/SUSTC-SZ-B_2013iGEM/JS/wiki-all.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
    <script type="text/javascript">
 +
      function png2text(pngurl, id, callback) {
 +
        var canvas = document.createElement("canvas"),
 +
        ctx = canvas.getContext("2d");
 +
        img = new Image();
 +
   
 +
        img.id = 'pt-' + id;
 +
        img.className = 'script image';
 +
        img.style.position = "absolute";
 +
        img.style.left = "-10000px";
 +
        document.body.appendChild(img);
 +
 
 +
        img.onload = function() {
 +
          var
 +
            w = this.width,
 +
            h = this.height;
 +
    
 +
          canvas.width = w;
 +
          canvas.height = h;
 +
          canvas.style.width = w+"px";
 +
          canvas.style.height = h+"px";
 +
 
 +
          ctx.drawImage(this, 0, 0);
 +
 
 +
          var data = ctx.getImageData(0, 0, w, h).data,
 +
            a = [],
 +
            len = data.length,
 +
            p = -1;
 +
         
 +
          for (var i=0; i < len; i += 4) {
 +
            if (data[i] > 0)
 +
              a[++p] = String.fromCharCode(data[i]);
 +
          };
 +
 
 +
          canvas = undefined;
 +
          try {
 +
            //document.body.removeChild(img);
 +
            $('#pt-' + id).remove();
 +
          } catch (e) {
 +
          }
 +
 
 +
          if (callback) callback(a.join(""));
 +
        };
 +
 
 +
        img.src = pngurl;
 +
      }
 +
 
 +
      function baseRemove() {
 +
        $('#top-section').remove();
 +
        $('#content').attr('id', '');
 +
        $('#bodyContent').attr('id', '');
 +
        $('#globalWrapper').attr('id', '');
 +
 
 +
        $('.main.container.page').parent().attr('id', 'example');
 +
      }
 +
 
 +
      function loadJavascript() {
 +
        /* $.get("https://2013.igem.org/SUSTC-SZ-B_2013iGEM/JS/wiki-all.min.js?action=raw&ctype=text/javascript", function (data) {
 +
          eval(data);
 +
        }); */
 +
        /* png2text('https://static.igem.org/mediawiki/2013/4/43/Wiki-all-min-js.png', 'wiki-all', function (text) {
 +
          eval(text);
 +
        }); */
 +
      }
 +
 
 +
      function logoFun() {
 +
        var r = 0;
 +
        setInterval(function () {
 +
          $('img.cl.odd').attr('style', '-webkit-transform: rotate(' + r + 'deg); -moz-transform: rotate(' + r + 'deg); transform: rotate(' + r + 'deg);');
 +
          $('img.cl.even').attr('style', '-webkit-transform: rotate(-' + r + 'deg); -moz-transform: rotate(' + r + 'deg); transform: rotate(' + r + 'deg);');
 +
          r += 2;
 +
          if (r >= 360) r = 0;
 +
        }, 100);
 +
      }
 +
 
 +
      $(document).ready(function () {
 +
        baseRemove();
 +
        loadJavascript();
 +
        logoFun();
 +
      });
 +
    </script>
 +
  </body>
</html>
</html>

Latest revision as of 04:00, 29 October 2013

SUSTC-ShenZhen-B

Welcome to our wiki! This is SUSTC-Shenzhen-B.

This year, we have developed Circuit+. Circuit+ is an online registry of standard gene circuits.

Detail information of software can be found in software part of this wiki.

We also have developed Circuit List and TTEC on Clotho, and Lab Manager. See Clotho and Lab Manager for details.