Difference between revisions of "Team:USTC/Description"

(Prototype team page)
 
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;
 +
}
 +
                .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;
 +
                }
  
 +
.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}
  
−
<div class="column full_size">
+
.card_name1{
−
<h1>Description</h1>
+
font-size: 13px!important;
 +
font-weight: bold;
 +
line-height: 110%;
 +
margin: 0.82rem 0 0.656rem 0;
  
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</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;
 +
}
  
 +
</style>
 +
<script type="text/javascript">
  
−
<h5>What should this page contain?</h5>
+
$(document).ready(function(){
−
<ul>
+
    $('.scrollspy').scrollSpy();
−
<li> A clear and concise description of your project.</li>
+
    $(".button-collapse").sideNav();
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
−
<li>References and sources to document your research.</li>
+
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
−
</ul>
+
  
 +
    // $(".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>
 
  
−
<div class="column full_size" >
+
 +
</script>
  
−
<h5>Advice on writing your Project Description</h5>
+
</head>
 +
<body>
 +
<header>
 +
<nav class="top-nav">
 +
<div class="container">
 +
<div class="nav-wrapper"><a class="page-title">Achievements</a>
 +
</div>
 +
</div>
 +
</nav>
  
−
<p>
+
<div class="container">
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be consist, accurate and unambiguous in your achievements.  
+
<a href="#" data-activates="nav-mobile" class="button-collapse top-nav full hide-on-large-only ">
−
</p>
+
<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>
 +
  
−
<p>
+
<li class="no-padding">
−
Judges like to read your wiki and know exactly what you have achieved. This is how you should think about these sections; from the point of view of the judge evaluating you at the end of the year.
+
          <ul class="collapsible collapsible-accordion">
−
</p>
+
  
−
</div>
+
            <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>
  
−
<div class="column half_size" >
+
            <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>
  
−
<h5>References</h5>
+
            <li class="bold ivory_choosed"><a class="collapsible-header waves-effect waves-teal">Notebook</a>
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
+
              <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>
  
−
<div class="column half_size" >
+
<li class="bold1 seashell_choosed">
−
<h5>Inspiration</h5>
+
<a href="https://2017.igem.org/Team:USTC/Achievements" class="waves-effect waves-teal">Achievements</a>
−
<p>See how other teams have described and presented their projects: </p>
+
</li>
  
−
<ul>
+
<li class="bold1 lavenderblush_choosed">
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Description">2016 Imperial College</a></li>
+
<a href="https://2017.igem.org/Team:USTC/Team" class="waves-effect waves-teal">Team</a>
−
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
+
</li>
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> 2014 UC Davis</a></li>
+
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">2014 SYSU Software</a></li>
+
−
</ul>
+
−
</div>
+
  
 +
<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">Background</p>
 +
                                                        <br>
 +
           
 +
</div>
 +
 +
                                        <div>
 +
                                                  <br>
 +
  <p id="second" class="scrollspy label label-pink">Design Summary</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">Background</a></li>
 +
<li><a href="#second">Design Summary</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:47, 24 October 2017

子网页测试-队员


Background



Design Summary


Sponsored by
Contact us