Biomod/2013/Aarhus/Nano Creators/Testing: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
 
(22 intermediate revisions by the same user not shown)
Line 4: Line 4:
<html>
<html>
<!-- Mitio -->
<!-- Mitio -->
<script type="text/javascript">
<script src="http://ed3.dk/nano/motio.min.js"></script>
/* Released under MIT */
<script type="text/javascript">
/*
// preload huge image
Copyright (C) 2013 Peter Vium Skaarup
$(document)
.ready(
Permission is hereby granted, free of charge, to any person obtaining a copy of this software
function() {
and associated documentation files (the "Software"), to deal in the Software without
 
restriction, including without limitation the rights to use, copy, modify, merge, publish
// Preload image
, distribute, sublicense, and/or sell copies of the Software,
var c = new Image();
and to permit persons to whom the Software is furnished to do so, subject to the following
var hugeImage = "http://openwetware.org/images/3/3d/Wiki_ani_vertical_sprites.jpg";
conditions:
c.onload = function() {
$("#sprite").css("background",
"url(" + hugeImage + ")");
 
$('#waitBar').hide();
 
$('#introGifStatic').one('mouseenter',
function() {
runAnimation();
});
}
c.src = hugeImage;
 
// set clickers
$("#nav01").click(function() {
window.location = '#1';
});
 
$("#nav02").click(function() {
window.location = '#2';
});


The above copyright notice and this permission notice shall be included in all copies or
$("#nav03").click(function() {
substantial portions of the Software.
window.location = '#3';
});
});


THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
/*
INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
$(document).ready(function() {
PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE
$('#introNavGif').one('mouseenter', function() {
FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
runAnimation();
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
});
THE SOFTWARE.
});
*/
*/


function loadNav() {
function runAnimation() {
$("#introNavGif").attr('class', 'hide');
 
$("#introNav").attr('class', '');
// animate
}
function anima() {
$("#introGifStatic").attr('class', 'hide');
$("#introGifStatic").attr('class', 'hide');
$("#introNavGif").attr('class', '');
$("#introNavGif").attr('class', '');
Line 43: Line 62:
height : 379
height : 379
});
});
 
sprite.toEnd(false, function() {
sprite.toEnd(false, function() {
loadNav();
// Load post aniation navigatio
$("#nav01").attr('class', '');
$("#nav02").attr('class', '');
$("#nav03").attr('class', '');
});
});
}
}
function runAnimation($img) {
$('#introGifStatic').attr('class', 'hide');
$('#introNavGif').attr('class', '');
// loadNav();
anima();
}
// preload huge image
$(document).ready(function() {
// Preload image
var c = new Image();
var hugeImage = "http://openwetware.org/images/3/3d/Wiki_ani_vertical_sprites.jpg";
c.onload = function() {
$("#sprite").css("background", "url(" + hugeImage + ")");
}
c.src = hugeImage;
// set clickers
$("#nav01").click(function() {
window.location = '#1';
});
$("#nav02").click(function() {
window.location = '#2';
});
$("#nav03").click(function() {
window.location = '#3';
});
});
</script>
</script>
<style type="text/css">
<style type="text/css">
.hide {
.hide {
display: none;
display: none;
Line 93: Line 81:
}
}


.sprite,#introNavContainer,#introNavGif,#introNav {
.sprite,#introNavContainer,#introNavGif,#introNav,#introGifStatic,#waitBar
{
width: 900px; /* Width of one animation frame */
width: 900px; /* Width of one animation frame */
height: 379px; /* Height of one animation frame */
height: 379px; /* Height of one animation frame */
Line 106: Line 95:


.sprite {
.sprite {
background: url('http://openwetware.org/images/3/3d/Wiki_ani_vertical_sprites.jpg');
background:
url('http://openwetware.org/images/3/3d/Wiki_ani_vertical_sprites.jpg');
}
 
introNav {
background:
url('http://openwetware.org/images/5/5c/Wiki_ani_1_47_nav.png');
}
 
#introGifStatic {
background:
url('http://openwetware.org/images/5/5a/Wiki_ani_1_0_first.png');
}
 
#waitBar {
background-image: url('http://openwetware.org/images/6/66/Load_animation_waiting_2.gif');
background-repeat: no-repeat;
background-position: center center;
}
}


/*
#introNav {
#introNav {
background: url('http://openwetware.org/images/5/5c/Wiki_ani_1_47_nav.png');
float: left;
z-index: 300;
}
}
 
*/
#introNavGif {
#introNavGif {
text-align: center;
text-align: center;
Line 123: Line 131:
width: 62px;
width: 62px;
height: 118px;
height: 118px;
/*
background: url('nav_1.gif');
background-repeat: no-repeat;
background-position: center center;
*/
}
}


#nav02 {
#nav02 {
position: relative;
position: relative;
left: 241px;
left: 240px;
top: 15px;
top: 16px;
width: 62px;
width: 62px;
height: 118px;
height: 118px;
/*
background: url('nav_2.gif');
background-repeat: no-repeat;
background-position: center center;
*/
}
}


#nav03 {
#nav03 {
position: relative;
position: relative;
left: 617px;
left: 611px;
top: -107px;
top: -102px;
width: 118px;
width: 118px;
height: 118px;
height: 118px;
/*
background: url('nav_3.gif');
background-repeat: no-repeat;
background-position: center center;
*/
}
}


Line 147: Line 170:
<div id="global">
<div id="global">
<div id="introNavContainer">
<div id="introNavContainer">
<div id="introGifStatic">
<div id="introGifStatic" class="">
<img src="http://openwetware.org/images/5/5a/Wiki_ani_1_0_first.png" width="900" height="379"
<!--
onmouseover="runAnimation(this)" alt="" />
<img src="http://openwetware.org/images/5/5a/Wiki_ani_1_0_first.png"
width="900" height="379" alt="" />
-->
<div id="waitBar"></div>
</div>
</div>
<div id="introNavGif" class="hide">
<div id="introNavGif" class="hide">
<div id="sprite" class="sprite"></div>
<div id="sprite" class="sprite">
<div id="nav01" class="hide"></div>
<div id="nav02" class="hide"></div>
<div id="nav03" class="hide"></div>
</div>
</div>
</div>
<!-- x
<div id="introNav" class="hide">
<div id="introNav" class="hide">
<div id="nav01"></div>
<div id="nav01"></div>
Line 159: Line 190:
<div id="nav03"></div>
<div id="nav03"></div>
</div>
</div>
-->
</div>
</div>
</div>
</div>
</html>
</html>


Line 210: Line 241:
</html>
</html>
http://openwetware.org/images/9/9f/Origami_1.png
http://openwetware.org/images/9/9f/Origami_1.png
==BLAH==
<html><A NAME="Testing_stuff"/></html>
[[Image:FmocAA.png|center|thumb| 130x130px|Fig. 63. (S)-2-((tert-butoxycarbonyl)amino)-5-methoxy-5-oxopentanoic acid]]


{{Biomod/2013/Aarhus/Nano Creators/endhax}}
{{Biomod/2013/Aarhus/Nano Creators/endhax}}
{{Biomod/2013/Aarhus/Nano_Creators/footer}}
{{Biomod/2013/Aarhus/Nano_Creators/footer}}

Latest revision as of 13:13, 24 October 2013

<html> <style> /* ul.menu li.</html>testing<html> a { 

 color: cyan;

}

  • /
  1. toc {

display: none; }

  1. mytoc {

background: none; width: 200px; }

.toc { border: 0px solid; }

  1. toc ul ul,.toc ul ul {

margin: 0 0 0 1em; }

table.toc { background-color: #f0f4f4; }

  1. mytoc a,#mytoc a:visited {

font-size: normal; color: #222222; }

  1. mytoc a:hover {

font-color: #009ee0; /* text-decoration: underline; */ }

  1. wiki-toc {

width: 200px; margin-top: 6px; float: left; }

  1. wiki-body {

margin-left: 200px; padding-left: 12px; padding-right: 35px; }

  1. toc #toctitle,.toc #toctitle,#toc .toctitle,.toc .toctitle {

text-align: left; }

  1. toc h2,.toc h2 {

font-weight: normal; font-size: 17px; }

/*

  1. wiki-contents A {

color: #00aeef; }

  1. wiki-contents A:HOVER {

color: #00aeef; }

  • /
  1. toctitle span {

display: none; }

/*

  1. wiki-body p,#wiki-body li,#wiki-body dd,div.thumbcaption {

font-size: medium; }

  • /

/* required to avoid jumping */

  1. tocScrolWrapper {

/* left: 450px; */ position: absolute; /* margin-left: 35px; width: 280px; */ }

  1. tocScrol {

position: absolute; top: 0; /* just used to show how to include the margin in the effect */ /*margin-top: 20px; */ /* border-top: 1px solid purple; */ /*padding-top: 19px;*/ }

  1. tocScrol.fixed {

position: fixed; top: 0; }

  1. editPageTxt {

text-align: left; padding-left: 15px; }

  1. editPageTxt P {

clear: both; }

  1. toPageTop {

float: left; position: relative; top: 18px; left: 13px; color: #d13f31; } </style>

<script type="text/javascript"> $(document).ready(function() { var parentTable = $("#toc").parent(); $('#mytoc').append($("#toc").first());

$('#mytoc').find("#toc").attr("id", ""); parentTable.closest('table').remove(); });

$(document).ready( function() { var top = $('#tocScrol').offset().top - parseFloat($('#tocScrol').css('marginTop').replace( /auto/, 0)); var nav = $('#tocScrol'); var max = $('#indexing').offset().top - nav.height();

$(window).scroll(function(event) { // what the y position of the scroll is var y = $(this).scrollTop();

if (y > top) { // && signs are html decoded thus this construction if (y >= max) { nav.removeClass('fixed'); nav.css({ position : 'absolute', top : max - top }); } else { nav.addClass('fixed'); nav.removeAttr('style'); } } else { nav.removeClass('fixed'); nav.removeAttr('style'); } }); }); </script> <html> <html> <div id="wiki-contents"> <div id="tocScrolWrapper"> <div id="tocScrol"> <div id="wiki-toc"> <a id="toPageTop" href="#">&#x25B2;</a> <table id="mytoc" class="toc" summary="Contents"> </table> <div id="editPageTxt"> <p> [<a href="http://openwetware.org/index.php?title=Biomod/2013/Aarhus/</html>Nano Creators/Testing<html>&action=edit">edit this page</a>] </p> </div> </div> </div> </div> <div id="wiki-body"> </html>

<html> <!-- Mitio --> <script src="http://ed3.dk/nano/motio.min.js"></script> <script type="text/javascript"> // preload huge image $(document) .ready( function() {

// Preload image var c = new Image(); var hugeImage = "http://openwetware.org/images/3/3d/Wiki_ani_vertical_sprites.jpg"; c.onload = function() { $("#sprite").css("background", "url(" + hugeImage + ")");

$('#waitBar').hide();

$('#introGifStatic').one('mouseenter', function() { runAnimation(); }); } c.src = hugeImage;

// set clickers $("#nav01").click(function() { window.location = '#1'; });

$("#nav02").click(function() { window.location = '#2'; });

$("#nav03").click(function() { window.location = '#3'; }); });

/* $(document).ready(function() { $('#introNavGif').one('mouseenter', function() { runAnimation(); }); }); */

function runAnimation() {

// animate $("#introGifStatic").attr('class', 'hide'); $("#introNavGif").attr('class', ''); // Sprite var sprite = new Motio(document.getElementById('sprite'), { fps : 24, // Frames per second. More fps = higher CPU load. frames : 47, // Number of animation frames in sprite vertical : 1, // sprite is vertically aligned width : 600, height : 379 });

sprite.toEnd(false, function() { // Load post aniation navigatio $("#nav01").attr('class', ''); $("#nav02").attr('class', ''); $("#nav03").attr('class', ''); }); } </script> <style type="text/css"> .hide { display: none; }

  1. global {

width: 100%; height: 100%; }

.sprite,#introNavContainer,#introNavGif,#introNav,#introGifStatic,#waitBar { width: 900px; /* Width of one animation frame */ height: 379px; /* Height of one animation frame */ padding: 0px; margin: 0px; }

  1. introNavContainer {

margin-left: auto; margin-right: auto; }

.sprite { background: url('http://openwetware.org/images/3/3d/Wiki_ani_vertical_sprites.jpg'); }

introNav { background: url('http://openwetware.org/images/5/5c/Wiki_ani_1_47_nav.png'); }

  1. introGifStatic {

background: url('http://openwetware.org/images/5/5a/Wiki_ani_1_0_first.png'); }

  1. waitBar {

background-image: url('http://openwetware.org/images/6/66/Load_animation_waiting_2.gif'); background-repeat: no-repeat; background-position: center center; }

/*

  1. introNav {

float: left; z-index: 300; }

  • /
  1. introNavGif {

text-align: center; }

  1. nav01 {

position: relative; left: 178px; top: 134px; width: 62px; height: 118px; /* background: url('nav_1.gif'); background-repeat: no-repeat; background-position: center center; */ }

  1. nav02 {

position: relative; left: 240px; top: 16px; width: 62px; height: 118px; /* background: url('nav_2.gif'); background-repeat: no-repeat; background-position: center center; */ }

  1. nav03 {

position: relative; left: 611px; top: -102px; width: 118px; height: 118px; /* background: url('nav_3.gif'); background-repeat: no-repeat; background-position: center center; */ }

  1. nav01,#nav02,#nav03 {

cursor: pointer; } </style> <div id="global"> <div id="introNavContainer"> <div id="introGifStatic" class=""> <!-- <img src="http://openwetware.org/images/5/5a/Wiki_ani_1_0_first.png" width="900" height="379" alt="" /> --> <div id="waitBar"></div> </div> <div id="introNavGif" class="hide"> <div id="sprite" class="sprite"> <div id="nav01" class="hide"></div> <div id="nav02" class="hide"></div> <div id="nav03" class="hide"></div> </div> </div> <!-- x <div id="introNav" class="hide"> <div id="nav01"></div> <div id="nav02"></div> <div id="nav03"></div> </div> --> </div> </div> </html>

Lorem ipsum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.

His ex tritani alienum

His ex tritani alienum, mea ei etiam phaedrum. Ne mea epicurei gubergren liberavisse, stet omnesque cotidieque no has. Cu sit solum recusabo reprehendunt, dicam utroque apeirian id duo. Et ceteros invenire sensibus pri. Eam perpetua facilisis dissentiunt cu, eum quando verear at. Ea qui veniam dolorem, praesent sadipscing ei sea.


Setup

His ex tritani alienum, mea ei etiam phaedrum. Ne mea epicurei gubergren liberavisse, stet omnesque cotidieque no has. Cu sit solum recusabo reprehendunt, dicam utroque apeirian id duo. Et ceteros invenire sensibus pri. Eam perpetua facilisis dissentiunt cu, eum quando verear at. Ea qui veniam dolorem, praesent sadipscing ei sea. Biomod/2013/Aarhus/Nano_Creators/Testing#Lorem ipsum

Setup2

His ex tritani alienum, mea ei etiam phaedrum. Ne mea epicurei gubergren liberavisse, stet omnesque cotidieque no has. Cu sit solum recusabo reprehendunt, dicam utroque apeirian id duo. Et ceteros invenire sensibus pri. Eam perpetua facilisis dissentiunt cu, eum quando verear at. Ea qui veniam dolorem, praesent sadipscing ei sea.

Fancy table

Header text Header text Header text!
Example Example Example
Example Example Example
Example Example Example

Image

asdfasfg
The 3D illustrations of the plate in solution from different viewpoints predicted by CanDo.

LaTeX

[math]\displaystyle{ \forall v \in V : \left( r_i \vee g_i \vee b_i \right) \wedge \forall \left( v_i, v_j \right) \in E : \left( \neg r_i \vee \neg r_j \right) \wedge \left( \neg g_i \vee \neg g_j \right) \wedge \left( \neg b_i \vee \neg b_j \right) }[/math]

\begin{tabular}{ l c r } 

 1 & 2 & 3 \\
 4 & 5 & 6 \\
 7 & 8 & 9 \\

\end{tabular}

Images

<html> <img src="http://openwetware.org/images/9/9f/Origami_1.png" width="567" height="256"/> </html> http://openwetware.org/images/9/9f/Origami_1.png

BLAH

<html><A NAME="Testing_stuff"/></html>

Fig. 63. (S)-2-((tert-butoxycarbonyl)amino)-5-methoxy-5-oxopentanoic acid

<html></div></div></html> <html> <head> <style>

  1. indexing {

/* float: left; position: center; */ background-color: #222; border-top: 2px solid #d13f31; color: #006e9c; margin: 0px; padding: 0px 0px 10px 0px; width: 100%; text-align: center; }

.footer-section { padding: 10px; display: table-cell; text-align: left; }

.footer-section-title { font-size: 20px; }

  1. footer-contents {

color: #006e9c; display: inline-table; }

.footer-section A { color: #006e9c; text-decoration: none; }

.footer-section A:HOVER { color: #00aeef; }

.footer-section ul { list-style-type: square; }

  1. sitemapTitle {

margin-top: 20px; font-size: 24px; }

  1. editFooter {

float: right; margin-top: -28px; margin-right: 5px; }

  1. editFooter A {

color: #006e9c; text-decoration: none; }

.cf:before,.cf:after { content: " "; /* 1 */ display: table; /* 2 */ }

.cf:after { clear: both; }

  1. bodyContent a[href^="mailto:"], .link-mailto {
   background: url() no-repeat scroll right center transparent;
   padding-right: 0px;
   color: #006e9c;

}

</style> </head> <body> <div id="indexing"> <div id="sitemap"> <p id="sitemapTitle">SITEMAP | BIOMOD 2013 NANO CREATORS | Aarhus University</p> <div id="footer-contents"> <div class="footer-section"> <p class="footer-section-title">INTRODUCTION</p> <ul> <li><a href="/wiki/Biomod/2013/Aarhus">Home, abstract, animation and video</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Introduction">Introduction</a></li </ul> </div> <div class="footer-section"> <p class="footer-section-title">RESULTS AND DISCUSSION</p> <ul> <li><a href="/wiki/Biomod/2013/Aarhus/Results_And_Discussion/Origami">Origami</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Results_And_Discussion/Peptide_lock">Peptide lock</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Results_And_Discussion/Chemical_Modification">Chemical modification</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Results_And_Discussion/sisiRNA">sisiRNA</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Results_And_Discussion/System_In_Action">System in action</a></li> </ul> </div> <div class="footer-section"> <p class="footer-section-title">MATERIALS AND METHODS</p> <ul> <li><a href="/wiki/Biomod/2013/Aarhus/Materials_And_Methods/Origami">Origami</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Materials_And_Methods/Peptide_lock">Peptide lock</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Materials_And_Methods/Chemical_Modification">Chemical modification</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Materials_And_Methods/sisiRNA">sisiRNA</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Materials_And_Methods/System_In_Action">System in action</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Materials_And_Methods/Methods">Methods</a></li> </ul> </div> <div class="footer-section"> <p class="footer-section-title">SUPPLEMENTARY</p> <ul> <li><a href="/wiki/Biomod/2013/Aarhus/Supplementary/Team_And_Acknowledgments">Team and acknowledgments</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Supplementary/Optimizations">Optimizations</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Supplementary/Supplementary_Data">Supplementary data</a></li> 

                                               <li><a

href="/wiki/Biomod/2013/Aarhus/Supplementary/Supplementary_Informations">Supplementary informations</a> <li><a href="/wiki/Biomod/2013/Aarhus/Supplementary/References">References</a></li> </ul> </div> </div> <div> <p id="copyright">Copyright (C) 2013 | BIOMOD Team Nano Creators @ Aarhus University | Programming by: <a href="mailto:pvskaarup@gmail.com?Subject=BIOMOD 2013:">Peter Vium Skaarup</a>.</p> </div> </div>

<!-- Sponsers --> <div> <img alt="Sigma - Aldrich" src="http://openwetware.org/images/3/39/Sigmaaldrich-logo%28transparant%29.png" width="300px" height="154px"> <img alt="VWR International" src="http://openwetware.org/images/2/28/Vwr_logo.png" width="300px" height="61px"> <img alt="Promega" src="http://openwetware.org/images/7/72/Promega.png" width="175px" height="105px" style="padding-right: 5px; padding-left: 5px;"> <img alt="kem-en-tec" src="http://openwetware.org/images/3/3a/Kementec.png" width="130px" height="129px"> <img alt="Centre For Dna Nanotechnology" src="http://openwetware.org/images/4/4f/CDNA_logo.png" width="420px" height="90px"> <img alt="Dansk Tennis Fond" src="http://openwetware.org/images/9/9a/Dansk_tennis.png" width="250px" height="53px"> </div> <div id="editFooter"> [<a href="http://openwetware.org/index.php?title=Template:Biomod/2013/Aarhus/Nano_Creators/footer&action=edit">edit sitemap</a>] </div> </div> </body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2013/Aarhus/Nano_Creators/Testing&oldid=744274"