Team:UCLondon/Templates/Content-Slide
From 2012e.igem.org
(Difference between revisions)
(85 intermediate revisions not shown) | |||
Line 30: | Line 30: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td style="font-size:11pt;">In the elevator pitch we describe the unique selling point of CUO and detail our plans on how we will | + | <td style="font-size:11pt;">In the elevator pitch we describe the unique selling point of CUO and detail our plans on how we will commercialize it using the open source platform.</td> |
- | <td style="font-size:11pt;">These tutorials demonstrate | + | <td style="font-size:11pt;">These tutorials demonstrate key features of CUO and help new users unleash its the awesome power.</td> |
- | <td style="font-size:11pt;">In the slide deck we describe the unique selling point of CUO and detail our plans on how we will | + | <td style="font-size:11pt;">In the slide deck we describe the unique selling point of CUO and detail our plans on how we will commercialize it using the open source platform</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td><br/><br/><span class="play blue-but">Pitch</span></td> | + | <td align="center"><br/><br/><span class="play blue-but">Draft Pitch</span></td> |
- | <td><br/><br/><span class="playTuts red-but">Tutorials</span></td> | + | <td align="center"><br/><br/><span class="playTuts red-but">Tutorials</span></td> |
- | <td><br/><br/><span class="run-slides green-but">Slideshow</span></td> | + | <td align="center"><br/><br/><span class="run-slides green-but">Slideshow</span></td> |
</tr> | </tr> | ||
</table> | </table> | ||
Line 58: | Line 58: | ||
<p>Download</p> | <p>Download</p> | ||
- | <table width="200 border="0" align="left" style="font-size:10px; background-color:rgba(249, 249, 249, 0.4);"> | + | <table width="200" border="0" align="left" style="font-size:10px; background-color:rgba(249, 249, 249, 0.4); margin-left:10px; padding-left:20px; border 1px solid;"> |
<tbody> | <tbody> | ||
<tr> | <tr> | ||
Line 79: | Line 79: | ||
Operation Panel improved<br> | Operation Panel improved<br> | ||
Tutorials added<br> | Tutorials added<br> | ||
+ | </p> | ||
+ | </td> | ||
</tr> | </tr> | ||
</tbody> | </tbody> | ||
</table> | </table> | ||
- | <table width=" | + | <!--<img src="https://dl.dropbox.com/u/3703109/igeme/CUO_logo.png" width="40" />--> |
+ | |||
+ | |||
+ | <table width="550" border="0" align="right" style="font-size:10px; background-color:rgba(249, 249, 249, 0.9); margin-right:43px; position:relative; top:-23px;"> | ||
<tbody> | <tbody> | ||
<tr> | <tr> | ||
- | <td | + | <td align="center" style="line-height:0.8pt;"> |
- | + | <h3>release notes</h3> | |
- | + | </td> | |
- | + | ||
- | + | ||
- | + | ||
- | </td> | + | |
</tr> | </tr> | ||
+ | |||
<tr> | <tr> | ||
- | <td> | + | <td> |
- | <p> | + | <div style="height:203px; overflow-y:scroll; width:100%;"> |
- | + | <div style="float:left"><img src="https://dl.dropbox.com/u/3703109/igeme/CUO_logo.png" width="40" /></div> | |
- | + | <div style="float:left;"><div style="color:green;">CUO</div> beta0.92 released!</div> | |
- | + | <div style="clear:both; height:1px;"></div> | |
- | + | <p>I am delighted to announce the release of CUO beta0.92! | |
- | + | This release humbly marks the new era of CUO. The team had grown and sprouted like never before. With the recent recruitment of four professional bioinformaticians and a web developer into the dev team, the program is entering an accelerated development phase that was previously impossible. We even have a public engagement officer on board now to make the software more interactive from all aspects (check out our social networks :D ). | |
- | + | Many thanks again to all the people supporting, building and using CUO. The result presented here is an accumulation of efforts and help from everyone.</p> | |
- | + | ||
+ | <h3>Featuring:</h3> | ||
+ | <ul style="list-style-type:circle !important; list-style-image: none !important"> | ||
+ | <li>Kasuza Table parser in Processor, A new tool to parse and save tables from Kasuza Database at breeze.</li> | ||
+ | <li>Edit Table in Processor, Open up and edit any table you like, even make your own.</li> | ||
+ | <li>View Table in Processor, View multiple tables within split seconds.</li> | ||
+ | <li>Translator, New tool to translate, transcribe and get complementary strain of a sequence, no more alt+tab.</li> | ||
+ | <li>Graph in Motpimizer, CAI and CPI in Moptimizer now comes in graph forms, call it with the new little white button beside the overall CAI and CPI.</li> | ||
+ | <li>Improved Operation Panel, Project indea is integrated, we can now save/open a canvas, drag and drop fragments from browserpanel to the canvas.</li> | ||
+ | <li>Video Tutorials, Access the crash courses from Help in menubar or visit our youtube channel.</li> | ||
+ | <li>Restructured folders hierachy, The program folders is now even tidier and visually smoothing to navigate.</li> | ||
+ | <li>Launch of facebook page, twitter, youtube channel.</li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </td> | ||
</tr> | </tr> | ||
</tbody> | </tbody> | ||
Line 138: | Line 157: | ||
<div id="close-box4" style="background:url(http://db.tt/N9CUKlnO) no-repeat 0 0; height:35px; width:35px; cursor:pointer; float:left;"></div> | <div id="close-box4" style="background:url(http://db.tt/N9CUKlnO) no-repeat 0 0; height:35px; width:35px; cursor:pointer; float:left;"></div> | ||
- | <div id="fullscreen" style="background:url(https://dl.dropbox.com/u/3703109/igeme/fullscreenButton.png) no-repeat 0 0; height:35px; width:35px; cursor:pointer; float:right;"></div> | + | <div id="fullscreen" class="tooltip" style="background:url(https://dl.dropbox.com/u/3703109/igeme/fullscreenButton.png) no-repeat 0 0; height:35px; width:35px; cursor:pointer; float:right;" udit="fullscreen"></div> |
<div style="clear:both; width:99% height:1px;"></div> | <div style="clear:both; width:99% height:1px;"></div> | ||
Line 154: | Line 173: | ||
<script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slides.min.jquery.js"></script> | <script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slides.min.jquery.js"></script> | ||
<script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slide.js"></script> | <script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slide.js"></script> | ||
- | <script type="text/javascript" src=" | + | <script type="text/javascript" src="https://dl.dropbox.com/u/3703109/igeme/js/jmpress.js"></script> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 213: | Line 232: | ||
var openBox2 = function () { | var openBox2 = function () { | ||
$('#shadow2').center(); | $('#shadow2').center(); | ||
- | var input = '<iframe width="560" height="315" src="http://www.youtube.com/embed/ | + | var input = '<iframe width="560" height="315" src="http://www.youtube.com/embed/f9jEuo7HSvA" frameborder="0" allowfullscreen></iframe>'; |
$('#shadow2').toggle('slow', function() { | $('#shadow2').toggle('slow', function() { | ||
Line 240: | Line 259: | ||
- | /* | + | /* SLIDE show box */ |
var started = false; | var started = false; | ||
var openBox4 = function () { | var openBox4 = function () { | ||
Line 249: | Line 268: | ||
var slide = document.createElement("div"); | var slide = document.createElement("div"); | ||
slide.setAttribute("id", "jmpress"); | slide.setAttribute("id", "jmpress"); | ||
+ | slide.setAttribute("style", "width: 100%; height:100%; margin:auto;"); | ||
$(slide).append('</html>{{:Team:UCLondon/content/slide1}}<html>'); | $(slide).append('</html>{{:Team:UCLondon/content/slide1}}<html>'); | ||
Line 254: | Line 274: | ||
var input = slide; | var input = slide; | ||
- | + | ||
} | } | ||
$('#shadow4').toggle('slow', function() { | $('#shadow4').toggle('slow', function() { | ||
+ | if (! started){ | ||
$(this).children('#box-content4').html(input); | $(this).children('#box-content4').html(input); | ||
$('#jmpress').jmpress( { | $('#jmpress').jmpress( { | ||
+ | |||
fullscreen : false, | fullscreen : false, | ||
- | |||
- | |||
viewPort: { | viewPort: { | ||
- | height: | + | height: 800 |
- | ,width: | + | ,width: 800 |
,maxScale: 1 // do not scale up | ,maxScale: 1 // do not scale up | ||
} | } | ||
+ | //,hash: { use: false } | ||
+ | |||
}); | }); | ||
- | + | started = true; | |
+ | } | ||
+ | $('#jmpress').focus(); | ||
+ | |||
+ | |||
}); | }); | ||
return false; | return false; | ||
Line 340: | Line 366: | ||
$('body').off('click', '#fullscreen',fstoggle); | $('body').off('click', '#fullscreen',fstoggle); | ||
$('body').on('click', '#fullscreen', fstoggle); | $('body').on('click', '#fullscreen', fstoggle); | ||
+ | |||
+ | |||
+ | $("#box-content4").click(function(event){ | ||
+ | $('#jmpress').jmpress('next'); | ||
+ | return false; | ||
+ | }) | ||
Line 534: | Line 566: | ||
} | } | ||
+ | </style> | ||
- | + | <style> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
Latest revision as of 15:47, 20 January 2013