Team:TU-Delft/Test2

From 2011.igem.org

(Difference between revisions)
 
(91 intermediate revisions not shown)
Line 1: Line 1:
 +
{{TU-header3}}
 +
__NOTOC__
<html>
<html>
-
<head>
+
<body style="background-image:initial; background-repeat-x:no-repeat; background-repeat-y:no-repeat; background-repeat:no-repeat; background-attachment:initial; background-position:initial initial; background-position-x:initial; background-position-y:initial; background-origin:initial; background-clip:initial; background-color:#656565; margin:0pt; " onload="onPageLoad();" onunload="onPageUnload();" >
-
<script src=”http://tympanus.net/Tutorials/MoleskineNotebook/cufon/cufon-yui.js” type=”text/javascript”></script>
+
    <div style="text-align:center; " >
-
<script src=”http://tympanus.net/Tutorials/MoleskineNotebook/cufon/ChunkFive_400.font.js” type=”text/javascript”></script>
+
      <div style="background-color:#FFFFFF; text-align:left; width:900px; margin:4px auto 10px auto; " id="body_content" >
-
<script src=”http://tympanus.net/Tutorials/MoleskineNotebook/cufon/Note_this_400.font.js” type=”text/javascript”></script>
+
</html>
-
<script type=”text/javascript”>
+
<br>
-
Cufon.replace(‘h1,p,.b-counter’);
+
-
Cufon.replace(‘.book_wrapper a’, {hover:true});
+
-
Cufon.replace(‘.title’, {textShadow: ’1px 1px #C59471′, fontFamily:’ChunkFive’});
+
-
Cufon.replace(‘.reference a’, {textShadow: ’1px 1px #C59471′, fontFamily:’ChunkFive’});
+
-
Cufon.replace(‘.loading’, {textShadow: ’1px 1px #000′, fontFamily:’ChunkFive’});
+
-
</script>
+
-
</head>
+
-
<div>
+
<html>
-
<a id=”next_page_button”></a>
+
<table width="100%" cellpadding="0" cellspacing="10" border="0">
-
<a id=”prev_page_button”></a>
+
    <tr>
-
<div id=”mybook” style=”display:none;”>
+
        <td width="50%" valign="top">
-
<div>
+
            <p><h1>The Focus</h1>
-
<div>
+
Bacteria can be good or bad. This is the way of saying that bacteria are respectively beneficial or harmful for human beings.
-
<img src=”http://tympanus.net/Tutorials/MoleskineNotebook/images/1.jpg” alt=”"/>
+
-
<h1>Slider Gallery</h1>
+
-
<p>This tutorial is about creating a creative gallery…</p>
+
-
<a href=”#”>Article</a>
+
-
<a href=”#”>Demo</a>
+
-
</div>
+
-
<div>
+
-
…
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<style type="text/css">
+
Good bacteria have always existed. Some species help humans to digest certain foods, others are important in the production process of, for example, milk, cheese or yogurt. There are even bacterial species that help agriculture by fixating nitrogen for more fertile croplands. This majority of all species are harmless to humans.
-
.booklet{
+
<img src="https://static.igem.org/mediawiki/2011/6/69/S.thermophilus.jpeg" width="440px" /></p>
-
-moz-box-shadow:0px 0px 1px #fff;
+
        </td>
-
-webkit-box-shadow:0px 0px 1px #fff;
+
        <td width="50%" valign="top">
-
box-shadow:0px 0px 1px #fff;
+
            <p><img src="https://static.igem.org/mediawiki/2011/8/8c/Salmonella_enterica.jpg"  width="440px"; />
-
-moz-border-radius:10px;
+
<h4></h4>
-
-webkit-border-radius:10px;
+
Although the bad bacteria are a minority, they are well known. These species can spoil food or make you sick. Take for example ''Salmonella enterica'' that is a natural part of the chicken’s flora. Chickens have no problems with this bacteria strain, but humans can get very sick because of this little brad.
-
border-radius:10px;
+
-
}
+
-
.booklet .b-wrap      {top:0; position:absolute;}
+
Al together we have to respect what they do for us, but have to watch out which bacteria we catch. The iGEM TU Delft want to raise attention for the good bacteria simply because they deserve it!</p>
-
.booklet .b-wrap-left  {background:#fff;}
+
        </td>
-
.booklet .b-wrap-right {background:#efefef;}
+
    </tr>
-
+
</table>
-
.booklet .b-pN .b-wrap,
+
-
.booklet .b-p1 .b-wrap,
+
-
.booklet .b-p2 .b-wrap,
+
-
.booklet .b-p3 .b-wrap,
+
-
.booklet .b-p4 .b-wrap  {left:0;}
+
-
.booklet .b-p0 .b-wrap  {right:0;}
+
-
.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;}
+
  </html>
-
 
+
{{TU-footer}}
-
.book_wrapper{
+
-
margin:0 auto;
+
-
padding-top:50px;
+
-
width:905px;
+
-
height:540px;
+
-
position:relative;
+
-
background:transparent url(http://tympanus.net/Tutorials/MoleskineNotebook//images/bg.png) no-repeat 9px 27px;
+
-
}
+
-
 
+
-
a#next_page_button,
+
-
a#prev_page_button{
+
-
display:none;
+
-
position:absolute;
+
-
width:41px;
+
-
height:40px;
+
-
cursor:pointer;
+
-
margin-top:-20px;
+
-
top:50%;
+
-
background:transparent url(http://tympanus.net/Tutorials/MoleskineNotebook/) no-repeat 0px -40px;
+
-
}
+
-
a#prev_page_button{
+
-
left:-30px;
+
-
}
+
-
a#next_page_button{
+
-
right:-30px;
+
-
background-position:-41px -40px;
+
-
}
+
-
a#next_page_button:hover{
+
-
background-position:-41px 0px;
+
-
}
+
-
a#prev_page_button:hover{
+
-
background-position:0px 0px;
+
-
}
+
-
 
+
-
 
+
-
</style>
+
-
<script type="text/javascript">
+
-
var $mybook = $(‘#mybook’);
+
-
var $bttn_next = $(‘#next_page_button’);
+
-
var $bttn_prev = $(‘#prev_page_button’);
+
-
var $loading = $(‘#loading’);
+
-
var $mybook_images = $mybook.find(‘img’);
+
-
var cnt_images = $mybook_images.length;
+
-
var loaded = 0;
+
-
//preload all the images in the book,
+
-
//and then call the booklet plugin
+
-
$mybook_images.each(function(){
+
-
var $img = $(this);
+
-
var source = $img.attr(‘src’);
+
-
$(‘<img/>’).load(function(){
+
-
++loaded;
+
-
if(loaded == cnt_images){
+
-
$loading.hide(true);
+
-
$bttn_next.show();
+
-
$bttn_prev.show();
+
-
$mybook.show().booklet({
+
-
name: null,
+
-
// name of the booklet to display in the document title bar
+
-
width: 800,
+
-
// container width
+
-
height: 500,
+
-
// container height
+
-
speed: 600,
+
-
// speed of the transition between pages
+
-
direction: ‘LTR’,
+
-
// direction of the overall content
+
-
// organization, default LTR, left to right, can be
+
-
// RTL for languages which read right to left
+
-
startingPage: 0,
+
-
// index of the first page to be displayed
+
-
easing: ‘easeInOutQuad’,
+
-
// easing method for complete transition
+
-
easeIn: ‘easeInQuad’,
+
-
// easing method for first half of transition
+
-
easeOut: ‘easeOutQuad’,
+
-
// easing method for second half of transition
+
-
closed: true,
+
-
// start with the book “closed”, will add empty
+
-
// pages to beginning and end of book
+
-
closedFrontTitle: null,
+
-
// used with “closed”, “menu” and “pageSelector”,
+
-
// determines title of blank starting page
+
-
closedFrontChapter: null,
+
-
// used with “closed”, “menu” and “chapterSelector”,
+
-
// determines chapter name of blank starting page
+
-
closedBackTitle: null,
+
-
// used with “closed”, “menu” and “pageSelector”,
+
-
// determines chapter name of blank ending page
+
-
closedBackChapter: null,
+
-
// used with “closed”, “menu” and “chapterSelector”,
+
-
// determines chapter name of blank ending page
+
-
covers: false,
+
-
// used with “closed”, makes first and last pages
+
-
//into covers, without page numbers (if enabled)
+
-
pagePadding: 10,
+
-
// padding for each page wrapper
+
-
pageNumbers: true,
+
-
// display page numbers on each page
+
-
hovers: false,
+
-
// enables preview pageturn hover animation,
+
-
// shows a small preview of previous or next page on hover
+
-
overlays: false,
+
-
// enables navigation using a page sized overlay,
+
-
// when enabled links inside the content will
+
-
// not be clickable
+
-
tabs: false,
+
-
// adds tabs along the top of the pages
+
-
tabWidth: 60,
+
-
// set the width of the tabs
+
-
tabHeight: 20,
+
-
// set the height of the tabs
+
-
arrows: false,
+
-
// adds arrows overlayed over the book edges
+
-
cursor: ‘pointer’,
+
-
// cursor css setting for side bar areas
+
-
hash: false,
+
-
// enables navigation using a hash string,
+
-
// ex: #/page/1 for page 1, will affect
+
-
// all booklets with ‘hash’ enabled
+
-
keyboard: true,
+
-
// enables navigation with arrow keys
+
-
// (left: previous, right: next)
+
-
next: $bttn_next,
+
-
// selector for element to use as click
+
-
// trigger for next page
+
-
prev: $bttn_prev,
+
-
// selector for element to use as click
+
-
// trigger for previous page
+
-
menu: null,
+
-
// selector for element to use as the menu area,
+
-
// required for ‘pageSelector’
+
-
pageSelector: false,
+
-
// enables navigation with a dropdown menu of pages,
+
-
// requires ‘menu’
+
-
chapterSelector: false,
+
-
// enables navigation with a dropdown menu of chapters,
+
-
// determined by the “rel” attribute, requires ‘menu’
+
-
shadows: true,
+
-
// display shadows on page animations
+
-
shadowTopFwdWidth: 166,
+
-
// shadow width for top forward anim
+
-
shadowTopBackWidth: 166,
+
-
// shadow width for top back anim
+
-
shadowBtmWidth: 50,
+
-
// shadow width for bottom shadow
+
-
before: function(){},
+
-
// callback invoked before each page turn animation
+
-
after: function(){}
+
-
// callback invoked after each page turn animation
+
-
});
+
-
Cufon.refresh(); // if you want to use cufon
+
-
}
+
-
}).attr(‘src’,source);
+
-
});
+
-
</script>
+
-
</html>
+

Latest revision as of 11:37, 18 August 2011



TUDelft Logo2 TUDelft Logo2 TUDelft Logo2 TUDelft Logo2 TUDelft Logo2 TUDelft Logo2


The Focus

Bacteria can be good or bad. This is the way of saying that bacteria are respectively beneficial or harmful for human beings. Good bacteria have always existed. Some species help humans to digest certain foods, others are important in the production process of, for example, milk, cheese or yogurt. There are even bacterial species that help agriculture by fixating nitrogen for more fertile croplands. This majority of all species are harmless to humans.

Although the bad bacteria are a minority, they are well known. These species can spoil food or make you sick. Take for example ''Salmonella enterica'' that is a natural part of the chicken’s flora. Chickens have no problems with this bacteria strain, but humans can get very sick because of this little brad. Al together we have to respect what they do for us, but have to watch out which bacteria we catch. The iGEM TU Delft want to raise attention for the good bacteria simply because they deserve it!

Back to iGEM.org

Retrieved from "http://2011.igem.org/Team:TU-Delft/Test2"