Difference between revisions of "Team:USTC/HP/Silver"

(Prototype team page)
 
Line 1: Line 1:
−
{{USTC}}
+
<html lang="en">
−
<html>
+
<head>
−
<div class="column full_size judges-will-not-evaluate">
+
<meta charset="UTF-8">
−
<h3>★  ALERT! </h3>
+
<title>子网页测试-队员</title>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:USTC/css/materializechild2?action=raw&ctype=text/css">
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
<script src="https://2017.igem.org/Template:USTC/js/jquery?action=raw&ctype=text/javascript""></script>
−
</div>
+
<script type="text/javascript" src="https://2017.igem.org/Template:USTC/js/materialize?action=raw&ctype=text/javascript"></script>
−
<div class="clear"></div>
+
<style type="text/css">
 +
                a{
 +
text-decoration:none!important;
 +
}
 +
nav.top-nav{
 +
height: 130px;
 +
    -webkit-box-shadow: none;
 +
    box-shadow: none;
 +
}
 +
.logo-container{
 +
width: 130px;
 +
height: 130px;
 +
margin-left: 30px;
 +
}
 +
.bold>a{
 +
background-image: url(https://static.igem.org/mediawiki/2017/a/ae/Ustc_2017_label_16px.png);
 +
background-repeat: no-repeat;
 +
background-position: 5px center;
 +
}
 +
.section{
 +
                position:unset!important;
 +
                }
  
 +
.label {
 +
display: inline;
 +
padding: .3em .6em .3em;
 +
font-size: 120%;
 +
font-weight: 700;
 +
line-height: 1;
 +
color: #fff;
 +
text-align: left;
 +
white-space: nowrap;
 +
vertical-align: baseline;
 +
border-radius: .25em;
 +
  }
 +
  .label-pink {
 +
  background-color:#ee6e73 ;
 +
                font-size:18px!important;
 +
}
 +
 
 +
.label-lavender {
 +
  background-color:#E6E6FA ;
 +
}
 +
.label-Aliceblue {
 +
  background-color:#F0F8FF ;
 +
}
 +
.label-azure {
 +
  background-color:#F0FFFF ;
 +
}
 +
.label-mintcream {
 +
  background-color:#F5FFFA ;
 +
}
 +
.label-ivory {
 +
  background-color:#FFFFF0 ;
 +
}
 +
.label-lemonchiffon {
 +
  background-color:#FFFACD ;
 +
}
 +
.label-cornsilk {
 +
  background-color:#FFF8DC ;
 +
}
 +
.label-seashell {
 +
  background-color:#FFF5EE ;
 +
}
 +
.label-lavenderblush {
 +
  background-color:#FFF0F5 ;
 +
}
 +
.label-mistyrose {
 +
  background-color:#FFE4E1 ;
 +
}
 +
 +
.lavender_choosed,.lavender_choosed.active{background-color:#DA7272 ;}
 +
.Aliceblue_choosed,.Aliceblue_choosed.active{background-color: #DE8080}
 +
.azure_choosed,.azure_choosed.active{background-color: #E28E8E}
 +
.mintcream_choosed,.mintcream_choosed.active{background-color: #E49595}
 +
.honeydew_choosed,.lavender_choosed.active{background-color:#E59C9C;}
 +
.ivory_choosed,.ivory_choosed.active{background-color: #E7A3A3}
 +
.lemonchiffon_choosed,.lemonchiffon_choosed.active{background-color: #E9AAAA}
 +
.cornsilk_choosed,.cornsilk_choosed.active{background-color: #EBB1B1}
 +
.seashell_choosed,.seashell_choosed.active{background-color: #EDB8B8}
 +
.lavenderblush_choosed,.lavenderblush_choosed.active{background-color: #EFC0C0}
 +
.mistyrose_choosed,.mistyrose_choosed.active{background-color: #F1C7C7}
  
−
<div class="column full_size">
+
.bg_all{background-color: #FFFFF3}
  
−
<h1>Silver Medal Human Practices</h1>
+
.card_name1{
−
<p>iGEM teams are leading in the area of Human Practices because they conduct their projects within a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
font-size: 13px!important;
−
<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>
+
font-weight: bold;
−
<p>For more information, please see the <a href="https://2017.igem.org/Competition/Human_Practices">Human Practices page</a>.</p>
+
line-height: 110%;
−
</div>
+
margin: 0.82rem 0 0.656rem 0;
  
−
<div class="clear"></div>
+
}
 +
               
 +
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
 +
margin: 0!important;
 +
}
 +
a.button-collapse.top-nav{
 +
top:57px!important;
 +
}
 +
.card-content{
 +
                        padding:6px!important;
 +
font-size: 14px!important;
 +
text-align:unset!important;
 +
        }
 +
        #HQ_page p{
 +
       
 +
        text-align: unset!important;
 +
        }
 +
        #sidenav-overlay{
 +
        display: none!important;
 +
        }
 +
ul.section.table-of-contents{
 +
list-style-image:none!important;
 +
                        position: fixed!important;
 +
}
 +
ul.collapsible.collapsible-accordion{
 +
list-style-image:none!important;
 +
}
 +
ul#nav-mobile{
 +
list-style-image:none!important;
 +
}
 +
ul#nav-mobile.side-nav.fixed{
 +
width: 210px!important;
 +
}
 +
#top_title{
 +
  display: none!important;
 +
}
 +
#sideMenu{
 +
  display: none!important;
 +
}
 +
#content{
 +
  width: auto!important;
 +
  padding: 0!important;
 +
  margin-top: -24px!important;
 +
  margin-left: 0!important;
 +
}
  
−
<div class="column half_size">
+
</style>
−
<h3>Silver Medal Criterion #3</h3>
+
<script type="text/javascript">
−
<p>Convince the judges you have thought carefully and creatively about whether your work is safe, responsible and good for the world. You could accomplish this through engaging with your local, national and/or international communities or other approaches. Please note that standard surveys will not fulfill this criteria.</p>
+
−
</div>
+
  
−
<div class="column half_size">
+
$(document).ready(function(){
−
<h5>Some Human Practices topic areas </h5>
+
    $('.scrollspy').scrollSpy();
−
<ul>
+
    $(".button-collapse").sideNav();
−
<li>Philosophy</li>
+
−
<li>Public Engagement / Dialogue</li>
+
−
<li>Education</li>
+
−
<li>Product Design</li>
+
−
<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>
+
−
</div>
+
  
 +
    // $(".bold>a").click(function(){
 +
    // changeIcon($(this));
 +
    // })
 +
  });
 +
 +
// function changeIcon(main_node){
 +
// if (main_node) {
 +
// if (main_node.css("background-image").indexOf("https://static.igem.org/mediawiki/2017/a/ae/Ustc_2017_Triangle_right_16px.png")>=0) {
 +
// main_node.css("background-image","url('https://static.igem.org/mediawiki/2017/6/60/Ustc_2017_Triangle_down_16px.png')")
 +
// }
 +
// else{
 +
// main_node.css("background-image","url('https://static.igem.org/mediawiki/2017/a/ae/Ustc_2017_Triangle_right_16px.png')")
 +
// }
 +
// }
 +
// }
  
−
<div class="column half_size">
 
−
<h5>What should we write about on this page?</h5>
 
−
<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). This should include all of the work done for the Silver Medal Criterion #3. Details for your Gold medal work and/or work for the two Human Practices special prizes should be put on those specified pages.</p>
 
−
</div>
 
  
 +
 +
</script>
  
−
<div class="column half_size">
+
</head>
−
<h5>Inspiration</h5>
+
<body>
−
<p>Read what other teams have done:</p>
+
<header>
−
<ul>
+
<nav class="top-nav">
−
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
+
<div class="container">
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
+
<div class="nav-wrapper"><a class="page-title">Achievements</a>
−
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
+
</div>
−
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
+
</div>
−
</ul>
+
</nav>
−
</div>
+
  
 +
<div class="container">
 +
<a href="#" data-activates="nav-mobile" class="button-collapse top-nav full hide-on-large-only ">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a2/Ustc_2017_menu_32px.png">
 +
</a>
 +
</div>
 +
<ul id="nav-mobile" class="side-nav fixed">
 +
<li class="logo" style="border-bottom: 2px solid #ee6e73">
 +
<div class="logo-container" >
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/8/89/Ustc_2017team_logo.png/900px-Ustc_2017team_logo.png" width="100%" height="100%">
 +
</div>
 +
</li>
 +
<li class="bold1 lavender_choosed">
 +
<a href="https://2017.igem.org/Team:USTC" class="waves-effect waves-teal">Home</a>
 +
</li>
 +
  
 +
<li class="no-padding">
 +
          <ul class="collapsible collapsible-accordion">
  
 +
            <li class="bold Aliceblue_choosed"><a class="collapsible-header  waves-effect waves-teal">Project</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Description">Description</a></li>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Design">Design</a></li>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Results">Results</a></li>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Demonstrate">Demonstrate</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
 +
            <li class="bold1 azure_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Safety" class="waves-effect waves-teal">Safety</a>
 +
</li>
 +
<li class="bold1 mintcream_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Model" class="waves-effect waves-teal">Model</a>
 +
</li>
 +
 +
            <li class="bold honeydew_choosed"><a class="collapsible-header  waves-effect waves-teal">Parts</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Parts">Parts</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Basic_Part">Basic Parts</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Composite_Part">Composite Parts</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Contribution">Contributions</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Improve">Improve</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
 +
            <li class="bold ivory_choosed"><a class="collapsible-header waves-effect waves-teal">Notebook</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Notebook">Experiment Log</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Experiments">Experiments</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
 +
            <li class="bold lemonchiffon_choosed"><a class="collapsible-header  waves-effect waves-teal">Human Practice</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/HP/Silver">Silver HP</a></li>
 +
                  <li style="font-size: 16px"><a href="https://2017.igem.org/Team:USTC/HP/Gold_Integrated">Integrated and Gold</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Engagement">Public Engagement</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
 +
            <li class="bold1 cornsilk_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Collaborations" class="waves-effect waves-teal">Collaborations</a>
 +
</li>
 +
 +
<li class="bold1 seashell_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Achievements" class="waves-effect waves-teal">Achievements</a>
 +
</li>
 +
 +
<li class="bold1 lavenderblush_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Team" class="waves-effect waves-teal">Team</a>
 +
</li>
 +
 +
<li class="bold1 mistyrose_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Attributions" class="waves-effect waves-teal">Attributions</a>
 +
</li>
 +
 +
          </ul>
 +
        </li>
 +
 +
 +
 +
</ul>
 +
</header>
 +
<main>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col s12 m11 110">
 +
<div >
 +
                                                        <br>
 +
        <p id="first" class="scrollspy label label-pink">Bronze</p>
 +
                                                        <br>
 +
</div>
 +
<div >
 +
                                                        <br>
 +
        <p id="second" class="scrollspy label label-pink">Silver</p>
 +
                                                        <br>
 +
</div>
 +
 +
                                        <div>
 +
                                                  <br>
 +
  <span id="third" class="scrollspy label label-pink">Gold</span>
 +
                                                  <br>
 +
<div class="row1">
 +
 +
  <div class="col s6">
 +
  <img  style="padding-bottom: 40px;" src="https://static.igem.org/mediawiki/2017/8/8d/Card_blank.jpg" width="100%">
 +
      </div>
 +
    </div>
 +
</div>
 +
 +
 +
</div>
 +
<div class="col hide-on-small-only m1 12" >
 +
<div class="toc-wrapper pinner" style="margin-left: 80px">
 +
<div>
 +
<ul class="section table-of-contents">
 +
<li><a href="#first">Bronze</a></li>
 +
<li><a href="#second">Silver</a></li>
 +
<li><a href="#third">Gold</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</main>
 +
<footer class="page-footer">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col s6">
 +
<h5>Sponsored by</h5>
 +
<img src="https://static.igem.org/mediawiki/2017/4/49/Ustc_USTCIF.jpg" width="8%" height="8%">
 +
<img src="https://static.igem.org/mediawiki/2017/4/4f/Ustc_ustc_teach.png" width="45%" height="78%">
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/6/65/Ustc_ustc_bio.jpg/1200px-Ustc_ustc_bio.jpg.png" width="45%" height="77%" style="margin-bottom: -7px">
 +
</div>
 +
<div class="col s6">
 +
<h5>Contact us</h5>
 +
              <div class="contactbox">
 +
                <a class="cardbox" href="mailto:leung@mail.ustc.enu.cn"><img src="https://static.igem.org/mediawiki/2017/3/33/Ustc_mail.png" ></a>
 +
              <a class="cardbox" href="http://weibo.com/u/6179287269?refer_flag=1001030102_&is_hot=1#_loginLayer_1507990419608"><img src="https://static.igem.org/mediawiki/2017/a/a3/Ustc_sina.png"></a>
 +
              </div>         
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 +
</body>
 
</html>
 
</html>

Revision as of 12:59, 23 October 2017

子网页测试-队员


Bronze



Silver



Gold
Sponsored by
Contact us