Team:SEU A/Attributions

From 2012.igem.org

(Difference between revisions)
 
(80 intermediate revisions not shown)
Line 7: Line 7:
         <meta name="keywords" content="jquery, css3, images, wall, thumbnails, slide, animate"/>
         <meta name="keywords" content="jquery, css3, images, wall, thumbnails, slide, animate"/>
<meta name="author" content="Codrops" />
<meta name="author" content="Codrops" />
 +
 +
<title>iGEM 2012 SEU_A Human Practice</title>
 +
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css' />
 +
<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css" />
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/main.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/top.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/clear.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/footer.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/navcontainer.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/attribution.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/photowall.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/photowallreset.css?action=raw&ctype=text/css" type="text/css">
-
<title>iGEM 2012 SEU_A Attributions</title>
+
<script src="js/jquery-1.7.1.min.js"></script>
 +
<script src="js/jquery.flexslider-min.js"></script>
-
<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css" />
+
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/main.css?action=raw&ctype=text/css" type="text/css">
+
<script type="text/javascript" src="https://2012.igem.org/Team:SEU_A/attribution/pic.js?action=raw&ctype=text/javascript"></script>
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/clear.css?action=raw&ctype=text/css" type="text/css">
+
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/footer.css?action=raw&ctype=text/css" type="text/css">
+
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/navcontainer.css?action=raw&ctype=text/css" type="text/css">
+
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/attribution.css?action=raw&ctype=text/css" type="text/css">
+
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/photowall.css?action=raw&ctype=text/css" type="text/css">
+
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/photowallreset.css?action=raw&ctype=text/css" type="text/css">
+
-
<script src="js/jquery-1.7.1.min.js"></script>
+
<style type="text/css">h1{ font:bold 18px Helvetica, Arial, sans-sarif; color:#FFF; margin:10px 0 0 0; text-align:center; }</style>
-
<script src="js/jquery.flexslider-min.js"></script>
+
<style type="text/css">h2{ font-size:24px; padding:10px; }</style>
-
<script type="text/javascript" src="https://2012.igem.org/Team:SEU_A/jquery.masonry.min.js"></script>
+
-
<script type="text/javascript" src="https://2012.igem.org/Team:SEU_A/jquery.easing.1.3.js"></script>
+
-
<script type="text/javascript" src="https://2012.igem.org/Team:SEU_A/jquery.min.js"></script>
+
-
<script type="text/javascript">
+
-
$(window).load(function(){
+
-
var $iw_thumbs = $('#iw_thumbs'),
+
-
$iw_ribbon = $('#iw_ribbon'),
+
-
$iw_ribbon_close = $iw_ribbon.children('span.iw_close'),
+
-
$iw_ribbon_zoom = $iw_ribbon.children('span.iw_zoom');
+
-
+
-
ImageWall = (function() {
+
-
// window width and height
+
-
var w_dim,
+
-
    // index of current image
+
-
current = -1,
+
-
isRibbonShown = false,
+
-
isFullMode = false,
+
-
// ribbon / images animation settings
+
-
ribbonAnim = {speed : 500, easing : 'easeOutExpo'},
+
-
imgAnim = {speed : 400, easing : 'jswing'},
+
-
// init function : call masonry, calculate window dimentions, initialize some events
+
-
init = function() {
+
-
$iw_thumbs.imagesLoaded(function(){
+
-
$iw_thumbs.masonry({
+
-
isAnimated : true
+
-
});
+
-
});
+
-
getWindowsDim();
+
-
initEventsHandler();
+
-
},
+
-
// calculate window dimentions
+
-
getWindowsDim = function() {
+
-
w_dim = {
+
-
width : $(window).width(),
+
-
height : $(window).height()
+
-
};
+
-
},
+
-
// initialize some events
+
-
initEventsHandler = function() {
+
-
+
-
// click on a image
+
-
$iw_thumbs.delegate('li', 'click', function() {
+
-
if($iw_ribbon.is(':animated')) return false;
+
-
+
-
var $el = $(this);
+
-
+
-
if($el.data('ribbon')) {
+
-
showFullImage($el);
+
-
}
+
-
else if(!isRibbonShown) {
+
-
isRibbonShown = true;
+
-
+
-
$el.data('ribbon',true);
+
-
+
-
// set the current
+
-
current = $el.index();
+
-
+
-
showRibbon($el);
+
-
}
+
-
});
+
-
+
-
// click ribbon close
+
-
$iw_ribbon_close.bind('click', closeRibbon);
+
-
+
-
// on window resize we need to recalculate the window dimentions
+
-
$(window).bind('resize', function() {
+
-
getWindowsDim();
+
-
if($iw_ribbon.is(':animated'))
+
-
return false;
+
-
closeRibbon();
+
-
})
+
-
        .bind('scroll', function() {
+
-
if($iw_ribbon.is(':animated'))
+
-
return false;
+
-
closeRibbon();
+
-
});
+
-
+
-
},
+
-
showRibbon = function($el) {
+
-
var $img = $el.children('img'),
+
-
$descrp = $img.next();
+
-
+
-
// fadeOut all the other images
+
-
$iw_thumbs.children('li').not($el).animate({opacity : 0.2}, imgAnim.speed);
+
-
+
-
// increase the image z-index, and set the height to 100px (default height)
+
-
$img.css('z-index', 100)
+
-
.data('originalHeight',$img.height())
+
-
.stop()
+
-
.animate({
+
-
height : '100px'
+
-
}, imgAnim.speed, imgAnim.easing);
+
-
+
-
// the ribbon will animate from the left or right
+
-
// depending on the position of the image
+
-
var ribbonCssParam = {
+
-
top : $el.offset().top - $(window).scrollTop() - 6 + 'px'
+
-
},
+
-
descriptionCssParam,
+
-
dir;
+
-
+
-
if( $el.offset().left < (w_dim.width / 2) ) {
+
-
dir = 'left';
+
-
ribbonCssParam.left = 0;
+
-
ribbonCssParam.right = 'auto';
+
-
}
+
-
else {
+
-
dir = 'right';
+
-
ribbonCssParam.right = 0;
+
-
ribbonCssParam.left = 'auto';
+
-
}
+
-
+
-
$iw_ribbon.css(ribbonCssParam)
+
-
          .show()
+
-
  .stop()
+
-
  .animate({width : '100%'}, ribbonAnim.speed, ribbonAnim.easing, function() {
+
-
switch(dir) {
+
-
case 'left' :
+
-
descriptionCssParam = {
+
-
'left' : $img.outerWidth(true) + 'px',
+
-
'text-align' : 'left'
+
-
};
+
-
break;
+
-
case 'right' :
+
-
descriptionCssParam = {
+
-
'left' : '-200px',
+
-
'text-align' : 'right'
+
-
};
+
-
break;
+
-
};
+
-
$descrp.css(descriptionCssParam).fadeIn();
+
-
// show close button and zoom
+
-
$iw_ribbon_close.show();
+
-
$iw_ribbon_zoom.show();
+
-
  });
+
-
+
-
},
+
-
// close the ribbon
+
-
// when in full mode slides in the middle of the page
+
-
// when not slides left
+
-
closeRibbon = function() {
+
-
isRibbonShown = false
+
-
+
-
$iw_ribbon_close.hide();
+
-
$iw_ribbon_zoom.hide();
+
-
+
-
if(!isFullMode) {
+
-
+
-
// current wall image
+
-
var $el = $iw_thumbs.children('li').eq(current);
+
-
+
-
resetWall($el);
+
-
+
-
// slide out ribbon
+
-
$iw_ribbon.stop()
+
-
  .animate({width : '0%'}, ribbonAnim.speed, ribbonAnim.easing);
+
-
 
+
-
}
+
-
else {
+
-
$iw_ribbon.stop().animate({
+
-
opacity : 0.8,
+
-
height : '0px',
+
-
marginTop : w_dim.height/2 + 'px' // half of window height
+
-
}, ribbonAnim.speed, function() {
+
-
$iw_ribbon.css({
+
-
'width' : '0%',
+
-
'height' : '126px',
+
-
'margin-top': '0px'
+
-
}).children('img').remove();
+
-
});
+
-
+
-
isFullMode = false;
+
-
}
+
-
},
+
-
resetWall = function($el) {
+
-
var $img = $el.children('img'),
+
-
$descrp = $img.next();
+
-
+
-
$el.data('ribbon',false);
+
-
+
-
// reset the image z-index and height
+
-
$img.css('z-index',1).stop().animate({
+
-
height : $img.data('originalHeight')
+
-
}, imgAnim.speed,imgAnim.easing);
+
-
+
-
// fadeOut the description
+
-
$descrp.fadeOut();
+
-
// fadeIn all the other images
 
-
$iw_thumbs.children('li').not($el).animate({opacity : 1}, imgAnim.speed);
 
-
},
 
-
showFullImage = function($el) {
 
-
isFullMode = true;
 
-
 
-
$iw_ribbon_close.hide();
 
-
 
-
var $img = $el.children('img'),
 
-
large = $img.data('img'),
 
-
 
-
// add a loading image on top of the image
 
-
$loading = $('<span class="iw_loading"></span>');
 
-
 
-
$el.append($loading);
 
-
 
-
// preload large image
 
-
$('<img/>').load(function() {
 
-
var $largeImage = $(this);
 
-
 
-
$loading.remove();
 
-
 
-
$iw_ribbon_zoom.hide();
 
-
 
-
resizeImage($largeImage);
 
-
 
-
// reset the current image in the wall
 
-
resetWall($el);
 
-
 
-
// animate ribbon in and out
 
-
$iw_ribbon.stop().animate({
 
-
opacity : 1,
 
-
height : '0px',
 
-
marginTop : '63px' // half of ribbons height
 
-
}, ribbonAnim.speed, function() {
 
-
// add the large image to the DOM
 
-
$iw_ribbon.prepend($largeImage);
 
-
 
-
$iw_ribbon_close.show();
 
-
 
-
$iw_ribbon.animate({
 
-
height : '100%',
 
-
marginTop : '0px',
 
-
top : '0px'
 
-
}, ribbonAnim.speed);
 
-
});
 
-
}).attr('src',large);
 
-
 
-
},
 
-
resizeImage = function($image) {
 
-
var widthMargin = 100,
 
-
heightMargin = 100,
 
-
 
-
windowH      = w_dim.height - heightMargin,
 
-
windowW      = w_dim.width - widthMargin,
 
-
theImage    = new Image();
 
-
 
-
theImage.src    = $image.attr("src");
 
-
 
-
var imgwidth    = theImage.width,
 
-
imgheight    = theImage.height;
 
-
 
-
if((imgwidth > windowW) || (imgheight > windowH)) {
 
-
if(imgwidth > imgheight) {
 
-
var newwidth = windowW,
 
-
ratio = imgwidth / windowW,
 
-
newheight = imgheight / ratio;
 
-
 
-
theImage.height = newheight;
 
-
theImage.width = newwidth;
 
-
 
-
if(newheight > windowH) {
 
-
var newnewheight = windowH,
 
-
newratio = newheight/windowH,
 
-
newnewwidth = newwidth/newratio;
 
-
 
-
theImage.width = newnewwidth;
 
-
theImage.height = newnewheight;
 
-
}
 
-
}
 
-
else {
 
-
var newheight = windowH,
 
-
ratio = imgheight / windowH,
 
-
newwidth = imgwidth / ratio;
 
-
 
-
theImage.height = newheight;
 
-
theImage.width = newwidth;
 
-
 
-
if(newwidth > windowW) {
 
-
var newnewwidth = windowW,
 
-
    newratio = newwidth/windowW,
 
-
newnewheight = newheight/newratio;
 
-
 
-
theImage.height = newnewheight;
 
-
theImage.width = newnewwidth;
 
-
}
 
-
}
 
-
}
 
-
 
-
$image.css({
 
-
'width' : theImage.width + 'px',
 
-
'height' : theImage.height + 'px',
 
-
'margin-left' : -theImage.width / 2 + 'px',
 
-
'margin-top' : -theImage.height / 2 + 'px'
 
-
});
 
-
};
 
-
 
-
return {init : init};
 
-
})();
 
-
 
-
ImageWall.init();
 
-
});
 
-
</script>
 
</head>
</head>
<body>
<body>
 +
 +
<div class="navcontainer">
<div class="navcontainer">
     <ul class="navlist">
     <ul class="navlist">
Line 332: Line 41:
         <li><a href="https://2012.igem.org/Team:SEU_A/Project">Project</a></li>
         <li><a href="https://2012.igem.org/Team:SEU_A/Project">Project</a></li>
         <li><a href="https://2012.igem.org/Team:SEU_A/Modeling">Modeling</a></li>
         <li><a href="https://2012.igem.org/Team:SEU_A/Modeling">Modeling</a></li>
-
         <li><a href="https://2012.igem.org/Team:SEU_A/Notebook">Notebook</a></li>
+
         <li><a href="https://2012.igem.org/Team:SEU_A/Experiment">Experiment</a></li>
         <li><a href="https://2012.igem.org/Team:SEU_A/Safety">Safety</a></li>
         <li><a href="https://2012.igem.org/Team:SEU_A/Safety">Safety</a></li>
-
         <li id="active"><a href="https://2012.igem.org/Team:SEU_A/Attributions">Human Practice</a></li>
+
        <li><a href="https://2012.igem.org/Team:SEU_A/Humanpractice">Human Practice</a></li>
 +
         <li id="active"><a href="https://2012.igem.org/Team:SEU_A/Attributions">Attributions</a></li>
         <li><a href="https://2012.igem.org/Team:SEU_A/Team">About Us</a></li>
         <li><a href="https://2012.igem.org/Team:SEU_A/Team">About Us</a></li>
-
         <li><a href="https://2012.igem.org">iGEM2012</a></li>
+
         <li><a href="https://2012.igem.org">iGEM 2012</a></li>
     </ul>
     </ul>
</div>
</div>
 +
<div class="container">
<div class="container">
     <header>
     <header>
Line 344: Line 55:
<img src="https://static.igem.org/mediawiki/2012/a/af/Seua_title.png">
<img src="https://static.igem.org/mediawiki/2012/a/af/Seua_title.png">
</div>
</div>
-
    <div class="titleword">
 
-
    Human Practice
 
-
    </div>
 
         <br class="clearfloat" />
         <br class="clearfloat" />
     </header>
     </header>
Line 352: Line 60:
<div class="content">
<div class="content">
-
<header>
+
<header>
-
<h1>Activities</h1>
+
<h1>Attributions</h1>
-
<span>Enjoy a world of Synthetic Biology</span>
+
<span>Next comes what we have done for this project.</span>
-
</header>
+
</header>
-
<div class="iw_wrapper">
+
      </html>[[File:Seua_poison_apple.png|400px|left|Southeast University Project]]<html>
-
<ul class="iw_thumbs" id="iw_thumbs">
+
            <table id="toc" class="toc" style="margin:0 0 auto auto; background:none; padding:10px;">
-
<li><img src="images/thumbs/1.jpg" data-img="images/full/1.jpg" alt="Thumb1"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
            <tr>
-
<li><img src="images/thumbs/2.jpg" data-img="images/full/2.jpg" alt="Thumb2"/><div><h2>Silence</h2><p>Separated they live in Bookmarksgrove right at the coast of the Semantics.</p></div></li>
+
                <td>
-
<li><img src="images/thumbs/3.jpg" data-img="images/full/3.jpg" alt="Thumb3"/><div><h2>Abstraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
                  <div id="toctitle"><h2>Index</h2> </div>
-
<li><img src="images/thumbs/8.jpg" data-img="images/full/8.jpg" alt="Thumb8"/><div><h2>Happiness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
<ul>
-
<li><img src="images/thumbs/9.jpg" data-img="images/full/9.jpg" alt="Thumb9"/><div><h2>Greatness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
<li class="toclevel-1 tocsection-1"><a href="#.A0"><span class="tocnumber">1</span> <span class="toctext">Acknowledge</span></a>
-
<li><img src="images/thumbs/10.jpg" data-img="images/full/10.jpg" alt="Thumb10"/><div><h2>Abstraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
<ul>
-
<li><img src="images/thumbs/6.jpg" data-img="images/full/6.jpg" alt="Thumb6"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
<li class="toclevel-2 tocsection-1"><a href="#.A1"><span class="tocnumber">&nbsp;&nbsp;&nbsp;1.1</span> <span class="toctext">Academic Guidance</span></a></li>
-
<li><img src="images/thumbs/7.jpg" data-img="images/full/7.jpg" alt="Thumb7"/><div><h2>Beauty</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
<li class="toclevel-2 tocsection-2"><a href="#.A2"><span class="tocnumber">&nbsp;&nbsp;&nbsp;1.2</span> <span class="toctext">Activities Cooperation</span></a></li>
-
<li><img src="images/thumbs/8.jpg" data-img="images/full/8.jpg" alt="Thumb8"/><div><h2>Happiness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/12.jpg" data-img="images/full/12.jpg" alt="Thumb12"/><div><h2>Greatness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/4.jpg" data-img="images/full/4.jpg" alt="Thumb4"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/5.jpg" data-img="images/full/5.jpg" alt="Thumb5"/><div><h2>Growth</h2><p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p></div></li>
+
-
<li><img src="images/thumbs/6.jpg" data-img="images/full/6.jpg" alt="Thumb6"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/7.jpg" data-img="images/full/7.jpg" alt="Thumb7"/><div><h2>Beauty</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/10.jpg" data-img="images/full/10.jpg" alt="Thumb10"/><div><h2>Abstraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/11.jpg" data-img="images/full/11.jpg" alt="Thumb11"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/3.jpg" data-img="images/full/3.jpg" alt="Thumb3"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/13.jpg" data-img="images/full/13.jpg" alt="Thumb13"/><div><h2>Happiness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/14.jpg" data-img="images/full/14.jpg" alt="Thumb14"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/2.jpg" data-img="images/full/2.jpg" alt="Thumb1"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/4.jpg" data-img="images/full/4.jpg" alt="Thumb2"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/11.jpg" data-img="images/full/11.jpg" alt="Thumb11"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/12.jpg" data-img="images/full/12.jpg" alt="Thumb12"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/13.jpg" data-img="images/full/13.jpg" alt="Thumb13"/><div><h2>Happiness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/14.jpg" data-img="images/full/14.jpg" alt="Thumb14"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/2.jpg" data-img="images/full/2.jpg" alt="Thumb1"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/4.jpg" data-img="images/full/4.jpg" alt="Thumb2"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/6.jpg" data-img="images/full/6.jpg" alt="Thumb3"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/8.jpg" data-img="images/full/8.jpg" alt="Thumb4"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/12.jpg" data-img="images/full/12.jpg" alt="Thumb1"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/2.jpg" data-img="images/full/2.jpg" alt="Thumb2"/><div><h2>Silence</h2><p>Separated they live in Bookmarksgrove right at the coast of the Semantics.</p></div></li>
+
-
<li><img src="images/thumbs/3.jpg" data-img="images/full/3.jpg" alt="Thumb3"/><div><h2>Abstraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/4.jpg" data-img="images/full/4.jpg" alt="Thumb4"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/5.jpg" data-img="images/full/5.jpg" alt="Thumb5"/><div><h2>Growth</h2><p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p></div></li>
+
-
<li><img src="images/thumbs/6.jpg" data-img="images/full/6.jpg" alt="Thumb6"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/7.jpg" data-img="images/full/7.jpg" alt="Thumb7"/><div><h2>Beauty</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/8.jpg" data-img="images/full/8.jpg" alt="Thumb8"/><div><h2>Happiness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/9.jpg" data-img="images/full/9.jpg" alt="Thumb9"/><div><h2>Greatness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/10.jpg" data-img="images/full/10.jpg" alt="Thumb10"/><div><h2>Abstraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/11.jpg" data-img="images/full/11.jpg" alt="Thumb11"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/1.jpg" data-img="images/full/1.jpg" alt="Thumb12"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/13.jpg" data-img="images/full/13.jpg" alt="Thumb13"/><div><h2>Happiness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/14.jpg" data-img="images/full/14.jpg" alt="Thumb14"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/2.jpg" data-img="images/full/2.jpg" alt="Thumb1"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/4.jpg" data-img="images/full/4.jpg" alt="Thumb2"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
<li><img src="images/thumbs/6.jpg" data-img="images/full/6.jpg" alt="Thumb3"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li>
+
-
</ul>
+
-
</div>
+
-
<div id="iw_ribbon" class="iw_ribbon">
+
-
<span class="iw_close"></span>
+
-
<span class="iw_zoom">Click thumb to zoom</span>
+
-
</div>
+
-
</div>
+
-
</div>
+
 +
</ul>
 +
</li>
 +
<li class="toclevel-1 tocsection-2"><a href="#.B0"><span class="tocnumber">2</span> <span class="toctext">Contribution</span></a>
 +
<ul>
 +
<li class="toclevel-2 tocsection-1"><a href="#.B1"><span class="tocnumber">&nbsp;&nbsp;&nbsp;2.1</span> <span class="toctext">Project Design &Wet Experiment</span></a></li>
 +
<li class="toclevel-2 tocsection-2"><a href="#.B2"><span class="tocnumber">&nbsp;&nbsp;&nbsp;2.2</span> <span class="toctext">Model</span></a></li>
 +
<li class="toclevel-2 tocsection-3"><a href="#.B3"><span class="tocnumber">&nbsp;&nbsp;&nbsp;2.3</span> <span class="toctext">Human Practice</span></a></li>
 +
<li class="toclevel-2 tocsection-4"><a href="#.B4"><span class="tocnumber">&nbsp;&nbsp;&nbsp;2.4</span> <span class="toctext">Wiki Construction</span></a></li>
 +
<li class="toclevel-2 tocsection-5"><a href="#.B5"><span class="tocnumber">&nbsp;&nbsp;&nbsp;2.5</span> <span class="toctext">Hand Paintings</span></a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
                </td>
 +
            </tr>
 +
            </table>
-
</br></br></br></br></br></br></br></br></br></br></br></br>
+
<h2 style="font-size:24px;margin:0 0 15px 0"><span class="mw-headline" id=".A0">Acknowledge</h2>
 +
SEU_A iGEM 2012 would like to express thanks to the following people and organizations for their contribution to our team:</br></br>
 +
<span class="mw-headline" id=".A1"><strong>Academic Guidance</strong></span><br></br>
 +
<strong>Prof. Zuhong Lu</strong> from Biomedical Engineering Department for his instructions in all directions and timely help.</br>
 +
<strong>Mr. Yunfei Bai</strong> from Biomedical Engineering Department for his practical advice and essential communication with the outside.</br>
 +
<strong>Mr. Jinke Wang</strong> from Biomedical Engineering Department for his flawless equipment of the molecule biology lab in which part of our research took place.</br>
 +
<strong>Mrs. Lei Huang</strong> from Biomedical Engineering Department for arranging and harmonizing some trivial matters.</br>
 +
<strong>Chunpeng He</strong>, a doctor student from Biomedical Engineering Department for helping us to use TEM and instructing our practical skills that be involved in wet experiment.</br>
 +
<strong>Doctor Zhigang Qu</strong> from Academy of Military Mmedical Sciences for his generously providing the RP4 plasmid.</br></br>
 +
<span class="mw-headline" id=".A2"><strong>Activities Cooperation</strong></span><br></br>
 +
<strong>SEU_O_China iGEM</strong> for providing support and help on project and experiment.</br>
 +
<strong>NJU iGEM Teams</strong> for cooperating with the lecture for the human practice.</br>
 +
And all the friends that once involved in the game, providing intelligent ideas bit by bit, that really cheers up.</br></br></br>
-
<div class="footer">
+
<h2 style="font-size:24px;margin:0 0 15px 0"><span class="mw-headline" id=".B0">Contribution</h2>
-
  <a href="http://www.seu.edu.cn" target="_blank"><strong>Southeast University</strong></a>
+
Almost all the work that we demonstrated has been done by ourselves.</br></br>
-
  <a href="http://bme.seu.edu.cn/" target="_blank">Biomedical Engineer School,SEU</a>
+
      </html>[[File:Seua contributions.png|400px|right|Seua contributions]]<html>
-
  <a href="https://2012.igem.org/" target="_blank"> iGEM 2012</a>
+
<span class="mw-headline" id=".B1"><strong>Project Design &Wet Experiment</strong></span><br></br>Rui, Lan and Dan did nearly all the wet experiment, including (biobrick)part design, part assembly and validation scheme design. </br>Li Wang and Yue Hu also had attribution to the wet experiment.Yue Hu partly design the sweet gene biobrick meanwhile He Zhang took in charge of all the chemotoxis parts design.</br></br>
-
  <a href="https://2012.igem.org/Team:SEU_A/" target="_blank">Designed By SEU_A</a>
+
<span class="mw-headline" id=".B2"><strong>Model</strong></span></br></br>The whole conjugation model had been established by Haoruo Jia, Rui Guan and Xiao Han helped him a lot with the data processing.</br></br>
 +
<span class="mw-headline" id=".B3"><strong>Human Practice</strong></span></br></br>Ye Ye contacted to the NJU iGEM to invited them collaborate with us to organizing lectures among the universities. She tried her best to make our team good impression to public and she made it. </br>Li Wang was in full charge of the cards design, devoting to build reasonable and pleased rules. </br>Cover of the cards were all designed by Hongbo Xu, who has high talents in art and majors in clinical medicine.</br></br>
 +
<span class="mw-headline" id=".B4"><strong>Wiki Construction</strong></span></br></br>All pages of this wiki was constructed by Dadi Zhao, who learned web design started from scratch in this summer. In order to show you our project vividly, he also use some JavaScript & CSS3 method trying to avoid boring word accumulation.</br></br>
 +
<span class="mw-headline" id=".B5"><strong>Hand Paintings</strong></span></br></br>All the hand paintings were drawn by Hongbo Xu, and he also design our logo and mascot which had profound meaning and art value at the same time.</br></br>
 +
 
 +
<h2 style="font-size:24px;margin:0 0 15px 0"><span class="mw-headline" id=".C0">Help</h2>
 +
We helped SEU_O_CHINA as below:</br>
 +
We held a lecture on synthetic biology as human practice and invited NJU to share ideas together .  Almost all of the organizational work is done by the member of our team,such as contact to the students of NJU and arrange the time and place of the lecture.</br>
 +
In the final stage of  experiment,we help them in their construction of standard BioBrick. For example,we provided them with the bacteria caring pSB1C3 and the expression vector for verification experiment.</br>
 +
We are responsible for most of the health cleaning and sterilization work.</br>
 +
 
 +
<br><br></html>
 +
 
 +
What SEU_O_China helped us can be seen here:
 +
 
 +
https://2012.igem.org/Team:SEU_O_China/Result/Helping
 +
<html>
</div>
</div>
 +
 +
<div class="footer">
 +
  <a href="https://2012.igem.org/Main_Page/" target="_blank">iGEM 2012</a>
 +
  <a href="/wiki/index.php?title=Team:SEU_A/Attributions&amp;action=edit">Edit</a>
 +
  <a href="#top" onclick="window.scrollTo(0,0);return false;">Top</a>
 +
</div>
 +
 +
 +
</br></br></br>
 +
<p align="center"><a href="http://www.seu.edu.cn" target="_blank"><strong>Southeast University</strong></a></p>
 +
<p align="center"><a href="http://bme.seu.edu.cn/" target="_blank">Biomedical Engineer School, SEU </a> | <a href="https://2012.igem.org/" target="_blank"> iGEM 2012</a></p>
 +
<p align="center">Copyright &copy; Southeast University iGEM 2012 Team A, All rights reserved.</p>
</body>
</body>
</html>
</html>

Latest revision as of 04:04, 27 September 2012

iGEM 2012 SEU_A Human Practice

Attributions

Next comes what we have done for this project.
Southeast University Project

Index

Acknowledge

SEU_A iGEM 2012 would like to express thanks to the following people and organizations for their contribution to our team:

Academic Guidance

Prof. Zuhong Lu from Biomedical Engineering Department for his instructions in all directions and timely help.
Mr. Yunfei Bai from Biomedical Engineering Department for his practical advice and essential communication with the outside.
Mr. Jinke Wang from Biomedical Engineering Department for his flawless equipment of the molecule biology lab in which part of our research took place.
Mrs. Lei Huang from Biomedical Engineering Department for arranging and harmonizing some trivial matters.
Chunpeng He, a doctor student from Biomedical Engineering Department for helping us to use TEM and instructing our practical skills that be involved in wet experiment.
Doctor Zhigang Qu from Academy of Military Mmedical Sciences for his generously providing the RP4 plasmid.

Activities Cooperation

SEU_O_China iGEM for providing support and help on project and experiment.
NJU iGEM Teams for cooperating with the lecture for the human practice.
And all the friends that once involved in the game, providing intelligent ideas bit by bit, that really cheers up.


Contribution

Almost all the work that we demonstrated has been done by ourselves.

Seua contributions
Project Design &Wet Experiment

Rui, Lan and Dan did nearly all the wet experiment, including (biobrick)part design, part assembly and validation scheme design.
Li Wang and Yue Hu also had attribution to the wet experiment.Yue Hu partly design the sweet gene biobrick meanwhile He Zhang took in charge of all the chemotoxis parts design.

Model

The whole conjugation model had been established by Haoruo Jia, Rui Guan and Xiao Han helped him a lot with the data processing.

Human Practice

Ye Ye contacted to the NJU iGEM to invited them collaborate with us to organizing lectures among the universities. She tried her best to make our team good impression to public and she made it.
Li Wang was in full charge of the cards design, devoting to build reasonable and pleased rules.
Cover of the cards were all designed by Hongbo Xu, who has high talents in art and majors in clinical medicine.

Wiki Construction

All pages of this wiki was constructed by Dadi Zhao, who learned web design started from scratch in this summer. In order to show you our project vividly, he also use some JavaScript & CSS3 method trying to avoid boring word accumulation.

Hand Paintings

All the hand paintings were drawn by Hongbo Xu, and he also design our logo and mascot which had profound meaning and art value at the same time.

Help

We helped SEU_O_CHINA as below:
We held a lecture on synthetic biology as human practice and invited NJU to share ideas together . Almost all of the organizational work is done by the member of our team,such as contact to the students of NJU and arrange the time and place of the lecture.
In the final stage of experiment,we help them in their construction of standard BioBrick. For example,we provided them with the bacteria caring pSB1C3 and the expression vector for verification experiment.
We are responsible for most of the health cleaning and sterilization work.


What SEU_O_China helped us can be seen here:

https://2012.igem.org/Team:SEU_O_China/Result/Helping




Southeast University

Biomedical Engineer School, SEU | iGEM 2012

Copyright © Southeast University iGEM 2012 Team A, All rights reserved.