Team:SUSTC-Shenzhen-A

From 2013.igem.org

(Difference between revisions)
m
 
(147 intermediate revisions not shown)
Line 1: Line 1:
-
<style type="text/css">
+
<html>
-
/* Remove Items (origin items) */
+
<head>
-
        #top-section, #footer-box, #catlinks, #top, h1.firstHeading, #siteSub, #contentSub{
+
  <meta charset="utf-8" />
-
            display: none;
+
   <meta name="description" content="" />
-
}
+
  <meta name="author" content="tengattack" />
-
<!--
+
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
.STYLE1 {
+
  <title>ShenZhen-A</title>
-
font-size: 36pt;
+
-
color: #CCCC33;
+
-
}
+
-
.STYLE2 {
+
-
font-size: 24pt;
+
-
color: #CCCC33;
+
-
font-style: italic;
+
-
}
+
-
.STYLE5 {
+
-
color: #CCCC33;
+
-
font-weight: bold;
+
-
}
+
-
.STYLE7 {color: #CCCC33}
+
-
.STYLE10 {font-family: Arial, Helvetica, sans-serif}
+
-
.STYLE11 {
+
-
color: #000066;
+
-
font-weight: bold;
+
-
font-size: 36px;
+
-
}
+
-
-->
+
-
</style>
+
-
<table width="100%" border="0" cellspacing="0" cellpadding="0">
+
-
   <!--DWLayoutTable-->
+
-
<tr bgcolor="#26354A">
+
-
<td height="88" colspan="2" nowrap="nowrap"><p class="STYLE1"><img src="mm_spacer.gif" alt="" width="15" height="1" border="0" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
+
-
  <p>&nbsp;</p></td>
+
-
<td colspan="3" class="STYLE1" nowrap="nowrap"><span class="STYLE10">Prisoners' Dilemma&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="logo STYLE2"><span class="logo  STYLE5"><span class="logo  STYLE7"> from SUSTC</span></span></span> </td>
+
-
<td width="14">&nbsp;</td>
+
-
</tr>
+
-
<tr bgcolor="#FF6600">
+
  <style type="text/css">
-
<td height="4" colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="4" border="0" /></td>
+
    #globalWrapper {width: 100%;font-size: 100%;}
-
</tr>
+
    #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>
-
<tr bgcolor="#D3DCE6">
+
  <script type="text/javascript">
-
<td height="1" colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
+
    function insertcss(cssString) {
-
</tr>
+
      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);
 +
    }
-
<tr bgcolor="#FFCC00">
+
    function loadjs(jsString) {
-
<td width="307" height="24">&nbsp;</td>
+
       eval(jsString);
-
<td colspan="4" valign="top">
+
    }
-
  <table border="0" cellpadding="0" cellspacing="0" id="navigation">
+
-
    <!--DWLayoutTable-->
+
-
    <tr>
+
-
      <td width="69" rowspan="2" align="center" nowrap="nowrap" class="navText"><a href="Untitled-4.html">Home&nbsp;&nbsp;&nbsp; </a></td>
+
-
          <td width="71" rowspan="2" align="center" nowrap="nowrap" class="navText"><a href="javascript:;">Team&nbsp;&nbsp;&nbsp;&nbsp; </a></td>
+
-
          <td width="95" rowspan="2" align="center" nowrap="nowrap" class="navText"><a href="javascript:;">Notebook&nbsp;&nbsp;&nbsp;&nbsp; </a></td>
+
-
          <td width="80" rowspan="2" align="center" nowrap="nowrap" class="navText"><a href="javascript:;">Project&nbsp;&nbsp;&nbsp; </a></td>
+
-
          <td width="73" rowspan="2" align="center" nowrap="nowrap" class="navText"><a href="javascript:;">Safety&nbsp;&nbsp;&nbsp; </a></td>
+
-
          <td width="17" height="2"></td>
+
-
          <td width="68"></td>
+
-
          <td width="19"></td>
+
-
          <td width="62"></td>
+
-
    </tr>
+
-
    <tr>
+
-
      <td height="14">&nbsp;</td>
+
-
          <td valign="top">Attributions</td>
+
-
          <td>&nbsp;</td>
+
-
          <td valign="top">&nbsp; Modeling</td>
+
-
        </tr>
+
-
       </table></td>
+
-
<td>&nbsp;</td>
+
-
</tr>
+
-
<tr bgcolor="#D3DCE6">
+
    function png2text(pngurl, id, callback) {
-
<td height="1" colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
+
      var canvas = document.createElement("canvas"),
-
</tr>
+
      ctx = canvas.getContext("2d");
 +
      img = new Image();
 +
 
 +
      img.id = 'pt-' + id;
 +
      img.style.position = "absolute";
 +
      img.style.left = "-10000px";
 +
      document.body.appendChild(img);
-
<tr bgcolor="#FF6600">
+
      img.onload = function() {
-
<td height="4" colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="4" border="0" /></td>
+
        var
-
</tr>
+
          w = this.width,
 +
          h = this.height;
 +
 +
        canvas.width = w;
 +
        canvas.height = h;
 +
        canvas.style.width = w+"px";
 +
        canvas.style.height = h+"px";
-
<tr bgcolor="#D3DCE6">
+
        ctx.drawImage(this, 0, 0);
-
<td height="471" colspan="3" valign="top" bgcolor="#26354A"><br />
+
-
<table border="0" cellspacing="0" cellpadding="0" width="230">
+
        var data = ctx.getImageData(0, 0, w, h).data,
-
<tr>
+
          a = [],
-
<td width="230" class="sidebarText" id="padding"><a href="javascript:;"><a href="javascript:;"><img src="tushuguan12272209_jpg__640x413_q85_crop.jpg" width="525" height="353" /></a>Next Event &gt;</a><br />
+
          len = data.length,
-
Include a short description here.<br />
+
          p = -1;
 +
       
 +
        for (var i=0; i < len; i += 4) {
 +
          if (data[i] > 0)
 +
            a[++p] = String.fromCharCode(data[i]);
 +
        };
-
&nbsp;<br /> </td>
+
        canvas = undefined;
-
</tr>
+
        try {
-
</table> </td>
+
          //document.body.removeChild(img);
-
<td width="50" valign="top"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
+
          $('#pt-' + id).remove();
-
<td width="538" valign="top"><br />
+
        } catch (e) {
-
<br />
+
        }
-
<table border="0" cellspacing="0" cellpadding="0" width="440">
+
-
<tr>
+
-
<td class="pageName"><p class="STYLE11">Welcome ~ </p></td>
+
-
</tr>
+
-
<tr>
+
        if (callback) callback(a.join(""));
-
<td class="bodyText">
+
      };
-
<p>This Home Page layout makes a great starting point for your website. Virtually all of the content is customizable, including the images, the text, and the links. You can decide whether to keep the existing graphics or swap them out for pictures of your own.</p>
+
-
<p>The text on this page is intended to help you jumpstart your design by suggesting the sort of content you may want to include, but don't let it limit you. The same is also true for the link text - feel free to change the names of the links to better suit your particular needs. The Home Page layout can be used for multiple pages on your site, or you can choose from the Text, Catalogue, Product, or Calendar layouts as well. Don't be afraid to get creative and combine different page layouts to make your site as engaging as possible. If you have any questions about using Contribute to edit these pages, refer to the Read Me file included with the download or to the Contribute Help System. Have fun and make a great website!</p> </td>
+
      img.src = pngurl;
-
</tr>
+
    }
-
</table>
+
-
<br />
+
-
&nbsp;<br /> </td>
+
-
<td>&nbsp;</td>
+
-
</tr>
+
-
<tr bgcolor="#D3DCE6">
+
    function baseRemove() {
-
<td height="1" colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
+
      $('#top-section').remove();
-
</tr>
+
      $('#content').attr('id', '');
 +
      $('#bodyContent').attr('id', '');
 +
      $('#globalWrapper').attr('id', '');
 +
    }
-
<tr>
+
    console.log('loading css...');
-
<td height="14">&nbsp;</td>
+
    png2text('/wiki/images/a/aa/Bootstrap.min.css.png', 'bs-css', function (text) {
-
<td width="20">&nbsp;</td>
+
      insertcss(text);
-
<td width="230">&nbsp;</td>
+
      //'/wiki/images/2/28/Bootstrap-theme.min.css.png'
-
<td>&nbsp;</td>
+
      png2text('/wiki/images/d/df/Bootstrap-docs.min.css.png', 'bs-docs-css', function (text) {
-
<td>&nbsp;</td>
+
        insertcss(text);
-
<td>&nbsp;</td>
+
      });
-
</tr>
+
    });
-
</table>
+
    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"