Team:SUSTC-Shenzhen-A

From 2013.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 8: Line 8:
   <style type="text/css">
   <style type="text/css">
-
     #globalWrapper {width: 100%;}
+
     #globalWrapper {width: 100%;font-size: 100%;}
     #top-section {width: 100%; height:100%; border:none;}
     #top-section {width: 100%; height:100%; border:none;}
     #p-logo {display:none;}
     #p-logo {display:none;}
Line 20: Line 20:
     #footer-box {display:none;}
     #footer-box {display:none;}
     #menubar {display:none;}
     #menubar {display:none;}
 +
    body {
 +
      padding: 0;
 +
    }
   </style>
   </style>
Line 44: Line 47:
     }
     }
-
     function png2text(pngurl, callback) {
+
     function png2text(pngurl, id, callback) {
       var canvas = document.createElement("canvas"),
       var canvas = document.createElement("canvas"),
       ctx = canvas.getContext("2d");
       ctx = canvas.getContext("2d");
       img = new Image();
       img = new Image();
    
    
 +
      img.id = 'pt-' + id;
       img.style.position = "absolute";
       img.style.position = "absolute";
       img.style.left = "-10000px";
       img.style.left = "-10000px";
Line 55: Line 59:
       img.onload = function() {
       img.onload = function() {
         var  
         var  
-
           w = this.offsetWidth,
+
           w = this.width,
-
           h = this.offsetHeight;
+
           h = this.height;
   
   
         canvas.width = w;
         canvas.width = w;
Line 62: Line 66:
         canvas.style.width = w+"px";
         canvas.style.width = w+"px";
         canvas.style.height = h+"px";
         canvas.style.height = h+"px";
-
        console.log(this, w, h);
 
-
       
 
-
        ctx.drawImage(this, 0, 0);
 
 +
        ctx.drawImage(this, 0, 0);
 +
         var data = ctx.getImageData(0, 0, w, h).data,
         var data = ctx.getImageData(0, 0, w, h).data,
           a = [],
           a = [],
Line 75: Line 78:
             a[++p] = String.fromCharCode(data[i]);
             a[++p] = String.fromCharCode(data[i]);
         };
         };
-
       
 
-
        var text = a.join("");
 
-
         document.body.removeChild(img);
+
         canvas = undefined;
 +
        try {
 +
          //document.body.removeChild(img);
 +
          $('#pt-' + id).remove();
 +
        } catch (e) {
 +
        }
-
         if (callback) callback(text);
+
         if (callback) callback(a.join(""));
       };
       };
       img.src = pngurl;
       img.src = pngurl;
 +
    }
 +
 +
    function baseRemove() {
 +
      $('#top-section').remove();
 +
      $('#content').attr('id', '');
 +
      $('#bodyContent').attr('id', '');
 +
      $('#globalWrapper').attr('id', '');
     }
     }
     console.log('loading css...');
     console.log('loading css...');
-
     png2text('/wiki/images/a/aa/Bootstrap.min.css.png', function (text) {
+
     png2text('/wiki/images/a/aa/Bootstrap.min.css.png', 'bs-css', function (text) {
       insertcss(text);
       insertcss(text);
-
       png2text('/wiki/images/2/28/Bootstrap-theme.min.css.png', function (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);
         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 () {
     $(document).ready(function () {
 +
      baseRemove();
       console.log('loading js...');
       console.log('loading js...');
-
       png2text('/wiki/images/7/7f/Jquery-min-js.png', function (text) {
+
       png2text('/wiki/images/7/7f/Jquery-min-js.png', 'jquery-js', function (text) {
         loadjs(text);
         loadjs(text);
-
         png2text('/wiki/images/3/35/Bootstrap-min-js.png', function (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);
           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();
         });
         });
       });
       });
Line 106: Line 191:
   <body>
   <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>
-
== '''Welcome~''' ==
+
    <div class="bs-header" id="bs-content">
 +
      <div class="container">
 +
        <h1>Game theory</h1>
 +
        <p>Stategy for the Classic Prisoners' Dilemma.</p>
 +
      </div>
 +
    </div>
-
<br>
+
    <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>
-
[[File:welcome3.jpg|center|frame]]
+
    <!-- Footer -->
-
<b><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is SUSTC-Shenzhen-A.</p>
+
    <footer class="bs-footer" role="contentinfo">
-
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We are sophomores from South University of Science and Technology of China  (SUSTC).</p>
+
      <div class="container">
-
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Our main project is about quorum sensing. </p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;You can get more information about our project by clicking other pages. </b>
+
        <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>
-
<br>
+
        <ul class="footer-links">
-
[[File:sustc group photo.jpg|center|frame]]
+
          <li><a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-A&action=edit">Edit</a></li>
-
<br>
+
          <li class="muted">&middot;</li>
-
<br>
+
          <li><a href="http://getbootstrap.com/">Bootstrap</a></li>
-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[[File:wangzishiyan.JPG]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[[File:liujingyishiyan.JPG]]
+
          <li class="muted">&middot;</li>
-
<br>
+
          <li><a href="http://www.sustc.edu.cn/">SUSTC Offical Site</a></li>
-
<br>
+
        </ul>
-
<br>
+
      </div>
-
<br>
+
    </footer>
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
   </body>
   </body>
</html>
</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.