Team:SUSTC-Shenzhen-A
From 2013.igem.org
(Difference between revisions)
(27 intermediate revisions not shown) | |||
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 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' | //'/wiki/images/2/28/Bootstrap-theme.min.css.png' | ||
- | png2text('/wiki/images/d/df/Bootstrap-docs.min.css.png', function (text) { | + | 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 108: | Line 193: | ||
<a class="sr-only" href="#content">Skip navigation</a> | <a class="sr-only" href="#content">Skip navigation</a> | ||
<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner"> | <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> | </div> | ||
- | + | ||
- | + | <div class="container bs-docs-container"> | |
- | + | <div id="index_form" class="panel"> | |
- | + | <div class="row"> | |
- | <p> | + | <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> | </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.