From 2012e.igem.org
(Difference between revisions)
Line 231:
Line 231: $('#shadow4').center();
$('#shadow4').center();
- var input = '<div id="impress">
+ var input = '<div id="impress">Coming Soon </div><script type="text/javascript" src="http://1stwebdesigner.com/demos/Visualization/js/impress.js"></script><script type="text/javascript">impress().init();</script>';
- <div id="start" class="step" >
+
- <p>Creating Stunning Visualizations</p>
+
- <p>Impress.js </p>
+
- <p class="hint_text">Press <em>Spacebar</em> or Tab To Get Started</p>
+
- </div>
+
-
+
- <div id="slide1" class="step" data-x="-1200">
+
- <p>This Slide Moves From Left To Right</p>
+
- </div>
+
-
+
- <div id="slide2" class="step" data-x="1200">
+
- <p>This Slide Moves From Right To Left</p>
+
- </div>
+
-
+
- <div id="slide3" class="step" data-x="2200" data-y="500">
+
- <p>This Slide Moves From Right To Left and Bottom To Top</p>
+
- </div>
+
-
+
- <div id="slide4" class="step" data-x="2200" data-y="-500">
+
- <p>This Slide Moves Top To Bottom</p>
+
- </div>
+
-
+
- <div id="slide5" class="step" data-x="3200" data-rotate="150">
+
- <p>This Slide Rotates Clockwise Around z-axis</p>
+
- </div>
+
-
+
- <div id="slide6" class="step" data-x="6200" data-scale="3">
+
- <p>This Slide Scales 3 Times</p>
+
- </div>
+
-
+
- <div id="slide7" class="step" data-x="4200" data-y="1500" data-z="1500">
+
- <p>Away</p>
+
- </div>
+
-
+
- <div id="slide8" class="step" data-x="4900" data-y="1500" data-z="100">
+
- <p>Towards</p>
+
- </div>
+
-
+
- <div id="slide9" class="step" data-x="5600" data-y="1500" data-z="-1500">
+
- <p>Futher Towards</p>
+
- </div>
+
-
+
- <div id="slide10" class="step" data-x="6600" data-y="3000" data-scale="10">
+
- <p>Visualization Slide Positions</p>
+
- </div>
+
-
+
-
+
- </div>
+
-
+
- <div class="fallback-message">
+
- <p>Your browser <b>doesn"t support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
+
- <p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
+
- </div>
+
-
+
-
+
- <script type="text/javascript" src="http://1stwebdesigner.com/demos/Visualization/js/impress.js"></script>
+
- <script type="text/javascript">impress().init();</script>';
+
$('#shadow4').toggle('slow', function() {
$('#shadow4').toggle('slow', function() {
Revision as of 03:05, 19 October 2012
Advancing Protein Expression
Codon Usage Optimizer (CUO) is a GUI-based multiplatform software written in Java. The main function of the software is to optimize genes to be transformed into the Chlamydomonas reinhardtii chloroplast genome using an original set of algorithms for calculation, data processing and automated reasoning. Furthermore, it can be used as an electronic drawboard for gene sequence analysis and design. While the software focuses on the C.reinhardtii genome , it can also be used to optimize genes into other hosts as well. Since E.coli and S.cerevisiae are popular candidates of biotechnological exploitation, they will be CUO's next shift of focus in its development.
Elevator Pitch
Tutorials
Slide Deck
In the elevator pitch we describe the unique selling point of CUO and detail our plans on how we will commercialise using the open source platform.
These tutorials demonstrate the key features of CUO and help new users unleash the awesome power of CUO.
In the slide deck we describe the unique selling point of CUO and detail our plans on how we will commercialise using the open source platform
Pitch Tutorials Slideshow
Get the latest version of CUO!
Download
Kasuza Table parser added
Updater added
';
$('#shadow4').toggle('slow', function() {
$(this).children('#box-content4').html(input);
});
return false;
}
var closeBox4 = function() {
var d = document;
if ( (d.fullScreen) || (d.webkitIsFullScreen) || (d.mozfullScreen) ){
(d. cancelFullScreen == undefined) ? "" : d. cancelFullScreen();
(d.webkitCancelFullScreen == undefined) ? "" : d.webkitCancelFullScreen();
(d.mozCancelFullScreen == undefined) ? "" : d.mozCancelFullScreen();
}
$('#shadow4').toggle('slow', function() {
$(this).children('#box-content4').html(loading);
});
}
/* fullscreen functions */
var fstoggle = function() {
var d = document;
if ( (d.fullScreen) || (d.webkitIsFullScreen) || (d.mozfullScreen) ){
//$('#shadow4').children('#box-content4').html(loading);
(d. cancelFullScreen == undefined) ? "" : d. cancelFullScreen();
(d.webkitCancelFullScreen == undefined) ? "" : d.webkitCancelFullScreen();
(d.mozCancelFullScreen == undefined) ? "" : d.mozCancelFullScreen();
}
else {
var e = document.getElementById('shadow4');
(e.requestFullScreen == undefined) ? "" : e.requestFullScreen();
(e.webkitRequestFullScreen == undefined) ? "" : e.webkitRequestFullScreen();
(e.mozRequestFullScreen == undefined) ? "" : e.mozRequestFullScreen();
}
}
$(document).ready(function(event) {
loading = $('#load2').parent().html();
$('body').off('click', '.play', openBox2);
$('body').on('click', '.play', openBox2);
$('body').off('click', '#close-box2', closeBox2);
$('body').on('click', '#close-box2', closeBox2);
/* slide deck box */
$('body').off('click', '.run-slides', openBox4);
$('body').on('click', '.run-slides', openBox4);
$('body').off('click', '#close-box4', closeBox4);
$('body').on('click', '#close-box4', closeBox4);
/* fullscreen mode */
$('body').off('click', '#fullscreen',fstoggle);
$('body').on('click', '#fullscreen', fstoggle);
});
"
