Difference between revisions of "Team:USTC/Demonstrate"

(Prototype team page)
 
Line 1: Line 1:
−
{{USTC}}
+
<html lang="en">
 +
<head>
 +
<meta charset="UTF-8">
 +
<title>子网页测试-队员</title>
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:USTC/css/materializechild2?action=raw&ctype=text/css">
 +
<script src="https://2017.igem.org/Template:USTC/js/jquery?action=raw&ctype=text/javascript""></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Template:USTC/js/materialize?action=raw&ctype=text/javascript"></script>
 +
<style type="text/css">
 +
                a{
 +
text-decoration:none!important;
 +
}
 +
                .table_name1{
 +
                background-color:#ee6e73 ; 
 +
}
 +
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;
 +
                }
  
−
<html>
+
.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}
  
 +
.bg_all{background-color: #FFFFF3}
  
 +
.card_name1{
 +
font-size: 13px!important;
 +
font-weight: bold;
 +
line-height: 110%;
 +
margin: 0.82rem 0 0.656rem 0;
  
−
<div class="column full_size judges-will-not-evaluate">
+
}
−
<h3>★  ALERT! </h3>
+
               
−
<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>
+
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
−
<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>
+
margin: 0!important;
−
</div>
+
}
−
<div class="clear"></div>
+
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;
 +
}
  
 +
</style>
 +
<script type="text/javascript">
  
−
<div class="column full_size">
+
$(document).ready(function(){
−
<h1>Demonstrate</h1>
+
    $('.scrollspy').scrollSpy();
−
<h3>Gold Medal Criterion #4</h3>
+
    $(".button-collapse").sideNav();
  
−
<p>
+
    // $(".bold>a").click(function(){
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve a their gold medals!
+
    // changeIcon($(this));
−
</p>
+
    // })
 +
  });
 +
 +
// 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')")
 +
// }
 +
// }
 +
// }
  
−
<p>
 
−
Please see the <a href="https://2017.igem.org/Judging/Medals">2017 Medals Page</a> for more information.
 
−
</p>
 
  
 +
 +
</script>
  
−
</div>
+
</head>
 +
<body>
 +
<header>
 +
<nav class="top-nav">
 +
<div class="container">
 +
<div class="nav-wrapper"><a class="page-title">Demonstate</a>
 +
</div>
 +
</div>
 +
</nav>
  
 +
<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>
 +
  
−
<div class="column half_size">
+
<li class="no-padding">
 +
          <ul class="collapsible collapsible-accordion">
  
−
<h4> What should we do for our demonstration?</h4>
+
            <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>
  
−
<h5> Standard teams </h5>
+
            <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>
  
−
<p>  
+
            <li class="bold honeydew_choosed"><a class="collapsible-header  waves-effect waves-teal">Parts</a>
−
If you have built a proof of concept system, you can demonstrate it working under real world conditions. If you have built a biological device that is intended to be a sensor, can you show it detecting whatever it is intended to sense. If it is intended to work in the field, you can show how this might work using a simulated version in the lab, or a simulation of your device in the field.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
              <div class="collapsible-body">
−
</p>
+
                <ul>
−
</div>
+
                  <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>
  
−
<div class="column half_size">
+
            <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>
  
−
<br>
+
            <li class="bold lemonchiffon_choosed"><a class="collapsible-header  waves-effect waves-teal">Human Practice</a>
−
<h5> Special track teams </h5>
+
              <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>
  
−
<p>
+
            <li class="bold1 cornsilk_choosed">
−
Special track teams can achieve this medal criterion by bringing their work to the Jamboree and showcasing it in the track event. Art & Design, Measurement, Hardware and Software tracks will all have showcase events at the Giant Jamboree.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
<a href="https://2017.igem.org/Team:USTC/Collaborations" class="waves-effect waves-teal">Collaborations</a>
−
</p>
+
</li>
  
 +
<li class="bold1 seashell_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Achievements" class="waves-effect waves-teal">Achievements</a>
 +
</li>
  
−
</div>
+
<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">Proof for every system</p>
 +
                                                        <br>
 +
           
 +
</div>
 +
<div >
 +
                                                        <br>
 +
        <p id="second" class="scrollspy label label-pink">Biological Device</p>
 +
                                                        <br>
 +
</div>
 +
<div >
 +
                                                        <br>
 +
        <p id="third" class="scrollspy label label-pink">Result</p>
 +
                                                        <br>
 +
</div>
 +
 +
                                        <div>
 +
                                                  <br>
 +
  <p id="fourth" class="scrollspy label label-pink">Discussion</p>
 +
                                                  <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">Proof for every system</a></li>
 +
<li><a href="#second">Biological Device</a></li>
 +
<li><a href="#third">Result</a></li>
 +
<li><a href="#fourth">Discussion</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:55, 24 October 2017

子网页测试-队员


Proof for every system



Biological Device



Result



Discussion


Sponsored by
Contact us