Team:SUSTC-Shenzhen-A

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(158 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
  <meta charset="utf-8" />
-
This is a template page. READ THESE INSTRUCTIONS.
+
  <meta name="description" content="" />
-
</div>
+
  <meta name="author" content="tengattack" />
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
  <title>ShenZhen-A</title>
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
  <style type="text/css">
 +
    #globalWrapper {width: 100%;font-size: 100%;}
 +
    #top-section {width: 100%; height:100%; border:none;}
 +
    #p-logo {display:none;}
 +
    #search-controls {display:none;}
 +
    .printfooter {display:none;}
 +
    #footer-box {border:none;}
 +
    .firstHeading {display:none;}
 +
    #content { border:none !important; width:1024px !important; background: url('') !important;}
 +
    #bodyContent {border:none;}
 +
    #catlinks {display:none;}
 +
    #footer-box {display:none;}
 +
    #menubar {display:none;}
 +
    body {
 +
      padding: 0;
 +
    }
 +
  </style>
 +
  <script type="text/javascript">
 +
    function insertcss(cssString) {
 +
      var doc = document;
 +
      var style = doc.createElement("style");
 +
      style.setAttribute("type", "text/css");
 +
      if (style.styleSheet) {// IE
 +
        style.styleSheet.cssText = cssString;
 +
      } else {// w3c
 +
        var cssText = doc.createTextNode(cssString);
 +
        style.appendChild(cssText);
 +
      }
 +
      var heads = doc.getElementsByTagName("head");
 +
      if (heads.length)
 +
        heads[0].appendChild(style);
 +
      else
 +
        doc.documentElement.appendChild(style);
 +
    }
 +
    function loadjs(jsString) {
 +
      eval(jsString);
 +
    }
-
{|align="justify"
+
    function png2text(pngurl, id, callback) {
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
      var canvas = document.createElement("canvas"),
-
|[[Image:SUSTC-Shenzhen-A_logo.png|200px|right|frame]]
+
      ctx = canvas.getContext("2d");
-
|-
+
      img = new Image();
-
|
+
 
-
''Tell us more about your project.  Give us background. Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
      img.id = 'pt-' + id;
-
|[[Image:SUSTC-Shenzhen-A_team.png|right|frame|Your team picture]]
+
      img.style.position = "absolute";
-
|-
+
      img.style.left = "-10000px";
-
|
+
      document.body.appendChild(img);
-
|align="center"|[[Team:SUSTC-Shenzhen-A | Team SUSTC-Shenzhen-A]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
      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";
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
        ctx.drawImage(this, 0, 0);
-
!align="center"|[[Team:SUSTC-Shenzhen-A|Home]]
+
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Team|Team]]
+
        var data = ctx.getImageData(0, 0, w, h).data,
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=SUSTC-Shenzhen-A Official Team Profile]
+
          a = [],
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Project|Project]]
+
          len = data.length,
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Parts|Parts Submitted to the Registry]]
+
          p = -1;
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Modeling|Modeling]]
+
       
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Notebook|Notebook]]
+
        for (var i=0; i < len; i += 4) {
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Safety|Safety]]
+
          if (data[i] > 0)
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Attributions|Attributions]]
+
            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', '');
 +
    }
 +
 
 +
    console.log('loading css...');
 +
    png2text('/wiki/images/a/aa/Bootstrap.min.css.png', 'bs-css', function (text) {
 +
      insertcss(text);
 +
      //'/wiki/images/2/28/Bootstrap-theme.min.css.png'
 +
      png2text('/wiki/images/d/df/Bootstrap-docs.min.css.png', 'bs-docs-css', function (text) {
 +
        insertcss(text);
 +
      });
 +
    });
 +
    png2text('/wiki/images/8/89/Layout.css.png', 'layout-css', function (text) {
 +
      insertcss(text);
 +
    });
 +
    png2text('/wiki/images/5/5a/Slider.css.png', 'slider-css', function (text) {
 +
      insertcss(text);
 +
    });
 +
 
 +
    $(document).ready(function () {
 +
      baseRemove();
 +
      console.log('loading js...');
 +
      png2text('/wiki/images/7/7f/Jquery-min-js.png', 'jquery-js', function (text) {
 +
        loadjs(text);
 +
        png2text('/wiki/images/3/35/Bootstrap-min-js.png', 'bs-js', function (text) {
 +
          loadjs(text);
 +
        });
 +
        png2text('/wiki/images/4/42/Jquery.easing_slider_index-js.png', 'easing_slider_index-js', function (text) {
 +
          loadjs(text);
 +
          var sliderimages = [
 +
            {
 +
              source: "/wiki/images/f/f9/%E5%90%88%E7%85%A7.JPG",
 +
              transition: 'simple',
 +
              title: 'Group Photos',
 +
              lightbox: 0,
 +
              url: 'javascript:void(0)',
 +
              description: ''
 +
            }, {
 +
              source: "/wiki/images/0/06/%E6%93%8D%E4%BD%9C%E6%B5%81%E5%BC%8F.JPG",
 +
              transition: 'random',
 +
              title: 'Experiment',
 +
              lightbox: 0,
 +
              url: 'javascript:void(0)',
 +
              description: ''
 +
            }, {
 +
              source: "/wiki/images/a/a3/%E5%AE%9E%E9%AA%8C%E5%AE%9E%E6%8B%8D.JPG",
 +
              transition: 'random',
 +
              title: 'Experiment',
 +
              lightbox: 0,
 +
              url: 'javascript:void(0)',
 +
              description: ''
 +
            }, {
 +
              source: "/wiki/images/b/bd/%E6%B8%AF%E7%A7%91%E5%A4%A7%E4%BA%A4%E6%B5%811.JPG",
 +
              transition: 'random',
 +
              title: 'Communicate',
 +
              lightbox: 0,
 +
              url: 'javascript:void(0)',
 +
              description: ''
 +
            }, {
 +
              source: "/wiki/images/4/45/%E6%B8%AF%E7%A7%91%E5%A4%A7%E4%BA%A4%E6%B5%812.JPG",
 +
              transition: 'random',
 +
              title: 'Communicate',
 +
              lightbox: 0,
 +
              url: 'javascript:void(0)',
 +
              description: ''
 +
            }, {
 +
              source: "/wiki/images/f/fe/%E6%A3%80%E9%AA%8C%E7%94%A8biobrick.jpg",
 +
              transition: 'random',
 +
              title: 'Biobrick',
 +
              lightbox: 0,
 +
              url: 'javascript:void(0)',
 +
              description: ''
 +
            }, {
 +
              source: "/wiki/images/a/a8/%E6%88%91%E4%BB%AC%E7%9A%84biobrick.jpg",
 +
              transition: 'random',
 +
              title: 'Biobrick',
 +
              lightbox: 0,
 +
              url: 'javascript:void(0)',
 +
              description: ''
 +
            }, {
 +
              source: "/wiki/images/c/cf/%E6%B5%81%E5%BC%8F%E7%BB%86%E8%83%9E%E4%BB%AA.JPG",
 +
              transition: 'random',
 +
              title: 'Instrument',
 +
              lightbox: 0,
 +
              url: 'javascript:void(0)',
 +
              description: ''
 +
            }
 +
          ];
 +
          loadSlider(sliderimages);
 +
          startSlider();
 +
        });
 +
      });
 +
    });
 +
  </script>
 +
 
 +
  <body>
 +
    <a class="sr-only" href="#content">Skip navigation</a>
 +
    <header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
 +
      <div class="container">
 +
        <div class="navbar-header">
 +
          <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
 +
            <span class="sr-only">Toggle navigation</span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </button>
 +
          <a href="../" class="navbar-brand">SUSTC-Shenzhen-A</a>
 +
        </div>
 +
        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
 +
          <ul class="nav navbar-nav">
 +
            <li class="active">
 +
              <a href="#">Home</a>
 +
            </li>
 +
            <li>
 +
              <a href="/Team:SUSTC-Shenzhen-A/Project">Project</a>
 +
            </li>
 +
            <li>
 +
              <a href="/Team:SUSTC-Shenzhen-A/Part">Parts</a>
 +
            </li>
 +
            <li>
 +
              <a href="/Team:SUSTC-Shenzhen-A/Modeling">Modeling</a>
 +
            </li>
 +
            <li>
 +
              <a href="/Team:SUSTC-Shenzhen-A/Notebook">Notebook</a>
 +
            </li>
 +
            <li>
 +
              <a href="/Team:SUSTC-Shenzhen-A/Safety">Safety and security</a>
 +
            </li>
 +
            <li>
 +
              <a href="/Team:SUSTC-Shenzhen-A/Attributions">Attributions</a>
 +
            </li>
 +
            <li>
 +
              <a href="/Team:SUSTC-Shenzhen-A/Human_Practice">Human Practice</a>
 +
            </li>
 +
            <li>
 +
              <a href="/Team:SUSTC-Shenzhen-A/Team">Team</a>
 +
            </li>
 +
          </ul>
 +
        </nav>
 +
      </div>
 +
    </header>
 +
 
 +
    <div class="bs-header" id="bs-content">
 +
      <div class="container">
 +
        <h1>Game theory</h1>
 +
        <p>Stategy for the Classic Prisoners' Dilemma.</p>
 +
      </div>
 +
    </div>
 +
 
 +
    <div class="container bs-docs-container">
 +
      <div id="index_form" class="panel">
 +
        <div class="row">
 +
          <div class="slider-wrapper">
 +
            <div id="slider-1">
 +
              <div id="slider-content"></div>
 +
              <div id="slider-feed"></div>
 +
            </div>
 +
          </div>
 +
          <div class="simple-wrapper">
 +
            <table class="table table-striped">
 +
              <tbody></tbody>
 +
            </table>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="well">
 +
        <p>We are sophomores from South University of Science and Technology of China (SUSTC).</p>
 +
        <p>Our main project is about quorum sensing.</p>
 +
        <p>You can get more information about our project by clicking other pages.</p>
 +
      </div>
 +
    </div>
 +
 
 +
    <!-- Footer -->
 +
    <footer class="bs-footer" role="contentinfo">
 +
      <div class="container">
 +
        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
 +
        <ul class="footer-links">
 +
          <li><a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-A&action=edit">Edit</a></li>
 +
          <li class="muted">&middot;</li>
 +
          <li><a href="http://getbootstrap.com/">Bootstrap</a></li>
 +
          <li class="muted">&middot;</li>
 +
          <li><a href="http://www.sustc.edu.cn/">SUSTC Offical Site</a></li>
 +
        </ul>
 +
      </div>
 +
    </footer>
 +
  </body>
 +
</html>

Latest revision as of 00:08, 28 September 2013

ShenZhen-A Skip navigation

Game theory

Stategy for the Classic Prisoners' Dilemma.

We are sophomores from South University of Science and Technology of China (SUSTC).

Our main project is about quorum sensing.

You can get more information about our project by clicking other pages.

Retrieved from "http://2013.igem.org/Team:SUSTC-Shenzhen-A"