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

From OpenWetWare
Jump to navigationJump to search
No edit summary
 
(26 intermediate revisions by the same user not shown)
Line 3: Line 3:


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


<script
// Preload image
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
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 + ")");


<!-- Mitio -->
$('#waitBar').hide();
<script type="text/javascript">
 
/*! Motio 2.2.1 - 18th Apr 2013 | https://github.com/Darsain/motio */
$('#introGifStatic').one('mouseenter',
/*
function() {
Motio is released under MIT
runAnimation();
});
The MIT License (MIT)
}
c.src = hugeImage;


Permission is hereby granted, free of charge, to any person obtaining a copy
// set clickers
of this software and associated documentation files (the "Software"), to deal
$("#nav01").click(function() {
in the Software without restriction, including without limitation the rights
window.location = '#1';
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
});
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:


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


THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
$("#nav03").click(function() {
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
window.location = '#3';
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
});
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
});
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
/*! Motio 2.2.1 - 18th Apr 2013 | https://github.com/Darsain/motio */
(function(f,l){function w(u,p){function k(c){b.reversed=c;x||(a.isPaused=!1,C("play"),D())}function v(){E=0;F=z?Math.round(h.x)+"px "+Math.round(h.y)+"px":r[m];F!==H&&(u.style.backgroundPosition=H=F);C("frame");b.finite&&b.to===m&&(a.pause(),"function"===j(b.callback)&&b.callback.call(a))}function D(){b.finite&&b.to===m||(x=b.immediate?0:60<=d.fps?y(D):setTimeout(D,1E3/d.fps),z?(h.x+=d.speedX/d.fps,h.y+=d.speedY/d.fps,d.bgWidth&&Math.abs(h.x)>d.bgWidth&&(h.x%=d.bgWidth),d.bgHeight&&Math.abs(h.y)>
d.bgHeight&&(h.y%=d.bgHeight)):(b.finite?m=b.immediate?b.to:m+(m>b.to?-1:1):b.reversed?0>=--m&&(m=r.length-1):++m>=r.length&&(m=0),a.frame=m),E||(E=y(v)))}function I(a,g){s=0;for(A=q[a].length;s<A;s++)if(q[a][s]===g)return s;return-1}function C(c,g){if(q[c]){s=0;for(A=q[c].length;s<A;s++)q[c][s].call(a,c,g)}}function G(a){return f.getComputedStyle?f.getComputedStyle(u,null)[a]:u.currentStyle[a]}var d,n=p,J={},n="object"===j(n)?n:{},B;for(B in w.defaults)J[B]=(n.hasOwnProperty(B)?n:w.defaults)[B];
d=J;var a=this,z=!d.frames,r=[],q={},b={},m=0,h,F,H,x,E,s,A;a.element=u;a.width=d.width||u.clientWidth;a.height=d.height||u.clientHeight;a.options=d;a.isPaused=!0;a.pause=function(){t(x);clearTimeout(x);x=0;a.isPaused||(a.isPaused=!0,C("pause"));return a};a.play=function(c){b.finite=!1;b.callback=l;b.immediate=!1;k(c);return a};a.toggle=function(){a[x?"pause":"play"]();return a};a.toStart=function(c,g){return a.to(0,c,g)};a.toEnd=function(c,g){return a.to(r.length-1,c,g)};a.to=function(c,g,e){if(z||
isNaN(parseFloat(c))||!isFinite(c)||0>c||c>=r.length)return a;"function"===j(g)&&(e=g,g=!1);if(c===m)if(0===c)m=r.length;else if(c===r.length-1)m=-1;else return"function"===j(e)&&e.call(a),a.pause(),a;b.finite=!0;b.to=c;b.immediate=!!g;b.callback=e;k();return a};a.set=function(c,g){d[c]=g;return a};a.on=function(c,g){if("object"===j(c))for(var e in c){if(c.hasOwnProperty(e))a.on(e,c[e])}else if("function"===j(g)){e=c.split(" ");for(var b=0,d=e.length;b<d;b++)q[e[b]]=q[e[b]]||[],-1===I(e[b],g)&&q[e[b]].push(g)}else if("array"===
j(g)){e=0;for(b=g.length;e<b;e++)a.on(c,g[e])}return a};a.off=function(c,b){if(b instanceof Array)for(var e=0,d=b.length;e<d;e++)a.off(c,b[e]);else for(var e=c.split(" "),d=0,h=e.length;d<h;d++)if(q[e[d]]=q[e[d]]||[],"undefined"===j(b))q[e[d]].length=0;else{var f=I(e[d],b);-1!==f&&q[e[d]].splice(f,1)}return a};a.destroy=function(){a.pause();u.style.backgroundPosition="";return a};n=(G("backgroundPosition")||G("backgroundPositionX")+" "+G("backgroundPositionY")).replace(/left|top/gi,0).split(" ");
h={x:0|parseInt(n[0],10),y:0|parseInt(n[1],10)};if(z)a.pos=h;else{for(n=r.length=0;n<d.frames;n++)d.vertical?h.y=n*-a.height:h.x=n*-a.width,r.push(h.x+"px "+h.y+"px");a.frames=r.length;a.frame=0}}function j(f){return Object.prototype.toString.call(f).match(/\s([a-z]+)/i)[1].toLowerCase()}for(var t=f.cancelAnimationFrame||f.cancelRequestAnimationFrame,y=f.requestAnimationFrame,k=["moz","webkit","o"],p=0,v=0,K=k.length;v<K&&!t;++v)y=(t=f[k[v]+"CancelAnimationFrame"]||f[k[v]+"CancelRequestAnimationFrame"])&&
f[k[v]+"RequestAnimationFrame"];t||(y=function(j){var k=+new Date,l=Math.max(0,16-(k-p));p=k+l;return f.setTimeout(function(){j(k+l)},l)},t=function(f){clearTimeout(f)});f.Motio=w;w.defaults={fps:15,frames:0,vertical:0,width:0,height:0,speedX:0,speedY:0,bgWidth:0,bgHeight:0}})(window);(function(f){f.fn.motio=function(l,w){var j,t;if(!f.isPlainObject(l)){if("string"===typeof l||!1===l)j=!1===l?"destroy":l,t=Array.prototype.slice.call(arguments,1);l={}}return this.each(function(y,k){var p=f.data(k,"motio");!p&&!j?(p=f.data(k,"motio",new Motio(k,l)),p.on(w),l.startPaused||p.play()):p&&j&&(p[j]&&p[j].apply(p,t),"destroy"===j&&f.removeData(k,"motio"))})}})(jQuery);
</script>


<script type="text/javascript">
/* Released under MIT */
/*
/*
Copyright (C) 2013 Peter Vium Skaarup
$(document).ready(function() {
$('#introNavGif').one('mouseenter', function() {
Permission is hereby granted, free of charge, to any person obtaining a copy of this software
runAnimation();
and associated documentation files (the "Software"), to deal in the Software without
});
restriction, including without limitation the rights to use, copy, modify, merge, publish
});
, distribute, sublicense, and/or sell copies of the Software,
*/
and to permit persons to whom the Software is furnished to do so, subject to the following
conditions:


The above copyright notice and this permission notice shall be included in all copies or
function runAnimation() {
substantial portions of the Software.


THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
// animate
INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE
FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
 
function loadNav() {
$("#introNavGif").attr('class', 'hide');
$("#introNav").attr('class', '');
}
function anima() {
$("#introGifStatic").attr('class', 'hide');
$("#introGifStatic").attr('class', 'hide');
$("#introNavGif").attr('class', '');
$("#introNavGif").attr('class', '');
Line 83: 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 = "vertical-aligned-2.jpg";
c.onload = function() {
$("#sprite").css("background", "url(" + hugeImage + ")");
}
c.src = hugeImage;
// set clickers
$("#nav01").click(function() {
window.location = '#';
});
$("#nav02").click(function() {
window.location = 'http://www.newz.dk';
});
$("#nav03").click(function() {
window.location = '#3';
});
});
</script>
</script>
<style type="text/css">
<style type="text/css">
.hide {
.hide {
display: none;
display: none;
Line 133: 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 146: Line 95:


.sprite {
.sprite {
background: url('vertical-aligned-2.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('Wiki_ani_1_47_nav.png');
float: left;
z-index: 300;
}
}
 
*/
#introNavGif {
#introNavGif {
text-align: center;
text-align: center;
Line 163: 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 185: Line 168:
}
}
</style>
</style>
</head>
<body>
<div id="global">
<div id="global">
<div id="introNavContainer">
<div id="introNavContainer">
<div id="introGifStatic">
<div id="introGifStatic" class="">
<img src="Wiki_ani_1_0.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 202: Line 190:
<div id="nav03"></div>
<div id="nav03"></div>
</div>
</div>
-->
</div>
</div>
</div>
</div>
</body>
</html>
</html>
</html>


Line 255: 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>