Difference between revisions of "Team:USTC/Experiments"

(Prototype team page)
 
 
(21 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{USTC}}
+
<html lang="en">
−
<html>
+
<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;
 +
}
 +
                  nav a {
 +
              font-size: 36pt!important;
 +
                  }
 +
                footer{margin-top: -20px;}
 +
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;
 +
                }
 +
                .italic{
 +
              font-style: italic;
 +
              }
 +
              @media only screen and (max-width: 992px) {
 +
  nav .nav-wrapper {
 +
  margin-left:-110px;
 +
  }
 +
}
 +
              nav a{font-size:36pt!important}
 +
              #static_word a{font-weight: bold;}
 +
#static_word a:hover{background: #fff!important};
 +
              .massive{
 +
              font-size: 230%!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>Experiments</h1>
+
.card_name1{
−
<p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.</p>
+
font-size: 13px!important;
 +
font-weight: bold;
 +
line-height: 110%;
 +
margin: 0.82rem 0 0.656rem 0;
  
−
<p>
+
}
−
Please remember to put all characterization and measurement data for your parts on the corresponding Registry part pages.  
+
               
−
</p>
+
.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>
+
</style>
 +
<script type="text/javascript">
  
−
<div class="column half_size">
+
$(document).ready(function(){
−
<h5>What should this page contain?</h5>
+
    $('.scrollspy').scrollSpy();
−
<ul>
+
    $(".button-collapse").sideNav();
−
<li> Protocols </li>
+
−
<li> Experiments </li>
+
−
<li> Documentation of the development of your project </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">
+
</script>
−
<h5>Inspiration</h5>
+
</head>
−
<ul>
+
<body>
−
<li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
+
<header>
−
<li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
+
<nav class="top-nav">
−
<li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
+
<div class="container">
−
</ul>
+
<div class="nav-wrapper"><a class="page-title">Experiments</a>
−
</div>
+
</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="clear"></div>
+
<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/Demonstrate">Results</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Demonstrate/1">&nbsp;&nbsp;>Conduction</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Demonstrate/2">&nbsp;&nbsp;>Photocatalyst</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Demonstrate/3">&nbsp;&nbsp;>Harvest</a></li>
 +
                 
 +
                </ul>
 +
              </div>
 +
            </li>
  
−
<div class="column half_size">
+
            <li class="bold1 azure_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Safety" class="waves-effect waves-teal">Safety</a>
 +
</li>
 +
<li class="bold honeydew_choosed"><a class="collapsible-header  waves-effect waves-teal">Model</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Model">Overview</a></li>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Model/2">DLA Crystal</a></li>
 +
                  <li id="static_word" class="bg_all"><a>Electron transfer</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Model/4">&nbsp;&nbsp;>Semi-conductor</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Model/3">&nbsp;&nbsp;>Markov</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Model/1">&nbsp;&nbsp;>MeCiM</a></li>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Model/5">UPEP</a></li>
 +
                </ul>
 +
              </div>
 +
            </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>
  
−
</div>
+
            <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">Protocols</p><br><br>
 +
        <a href="https://static.igem.org/mediawiki/2017/f/f9/USTC-note-pro.pdf" class="indent_word">Click here to check out the protocols of our experiments!</a>
 +
                                                        <br><br><br>
 +
</div>
 +
<div >
 +
                                                        <br>
 +
        <p id="second" class="scrollspy label label-pink">Materials</p><br><br>
 +
        <a href="https://static.igem.org/mediawiki/2017/d/dd/USTC-note-mat.pdf" class="indent_word">Click here to check out the preparation for different materials we have used!</a>
 +
                                                        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 +
</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">Protocols</a></li>
 +
<li><a href="#second">Materials</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: -12px">
 +
</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>

Latest revision as of 15:21, 29 October 2017

子网页测试-队员

Sponsored by
Contact us