Difference between revisions of "Team:NTU-LIHPAO-Taiwan/Practices"

(Prototype team page)
 
Line 1: Line 1:
−
{{NTU-LIHPAO-Taiwan}}
 
 
<html>
 
<html>
 +
<head>
  
−
<h2> Human Practices </h2>
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
<script type="text/javascript" charset="utf-8">
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
−
<p>For more information, please see the <a href="https://2015.igem.org/Practices_Hub">Practices Hub</a>.</p>
+
  
−
<div class="highlightBox">
+
//-----Hover Facebook Icon-----//
−
<h4>Note</h4>
+
$(document).ready(function(){
−
<p>You must fill out this page in order to be considered for all <a href="https://2015.igem.org/Judging/Awards">awards</a> for Human Practices:</p>
+
$('#Facebook_icon_hover').hover(function () {
−
<ul>
+
this.src = "https://static.igem.org/mediawiki/2015/3/35/NTU-Top-Facebook_icon2.png";
−
<li>Human Practices silver medal criterion</li>
+
}, function () {
−
<li>Human Practices gold medal criterion</li>
+
this.src = "https://static.igem.org/mediawiki/2015/9/98/NTU-Top-Facebook_icon1.png";
−
<li>Best Integrated Human Practices award</li>
+
});
−
<li>Best Education and Public Engagement award</li>
+
});
−
</ul>
+
−
</div>
+
  
 +
//-----Hover iGem Icon-----//
 +
$(document).ready(function(){
 +
$('#iGEM_icon_hover').hover(function () {
 +
this.src = "https://static.igem.org/mediawiki/2015/0/0a/NTU-Top-iGEM_icon2.png";
 +
}, function () {
 +
this.src = "https://static.igem.org/mediawiki/2015/1/1d/NTU-Top-iGEM_icon1.png";
 +
});
 +
});
  
−
<h5>Some Human Practices topic areas </h5>
+
//-----Hover NTU Icon-----//
−
<ul>
+
$(document).ready(function(){
−
<li>Philosophy</li>
+
$('#NTU_icon_hover').hover(function () {
−
<li>Public Engagement / Dialogue</li>
+
this.src = "https://static.igem.org/mediawiki/2015/6/6e/NTU-Top-NTU_icon2.png";
−
<li>Education</li>
+
}, function () {
−
<li>Product Design</li>
+
this.src = "https://static.igem.org/mediawiki/2015/1/14/NTU-Top-NTU_icon1.png";
−
<li>Scale-Up and Deployment Issues</li>
+
});
−
<li>Environmental Impact</li>
+
});
−
<li>Ethics</li>
+
−
<li>Safety</li>
+
−
<li>Security</li>
+
−
<li>Public Policy</li>
+
−
<li>Law and Regulation</li>
+
−
<li>Risk Assessment</li>
+
−
</ul>
+
  
−
<h5>What should we write about on this page?</h5>
+
</script>
−
<p>On this page, you should write about the Human Practices topics you considered in your project, and document any special activities you did (such as visiting experts, talking to lawmakers, or doing public engagement).</p>
+
  
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>NTU-LIHPAO-Taiwan</title>
 +
<style type="text/css">
  
−
<h5>Inspiration</h5>
+
/*-------------------------------------------*/
−
<p>Read what other teams have done:</p>
+
/*--------------Wiki Page Reset--------------*/
−
<ul>
+
/*-------------------------------------------*/
−
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
+
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
+
−
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
+
−
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
+
−
</ul>
+
  
−
<h3>Integrated Human Practices</h3>
+
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {
 +
display: none;
 +
}
  
−
<p>Do you want to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Integrated Human Practices award</a>? Make it easy for the judges to find any wiki content that is relevant to this prize. Highlight this content with a header or separate section.</p>
+
#globalWrapper, #content {
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
  
−
<h3>Education and Public Engagement</h3>
+
html, body, .wrapper {
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
  
−
<p>Do you want to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Education and Public Outreach award</a>? Make it easy for the judges to find any wiki content that is relevant to this prize. Highlight this content with a header or separate section.</p>
+
/*-------------------------------------------*/
 +
/*-------------------Body--------------------*/
 +
/*-------------------------------------------*/
  
 +
body {
 +
background-color: #FFF;
 +
}
 +
body,td,th {
 +
font-size: 14px;
 +
font-family: Calibri, "Arial Narrow", "Agency FB", "Raavi";
 +
}
 +
 +
#Wrapper {
 +
margin-right: auto;
 +
margin-left: auto;
 +
background-color: #FFF;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
width: 90%;
 +
height: auto;
 +
top: 0px;
 +
left: 5%;
 +
right: 5%;
 +
position: absolute;
 +
bottom: 0px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
z-index: 0;
 +
}
 +
 +
#Wrapper_Left {
 +
margin-right: auto;
 +
margin-left: auto;
 +
background-color: #F0F0F0;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
width: 5%;
 +
height: 100%;
 +
top: 0px;
 +
left: 0%;
 +
right: auto;
 +
position: fixed;
 +
bottom: 0px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
z-index: 0;
 +
}
 +
 +
#Wrapper_Right {
 +
margin-right: auto;
 +
margin-left: auto;
 +
background-color: #F0F0F0;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
width: 5%;
 +
height: 100%;
 +
top: 0px;
 +
left: auto;
 +
right: 0%;
 +
position: fixed;
 +
bottom: 0px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
z-index: 0;
 +
}
 +
 +
#Wrapper_TopPic {
 +
margin-right: auto;
 +
margin-left: auto;
 +
background-color: #FFF;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
width: 100%;
 +
height: 58px;
 +
top: 0px;
 +
left: 0px;
 +
right: 0px;
 +
position: fixed;
 +
bottom: 0px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
z-index: 9998;
 +
border-bottom-style: solid;
 +
border-bottom-color: #fe5838;
 +
border-bottom-width: 2px;
 +
z-index: 9998;
 +
background-repeat: no-repeat;
 +
}
 +
 +
#Wrapper_Bottom {
 +
width: 100%;
 +
height: 100px;
 +
bottom: 0px;
 +
top: auto;
 +
background-color: #FFF;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
z-index: 9998;
 +
position: absolute;
 +
}
 +
 +
 +
 +
/*-------------------------------------------*/
 +
/*-----------------Top icons-----------------*/
 +
/*-------------------------------------------*/
 +
#Facebook_icon_pic {
 +
height: 30px;
 +
width: 30px;
 +
position: absolute;
 +
left: auto;
 +
top: 23px;
 +
right: 5.5%;
 +
bottom: auto;
 +
z-index: 9999;
 +
}
 +
 +
#iGEM_icon_pic {
 +
height: 30px;
 +
width: 38px;
 +
position: absolute;
 +
left: auto;
 +
top: 23px;
 +
right: 1%;
 +
bottom: auto;
 +
z-index: 9999;
 +
}
 +
 +
#NTU_icon_pic {
 +
height: 30px;
 +
width: 69px;
 +
position: absolute;
 +
left: auto;
 +
top: 23px;
 +
right: 9%;
 +
bottom: auto;
 +
z-index: 9999;
 +
}
 +
 +
#NTUXLIHPAO_icon {
 +
height: 40px;
 +
width: 200px;
 +
position: absolute;
 +
left: 3%;
 +
top: 18px;
 +
right: auto;
 +
bottom: auto;
 +
z-index: 9999;
 +
}
 +
 +
 +
 +
/*-------------------------------------------*/
 +
/*-----------------Slide Menu----------------*/
 +
/*-------------------------------------------*/
 +
.Slidemenu {
 +
z-index: 9999;
 +
position: absolute;
 +
top: 32px;
 +
bottom: 0px;
 +
left: 50%;
 +
right: 15%;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
position: absolute;
 +
margin-left: -350px;
 +
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
 +
}
 +
 +
.Slidemenu ul {
 +
*zoom:1;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
 +
}
 +
 +
.Slidemenu ul:before,.Slidemenu ul:after {
 +
content:"";
 +
display:table;
 +
}
 +
 +
.Slidemenu ul:after {
 +
clear:both;
 +
}
 +
 +
.Slidemenu a {
 +
text-decoration:none;
 +
display:block;
 +
padding:4px 4px;
 +
line-height:1em;
 +
color:#000;
 +
text-align: center;
 +
vertical-align: middle;
 +
height: auto;
 +
width: auto;
 +
font-family: "Agency FB";
 +
font-size: 1em;
 +
}
 +
 +
.Slidemenu a:hover {
 +
text-decoration:none;
 +
background:rgba(0,0,0,0.03);
 +
text-align: center;
 +
vertical-align: middle;
 +
}
 +
 +
.Slidemenu li ul {
 +
position:absolute;
 +
left:0;
 +
top:26px;
 +
z-index:1;
 +
}
 +
 +
.Slidemenu li ul li {
 +
overflow:hidden;
 +
height: 0px;
 +
margin-bottom: 0px;
 +
}
 +
 +
.Slidemenu li ul a {
 +
border:none;
 +
-webkit-transition:background 300ms ease-in-out;
 +
-moz-transition:background 300ms ease-in-out;
 +
-o-transition:background 300ms ease-in-out;
 +
transition:background 300ms ease-in-out;
 +
line-height:1.1em;
 +
}
 +
 +
.Slidemenu li ul a:hover {
 +
background-color: rgba(240,240,240,1);
 +
}
 +
 +
.Slidemenu ul > li {
 +
text-decoration:none;
 +
float: left;
 +
position: relative;
 +
height: 27px; /*--改主要選單高度--*/
 +
}
 +
 +
#width_small {
 +
width: 100px; /*--改主要選單寬度--*/
 +
}
 +
 +
#width_large {
 +
width: 140px; /*--改主要選單寬度--*/
 +
}
 +
 +
.Slidemenu ul > li:hover ul.subs {
 +
height: auto;
 +
width: 150px; /*--改拉出的選單寬度--*/
 +
border-left-width: 3px;
 +
border-left-style: solid;
 +
border-left-color: #3300FF;
 +
background:rgba(255,255,255,1); /*--改拉出選單顏色--*/
 +
}
 +
 +
.Slidemenu ul > li:hover ul li {
 +
text-decoration:none;
 +
height: 26px; /*--改拉出的選單高度--*/
 +
width: 150px; /*--改拉出的選單寬度--*/
 +
text-align: center;
 +
vertical-align: middle;
 +
-webkit-transition:height 250ms ease-in;
 +
-moz-transition:height 250ms ease-in;
 +
-o-transition:height 250ms ease-in;
 +
transition:height 250ms ease-in;
 +
}
 +
 +
#Position_Now {
 +
background:rgba(0,0,0,0.03);
 +
}
 +
 +
 +
/*-------------------------------------------*/
 +
/*------------------Content------------------*/
 +
/*-------------------------------------------*/
 +
 +
#Content * {
 +
list-style: none;
 +
}
 +
 +
#Content_Container {
 +
position: fixed;
 +
width: 17.8%;
 +
height: 100%;
 +
left: 5.2%;
 +
right: auto;
 +
background: #f7fbff;
 +
z-index: 5;
 +
}
 +
 +
#Content {
 +
position: absolute;
 +
top: 60px;
 +
width: 100%;
 +
height: auto;
 +
padding: 0;
 +
margin: 0;
 +
transition: 0.5s;
 +
font-size: 0.8rem;
 +
font-family: Calibri;
 +
}
 +
 +
#Content-title {
 +
position: absolute;
 +
width: 100%;
 +
top: 0.5rem;
 +
font-size: 1.5rem;
 +
text-align: center;
 +
}
 +
 +
#Content ul {
 +
margin: 0.5rem 0rem 0.5rem;
 +
}
 +
 +
.main-Content {
 +
position: absolute;
 +
top: 5rem;
 +
left: 10%;
 +
width: 90%;
 +
}
 +
 +
.main-Content #title {
 +
color: #ABCDEF;
 +
}
 +
 +
.main-Content > li {
 +
cursor: pointer;
 +
color: #369CF5;
 +
font-size: 25px;
 +
padding-top: 5px;
 +
padding-bottom: 5px;
 +
}
 +
 +
.sub-Content {
 +
font-size: 18px;
 +
overflow-y: auto;
 +
transition: 0.5s;
 +
width: 85%;
 +
left: 15%;
 +
position: relative;
 +
}
 +
 +
.sub-Content > li {
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 +
}
 +
 +
.sub-Content > li a{
 +
display: block;
 +
color: #0791DB;
 +
text-decoration: none;
 +
transition: 0.5s;
 +
}
 +
 +
.sub-Content > li a:hover {
 +
opacity: 0.5;
 +
}
 +
 +
#Healthin_Logo_Content {
 +
width: 100%;
 +
height: auto;
 +
}
 +
 +
#Healthin_Logo {
 +
top: 55px;
 +
padding-left: 3%;
 +
padding-right: 3%;
 +
position: absolute;
 +
width: 94%;
 +
height: 94%;
 +
}
 +
 +
 +
 +
/*-------------------------------------------*/
 +
/*---------------Introduction----------------*/
 +
/*-------------------------------------------*/
 +
 +
.Container_Bottom1 {
 +
height: 70px;
 +
width: 100%;
 +
}
 +
 +
.Container_Bottom2 {
 +
height: 70px;
 +
width: 100%;
 +
padding-top: 10px;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
}
 +
 +
.Intro_Picture {
 +
width: 100%;
 +
height: auto;
 +
background-color: #FFF;
 +
position: absolute;
 +
}
 +
 +
#NTUschool_logo {
 +
background-color: #FFF;
 +
padding-left: 9.6%;
 +
padding-right: 60.4%;
 +
position: absolute;
 +
width: 30%;
 +
height: 100%;
 +
}
 +
 +
#LIHPAO_logo {
 +
background-color: #FFF;
 +
padding-left: 66.4%;
 +
padding-right: 9.6%;
 +
position: absolute;
 +
width: 24%;
 +
height: 100%;
 +
}
 +
 +
#NTUBST_logo {
 +
background-color: #FFF;
 +
padding-left: 49.2%;
 +
padding-right: 43.2%;
 +
position: absolute;
 +
width: 7.6%;
 +
height: 100%;
 +
}
 +
 +
.Text_Sponsor {
 +
color: #767676;
 +
font-size: 15px;
 +
font-family: Calibri;
 +
text-align: center;
 +
line-height: 20px;
 +
}
 +
 +
 +
/*-------------------------------------------*/
 +
/*---------------Article Picture-------------*/
 +
/*-------------------------------------------*/
 +
 +
.Container_Article_Picture {
 +
height: 280px;
 +
width: 100%;
 +
padding-top: 25px;
 +
padding-bottom: 25px;
 +
}
 +
 +
.Article_Picture {
 +
width: 480px;
 +
height: auto;
 +
left: 50%;
 +
right: auto;
 +
background-color: #FFF;
 +
margin: 0 0 0 -240px;
 +
position: absolute;
 +
}
 +
 +
.Article_PictureText {
 +
width: 430px;
 +
height: auto;
 +
padding-left: 25px;
 +
padding-right: 25px;
 +
border-top-width: 2px;
 +
border-top-style: dashed;
 +
border-top-color: #fe5838;
 +
}
 +
 +
.Text_Picture {
 +
font-size: 18px;
 +
font-family: Calibri;
 +
text-align: justify;
 +
line-height: 26px;
 +
color: #08923a;
 +
}
 +
 +
 +
/*-------------------------------------------*/
 +
/*-----------------Articles------------------*/
 +
/*-------------------------------------------*/
 +
 +
#Articles {
 +
width: 100%;
 +
height: auto;
 +
top: -10px;
 +
position: absolute;
 +
background-color: #FFF;
 +
z-index: 1;
 +
color: #000;
 +
}
 +
 +
.ContentBox {
 +
width: 76%;
 +
height: auto;
 +
left: 22%;
 +
right: 2%;
 +
position: absolute;
 +
background-color: #FFF;
 +
}
 +
 +
.Text1 {
 +
font-size: 28px;
 +
font-family: Calibri;
 +
left: 20px;
 +
right: 20px;
 +
padding-top: 80px;
 +
padding-right: 20px;
 +
padding-bottom: 10px;
 +
padding-left: 20px;
 +
border-bottom-width: 2px;
 +
border-bottom-style: dashed;
 +
border-bottom-color: #fe5838;
 +
color: #c00000;
 +
}
 +
 +
.Text2 {
 +
font-size: 24px;
 +
font-family: Calibri;
 +
padding-top: 30px;
 +
padding-right: 50px;
 +
padding-bottom: 10px;
 +
padding-left: 50px;
 +
color: #00b050;
 +
}
 +
 +
.Text3 {
 +
font-size: 20px;
 +
font-family: Calibri;
 +
text-align: justify;
 +
padding-top: 10px;
 +
padding-right: 80px;
 +
padding-bottom: 10px;
 +
padding-left: 80px;
 +
line-height: 26px;
 +
}
 +
 +
.Text_TitleUnderline {
 +
font-size: 22px;
 +
font-family: Calibri;
 +
text-align: justify;
 +
padding-top: 10px;
 +
padding-bottom: 0px;
 +
line-height: 26px;
 +
color: #0070c0;
 +
text-decoration: underline;
 +
}
 +
 +
.Text_italic {
 +
font-style: italic;
 +
}
 +
 +
ol.part1 {
 +
list-style-type: none;
 +
margin-left: 0px;
 +
}
 +
 +
ol.part2 {
 +
list-style-type: decimal;
 +
margin-left: 0px;
 +
}
 +
 +
ol.part2 li {
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 +
}
 +
 +
ol.part3 {
 +
list-style-type: lower-alpha;
 +
}
 +
 +
 +
/*-------------------------------------------*/
 +
/*-------------------Media-------------------*/
 +
/*-------------------------------------------*/
 +
 +
@media screen and (min-width: 0px) and (max-width: 1200px) {
 +
 +
#NTUXLIHPAO_icon {
 +
height: 40px;
 +
width: 200px;
 +
position: absolute;
 +
left: 1%;
 +
top: 18px;
 +
right: auto;
 +
bottom: auto;
 +
z-index: 9999;
 +
}
 +
 +
 +
#width_small {
 +
width: 95px; /*--改主要選單寬度--*/
 +
}
 +
 +
.Slidemenu {
 +
z-index: 9999;
 +
position: absolute;
 +
top: 32px;
 +
bottom: 0px;
 +
left: 49%;
 +
right: auto;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
position: absolute;
 +
margin-left: -320px;
 +
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
 +
}
 +
}
 +
 +
@media screen and (min-width: 901px) and (max-width: 1050px) {
 +
 +
.Container_Bottom2 {
 +
height: 60px;
 +
width: 100%;
 +
padding-top: 10px;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
}
 +
}
 +
 +
@media screen and (min-width: 0px) and (max-width: 900px) {
 +
 +
.Container_Bottom2 {
 +
height: 50px;
 +
width: 100%;
 +
padding-top: 10px;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
}
 +
}
 +
 +
 +
</style>
 +
</head>
 +
 +
 +
<!---------------------------------------->
 +
<!---------------------------------------->
 +
<!------------------BODY------------------>
 +
<!---------------------------------------->
 +
<!---------------------------------------->
 +
 +
<body>
 +
 +
<body>
 +
 +
<div id="Wrapper_Left"></div>
 +
<div id="Wrapper_Right"></div>
 +
 +
<div id="Wrapper">
 +
<div id="Wrapper_TopPic">
 +
<div id="NTUXLIHPAO_icon"><img src="https://static.igem.org/mediawiki/2015/c/c7/NTU-Top-NTUXLIHPAO.png"  height="40" /></div>
 +
<div id="Facebook_icon_pic">
 +
<a href="https://www.facebook.com/NationalTaiwanUniversityiGEM"><img id="Facebook_icon_hover" src="https://static.igem.org/mediawiki/2015/9/98/NTU-Top-Facebook_icon1.png" /></a></div>
 +
<div id="iGEM_icon_pic">
 +
<a href="https://igem.org/Main_Page"><img id="iGEM_icon_hover" src="https://static.igem.org/mediawiki/2015/1/1d/NTU-Top-iGEM_icon1.png" /></a></div>
 +
<div id="NTU_icon_pic">
 +
<a href="http://www.ntu.edu.tw/english/index.html"><img id="NTU_icon_hover" src="https://static.igem.org/mediawiki/2015/1/14/NTU-Top-NTU_icon1.png" /></a></div>
 +
 +
<div class="Slidemenu">
 +
<ul>
 +
<li><div id=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan">Home</a></div>
 +
</li>
 +
 +
<li><div id=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Team">Team</a></div>
 +
</li>
 +
 +
<li><div id=width_small span style="cursor:default"><div id=Position_Now><a>Project</a></div></div>
 +
<ul class="subs">
 +
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Project/Abstract">Abstract</a></li>
 +
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Project/Overview">Overview</a></li>
 +
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Project/Parts">Parts</a></li>
 +
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Project/Results">Results</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><div id=width_small span style="cursor:default"><a>Modeling</a></div>
 +
<ul class="subs">
 +
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Modeling/Abstract">Abstract</a></li>
 +
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Modeling/Simulation">Simulation</a></li>
 +
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Modeling/Results">Results</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><div id=width_small span style="cursor:default"><a>Notebook</a></div>
 +
<ul class="subs">
 +
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Notebook">Note</a></li>
 +
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Protocols">Protocols</a></li>
 +
</ul>
 +
</li>
 +
       
 +
<li><div id=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Safety">Safety</a></div>
 +
</li>
 +
 +
<li><div id=width_large><a href="#">Human Practice</a></div>
 +
<ul class="subs">
 +
<li><a href="#">Sub Item</a></li>
 +
<li><a href="#">Sub Item</a></li>
 +
<li><a href="#">Sub Item</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
<div id="Content_Container">
 +
<div id="Healthin_Logo_Content"><div id="Healthin_Logo"><img src="https://static.igem.org/mediawiki/2015/6/69/Healthin_White.png" style="max-width: 100%; height: auto"/></div></div>
 +
<div id="Content">
 +
<ul class="main-Content">
 +
<li>
 +
<span class="title">Prototype</span>
 +
<ul class="sub-Content">
 +
<li><a href="#First">Prototype</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<span class="title">Main Part</span>
 +
<ul class="sub-Content">
 +
<li><a href="#Second1">Part:BBa_K1841001</a></li>
 +
<li><a href="#Second2">Part:BBa_K1841004</a></li>
 +
<li><a href="#Second3">Part:BBa_K1841007</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<span class="title">Test Part</span>
 +
<ul class="sub-Content">
 +
<li><a href="#Third1">RFP</a></li>
 +
<li><a href="#Third2">His-PYY</a></li>
 +
<li><a href="#Third3">Signal peptide-PYY-His</a></li>
 +
<li><a href="#Third4">Y2R</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<span class="title">Reference</span>
 +
<ul class="sub-Content">
 +
<li><a href="#Fourth">Reference</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
<script>
 +
(function() {
 +
var main_Contents = document.querySelectorAll("ul.main-Content>li");
 +
function ContentOpen(index) {
 +
for (var i = 0; i < main_Contents.length; i++) {
 +
var sub_Content = main_Contents[i].querySelector(".sub-Content");
 +
if (i === index) {
 +
sub_Content.style.height = '13rem';
 +
} else {
 +
sub_Content.style.height = '0';
 +
}
 +
}
 +
}
 +
function makeContentOpenFunc(index) {
 +
return function() {
 +
ContentOpen(index);
 +
};
 +
}
 +
for (var i = 0; i < main_Contents.length; i++) {
 +
main_Contents[i].onclick = makeContentOpenFunc(i);
 +
}
 +
ContentOpen(0);
 +
})();
 +
</script>
 +
 +
<div id="Articles">
 +
<div class="ContentBox">
 +
<div class="ContentHolder">
 +
<div class="Text1">Human Practices</div>
 +
 +
<div class="Text2" id="First">Dig out</div>
 +
<div class="Text3">
 +
At the very beginning of our project, we set our minds on solving real life problems in modern society. It took some time, but we finally reached a consensus. We all agreed that everyone wants to live better, especially healthier lives. However, it seems strange that practically everyone does harm to their own health. So, what is the real problem? What's the appeal in harming oneself? Or is the public simply underinformed? We had absolutely no idea which was true, so we performed a random street survey.
 +
</div>
 +
<div class="Container_Article_Picture">
 +
<div class="Article_Picture">
 +
<img src="https://static.igem.org/mediawiki/2015/9/9a/NTU-Team-nuca.jpg" width="480px"/>
 +
<div class="Article_PictureText"><div class="Text_Picture">Fig.2-2-2 Suicide Kill Part</div></div>
 +
</div>
 +
</div>
 +
<div class="Text3">
 +
This survey is quite simple and has only two purposes: to find out in what aspects of health we can help to improve and to educate people the right thing to do to keep in health. And after standing on street for several days, we collected over 100 questionnaires and finally had a result.
 +
</div>
 +
<div class="Container_Article_Picture">
 +
<div class="Article_Picture">
 +
<img src="https://static.igem.org/mediawiki/2015/9/9a/NTU-Team-nuca.jpg" width="480px"/>
 +
<div class="Article_PictureText"><div class="Text_Picture">Fig.2-2-2 Suicide Kill Part</div></div>
 +
</div>
 +
</div>
 +
<div class="Text3">
 +
Therefore, we set our project this year on helping obese patients, especially those who suffer in morbid obesity and cannot control their own appetite. Also, we realized that most people are ignorant of right things to do to keep in health, which pose a health risk to themselves. Thus, we planed to publicize a better lifestyle.
 +
</div>
 +
 +
<div class="Text2" id="First">Publicize</div>
 +
<div class="Text3">
 +
By feeding information of health on our Facebook fan page, we successfully promote the right things to do to keep in health, and thus, we grow quite an amount of people concerning health issue on our fan page. But we were not satisfied through this, so, we held an event to further promote a healthful lifestyle, face to face.
 +
It was a fantastic event, and we gained a lot of feedbacks, like: 62% said they gained some knowledge through this event, over 32% said they gained a lot; and there was one saying he cannot help but going back home instantly and share the knowledge he gained today to his family and friends! We’re all glad to get those feedbacks and happy that we have done something, though it is small, to impact and educate people.
 +
 +
</div>
 +
 +
 +
<div class="Container_Bottom1"></div>
 +
<div class="Container_Bottom2">
 +
<div class="Intro_Picture">
 +
<div id="NTUschool_logo"><a href="http://www.ntu.edu.tw/english/index.html"><img src="https://static.igem.org/mediawiki/2015/d/de/NTUschool_icon.png"  style="max-width: 100%; max-height: 70px"/></a></div>
 +
<div id="LIHPAO_logo"><a href="http://www.llsc.com.tw/"><img src="https://static.igem.org/mediawiki/2015/d/d4/LIHPAO_logo.png" style="max-width: 100%; max-height: 70px"/></a></div>
 +
<div id="NTUBST_logo"><a href="http://www.bst.ntu.edu.tw/BST-new/NTUBST.html"><img src="https://static.igem.org/mediawiki/2015/6/68/NTUBST_logo.png" style="max-width: 100%; max-height: 70px"/></a></div>
 +
</div>
 +
</div>
 +
<div class="Text_Sponsor">
 +
Maintained by the iGEM team NTU-LIHPAO-Taiwan&nbsp;&nbsp;&nbsp;&nbsp;©2015 NTU-LIHPAO-Taiwan
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<script>
 +
$('.sub-Content>li a').click(function() {
 +
console.log(this.hash);
 +
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {
 +
var target = $('[id="'+this.hash.substring(1)+'"]');
 +
target = target.length ? target : $('[name="' + this.hash.slice(1) +'"]');
 +
if (target.length) {
 +
$('html,body').animate({
 +
scrollTop: target.offset().top-55
 +
}, 700);
 +
return false;
 +
}
 +
}
 +
});
 +
 +
$('.title').click(function() {
 +
console.log(this.hash);
 +
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {
 +
var target = $('[id="'+this.hash.substring(1)+'"]');
 +
target = target.length ? target : $('[name="' + this.hash.slice(1) +'"]');
 +
if (target.length) {
 +
$('html,body').animate({
 +
scrollTop: target.offset().top-55
 +
}, 700);
 +
return false;
 +
}
 +
}
 +
});
 +
 +
$('.Text3 > a').click(function() {
 +
console.log(this.hash);
 +
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {
 +
var target = $('[id="'+this.hash.substring(1)+'"]');
 +
target = target.length ? target : $('[name="' + this.hash.slice(1) +'"]');
 +
if (target.length) {
 +
$('html,body').animate({
 +
scrollTop: target.offset().top-55
 +
}, 700);
 +
return false;
 +
}
 +
}
 +
});
 +
</script>
 
</div>
 
</div>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 10:51, 12 September 2015

NTU-LIHPAO-Taiwan

Human Practices
Dig out
At the very beginning of our project, we set our minds on solving real life problems in modern society. It took some time, but we finally reached a consensus. We all agreed that everyone wants to live better, especially healthier lives. However, it seems strange that practically everyone does harm to their own health. So, what is the real problem? What's the appeal in harming oneself? Or is the public simply underinformed? We had absolutely no idea which was true, so we performed a random street survey.
Fig.2-2-2 Suicide Kill Part
This survey is quite simple and has only two purposes: to find out in what aspects of health we can help to improve and to educate people the right thing to do to keep in health. And after standing on street for several days, we collected over 100 questionnaires and finally had a result.
Fig.2-2-2 Suicide Kill Part
Therefore, we set our project this year on helping obese patients, especially those who suffer in morbid obesity and cannot control their own appetite. Also, we realized that most people are ignorant of right things to do to keep in health, which pose a health risk to themselves. Thus, we planed to publicize a better lifestyle.
Publicize
By feeding information of health on our Facebook fan page, we successfully promote the right things to do to keep in health, and thus, we grow quite an amount of people concerning health issue on our fan page. But we were not satisfied through this, so, we held an event to further promote a healthful lifestyle, face to face. It was a fantastic event, and we gained a lot of feedbacks, like: 62% said they gained some knowledge through this event, over 32% said they gained a lot; and there was one saying he cannot help but going back home instantly and share the knowledge he gained today to his family and friends! We’re all glad to get those feedbacks and happy that we have done something, though it is small, to impact and educate people.
Maintained by the iGEM team NTU-LIHPAO-Taiwan    ©2015 NTU-LIHPAO-Taiwan