Biomod/2013/Aarhus/Nano Creators/Testing

From OpenWetWare
Jump to: navigation, search

<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

Failed to parse (MathML with SVG or PNG fallback (recommended for modern browsers and accessibility tools): Invalid response ("Math extension cannot connect to Restbase.") from server "https://api.formulasearchengine.com/v1/":): {\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) }

\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>