Difference between revisions of "Team:Mingdao/Meetup"

(Created page with "{{Mingdao}} <html> <head> <script type="text/javascript"> $(function(){ // 先一一取得相關的元素及高度 var $block = $('#NCTU'), $photo = $block.find('.photo'...")
 
 
(9 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Mingdao}}
 
{{Mingdao}}
 +
{{Mingdaohp}}
 
<html>
 
<html>
−
<head>
+
<div id="sp-menu-wrapper">
−
<script type="text/javascript">
+
−
$(function(){
+
−
// 先一一取得相關的元素及高度
+
−
var $block = $('#NCTU'),
+
−
$photo = $block.find('.photo'),
+
−
$photoA = $photo.find('a'),
+
−
$photoImg = $photoA.find('img'),
+
−
$photoDesc = $photoA.find('.desc-title'),
+
−
$lists = $block.find('.lists'),
+
−
$list_pic = $block.find('.list_pic'),
+
−
_list_picHeight = $list_pic.height(),
+
−
$playPauseBtn = $photo.append('<a href="#playPause" class="playPause-btn-pause" id="playPause-btn" title="暫停">暫停</a>').find('#playPause-btn'),
+
−
$ul = $lists.find('ul'),
+
−
$li = $ul.find('li'),
+
−
_liHeight = $li.height(),
+
−
_set = Math.ceil(_list_picHeight / _liHeight),
+
−
_count = Math.ceil($li.length / _set),
+
−
_height = _set * _liHeight * -1,
+
−
timer, speed = 3000, _animateSpeed = 400, // 分別設定輪播速度及動畫速度
+
−
_index = 0, _countIndex = 0;
+
−
+
−
// 先在縮圖前面都插入一個 .nav-bar, 主要是當點選到該縮圖時的效果
+
−
$('<span class="nav-bar"></span>').insertBefore($li.find('img'));
+
−
// 先讓描述區塊的背景有透明度
+
−
$block.find('.desc-bg').css('opacity', 0.7);
+
−
+
−
// 如果圖片組數超出一次能顯示的數量時, 產生可以切換的上下鈕
+
−
var $controls = null;
+
−
if(_count>1){
+
−
$controls = $lists.append('<a href="#prev" class="prev"></a><a href="#next" class="next"></a>').find('.prev, .next');
+
−
var $prev = $controls.eq(0).hide(),
+
−
$next = $controls.eq(1);
+
−
+
−
// 當點擊上下鈕時
+
−
$controls.click(function(e){
+
−
// 計算要顯示第幾組
+
−
_countIndex = Math.floor((e.target.className == 'prev' ? _countIndex - 1 + _count : _countIndex + 1) % _count);
+
−
+
−
// 進行動畫
+
−
$ul.stop().animate({
+
−
top: _countIndex * _height
+
−
}, _animateSpeed);
+
−
+
−
// 判斷上下鈕顯示與否
+
−
$prev.toggle(_countIndex>0);
+
−
$next.toggle(_countIndex!=_count-1);
+
−
+
−
return false;
+
−
});
+
−
}
+
−
+
−
// 如果縮圖 li 被點擊時
+
−
$li.click(function(){
+
−
var $this = $(this),
+
−
$a = $this.find('a'),
+
−
$img = $this.find('img');
+
−
+
−
clearTimeout(timer);
+
−
_index = $this.index();
+
−
// 分別改變左邊顯示區塊的超連結, 圖片, alt 及描述內容
+
−
$photoA.attr('href', $a.attr('href'));
+
−
$photoImg.attr({
+
−
src: $img.attr('src'),
+
−
alt: $img.attr('alt')
+
−
});
+
−
$photoDesc.html($img.attr('alt'));
+
−
$this.addClass('current').siblings('.current').removeClass('current');
+
−
+
−
// 如果目前的播放鈕並不是在播放樣式時, 就啟動計時器
+
−
if(!$playPauseBtn.hasClass('playPause-btn-play')) timer = setTimeout(auto, speed + _animateSpeed);
+
−
+
−
return false;
+
−
}).eq(_index).click();
+
−
+
−
// 當播放鈕被點擊時
+
−
$playPauseBtn.click(function(){
+
−
// 進行 .playPause-btn-pause 及 .playPause-btn-play 樣式切換
+
−
var $this = $(this).toggleClass('playPause-btn-pause playPause-btn-play'),
+
−
_hasPlay = $this.hasClass('playPause-btn-play'),
+
−
_txt = _hasPlay ? '播放' : '暫停';
+
−
+
−
// 如果目前的播放鈕並不是在播放樣式時, 就啟動計時器; 反之則停止計時器
+
−
if(_hasPlay) clearTimeout(timer);
+
−
else timer = setTimeout(auto, speed);
+
−
$this.attr('title', _txt).text(_txt);
+
−
+
−
return false;
+
−
});
+
−
+
−
// 自動輪播使用
+
−
function auto(){
+
−
_index = (_index + 1) % $li.length;
+
−
var $tmp = $li.eq(_index).click();
+
−
+
−
var _indexCount = Math.floor(_index / _set);
+
−
// 判斷是否要切換縮圖的顯示組數
+
−
if($controls != null && (_index == (_countIndex + 1) * _set || _index == 0) && _countIndex != _indexCount){
+
−
$next.click();
+
−
$tmp.animate({opacity: 1}, _animateSpeed, function(){
+
−
$tmp.addClass('current').siblings('.current').removeClass('current');
+
−
})
+
−
}
+
−
}
+
−
});
+
−
 
+
−
$(function(){
+
−
// 先一一取得相關的元素及高度
+
−
var $block = $('#Asia_C'),
+
−
$photo = $block.find('.photo'),
+
−
$photoA = $photo.find('a'),
+
−
$photoImg = $photoA.find('img'),
+
−
$photoDesc = $photoA.find('.desc-title'),
+
−
$lists = $block.find('.lists'),
+
−
$list_pic = $block.find('.list_pic'),
+
−
_list_picHeight = $list_pic.height(),
+
−
$playPauseBtn = $photo.append('<a href="#playPause" class="playPause-btn-pause" id="playPause-btn" title="暫停">暫停</a>').find('#playPause-btn'),
+
−
$ul = $lists.find('ul'),
+
−
$li = $ul.find('li'),
+
−
_liHeight = $li.height(),
+
−
_set = Math.ceil(_list_picHeight / _liHeight),
+
−
_count = Math.ceil($li.length / _set),
+
−
_height = _set * _liHeight * -1,
+
−
timer, speed = 3000, _animateSpeed = 400, // 分別設定輪播速度及動畫速度
+
−
_index = 0, _countIndex = 0;
+
−
+
−
// 先在縮圖前面都插入一個 .nav-bar, 主要是當點選到該縮圖時的效果
+
−
$('<span class="nav-bar"></span>').insertBefore($li.find('img'));
+
−
// 先讓描述區塊的背景有透明度
+
−
$block.find('.desc-bg').css('opacity', 0.7);
+
−
+
−
// 如果圖片組數超出一次能顯示的數量時, 產生可以切換的上下鈕
+
−
var $controls = null;
+
−
if(_count>1){
+
−
$controls = $lists.append('<a href="#prev" class="prev"></a><a href="#next" class="next"></a>').find('.prev, .next');
+
−
var $prev = $controls.eq(0).hide(),
+
−
$next = $controls.eq(1);
+
−
+
−
// 當點擊上下鈕時
+
−
$controls.click(function(e){
+
−
// 計算要顯示第幾組
+
−
_countIndex = Math.floor((e.target.className == 'prev' ? _countIndex - 1 + _count : _countIndex + 1) % _count);
+
−
+
−
// 進行動畫
+
−
$ul.stop().animate({
+
−
top: _countIndex * _height
+
−
}, _animateSpeed);
+
−
+
−
// 判斷上下鈕顯示與否
+
−
$prev.toggle(_countIndex>0);
+
−
$next.toggle(_countIndex!=_count-1);
+
−
+
−
return false;
+
−
});
+
−
}
+
−
+
−
// 如果縮圖 li 被點擊時
+
−
$li.click(function(){
+
−
var $this = $(this),
+
−
$a = $this.find('a'),
+
−
$img = $this.find('img');
+
−
+
−
clearTimeout(timer);
+
−
_index = $this.index();
+
−
// 分別改變左邊顯示區塊的超連結, 圖片, alt 及描述內容
+
−
$photoA.attr('href', $a.attr('href'));
+
−
$photoImg.attr({
+
−
src: $img.attr('src'),
+
−
alt: $img.attr('alt')
+
−
});
+
−
$photoDesc.html($img.attr('alt'));
+
−
$this.addClass('current').siblings('.current').removeClass('current');
+
−
+
−
// 如果目前的播放鈕並不是在播放樣式時, 就啟動計時器
+
−
if(!$playPauseBtn.hasClass('playPause-btn-play')) timer = setTimeout(auto, speed + _animateSpeed);
+
−
+
−
return false;
+
−
}).eq(_index).click();
+
−
+
−
// 當播放鈕被點擊時
+
−
$playPauseBtn.click(function(){
+
−
// 進行 .playPause-btn-pause 及 .playPause-btn-play 樣式切換
+
−
var $this = $(this).toggleClass('playPause-btn-pause playPause-btn-play'),
+
−
_hasPlay = $this.hasClass('playPause-btn-play'),
+
−
_txt = _hasPlay ? '播放' : '暫停';
+
−
+
−
// 如果目前的播放鈕並不是在播放樣式時, 就啟動計時器; 反之則停止計時器
+
−
if(_hasPlay) clearTimeout(timer);
+
−
else timer = setTimeout(auto, speed);
+
−
$this.attr('title', _txt).text(_txt);
+
−
+
−
return false;
+
−
});
+
−
+
−
// 自動輪播使用
+
−
function auto(){
+
−
_index = (_index + 1) % $li.length;
+
−
var $tmp = $li.eq(_index).click();
+
−
+
−
var _indexCount = Math.floor(_index / _set);
+
−
// 判斷是否要切換縮圖的顯示組數
+
−
if($controls != null && (_index == (_countIndex + 1) * _set || _index == 0) && _countIndex != _indexCount){
+
−
$next.click();
+
−
$tmp.animate({opacity: 1}, _animateSpeed, function(){
+
−
$tmp.addClass('current').siblings('.current').removeClass('current');
+
−
})
+
−
}
+
−
}
+
−
});
+
−
</script>
+
−
 
+
−
<div id="sp-menu-wrapper">
+
 
     <div id="sp-logo">
 
     <div id="sp-logo">
 
    <a href="https://2016.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2016/4/48/T--Mingdao--slogo.png" width="114" height="130" /></a>
 
    <a href="https://2016.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2016/4/48/T--Mingdao--slogo.png" width="114" height="130" /></a>
Line 220: Line 10:
 
  <div class="sp-main-menu">
 
  <div class="sp-main-menu">
 
<ul>
 
<ul>
−
                    <li class="m0"><a href="https://2016.igem.org/Team:Mingdao"><img src="https://static.igem.org/mediawiki/2016/c/c6/T--Mingdao--shome.png" width="80" height="80"></a></li>
+
                  <li class="m0"><a href="https://2016.igem.org/Team:Mingdao"><img src="https://static.igem.org/mediawiki/2016/c/c6/T--Mingdao--shome.png" width="80" height="80"></a></li>
 
            <li class="m1"><a href="https://2016.igem.org/Team:Mingdao/Team"><img src="https://static.igem.org/mediawiki/2016/5/5a/T--Mingdao--steam.png" width="87" height="80"></a></li>
 
            <li class="m1"><a href="https://2016.igem.org/Team:Mingdao/Team"><img src="https://static.igem.org/mediawiki/2016/5/5a/T--Mingdao--steam.png" width="87" height="80"></a></li>
−
    <li class="m2"><a href="https://2016.igem.org/Team:Mingdao/Experiments"><img src="https://static.igem.org/mediawiki/2016/7/76/T--Mingdao--sproject.png" width="76" height="80"></a></li>
+
    <li class="m2"><a href="https://2016.igem.org/Team:Mingdao/Project"><img src="https://static.igem.org/mediawiki/2016/7/76/T--Mingdao--sproject.png" width="76" height="80"></a></li>
 
            <li class="m3"><a href="https://2016.igem.org/Team:Mingdao/Parts"><img src="https://static.igem.org/mediawiki/2016/4/44/T--Mingdao--spart.png" width="82" height="80"></a></li>
 
            <li class="m3"><a href="https://2016.igem.org/Team:Mingdao/Parts"><img src="https://static.igem.org/mediawiki/2016/4/44/T--Mingdao--spart.png" width="82" height="80"></a></li>
 
            <li class="m4"><a href="https://2016.igem.org/Team:Mingdao/Model"><img src="https://static.igem.org/mediawiki/2016/7/74/T--Mingdao--smodeling.png" width="94" height="80"></a></li>
 
            <li class="m4"><a href="https://2016.igem.org/Team:Mingdao/Model"><img src="https://static.igem.org/mediawiki/2016/7/74/T--Mingdao--smodeling.png" width="94" height="80"></a></li>
 
                     <li class="m4"><a href="https://2016.igem.org/Team:Mingdao/Safety"><img src="https://static.igem.org/mediawiki/2016/3/35/T--Mingdao--ssafety.png" width="81" height="80"></a></li>
 
                     <li class="m4"><a href="https://2016.igem.org/Team:Mingdao/Safety"><img src="https://static.igem.org/mediawiki/2016/3/35/T--Mingdao--ssafety.png" width="81" height="80"></a></li>
 
                     <li class="m4"><a href="https://2016.igem.org/Team:Mingdao/Human_Practices"><img src="https://static.igem.org/mediawiki/2016/f/fb/T--Mingdao--shp.png" width="140" height="80"></a></li>
 
                     <li class="m4"><a href="https://2016.igem.org/Team:Mingdao/Human_Practices"><img src="https://static.igem.org/mediawiki/2016/f/fb/T--Mingdao--shp.png" width="140" height="80"></a></li>
−
                     <li class="m4"><a href="#"><img src="https://static.igem.org/mediawiki/2016/a/ac/T--Mingdao--sachievement.png" width="124" height="80"></a></li>
+
                     <li class="m4"><a href="https://2016.igem.org/Team:Mingdao/Achievement"><img src="https://static.igem.org/mediawiki/2016/a/ac/T--Mingdao--sachievement.png" width="124" height="80"></a></li>
 
</ul>
 
</ul>
 
  </div>
 
  </div>
Line 233: Line 23:
 
<div class="sp-sub-menu-wrapper">
 
<div class="sp-sub-menu-wrapper">
 
  <div class="sp-sub-menu">
 
  <div class="sp-sub-menu">
−
              <ul class="sp-sub-menu-00"></ul>
+
              <ul class="sp-sub-menu-00"></ul>
 
               <!--Team-->
 
               <!--Team-->
 
  <ul class="sp-sub-memu-0">
 
  <ul class="sp-sub-memu-0">
−
<li><a href="#">About Us</a></li>
+
<li><a href="https://2016.igem.org/Team:Mingdao/Team">About Us</a></li>
−
<li><a href="#">Team Members</a></li>
+
<li><a href="https://2016.igem.org/Team:Mingdao/Team">Team Members</a></li>
−
<li><a href="#">Attribution</a></li>
+
<li><a href="https://2016.igem.org/Team:Mingdao/Attribution">Attributions</a></li>
 
  </ul>
 
  </ul>
 
               <!--project -->
 
               <!--project -->
 
  <ul class="sp-sub-menu-1">
 
  <ul class="sp-sub-menu-1">
−
  <li><a href="#">abcd</a></li>
+
  <li><a href="https://2016.igem.org/Team:Mingdao/Project#motivation">Motivation</a></li>
−
<li><a href="#"></a></li>
+
<li><a href="https://2016.igem.org/Team:Mingdao/Project#design">Design</a></li>
−
<li><a href="#"></a></li>
+
<li><a href="https://2016.igem.org/Team:Mingdao/Project#experiment">Experiment</a></li>
 +
<li><a href="https://2016.igem.org/Team:Mingdao/Project#proof">Proof</a></li>
 +
<li><a href="https://2016.igem.org/Team:Mingdao/Project#demo">Demo</a></li>
 +
<li><a href="https://2016.igem.org/Team:Mingdao/Project#result">Result</a></li>
 +
<li><a href="#">Notebook</a></li>
 
  </ul>
 
  </ul>
 
               <!--Parts-->
 
               <!--Parts-->
 
  <ul class="sp-sub-menu-2">
 
  <ul class="sp-sub-menu-2">
−
<li><a href="#">WP 外掛</a></li>
+
<li><a href="https://2016.igem.org/Team:Mingdao/Parts#basic_parts">Basic Parts</a></li>
−
<li><a href="#">WP 技巧</a></li>
+
<li><a href="https://2016.igem.org/Team:Mingdao/Parts#composite_parts">Composite Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Mingdao/Parts#parts_collection">Parts Collection</li>
 
  </ul>
 
  </ul>
 
               <!--Modeling--->
 
               <!--Modeling--->
−
  <ul class="sp-sub-menu-3">
+
<ul class="sp-sub-menu-3">
−
<li><a href="#">abcd</a></li>
+
<li><a href="https://2016.igem.org/Team:Mingdao/Model#intro">Introduction</a></li>
−
<li><a href="#"></a></li>
+
<li><a href="https://2016.igem.org/Team:Mingdao/Model#principal">Principal</a></li>
 +
<li><a href="https://2016.igem.org/Team:Mingdao/Model#experiment">Experiment</a></li>
 +
<li><a href="https://2016.igem.org/Team:Mingdao/Model#future">Future</a></li>
 +
<li><a href="https://2016.igem.org/Team:Mingdao/Model#interlude">Interlude</a></li>
 
  </ul>
 
  </ul>
 
               <!--Safety-->
 
               <!--Safety-->
 
               <ul class="sp-sub-menu-4">
 
               <ul class="sp-sub-menu-4">
−
               <li><a href="#">Lab Work</a></li>
+
               <li><a href="https://2016.igem.org/Team:Mingdao/Safety#lab">Lab Work</a></li>
−
             <li><a href="#">Project Work</a></li>
+
             <li><a href="https://2016.igem.org/Team:Mingdao/Safety#project">Project Work</a></li>
−
                 <li><a href="#">Shipment</a></li>
+
                 <li><a href="https://2016.igem.org/Team:Mingdao/Safety#shipment">Shipment</a></li>
−
             <li><a href="#">Q&A </a></li>
+
             <li><a href="https://2016.igem.org/Team:Mingdao/Safety#qa">Q&A </a></li>
 
               </ul>
 
               </ul>
 
               <!--Human Practice-->
 
               <!--Human Practice-->
 
               <ul class="sp-sub-menu-5">
 
               <ul class="sp-sub-menu-5">
−
               <li><a href="#">Survey</a></li>
+
               <li><a href="https://2016.igem.org/Team:Mingdao/Survey">Survey</a></li>
−
                 <li><a href="#">Promotion</a></li>
+
                 <li><a href="https://2016.igem.org/Team:Mingdao/Human_Practices">Promotion</a></li>
 +
              </ul>
 +
              <ul class="sp-sub-menu-6">
 +
              <li><a href="https://2016.igem.org/Team:Mingdao/Achievement#bronze">Bronze</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Mingdao/Achievement#silver">Silver</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Mingdao/Achievement#gold">Gold</a></li>
 
               </ul>
 
               </ul>
 
</div>
 
</div>
Line 272: Line 75:
 
         </div>
 
         </div>
 
</div>
 
</div>
−
    <div id="sp-blank"></div>
+
  <div id="sp-blank"></div>
−
   <div id="hp">
+
   <div class="hp-title">
−
<img src="https://static.igem.org/mediawiki/2016/2/20/T--Mingdao--hpinterview.png " width="469" height="200" />
+
  <img src="https://static.igem.org/mediawiki/2016/f/fd/T--Mingdao--nctum.png" width="540" height="70" /> </div>
−
    </div>
+
−
<div class="hp-title">
+
−
  <img src="https://static.igem.org/mediawiki/2016/f/fd/T--Mingdao--nctum.png" width="378" height="70" /> </div>
+
 
<div id="Asia_C">
 
<div id="Asia_C">
−
     <div class="HP_sWord">
+
     <div class="HP_mWord">
−
         <div class="HP_Gallery">
+
         <div class="HP_mgallery"><img src="https://static.igem.org/mediawiki/2016/e/ed/T--Mingdao--NCTU08.jpg" width="500" height="346" /></div>
−
            <div class="photo">
+
−
                <a href="#">
+
−
                <img src="images/交大交流/NCTU1.jpg" width="424" height="313" /> </a>
+
−
            </div>
+
−
            <div class="lists">
+
−
                <div class="list_pic">
+
−
                    <ul>
+
−
                        <li><a href="#"><img src="images/交大交流/NCTU1.jpg" width="3798" height="2848" /></a></li>
+
−
                        <li><a href="#"><img src="images/交大交流/NCTU2.jpg" width="3798" height="2848" /></a></li>
+
−
                        <li><a href="#"><img src="images/交大交流/NCTU3.jpg" width="3798" height="2848" /></a></li>
+
−
                        <li><a href="#"><img src="images/交大交流/NCTU4.jpg" width="3798" height="2848" /></a></li>
+
−
                        <li><a href="#"><img src="images/交大交流/NCTU5.jpg" width="3798" height="2848" /></a></li>
+
−
                        <li><a href="#"><img src="images/交大交流/NCTU6.jpg" width="3798" height="2848" /></a></li>
+
−
                        <li><a href="#"><img src="images/交大交流/NCTU7.jpg" width="3798" height="2848" /></a></li>
+
−
                        <li><a href="#"><img src="images/交大交流/NCTU8.jpg" width="3798" height="2848" /></a></li>
+
−
                    </ul>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
 
       <div class="hpcontent">
 
       <div class="hpcontent">
 
         <p>We've attended an iGEM team interact conference held by National Chiao Tung University (UCTU) on June 30th. With the participation of National Tsing Hua University(NTHU) and Chang Gung University(CGU) , this interaction seemed so interesting and we had an absolutely marvelous time spending together talking over our topics. Mingdao iGEM team actually benefited so much from those great iGEM teams, it's worth noting that the lively discussion we had made inspired us of a brand new thoughts. We really appreciated that UCTU gave us this opportunity to communicate with those brilliant iGEM teams.</p>
 
         <p>We've attended an iGEM team interact conference held by National Chiao Tung University (UCTU) on June 30th. With the participation of National Tsing Hua University(NTHU) and Chang Gung University(CGU) , this interaction seemed so interesting and we had an absolutely marvelous time spending together talking over our topics. Mingdao iGEM team actually benefited so much from those great iGEM teams, it's worth noting that the lively discussion we had made inspired us of a brand new thoughts. We really appreciated that UCTU gave us this opportunity to communicate with those brilliant iGEM teams.</p>
 
     </div>
 
     </div>
−
     </div>
+
     <div class="hppic">
 +
  <img src="https://static.igem.org/mediawiki/2016/5/59/T--Mingdao--NCTU01.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/8/85/T--Mingdao--NCTU02.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/6/6c/T--Mingdao--NCTU03.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/d/d6/T--Mingdao--NCTU04.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/c/cf/T--Mingdao--NCTU05.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/e/e2/T--Mingdao--NCTU06.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/e/e2/T--Mingdao--NCTU07.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/e/ed/T--Mingdao--NCTU08.jpg" width="276" height="200" />
 +
</div>
 +
 
 +
</div>
 
</div>
 
</div>
  
 
<div class="hp-title">
 
<div class="hp-title">
−
     <img src="https://static.igem.org/mediawiki/2016/8/86/T--Mingdao--nckum.png" width="540" height="70" />
+
     <img src="https://static.igem.org/mediawiki/2016/8/86/T--Mingdao--nckum.png" width="378" height="70" />
 
</div>
 
</div>
 
<div id="NCTU">
 
<div id="NCTU">
−
   <div class="HP_sWord">
+
   <div class="HP_mWord">
−
       <div class="HP_Gallery">
+
       <div class="HP_mgallery"><img src="https://static.igem.org/mediawiki/2016/1/1d/T--Mingdao--NCKU08.jpg" width="500" height="342" /></div>
−
            <div class="photo">
+
−
                <a href="#">
+
−
                <img src="images/成大交流/NCKU1.jpg" width="424" height="318" /> </a>
+
−
            </div>
+
−
            <div class="lists">
+
−
                <div class="list_pic">
+
−
                    <ul>
+
−
                        <li><a href="#"><img src="images/成大交流/NCKU1.jpg" /></a></li>
+
−
                        <li><a href="#"><img src="images/成大交流/NCKU2.jpg" /></a></li>
+
−
                        <li><a href="#"><img src="images/成大交流/NCKU3.jpg" /></a></li>
+
−
                        <li><a href="#"><img src="images/成大交流/NCKU4.jpg"  /></a></li>
+
−
                        <li><a href="#"><img src="images/成大交流/NCKU5.jpg"  /></a></li>
+
−
                        <li><a href="#"><img src="images/成大交流/NCKU6.jpg"  /></a></li>
+
−
                        <li><a href="#"><img src="images/成大交流/NCKU7.jpg"  /></a></li>
+
−
                        <li><a href="#"><img src="images/成大交流/NCKU8.jpg"  /></a></li>
+
−
                    </ul>
+
−
                </div>
+
−
            </div>
+
−
    </div>
+
 
       <div class="hpcontent">
 
       <div class="hpcontent">
 
         <p>In retrospect, there are so many wonderful memories for us in this conference. The starting ceremony, team meetups, workshop collaborations, to name a few. Aside from simply presenting our respective projects, a strong sense of " iGem is like a big family" greatly hit home. As "arguably" the youngest participants in the conference, we receive help and support from other teams a lot. We couldn't be more grateful for that, and we deeply believe that collaboration is one of the most precious treasures that an iGem team could ever possess.
 
         <p>In retrospect, there are so many wonderful memories for us in this conference. The starting ceremony, team meetups, workshop collaborations, to name a few. Aside from simply presenting our respective projects, a strong sense of " iGem is like a big family" greatly hit home. As "arguably" the youngest participants in the conference, we receive help and support from other teams a lot. We couldn't be more grateful for that, and we deeply believe that collaboration is one of the most precious treasures that an iGem team could ever possess.
 
     </p>
 
     </p>
 
     </div>
 
     </div>
−
   </div>
+
 
 +
   <div class="hppic">
 +
  <img src="https://static.igem.org/mediawiki/2016/1/1d/T--Mingdao--NCKU08.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/6/61/T--Mingdao--NCKU07.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/f/fc/T--Mingdao--NCKU02.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/0/06/T--Mingdao--NCKU01.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/e/ee/T--Mingdao--NCKU03.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/9/93/T--Mingdao--NCKU04.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/e/e3/T--Mingdao--NCKU05.jpg" width="276" height="200" />
 +
  <img src="https://static.igem.org/mediawiki/2016/5/5c/T--Mingdao--NCKU06.jpg" width="276" height="200" /></div>
 +
</div>
 
</div>
 
</div>
−
</head>
 
−
 
 
</html>
 
</html>

Latest revision as of 08:30, 29 November 2016

We've attended an iGEM team interact conference held by National Chiao Tung University (UCTU) on June 30th. With the participation of National Tsing Hua University(NTHU) and Chang Gung University(CGU) , this interaction seemed so interesting and we had an absolutely marvelous time spending together talking over our topics. Mingdao iGEM team actually benefited so much from those great iGEM teams, it's worth noting that the lively discussion we had made inspired us of a brand new thoughts. We really appreciated that UCTU gave us this opportunity to communicate with those brilliant iGEM teams.

In retrospect, there are so many wonderful memories for us in this conference. The starting ceremony, team meetups, workshop collaborations, to name a few. Aside from simply presenting our respective projects, a strong sense of " iGem is like a big family" greatly hit home. As "arguably" the youngest participants in the conference, we receive help and support from other teams a lot. We couldn't be more grateful for that, and we deeply believe that collaboration is one of the most precious treasures that an iGem team could ever possess.