Biomod/2013/Dresden: Difference between revisions
No edit summary |
No edit summary |
||
Line 2: | Line 2: | ||
<html> | <html> | ||
< | <section id="content"> | ||
<div id=" | <div id="container" class="clearfix"> | ||
< | <figure class="box logo" data-symbol="H" data-category="1"> | ||
</div> | <img src="../res/images/main/logo_2.png"> | ||
</figure> | |||
<div class="box b2x2 tease" data-symbol="intro" data-category="student"> | |||
<h2>How to cure cancer with a <em>plastic ball?</em></h2> | |||
</div> | |||
<figure class="box clickable b2x2" data-symbol="H" data-category="student"> | |||
<a href="http://www.youtube.com/"><img src="../res/images/main/video.png"></a> | |||
<figcaption><p>Check our video!</p></figcaption> | |||
</figure> | |||
<figure class="box student clickable" data-symbol="H" data-category="student"> | |||
<a href="../team/team.html"><img src="../res/images/main/team.png"> | |||
</figure> | |||
<div class="box b1x2" data-symbol="description" data-category="student"> | |||
<p>Welcome</p> | |||
<p> we, the <em>Dresden Nanormous</em>, use polymers to produce hollow nanocontainers or <em>polymersomes</em>, whose walls contain channels for controlled transport. These channels are built by the <em>DNA-origami</em> technique that way we produce a highly flexible system. By encapsulation of an enyzme and the addition of antibodies we create a <em>smart nanocontainer</em> which could be used to <em>fight cancer</em>! | |||
</div> | |||
<figure class="box clickable" data-symbol="H" data-category="student"> | |||
<a href="../project/index.html#polymersome"><img src="../res/images/main/poly_final.png"></a> | |||
<figcaption><p>Polymersome</p></figcaption> | |||
</figure> | |||
<figure class="box clickable" data-symbol="H" data-category="student"> | |||
<a href="../project/index.html#origami"><img src="../res/images/main/channel_final.png"></a> | |||
<figcaption><p>DNA origami channel</p></figcaption> | |||
</figure> | |||
<figure class="box clickable" data-symbol="H" data-category="student"> | |||
<a href="../project/index.html#reaction"><img src="../res/images/main/reaction_final.png"></a> | |||
<figcaption><p>Internal reaction</p></figcaption> | |||
</figure> | |||
<figure class="box clickable b2x2" data-symbol="H" data-category="student"> | |||
<a href="../project/index.html#polymersome"><img src="../res/images/results/polsoms.png"></a> | |||
<figcaption><p>The picture shows a SEM image of our first polymersomes! The average diameter is about 200nm. </p></figcaption> | |||
</figure> | |||
<figure class="box student clickable" data-symbol="H" data-category="student"> | |||
<a href="https://www.facebook.com/dresdenanormous"><img src="../res/images/main/facebook.png"></a> | |||
<figcaption><p>Follow us ..</p></figcaption> | |||
</figure> | |||
<figure class="box b2x2 slider" > | |||
<ul class="rs-slider" > | |||
<li><img src="../res/images/team/nm_team.png" alt="" /></li> | |||
<li><img src="../res/images/team/nm_team.pn" alt="" /></li> | |||
<li><img src="../res/images/team/nm_team.png" alt="" /></li> | |||
</ul> | |||
<div class="prev"></div> | |||
<div class="next"></div> | |||
</figure> | |||
<figure class="box student clickable" data-symbol="H" data-category="student"> | |||
<a href="http://openwetware.org/index.php?title=Biomod/2012/TU_Dresden/Nanosaurs"><img src="../res/images/main/nanosaurs.png"></a> | |||
<figcaption><p>Nanosaurs 2012</p></figcaption> | |||
</figure> | |||
</div> | |||
<script> | |||
$(function(){ | |||
var $container = $('#container'); | |||
$container.isotope({ | |||
itemSelector : '.box', | |||
columnWidth: 220, | |||
sortBy : 'random', | |||
gutterWidth: 10, | |||
cornerStampSelector: '.logo', | |||
category : function( $elem ) { | |||
return $elem.attr('data-category'); | |||
}, | |||
sortBy: 'category' | |||
}); | |||
}); | |||
</script> | |||
<script> | |||
$(function () { | |||
$('.rs-slider').refineSlide({ | |||
transition : 'fade', | |||
useThumbs : false, | |||
autoplay: false, | |||
maxWidth: 460, | |||
onInit : function () { | |||
var slider = this.slider; | |||
$('.next').on('click', function (e) { | |||
e.preventDefault(); | |||
slider.next() | |||
}); | |||
$('.prev').on('click', function (e) { | |||
e.preventDefault(); | |||
slider.prev() | |||
}); | |||
} | |||
}); | |||
}); | |||
</script> | |||
</section> | |||
</html> | </html> |
Revision as of 08:02, 25 October 2013
<html>
<section id="content">
<div id="container" class="clearfix"> <figure class="box logo" data-symbol="H" data-category="1"> <img src="../res/images/main/logo_2.png"> </figure>
<div class="box b2x2 tease" data-symbol="intro" data-category="student"> <h2>How to cure cancer with a <em>plastic ball?</em></h2> </div>
<figure class="box clickable b2x2" data-symbol="H" data-category="student">
<a href="http://www.youtube.com/"><img src="../res/images/main/video.png"></a> <figcaption><p>Check our video!</p></figcaption> </figure>
<figure class="box student clickable" data-symbol="H" data-category="student"> <a href="../team/team.html"><img src="../res/images/main/team.png"> </figure>
<div class="box b1x2" data-symbol="description" data-category="student"> <p>Welcome</p>
<p> we, the <em>Dresden Nanormous</em>, use polymers to produce hollow nanocontainers or <em>polymersomes</em>, whose walls contain channels for controlled transport. These channels are built by the <em>DNA-origami</em> technique that way we produce a highly flexible system. By encapsulation of an enyzme and the addition of antibodies we create a <em>smart nanocontainer</em> which could be used to <em>fight cancer</em>!
</div>
<figure class="box clickable" data-symbol="H" data-category="student"> <a href="../project/index.html#polymersome"><img src="../res/images/main/poly_final.png"></a> <figcaption><p>Polymersome</p></figcaption> </figure>
<figure class="box clickable" data-symbol="H" data-category="student"> <a href="../project/index.html#origami"><img src="../res/images/main/channel_final.png"></a> <figcaption><p>DNA origami channel</p></figcaption> </figure>
<figure class="box clickable" data-symbol="H" data-category="student"> <a href="../project/index.html#reaction"><img src="../res/images/main/reaction_final.png"></a> <figcaption><p>Internal reaction</p></figcaption> </figure>
<figure class="box clickable b2x2" data-symbol="H" data-category="student">
<a href="../project/index.html#polymersome"><img src="../res/images/results/polsoms.png"></a> <figcaption><p>The picture shows a SEM image of our first polymersomes! The average diameter is about 200nm. </p></figcaption> </figure>
<figure class="box student clickable" data-symbol="H" data-category="student">
<a href="https://www.facebook.com/dresdenanormous"><img src="../res/images/main/facebook.png"></a> <figcaption><p>Follow us ..</p></figcaption> </figure>
<figure class="box b2x2 slider" > <ul class="rs-slider" > <li><img src="../res/images/team/nm_team.png" alt="" /></li> <li><img src="../res/images/team/nm_team.pn" alt="" /></li> <li><img src="../res/images/team/nm_team.png" alt="" /></li>
</ul> <div class="prev"></div> <div class="next"></div> </figure> <figure class="box student clickable" data-symbol="H" data-category="student">
<a href="http://openwetware.org/index.php?title=Biomod/2012/TU_Dresden/Nanosaurs"><img src="../res/images/main/nanosaurs.png"></a> <figcaption><p>Nanosaurs 2012</p></figcaption> </figure>
</div>
<script> $(function(){
var $container = $('#container');
$container.isotope({
itemSelector : '.box', columnWidth: 220, sortBy : 'random', gutterWidth: 10, cornerStampSelector: '.logo', category : function( $elem ) { return $elem.attr('data-category'); }, sortBy: 'category' });
}); </script>
<script>
$(function () { $('.rs-slider').refineSlide({ transition : 'fade', useThumbs : false, autoplay: false, maxWidth: 460, onInit : function () { var slider = this.slider; $('.next').on('click', function (e) { e.preventDefault(); slider.next() }); $('.prev').on('click', function (e) { e.preventDefault(); slider.prev() });
} }); }); </script>
</section>
</html>