Team:SUSTC-Shenzhen-A
From 2013.igem.org
(Difference between revisions)
(36 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. | + | w = this.width, |
- | h = this. | + | 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"; | ||
- | |||
- | |||
+ | 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 74: | Line 78: | ||
a[++p] = String.fromCharCode(data[i]); | a[++p] = String.fromCharCode(data[i]); | ||
}; | }; | ||
- | |||
- | |||
- | document.body.removeChild(img); | + | canvas = undefined; |
+ | try { | ||
+ | //document.body.removeChild(img); | ||
+ | $('#pt-' + id).remove(); | ||
+ | } catch (e) { | ||
+ | } | ||
- | if (callback) callback( | + | 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); | ||
- | + | //'/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/ | + | 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 105: | 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> | ||
- | == ' | + | <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">·</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> | </body> | ||
</html> | </html> |
Latest revision as of 00:08, 28 September 2013
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.