"
Team:SUSTC-Shenzhen-A/Human Practice
From 2013.igem.org
(Difference between revisions)
| (41 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | + | <html> | |
| - | + | <head> | |
| - | + | <meta charset="utf-8" /> | |
| - | + | <meta name="description" content="" /> | |
| - | + | <meta name="author" content="tengattack" /> | |
| - | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| - | + | <title>ShenZhen-A</title> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | <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; | ||
| + | } | ||
| + | h1, h2, h3, h4, h5, h6 { | ||
| + | padding-bottom: 0; | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | </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); | ||
| + | } | ||
| - | We introduced | + | function png2text(pngurl, id, callback) { |
| - | + | var canvas = document.createElement("canvas"), | |
| + | ctx = canvas.getContext("2d"); | ||
| + | img = new Image(); | ||
| + | |||
| + | img.id = 'pt-' + id; | ||
| + | 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', ''); | ||
| + | } | ||
| + | |||
| + | 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); | ||
| + | }); | ||
| + | |||
| + | $(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/8/8f/Application-js.png', 'bs-application-js', function (text) { | ||
| + | loadjs(text); | ||
| + | }); | ||
| + | }); | ||
| + | }); | ||
| + | }); | ||
| + | </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> | ||
| + | <a href="/Team:SUSTC-Shenzhen-A">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 class="active"> | ||
| + | <a href="#">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 class="col-md-3"> | ||
| + | <div class="bs-sidebar hidden-print" role="complementary"> | ||
| + | <ul class="nav bs-sidenav"> | ||
| + | <li> | ||
| + | <a href="#communication">Communication</a> | ||
| + | <ul class="nav"> | ||
| + | <li><a href="#hk">communicate with other teams in HongKong</a></li> | ||
| + | <li><a href="#students">to high school students</a></li> | ||
| + | <li><a href="#adults">to adults</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li> | ||
| + | <a href="#sponsors">Sponsors</a> | ||
| + | </li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-md-9" role="main"> | ||
| + | <div class="bs-docs-section"> | ||
| + | <div class="page-header"> | ||
| + | <h1 id="communication">Communication</h1> | ||
| + | </div> | ||
| + | <div id="hk" class="panel panel-info"> | ||
| + | <div class="panel-heading">communicate with other teams in HongKong</div> | ||
| + | <div class="panel-body"> | ||
| + | <a href="/File:Humanpractice1.jpg" class="image"><img alt="" src="/wiki/images/3/36/Humanpractice1.jpg" width="416" height="277" class="thumbimage"></a> | ||
| + | </div> | ||
| + | <div class="panel-footer"><p>The graph above shows our expericence to the HKUST, we two teams had a wonderful communication, and we became good friends.</p></div> | ||
| + | </div> | ||
| + | <hr> | ||
| + | <div id="students" class="panel panel-info"> | ||
| + | <div class="panel-heading">to high school students</div> | ||
| + | <div class="panel-body"> | ||
| + | <a href="/File:Humanpracticesustc2.jpg" class="image"><img alt="" src="/wiki/images/0/0c/Humanpracticesustc2.jpg" width="296" height="222" class="thumbimage"></a> | ||
| + | <a href="/File:Humanpractice3.jpg" class="image"><img alt="" src="/wiki/images/a/a8/Humanpractice3.jpg" width="329" height="234" class="thumbimage"></a> | ||
| + | </div> | ||
| + | <div class="panel-footer"> | ||
| + | <p>The two figures shown behind were the recordings of our journey to the ShenZhen experimental high school and ShenZhen foreign language high school. We had introduced the concept of the synthetic biology, IGEM, and our project to them, which was welcomed by them!</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <hr> | ||
| + | <div id="adults" class="panel panel-info"> | ||
| + | <div class="panel-heading">to adults</div> | ||
| + | <div class="panel-body"> | ||
| + | <a href="/File:Humanpracticesustc3.jpg" class="image"><img alt="" src="/wiki/images/7/76/Humanpracticesustc3.jpg" width="320" height="342" class="thumbimage"></a> | ||
| + | <a href="/File:Humanpracticesustc5.jpg" class="image"><img alt="" src="/wiki/images/5/50/Humanpracticesustc5.jpg" width="307" height="349" class="thumbimage"></a> | ||
| + | </div> | ||
| + | <div class="panel-footer"> | ||
| + | <p>On Sept.25.2013 Jingyi Liu had a short presentation about synthetic biology and iGem in Wall Street English center at windows of the world in Shen Zhen. Since most of students there are in theri twenties or thirties, we spreaded new ideas in synthetic biology to adults~! They showed big interest in synthetic biology and even came up with their own thoughts during the presentation. What's more, after presentation, though they didn't konw any specialized word, many of them still stayed with Liu discussing about biology with body language till 10 p.m.. It was a amazing moment to make so many people curious in synthetic biology, and it was a even better moment to let them comprehend synthetic biology.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="bs-docs-section"> | ||
| + | <div class="page-header"> | ||
| + | <h1 id="sponsors">Sponsors</h1> | ||
| + | </div> | ||
| + | <a href="/File:Sponsor-sustc.jpg" class="image"><img alt="Sponsor-sustc.jpg" src="/wiki/images/e/e6/Sponsor-sustc.jpg" width="614" height="456" class="thumbimage"></a> | ||
| + | </div> | ||
| + | </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/Human_Practice&action=edit">Edit</a></li> | ||
| + | <li class="muted">·</li> | ||
| + | <li><a href="http://getbootstrap.com/">Bootstrap</a></li> | ||
| + | <li class="muted">·</li> | ||
| + | <li><a href="http://www.sustc.edu.cn/">SUSTC Offical Site</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </footer> | ||
| + | </body> | ||
| + | </html> | ||
Latest revision as of 00:36, 28 September 2013
Game theory
Stategy for the Classic Prisoners' Dilemma.
Communication
communicate with other teams in HongKong
to high school students
to adults
Sponsors
