Difference between revisions of "Team:Amoy/Member/Amoy"

 
(33 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
  
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/BootstrapCss?action=raw&amp;ctype=text/css" />
+
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/BootstrapJs?action=raw&amp;ctype=text/javascript"></script>
  
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/InterlabCss?action=raw&amp;ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/BootstrapColCss?action=raw&amp;ctype=text/css" />
  
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/MenuBarCss?action=raw&amp;ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/MenuBarCss?action=raw&amp;ctype=text/css" />
 +
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/GalleryStyleCss?action=raw&amp;ctype=text/css" />
 +
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/AmoySlideBoxCss?action=raw&amp;ctype=text/css" />
 +
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/InterlabCss?action=raw&amp;ctype=text/css" />
 +
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/MenuCss?action=raw&amp;ctype=text/css" />
 +
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/MenuJs?action=raw&amp;ctype=text/javascript"></script>
  
 
</head>
 
</head>
Line 36: Line 46:
 
</script>
 
</script>
  
 +
<!--bg_pic-->
 
<div id="menu">
 
<div id="menu">
  
 
<div id="bg_menu">
 
<div id="bg_menu">
−
<img src="https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg" />
+
<img src="https://static.igem.org/mediawiki/2015/2/26/Amoy-MenuBar-bg.jpg" />
 
</div>
 
</div>
  
 
<a href="https://2015.igem.org/Team:Amoy"><img id="logo" src="https://static.igem.org/mediawiki/2015/f/fb/Title1.png" /></a>
 
<a href="https://2015.igem.org/Team:Amoy"><img id="logo" src="https://static.igem.org/mediawiki/2015/f/fb/Title1.png" /></a>
  
−
<div id='cssmenu'>
+
<!--top_menu-->
−
<ul>
+
<span class="preload1"></span> <span class="preload2"></span>
−
  <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Project'>Project</a>
+
<ul id="nav">
−
       <ul>
+
  <li class="top"><a href="https://2015.igem.org/Team:Amoy/Team" id="products" class="top_link"><span class="down active">TEAM</span></a>
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Project/Background'>Background</a></li>
+
    <ul class="sub">
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Project/Methods'>Methods</a></li>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Team#member_student">Member</a></li>
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Project/Results'>Results</a></li>
+
       <li><a href="https://2015.igem.org/Team:Amoy/Member/Amoy">Amoy</a></li>
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Project/Discussion'>Discussion</a></li>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Attributions">Attributions</a></li>
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Project/FutureWork'>Future</a></li>
+
    </ul>
−
      </ul>
+
  </li>
−
  </li>
+
 
−
  <li><a href='https://2015.igem.org/Team:Amoy/Interlab'>Interlab</a>
+
  <li class="top"><a href="https://2015.igem.org/Team:Amoy/Project" id="products" class="top_link"><span class="down">PROJECT</span></a>
−
  </li>
+
    <ul class="sub">
−
  <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter'>Newsletter</a>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Project/Background">Background</a></li>
−
      <ul>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Description">Description</a></li>
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter/Contribution'>Contribution</a></li>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Project/Methods">Methods</a></li>
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter/Discussion'>Discussion</a></li>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Project/Results">Results</a></li>
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter/Links'>Links</a></li>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Project/Discussion">Discussion</a></li>
−
      </ul>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Project/FutureWork">Future Work</a></li>
−
  </li>
+
    </ul>
−
  <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Practice'>Practice</a>
+
  </li>
−
      <ul>
+
 
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Practice/Handbook'>Handbook</a></li>
+
  <li class="top"><a href="https://2015.igem.org/Team:Amoy/Notebook" id="products" class="top_link"><span class="down">NOTEBOOK</span></a>
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Practice/Communication'>Communication</a></li>
+
    <ul class="sub">
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Practice/Cooperation'>Cooperation</a></li>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Notebook/Notebook">Notebook</a></li>
−
       </ul>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Notebook/Protocol">Protocols</a></li>
−
  </li>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Parts">Parts</a></li>
−
  <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Member'>Member</a>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Notebook/Gallery">Gallery</a></li>
−
      <ul>
+
    </ul>
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Member/Member'>Member</a></li>
+
  </li>
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Member/Amoy'>Acknowledgement</a></li>
+
 
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Member/Gallery'>Gallery</a></li>
+
  <li class="top"><a href="https://2015.igem.org/Team:Amoy/Interlab" id="products" class="top_link"><span class="down">INTERLAB</span></a></li>
−
       </ul>
+
 
−
  </li>
+
  <li class="top"><a href="https://2015.igem.org/Team:Amoy/Newsletter" id="products" class="top_link"><span class="down">NEWSLETTER</span></a>
−
  <li><a href='https://2015.igem.org/Team:Amoy/Safety'>Safety</a></li>
+
    <ul class="sub">
−
  <li><a href='https://2015.igem.org/Team:Amoy/Acknowledgement'>Acknowledgement</a></li>
+
      <li><a href="https://2015.igem.org/Team:Amoy/Newsletter#title">Introduction</a></li>
 +
      <li><a href="https://2015.igem.org/Team:Amoy/Newsletter/Contribution">Contribution</a></li>
 +
      <li><a href="https://2015.igem.org/Team:Amoy/Newsletter/Discussion">Discussion</a></li>
 +
       <li><a href="https://2015.igem.org/Team:Amoy/Newsletter/Links">Links</a></li>
 +
    </ul>
 +
  </li>
 +
 
 +
  <li class="top"><a href="https://2015.igem.org/Team:Amoy/Practices" id="products" class="top_link"><span class="down">PRACTICES</span></a>
 +
    <ul class="sub">
 +
      <li><a href="https://2015.igem.org/Team:Amoy/Practices/Promotion">Promotion</a></li>
 +
      <li><a href="https://2015.igem.org/Team:Amoy/Practices/Talk">Talk</a></li>
 +
      <li><a href="https://2015.igem.org/Team:Amoy/Practice/Communication">Communication</a></li>
 +
       <li><a href="https://2015.igem.org/Team:Amoy/Collaborations">Collaborations</a></li>
 +
    </ul>
 +
  </li>
 +
 
 +
  <li class="top"><a href="https://2015.igem.org/Team:Amoy/Judging" id="products" class="top_link"><span class="down">JUDGING</span></a>
 +
    <ul class="sub">
 +
      <li><a href="https://2015.igem.org/Team:Amoy/Judging/Medal">Medal Criteria</a></li>
 +
      <li><a href="https://2015.igem.org/Team:Amoy/Judging/Acknowledgement">Acknowledgement</a></li>
 +
    </ul>
 +
  </li>
 +
 
 +
  <li class="top"><a href="https://2015.igem.org/Team:Amoy/Safety" id="products" class="top_link"><span class="down">SAFETY</span></a></li>
 
</ul>
 
</ul>
−
</div>
 
  
 
</div>
 
</div>
  
  
−
<div class="col-md-1"></div>
+
<div id="main_content" style="-webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; margin: 0 auto; display: -webkit-box; padding-top: 50px;">
−
<div id="main_content" class="col-md-10">
+
  
−
<div id="s_menu" class="col-md-2" style="z-index: 999;">
+
<div id="s_menu" class="col-md-2" style="z-index: 999; -webkit-box-sizing: border-box; box-sizing: border-box; ">
−
    <a href="https://2015.igem.org/Team:Amoy/Acknowledgement"><h4>Acknowledgement</h4></a>
+
<a href="https://2015.igem.org/Team:Amoy/Team"><h4>Team</h4></a>
−
    <ul class="ul_menu">
+
<ul class="ul_menu">
−
        <li><a id="a_fund" href="javascript:;">Fund and Facility</a></li>
+
<li><a class="a_Students" href="https://2015.igem.org/Team:Amoy/Team#member_student">Member</a></li>
−
        <li><a id="a_idea" href="javascript:;">Idea and Biobrick</a></li>
+
<li><a class="a_Advisor" href="https://2015.igem.org/Team:Amoy/Team#member_advisor">Advisor</a></li>
−
        <li><a id="a_news" href="javascript:;">Newsletter</a></li>
+
<li><a class="a_Instructor" href="https://2015.igem.org/Team:Amoy/Team#member_instructor">Instructor</a></li>
−
    </ul>
+
<li><a href="https://2015.igem.org/Team:Amoy/Member/Amoy">Amoy</a></li>
 +
<li><a href="https://2015.igem.org/Team:Amoy/Attributions">Attributions</a></li>
 +
</ul>
 
</div>
 
</div>
  
−
<script>
 
−
$(function(){
 
−
    $("#a_fund").click(function(){
 
−
        $("html,body").animate({scrollTop:$('#fund').offset().top},400);
 
−
    });
 
−
});
 
−
</script>
 
  
−
<script>
+
<div id="title" style="-webkit-box-sizing: border-box; box-sizing: border-box; width: 70%; margin-left: 25%;">
−
$(function(){
+
−
    $("#a_idea").click(function(){
+
−
        $("html,body").animate({scrollTop:$('#idea').offset().top},400);
+
−
    });
+
−
});
+
−
</script>
+
  
−
<script>
+
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width: 100%;">
−
$(function(){
+
  <!-- Indicators -->
−
     $("#a_news").click(function(){
+
  <ol class="carousel-indicators">
−
        $("html,body").animate({scrollTop:$('#news').offset().top},400);
+
     <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
−
     });
+
     <li data-target="#carousel-example-generic" data-slide-to="1"></li>
−
});
+
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
−
</script>
+
  </ol>
  
−
<div class="col-md-1"></div>
+
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner" role="listbox">
 +
    <div class="item active">
 +
      <img src="https://static.igem.org/mediawiki/2015/f/fc/Amoy-Gallery_Slider_bg1.jpg">
 +
      <div class="carousel-caption">
 +
        Amoy
 +
      </div>
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2015/f/f1/Amoy-Gallery_Slider_bg2.jpg">
 +
      <div class="carousel-caption">
 +
        Amoy
 +
      </div>
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2015/6/6a/Amoy-Gallery_Slider_bg3.jpg">
 +
      <div class="carousel-caption">
 +
        Amoy
 +
      </div>
 +
    </div>
 +
  </div>
  
−
<div id="title" class="col-md-9">
+
  <!-- Controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 +
    <span class="sr-only">Previous</span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 +
    <span class="sr-only">Next</span>
 +
  </a>
 +
</div>
  
−
<p id="title_p">ACKNOWLEDGEMENT</p>
+
<p id="title_p" style="margin-top: 30px; margin-bottom: 20px;">UNIVERSITY DESCRIPTION</p>
  
−
<h1 id="fund" class="main_h1">Fund and Facility</h1>
+
<p class="main_p">Xiamen University ,  located in Xiamen, Fujian province.Established by Mr. Tan Kah Kee in 1921,  Xiamen University is the first university in China founded by overseas .  The school motto is "Pursue Excellence, Strive for Perfection . The university is one of many comprehensive universities directly administered by the Chinese Ministry of Education. In 1995 it was included in the list of the 211 Project for the state key construction; in 2000 it became one of China's higher-level universities designated for the state key construction of the 985 Project.</br></br>
 +
According to University Undergraduates Teaching Assessment and Chinese Universities Evaluation Standings, the university is ranked 11th in China and has maintained the top 20 ranking in China, among which 6 subjects reach A++ level, including economics and management,fine art, law, chemistry, journalism, communication and mathematics.In addition,the school of management is accredited by EQUIS and AMBA.</br>
 +
</p>
  
−
<p class="main_p">Our work was financially supported by <a href="http://jwc.xmu.edu.cn/">Academic Affairs Office of Xiamen University</a>. Thanks to their contentiously support to scientific training program of undergraduate.</p>
 
  
−
<p class="main_p">Thanks to <a href="http://chem.xmu.edu.cn/">College of Chemistry and Chemical Engineering</a> and <a href="http://sph.xmu.edu.cn/">School of Public Health</a> for the support of facility.</p>
+
<div class="iw_wrapper">
 +
<p style="font-size: 40px; text-align: center; color: #147abc;">GALLERY</p>
 +
<ul class="iw_thumbs" id="iw_thumbs" style="margin-left: 40px;">
 +
<li><img src="https://static.igem.org/mediawiki/2015/2/2f/Amoy-Gallery_pic11_s.jpg" data-img="https://static.igem.org/mediawiki/2015/4/41/Amoy-Gallery_pic11.jpg" alt="Thumb1"/><div><h2>Discussion</h2><p>We are discussing the idea about our project.</p></div></li>
  
−
<h1 id="idea" class="main_h1">Idea and Biobrick</h1>
+
<li><img src="https://static.igem.org/mediawiki/2015/9/9a/Amoy-Gallery_pic8_s.jpg" data-img="https://static.igem.org/mediawiki/2015/0/0b/Amoy-Gallery_pic8.jpg" alt="Thumb1"/><div><h2>Discussion</h2><p>Darui Gao is showing us her idea of the communication with other teams.</p></div></li>
  
−
<p class="main_p">We are grateful to Prof. Baishan Fang, Prof. Chaoyong Yang, Prof. Dai Wang, Prof. Xiaomei Yan and A. P. Lina Wu for their suggestion and support on our idea and lab work.</p>
+
<li><img src="https://static.igem.org/mediawiki/2015/7/74/Amoy-Gallery_pic10_s.jpg" data-img="https://static.igem.org/mediawiki/2015/5/51/Amoy-Gallery_pic10.jpg" alt="Thumb1"/><div><h2>Discussion</h2><p>Xiangning Li is showing us her idea of the gallery page of our wiki.</p></div></li>
  
−
<p class="main_p">For some unknown reason, our BBa_B0030 and BBa_B0034 do not give a good performance. <a href="https://2015.igem.org/Team:NJU-China">NJU-China</a> sent us their copy and they worked well. Thanks for their help.</p>
+
<li><img src="https://static.igem.org/mediawiki/2015/5/53/Amoy-Gallery_pic12_s.jpg" data-img="https://static.igem.org/mediawiki/2015/6/6e/Amoy-Gallery_pic12.jpg" alt="Thumb1"/><div><h2>Discussion</h2><p>Jiayi Tian is showing us her idea of our uniform.</p></div></li>
  
−
<p class="main_p">Our project got advice from captain of <a href="https://2015.igem.org/Team:SYSU_CHINA">SYSU-CHINA</a>, Dengwen Lai, and his suggestions enlighten us to think our project from a different view.</p>
+
<li><img src="https://static.igem.org/mediawiki/2015/a/ac/Amoy-Gallery_pic13_s.jpg" data-img="https://static.igem.org/mediawiki/2015/a/af/Amoy-Gallery_pic13.jpg" alt="Thumb1"/><div><h2>Discussion</h2><p>Our instructors are giving us suggestions about our plan.</p></div></li>
  
−
<h1 id="news" class="main_h1">Newsletter</h1>
+
<li><img src="https://static.igem.org/mediawiki/2015/1/1a/Amoy-Gallery_pic3_s.jpg" data-img="https://static.igem.org/mediawiki/2015/4/41/Amoy-Gallery_pic3.jpg" alt="Thumb1"/><div><h2>Practices</h2><p>This is the handbook made by ourselves.</p></div></li>
  
−
<p class="main_p">Thanks to Team <a href="https://2015.igem.org/Team:Stockholm">Stockholm</a> on their suggestion of issuu.com.</p>
+
<li><img src="https://static.igem.org/mediawiki/2015/c/cb/Amoy-Gallery_pic4_s.jpg" data-img="https://static.igem.org/mediawiki/2015/c/ce/Amoy-Gallery_pic4.jpg" alt="Thumb1"/><div><h2>Practices</h2><p>We are explaining the knowledge of iGEM to the new students.</p></div></li>
  
 +
<li><img src="https://static.igem.org/mediawiki/2015/d/dc/Amoy-Gallery_pic25_s.jpg" data-img="https://static.igem.org/mediawiki/2015/4/41/Amoy-Gallery_pic25.jpg" alt="Thumb1"/><div><h2>Practices</h2><p>We are trying to publicize iGEM to the tourists of our university.</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>
  
 
</div>
 
</div>
 +
 +
 +
 +
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/GalleryJs?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/GalleryMasonryJs?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/GalleryEasingJs?action=raw&amp;ctype=text/javascript"></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' : '-280px',
 +
'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>
  
  
 
<!--footer-->
 
<!--footer-->
−
<div style="width: 100%; height: 240px; background: #2a2a2a; position: relative; padding-top: 20px;" class="col-md-12">
+
<div style="width: 100%; height: 240px; background: #2a2a2a; position: relative; padding-top: 20px; padding-right: 0px; padding-left: 0px;" class="col-md-12">
 
<img src="https://static.igem.org/mediawiki/2015/f/f2/Amoy-Footer_amoylogo.png" style="width: 10%; display: inline-block; position: relative; margin-left: 12%;" />
 
<img src="https://static.igem.org/mediawiki/2015/f/f2/Amoy-Footer_amoylogo.png" style="width: 10%; display: inline-block; position: relative; margin-left: 12%;" />
 
<div style="display: inline-block; position: relative; top: 45px; width: 21%; margin-left: 2%;">
 
<div style="display: inline-block; position: relative; top: 45px; width: 21%; margin-left: 2%;">
Line 161: Line 530:
 
<p style="font-size: 14px; color: #fff; margin-bottom: 0px;"><strong>Address:  </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p>
 
<p style="font-size: 14px; color: #fff; margin-bottom: 0px;"><strong>Address:  </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p>
 
</div>
 
</div>
−
<img src="https://static.igem.org/mediawiki/2015/1/1f/Amoy-Footer_xmulogo.png" style="width: 10%; display: inline-block; margin-left: 5%;" />
+
<a href="http://www.xmu.edu.cn/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/1f/Amoy-Footer_xmulogo.png" style="width: 10%; display: inline-block; margin-left: 5%;" /></a>
 
<img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Footer_xmulname.png" style="width: 15%; display: inline-block; margin-left: 1%;" />
 
<img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Footer_xmulname.png" style="width: 15%; display: inline-block; margin-left: 1%;" />
−
<a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2015/5/5b/Amoy-Footer_facebook.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
+
<a href="https://www.facebook.com/amoyigem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/5/5b/Amoy-Footer_facebook.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
−
<a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/02/Amoy-Footer_twitter.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
+
<a href="https://www.twitter.com/Amoy_igem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/02/Amoy-Footer_twitter.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
 
</div>
 
</div>
  

Latest revision as of 16:19, 18 September 2015

Aomy/Project

UNIVERSITY DESCRIPTION

Xiamen University , located in Xiamen, Fujian province.Established by Mr. Tan Kah Kee in 1921, Xiamen University is the first university in China founded by overseas . The school motto is "Pursue Excellence, Strive for Perfection . The university is one of many comprehensive universities directly administered by the Chinese Ministry of Education. In 1995 it was included in the list of the 211 Project for the state key construction; in 2000 it became one of China's higher-level universities designated for the state key construction of the 985 Project.

According to University Undergraduates Teaching Assessment and Chinese Universities Evaluation Standings, the university is ranked 11th in China and has maintained the top 20 ranking in China, among which 6 subjects reach A++ level, including economics and management,fine art, law, chemistry, journalism, communication and mathematics.In addition,the school of management is accredited by EQUIS and AMBA.

GALLERY

  • Thumb1

    Discussion

    We are discussing the idea about our project.

  • Thumb1

    Discussion

    Darui Gao is showing us her idea of the communication with other teams.

  • Thumb1

    Discussion

    Xiangning Li is showing us her idea of the gallery page of our wiki.

  • Thumb1

    Discussion

    Jiayi Tian is showing us her idea of our uniform.

  • Thumb1

    Discussion

    Our instructors are giving us suggestions about our plan.

  • Thumb1

    Practices

    This is the handbook made by ourselves.

  • Thumb1

    Practices

    We are explaining the knowledge of iGEM to the new students.

  • Thumb1

    Practices

    We are trying to publicize iGEM to the tourists of our university.

Click thumb to zoom

CONTACT US

Email: igemxmu@gmail.com

Website: 2015.igem.org/Team:Amoy

Address: Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005