SUSTC-SZ-B 2013iGEM

From 2013.igem.org

(Difference between revisions)
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>Project</h1>
+
      }
-
<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 retrieving the registry and iGEMers can do brainstorms 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, please mind that 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>
+
      .script.image {
-
                                <p class="indent">We also migrated 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>
+
        display: none;
-
<a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/project.html" class="btn btn-primary btn-large">See More</a>
+
      }
-
</div>
+
    </style>
-
</div>
+
    <link rel="stylesheet" type="text/css" href="/SUSTC-SZ-B_2013iGEM/CSS/wiki-all.min.css?action=raw&amp;ctype=text/css" />
-
<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;">
+
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Open+Sans:300italic,400,300,700" />
-
<div style="padding-top: 80px; width: 260px; margin-left: 40px;">
+
 
-
<h1>Team</h1>
+
  </head>
-
<p>We are the 2013 iGEM team ‘SUSTC-Shenzhen-B’. We have nine team members and four instructors. All of the undergraduate students in this team are sophomores. We are all so interested in Software Design and Synthetic Biology and we gather and struggle for a whole summer vacation after learning programming knowledge since May. We have overcome a series of troubles and difficulties and now we finalize most of our project and we expect to meet all of you iGEMers in the Asia Jamboree :).</p>
+
  <body id="example">
-
<a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/team.html" class="btn btn-primary btn-large">See More</a>
+
    <div class="ui fixed transparent inverted main menu">
-
</div>
+
      <div class="container">
-
</div>
+
        <a href="#" class="brand">SUSTC-ShenZhen-B</a>
-
<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;">
+
        <div class="right menu">
-
<div style="margin-top:0px; padding-top: 80px">
+
          <a href="https://igem.org/User_Information" class="item">My Account</a>
-
                                <div style="margin-left: 35%; width: 30%">
+
        </div>
-
<h1>Human Practice</h1>
+
        <div href="/" class="ui dropdown link item">
-
<p>This summer SUSTC-B has been busy with introducing our software to undergraduates and middle school students. By the way we have also given 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>
+
          iGEM Home
-
<a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/meeting.html" class="btn btn-primary btn-large">See More</a></div>
+
          <span class="icon white caret"></span>
-
</div>
+
          <div class="menu">
-
</div>
+
            <a href="https://2013.igem.org/Main_Page" class="item">iGEM homepage</a>
-
<script>
+
            <a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/clotho.html&amp;action=edit" class="item">Edit</a>
-
$(document).ready(function(){    
+
          </div>
-
                        $("head style").remove();
+
        </div>
-
                        $("#top-section").remove();
+
        <a href="project.html" class="item">Overview</a>
-
                        $("#top").remove();
+
        <a href="standard.html" class="item">Standard and database</a>
-
                        $("#siteSub").remove();
+
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
-
                        $("#footer-box").remove();  
+
          Software
-
                        $(".printfooter").remove();     
+
          <span class="white caret"></span>
-
                        $(".firstHeading").remove();      
+
          <div class="menu">
-
                        /*var menu = document.getElementById('menu');
+
            <a href="circuitplus.html" class="item">Circuit+</a>
-
var init = menu.offsetTop;
+
            <a href="feature.html" class="item">Feature</a>
-
var docked;
+
            <a href="tutorial.html" class="item">Tutorial</a>
-
window.onscroll = function () {
+
            <a href="safety.html" class="item">Safety</a>
-
                     
+
            <a href="APIs.html" class="item">APIs</a>
-
                            if (!docked) {
+
            <a href="feedback.html" class="item">Feedback</a>
-
                                  if(menu.offsetTop - scrollTop() < 0) {
+
            <a href="future.html" class="item">Future</a>
-
  menu.style.top = 0;
+
          </div>
-
  menu.style.position = 'fixed';
+
        </div>
-
  menu.className = 'docked';
+
        <a href="clotho.html" class="item">Clotho</a>
-
  docked = true;
+
        <a href="lab.html" class="item">Lab management</a>
-
                                  }
+
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
-
                            }
+
          Human practice
-
                            else if (menu.offsetTop - scrollTop() < 0) {
+
          <span class="white caret"></span>
-
                                  if(!docked) {
+
          <div class="menu">
-
  menu.style.top = 0;
+
            <a href="workshop.html" class="item">Workshop meeting</a>
-
  menu.style.position = 'fixed';
+
            <a href="publicity.html" class="item">Publicity</a>
-
  menu.className = 'docked';
+
          </div>
-
  docked = true;
+
        </div>
-
                                  }
+
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
-
                            }
+
          Team
-
                            else if (scrollTop() <= init) {
+
          <span class="white caret"></span>
-
                                  if(docked) {
+
          <div class="menu">
-
  menu.style.position = 'absolute';
+
            <a href="about.html" class="item">About us</a>
-
  menu.style.top = init + 'px';
+
            <a href="achievement.html" class="item">Achievement</a>
-
  menu.className = menu.className.replace('docked', '');
+
            <a href="notebook.html" class="item">Notebook</a>
-
  docked = false;
+
            <a href="acknowledgement.html" class="item">Acknoledgement</a>
-
                                  }
+
          </div>
-
                            }
+
        </div>
-
                            else if (docked) {
+
        <a href="/Team:SUSTC-Shenzhen-B/Desktop" class="desktop item">Only Desktop visible</a>
-
                                  if(scrollTop() <= init) {
+
      </div>
-
  menu.style.position = 'absolute';
+
    </div>
-
  menu.style.top = init + 'px';
+
    <div class="header">
-
  menu.className = menu.className.replace('docked', '');
+
      <div class="segment">
-
  docked = false;
+
        <div id="overview" class="container">
-
                                  }
+
          <div class="introduction">
-
                            }
+
            <h1 class="ui dividing header">Workshop meeting</h1>
-
}
+
            <!--p class="lead">Communicating</p-->
-
function scrollTop() {
+
          </div>
-
return document.body.scrollTop || document.documentElement.scrollTop;
+
        </div>
-
}*/
+
      </div>
-
});
+
    </div>
-
</script>
+
    <div class="main container page">
 +
      <p>Welcome to our wiki!</p>
 +
      <p>This year, we have developed Circuit+. Circuit+ as an onlin registry of standard gene circuits. More details can be seen in wiki's "software" part.</p>
 +
      <p>Click to enter Circuit+</p>
 +
      <p>We also have developed Circuit List and TTEC on Clotho and synthetic biology lab manager. See "Clotho" and "lab" for detail.</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);
 +
        }); */
 +
      }
 +
 
 +
      $(document).ready(function () {
 +
        baseRemove();
 +
        loadJavascript();
 +
      });
 +
    </script>
 +
  </body>
</html>
</html>

Revision as of 05:11, 28 October 2013

SUSTC-ShenZhen-B

SUSTC-ShenZhen-B
My Account
iGEM Home
iGEM homepage Edit
Overview Standard and database
Software
Circuit+ Feature Tutorial Safety APIs Feedback Future
Clotho Lab management
Human practice
Workshop meeting Publicity
Team
About us Achievement Notebook Acknoledgement
Only Desktop visible

Workshop meeting

Welcome to our wiki!

This year, we have developed Circuit+. Circuit+ as an onlin registry of standard gene circuits. More details can be seen in wiki's "software" part.

Click to enter Circuit+

We also have developed Circuit List and TTEC on Clotho and synthetic biology lab manager. See "Clotho" and "lab" for detail.

© SUSTC-ShenZhen-B

Retrieved from "http://2013.igem.org/SUSTC-SZ-B_2013iGEM"