Difference between revisions of "Team:NCTU Formosa/Practices"

(Prototype team page)
 
 
(130 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
{{NCTU_Formosa}}
+
{{Team:NCTU_Formosa/navigation}}
 +
 
 
<html>
 
<html>
 +
<head>
 +
<style tpe=text/css>
 +
/* v1.0 | 20080212 */
  
−
<h2> Human Practices </h2>
+
html, body, div, span, applet, object, iframe,
 +
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 +
a, abbr, acronym, address, big, cite, code,
 +
del, dfn, em, font, img, ins, kbd, q, s, samp,
 +
small, strike, strong, sub, tt, var,
 +
b, u, i, center,
 +
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
 +
    vertical-align: baseline;
 +
    background: transparent;
 +
}
 +
body {
 +
    line-height: 1;
 +
}
 +
ol, ul {
 +
    list-style: none;
 +
}
 +
blockquote, q {
 +
    quotes: none;
 +
}
 +
blockquote:before, blockquote:after,
 +
q:before, q:after {
 +
    content: '';
 +
    content: none;
 +
}
  
−
<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>
+
/* remember to define focus styles! */
−
<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>
+
:focus {
−
<p>For more information, please see the <a href="https://2015.igem.org/Practices_Hub">Practices Hub</a>.</p>
+
    outline: 0;
 +
}
  
−
<div class="highlightBox">
+
/* remember to highlight inserts somehow! */
−
<h4>Note</h4>
+
ins {
−
<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>
+
    text-decoration: none;
−
<ul>
+
}
−
<li>Human Practices silver medal criterion</li>
+
del {
−
<li>Human Practices gold medal criterion</li>
+
    text-decoration: line-through;
−
<li>Best Integrated Human Practices award</li>
+
}
−
<li>Best Education and Public Engagement award</li>
+
−
</ul>
+
−
</div>
+
  
 +
/* tables still need 'cellspacing="0"' in the markup */
 +
table {
 +
    border-collapse: collapse;
 +
    border-spacing: 0;
 +
}
  
−
<h5>Some Human Practices topic areas </h5>
+
.p01{
−
<ul>
+
background-color: #FF3333;
−
<li>Philosophy</li>
+
position:relative;
−
<li>Public Engagement / Dialogue</li>
+
height:70vh;
−
<li>Education</li>
+
width:100%;
−
<li>Product Design</li>
+
left:0vw;
−
<li>Scale-Up and Deployment Issues</li>
+
opacity:0.7;
−
<li>Environmental Impact</li>
+
}
−
<li>Ethics</li>
+
.p02{
−
<li>Safety</li>
+
background-color:#FCFCDE;
−
<li>Security</li>
+
position:relative;
−
<li>Public Policy</li>
+
width:100%;
−
<li>Law and Regulation</li>
+
}
−
<li>Risk Assessment</li>
+
.background1{
−
</ul>
+
background-image:url("https://static.igem.org/mediawiki/2015/8/8d/NCTU_Formosa_E.cotector1.png");
 +
background-repeat:no-repeat;
 +
background-position:center 13vh;
 +
position:relative;
 +
height:70vh;
 +
width:40vw;
 +
background-size:55%;
 +
top:0vh;
 +
left:10vw;
 +
opacity:1.0;
 +
float:left;
 +
}
 +
 +
.background2{
 +
background-image:url("https://static.igem.org/mediawiki/2015/5/59/Policy_and_Practice.png");
 +
background-repeat:no-repeat;
 +
background-position:center;
 +
position:relative;
 +
height:100vh;
 +
width:80vw;
 +
margin:0 auto;
 +
background-size:80%;
 +
top:0vh;
 +
left:0vw;
 +
opacity:0.9;
 +
}
 +
 +
.title{
 +
font-family:Arial;
 +
font-size:33pt;
 +
position:relative;
 +
right:20vw;
 +
top:33vh;
 +
color:#fff;
 +
z-index:100;
 +
float:right;
 +
text-align:center;
 +
}
  
−
<h5>What should we write about on this page?</h5>
+
.content{
−
<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>
+
font-family:Arial;
 +
font-size:20pt;
 +
width:60vw;
 +
margin:0 auto;
 +
left:20vw;
 +
right:20vw;
 +
top:9vh;
 +
color:#000;
 +
text-align: justify;
 +
padding-top:6vh;
 +
padding-bottom:8vh;
 +
}
 +
.goto{
 +
position:relative;
 +
padding-left:20vw;
 +
padding-top:3vh;
 +
float:left;
 +
z-index:100;
 +
}
 +
.goto a{
 +
text-decoration:none;
 +
color:#000;
 +
}
 +
.goto1{
 +
position:relative;
 +
padding-left:76vw;
 +
padding-top:3vh;
 +
}
 +
.goto1 a{
 +
text-decoration:none;
 +
color:#000;
 +
}
 +
p{
 +
text-indent: 40px;
 +
font-family:Arial;
 +
font-size:14pt;
 +
position:relative;
 +
color:#000;
 +
text-align: justify;
 +
LINE-HEIGHT:25pt;
 +
}
 +
h1{
 +
font-size:25pt;
 +
text-align: center;
 +
}
 +
h2{
 +
font-size:20pt;
 +
padding-top:2vh;
 +
text-align: center;}
 +
.image{
 +
mragin:0 auto;
 +
width:auto;
 +
text-align:center;
 +
font-size:11pt;
 +
padding-top:50px;
 +
padding-bottom:50px;
 +
}
 +
.reference{
 +
font-size:10pt;
 +
position:relative;
 +
border-top:#999 1px solid;
 +
text-align:left;
 +
}
 +
.text_pro{
 +
width:20vw;
 +
position:absolute;
 +
top:10vh;
 +
left:52vw;
 +
font-size:1.8em;
 +
text-align:center;
 +
}
 +
.text_exch{
 +
width:22vw;
 +
position:absolute;
 +
top:52vh;
 +
left:-5vw;
 +
font-size:1.8em;
 +
text-align:center;
 +
}
 +
.text_con{
 +
width:20vw;
 +
position:absolute;
 +
top:61vh;
 +
left:65vw;
 +
font-size:1.8em;
 +
text-align:center;
 +
}
  
 +
</style>
 +
</head>
 +
<body>
 +
<div class="p01">
 +
<div class="background1"></div>
 +
<div class="title">Policy and Practices</div>
 +
</div>
 +
<div class="p02">
 +
    <div class="background2">
 +
<div class="text_pro">
 +
Be Bald !<br><br>
 +
BioCamp<br><br>
 +
Questionnaire<br><br>
 +
<a href="https://2015.igem.org/Team:NCTU_Formosa/Promotion" style="font-size:1.2em;">See more</a>
 +
</div>
 +
<div class="text_exch">
 +
 +
                Participate Newsletter<br><br>
 +
Mini Conference<br><br>
 +
Skype Meetup<br><br>
 +
                Held 2015 iGEM Asian Conference<br><br>
 +
<a href="https://2015.igem.org/Team:NCTU_Formosa/Teamexchange" style="font-size:1.2em;">See more</a>
 +
</div>
 +
<div class="text_con">
 +
Economical: ApexBio<br><br>
 +
Legal: The institute of technology science<br><br>
 +
Clinical: Doctors and Patients <br><br>
 +
<a href="https://2015.igem.org/Team:NCTU_Formosa/ApexBio" style="font-size:1.2em;">See more</a>
 +
</div>
 +
</div>
  
−
<h5>Inspiration</h5>
 
−
<p>Read what other teams have done:</p>
 
−
<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>
 
  
−
<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>
 
−
 
−
<h3>Education and Public Engagement</h3>
 
−
 
−
<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>
 
  
 +
<div class="goto">
 +
<a href="https://2015.igem.org/Team:NCTU_Formosa/Project"><img src="https://static.igem.org/mediawiki/2015/3/3c/%E7%AE%AD%E9%A0%AD1.png"; width=50vw;><br><br>Back to project</a>
 
</div>
 
</div>
 +
<div class="goto1">
 +
<a href="https://2015.igem.org/Team:NCTU_Formosa/Design"><img src="https://static.igem.org/mediawiki/2015/c/c2/%E7%AE%AD%E9%A0%AD2.png"; width=50vw;><br><br>Go to Design</a>
 +
</div>
 +
</div>
 +
 +
</body>
 
</html>
 
</html>
 +
{{Team:NCTU_Formosa/footer}}

Latest revision as of 01:10, 19 September 2015

Policy and Practices
Be Bald !

BioCamp

Questionnaire

See more
Participate Newsletter

Mini Conference

Skype Meetup

Held 2015 iGEM Asian Conference

See more
Economical: ApexBio

Legal: The institute of technology science

Clinical: Doctors and Patients

See more


Back to project


Go to Design