Difference between revisions of "Team:Mingdao/Interview"

Revision as of 04:51, 14 October 2016

Since our project is closely related to drunk driving, we went to the court and learned about laws associated with drunk driving in the morning of July 1st. After arriving at the court, Mr. Yu, a judge, gave us a lecture about the laws concerning drunk driving. Drunk driving could lead to a minimum penalty of being fined and a maximum of being sentenced to jail. I was shocked that the penalty for drunk driving could get so high. If people understood the severity of the punishment, I doubt if anyone would ever dare to drunk drive. That day, I gained an in-depth understanding towards drunk driving. I’d also like to encourage drivers to not drive while drunk. Also, we visited the civil and criminal trial processes; we were stunned by the agitation of the witnesses, the rationality of the prosecutor, the confidence of the lawyer, and the justice of the judge. We admired the patience of the judges, and were also appalled by the amount of efforts and money needed to run a court session. Last but not least, we shot a video of our project in the court, so we hope that everyone could give us some support while watching the video!

In the late afternoon of July 1st, we visited the Changhua Yuanlin police department. During our visit, we interviewed the vice chief of the department, and asked him problems regarding the sobriety test. He taught us how breathalyzers worked, one of our members even volunteered to take a sobriety test(whose result showed that she, of course, wasn’t drunk)! Afterwards, we learned the actual procedure of a sobriety test. Police officers first wielded devices that looked like a traffic baton to estimate the blood alcohol content of a simple breath(which doesn’t require any physical contact with the device). If the person taking the test exceeds the legal limit, he or she will then need to receive another test which involves a direct contact. Finally, we finished shooting our drama with the help of the police officers. Thanks to all the police officers, our mission to the police department went well and we learned a lot about the sobriety test.

Since our project is closely related to drunk driving, we went to the court and learned about laws associated with drunk driving in the morning of July 1st. After arriving at the court, Mr. Yu, a judge, gave us a lecture about the laws concerning drunk driving. Drunk driving could lead to a minimum penalty of being fined and a maximum of being sentenced to jail. I was shocked that the penalty for drunk driving could get so high. If people understood the severity of the punishment, I doubt if anyone would ever dare to drunk drive. That day, I gained an in-depth understanding towards drunk driving. I’d also like to encourage drivers to not drive while drunk. Also, we visited the civil and criminal trial processes; we were stunned by the agitation of the witnesses, the rationality of the prosecutor, the confidence of the lawyer, and the justice of the judge. We admired the patience of the judges, and were also appalled by the amount of efforts and money needed to run a court session. Last but not least, we shot a video of our project in the court, so we hope that everyone could give us some support while watching the video!

@@ Line 1: / Line 1: @@
 {{Mingdao}}
 <html>
-<head>
-<script type="text/javascript">
-	$(function(){
-	// 先一一取得相關的元素及高度
-	var $block = $('#bionime'),
-		$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 = $('#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');
-			})
-		}
-	}
-});
-</script>
-</head>
 	<div id="sp-menu-wrapper">
@@ Line 274: / Line 63: @@
 	</div>
      <div id="sp-blank"></div>
- <div class="hp-title">
+    <div id="hp">
-     <img src="images/hp-sub/court.png" width="736" height="70" />
+	<img src="https://static.igem.org/mediawiki/2016/2/20/T--Mingdao--hpinterview.png" width="294" height="125" />
+    </div>
+<div class="hp-title">
+     <img src="https://static.igem.org/mediawiki/2016/0/0c/T--Mingdao--subcourt.png" width="736" height="70" />
 </div>
-<div id="NCTU">
+<div id="wt">
-     <div class="HP_Word">
+     <div class="HP_sWord">
          <div class="HP_Gallery">
              <div class="photo">
@@ Line 300: / Line 92: @@
          </div>
        <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>Since our project is closely related to drunk driving, we went to the court and learned about laws associated with drunk driving in the morning of July 1st. After arriving at the court, Mr. Yu, a judge, gave us a lecture about the laws concerning drunk driving. Drunk driving could lead to a minimum penalty of being fined and a maximum of being sentenced to jail. I was shocked that the penalty for drunk driving could get so high. If people understood the severity of the punishment, I doubt if anyone would ever dare to drunk drive. That day, I gained an in-depth understanding towards drunk driving. I’d also like to encourage drivers to not drive while drunk. Also, we visited the civil and criminal trial processes; we were stunned by the agitation of the witnesses, the rationality of the prosecutor, the confidence of the lawyer, and the justice of the judge. We admired the patience of the judges, and were also appalled by the amount of efforts and money needed to run a court session. Last but not least, we shot a video of our project in the court, so we hope that everyone could give us some support while watching the video!
+</p>
      </div>
      </div>
 </div>
-<!--成大-->
 <div class="hp-title">
-     <img src="images/hp-sub/subpsng.png" width="771" height="60" />
+     <img src="https://static.igem.org/mediawiki/2016/3/3c/T--Mingdao--subps.png" width="771" height="60" />
 </div>
-<div id="bionime">
+<div id="Bio">
-  <div class="HP_Word">
+    <div class="HP_sWord">
        <div class="HP_Gallery">
              <div class="photo">
@@ Line 332: / Line 124: @@
          </div>
        <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 the late afternoon of July 1st, we visited the Changhua Yuanlin police department. During our visit, we interviewed the vice chief of the department, and asked him problems regarding the sobriety test. He taught us how breathalyzers worked, one of our members even volunteered to take a sobriety test(whose result showed that she, of course, wasn’t drunk)! Afterwards, we learned the actual procedure of a sobriety test. Police officers first wielded devices that looked like a traffic baton to estimate the blood alcohol content of a simple breath(which doesn’t require any physical contact with the device). If the person taking the test exceeds the legal limit, he or she will then need to receive another test which involves a direct contact. Finally, we finished shooting our drama with the help of the police officers. Thanks to all the police officers, our mission to the police department went well and we learned a lot about the sobriety test.
-    </p>
+</p>
+    </div>
+    </div>
+</div>
+<div class="hp-title">
+    <img src="https://static.igem.org/mediawiki/2016/a/af/T--Mingdao--subwt.png" width="371" height="60" />
+</div>
+<div id="wine">
+    <div class="HP_sWord">
+        <div class="HP_Gallery">
+            <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">
+        <p>Since our project is closely related to drunk driving, we went to the court and learned about laws associated with drunk driving in the morning of July 1st. After arriving at the court, Mr. Yu, a judge, gave us a lecture about the laws concerning drunk driving. Drunk driving could lead to a minimum penalty of being fined and a maximum of being sentenced to jail. I was shocked that the penalty for drunk driving could get so high. If people understood the severity of the punishment, I doubt if anyone would ever dare to drunk drive. That day, I gained an in-depth understanding towards drunk driving. I’d also like to encourage drivers to not drive while drunk. Also, we visited the civil and criminal trial processes; we were stunned by the agitation of the witnesses, the rationality of the prosecutor, the confidence of the lawyer, and the justice of the judge. We admired the patience of the judges, and were also appalled by the amount of efforts and money needed to run a court session. Last but not least, we shot a video of our project in the court, so we hope that everyone could give us some support while watching the video!
+</p>
+    </div>
+    </div>
+</div>
+<div class="hp-title">
+    <img src="https://static.igem.org/mediawiki/2016/1/14/T--Mingdao--subhos.png" width="810" height="60" />
+</div>
+<div id="CH_med">
+    <div class="HP_sWord">
+        <div class="HP_Gallery">
+            <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">
+        <p>Since our project is closely related to drunk driving, we went to the court and learned about laws associated with drunk driving in the morning of July 1st. After arriving at the court, Mr. Yu, a judge, gave us a lecture about the laws concerning drunk driving. Drunk driving could lead to a minimum penalty of being fined and a maximum of being sentenced to jail. I was shocked that the penalty for drunk driving could get so high. If people understood the severity of the punishment, I doubt if anyone would ever dare to drunk drive. That day, I gained an in-depth understanding towards drunk driving. I’d also like to encourage drivers to not drive while drunk. Also, we visited the civil and criminal trial processes; we were stunned by the agitation of the witnesses, the rationality of the prosecutor, the confidence of the lawyer, and the justice of the judge. We admired the patience of the judges, and were also appalled by the amount of efforts and money needed to run a court session. Last but not least, we shot a video of our project in the court, so we hope that everyone could give us some support while watching the video!
+</p>
      </div>
      </div>
 </div>