SUSTC-SZ-B 2013iGEM

From 2013.igem.org

(Difference between revisions)
 
(41 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 btn-large">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 are a happy team! We work together~</p>
+
    .cp-logo img.cl {
-
<a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/team.html" class="btn btn-primary btn-large">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:0px; padding-top: 80px">
+
      width: 1200px;
-
                                <div style="margin-left: 35%; width: 30%">
+
    }
-
<h1>Project Description</h1>
+
    .cp-logo img.big {
-
<p>This summer SUSTC-B has been busy with introducing our software to undergraduates and middle school students. By the way we have also give several speeches to freshman and middle school students, what’s more our team members had several communication activities with other igem teams, including attending BGI workshop, visiting Team Hong_Kong_HKUST and Team Hong_Kong_CUHK. We exchanged our opinions and discussed our projects. the publicity of synthetic biology has a long way to go. And we are on the way.</p>
+
      top: 31px;
-
<a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/meeting.html" class="btn btn-primary btn-large">See More</a></div>
+
      left: 46px;
-
</div>
+
      width: 290px;
-
</div>
+
    }
-
<script>
+
    .cp-logo img.software {
-
$(document).ready(function(){    
+
      top: 225px;
-
                        $("head style").remove();
+
      left: 277px;
-
                        $("#top-section").remove();
+
      width: 164px;
-
                        $("#top").remove();
+
    }
-
                        $("#siteSub").remove();
+
    .cp-logo img.mindmap {
-
                        $("#footer-box").remove();  
+
      top: 245px;
-
                        $(".printfooter").remove();     
+
      left: 441px;
-
                        $(".firstHeading").remove();      
+
      width: 142px;
-
                        /*var menu = document.getElementById('menu');
+
    }
-
var init = menu.offsetTop;
+
    .cp-logo img.lgd {
-
var docked;
+
      top: 276px;
-
window.onscroll = function () {
+
      left: 571px;
-
                     
+
      width: 102px;
-
                            if (!docked) {
+
    }
-
                                  if(menu.offsetTop - scrollTop() < 0) {
+
    .cp-logo img.labmanager {
-
  menu.style.top = 0;
+
      top: 245px;
-
  menu.style.position = 'fixed';
+
      left: 667px;
-
  menu.className = 'docked';
+
      width: 121px;
-
  docked = true;
+
    }
-
                                  }
+
    .cp-logo img.technistandard {
-
                            }
+
      top: 230px;
-
                            else if (menu.offsetTop - scrollTop() < 0) {
+
      left: 781px;
-
                                  if(!docked) {
+
      width: 164px;
-
  menu.style.top = 0;
+
    }
-
  menu.style.position = 'fixed';
+
    .cp-logo img.clotho {
-
  menu.className = 'docked';
+
      top: 257px;
-
  docked = true;
+
      left: 940px;
-
                                  }
+
      width: 75px;
-
                            }
+
    }
-
                            else if (scrollTop() <= init) {
+
    .cp-logo img.humanpractice {
-
                                  if(docked) {
+
      top: 265px;
-
  menu.style.position = 'absolute';
+
      left: 1010px;
-
  menu.style.top = init + 'px';
+
      width: 94px;
-
  menu.className = menu.className.replace('docked', '');
+
    }
-
  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" />
-
                            }
+
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Open+Sans:300italic,400,300,700" />
-
                            else if (docked) {
+
 
-
                                  if(scrollTop() <= init) {
+
  </head>
-
  menu.style.position = 'absolute';
+
  <body id="example">
-
  menu.style.top = init + 'px';
+
    <div class="ui fixed transparent inverted main menu">
-
  menu.className = menu.className.replace('docked', '');
+
      <div class="container">
-
  docked = false;
+
        <a href="#" class="brand">SUSTC-ShenZhen-B</a>
-
                                  }
+
        <div class="right menu">
-
                            }
+
          <a href="http://circuitplus.org" class="item">Visit Circuit+</a>
-
}
+
        </div>
-
function scrollTop() {
+
        <div href="/" class="ui dropdown link active item">
-
return document.body.scrollTop || document.documentElement.scrollTop;
+
          iGEM
-
}*/
+
          <span class="icon white caret"></span>
-
});
+
          <div class="menu">
-
</script>
+
            <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.